.top-wrapper img.satelit {
  position: absolute;
  top: 400px;
  left: -100px;
  width: 60px;
  z-index: 4;
}
/* Inceput header */
.header-wrapper {
  position: relative;
  width: 100%;
}

.header-wrapper .header {
  position: relative;
  padding: 10px 0 10px;
  margin: 0 auto;
  height: 100px;
  width: 960px;

}
.header-inner {
  position: absolute;
  width: 100%;

  height: 100px;

  z-index: 100;
  height: 120px;
}

.header-wrapper .header a.logo {
    background: url("../images/logo.png") no-repeat scroll 2px 0 transparent;
    display: block;
    height: 74px;
    position: relative;
    top: 11px;
    width: 242px;
    z-index: 200;
}

.header-wrapper .header ul {
  display: block;
  position: absolute;
  right: 0;
  width: 885px;
  height: 100px;
  background: url(../images/bg-meniu-principal.png) 0 62px repeat-x;
    z-index: 100;
}

.header-wrapper .header ul li {
  float: right;
  position: relative;
  display: block;
  margin: 0 0 0 20px;
}
.header-wrapper .header ul li.backLava {
  background: url(../images/bg-meniu-principal-li-active.png) 50% 57px no-repeat scroll;
}

.header-wrapper .header ul li a {
  transition: background-position 300ms ease 100ms;
  -webkit-transition:background-position 300ms ease 100ms;
  -moz-transition:background-position 300ms ease 100ms;
  -o-transition:background-position 300ms ease 100ms;
  display: block;
  position: relative;
  padding: 70px 3px 3px;
  text-align:center;
  background-repeat: no-repeat;
  background-position: 50% 30px;
  -transition:
}
.header-wrapper .header ul li a:hover {
  background-position: 50% 25px;
}

.header-wrapper .header ul li a span {
  text-align: center;
  display: block;
  font: normal 12px/12px "izzisale", Arial;
  color: #fff;
  text-transform: uppercase;
}
.header-wrapper .header ul li a.home {
  background-image: url(../images/home_icon.png);
}
.header-wrapper .header ul li a.despre_noi {
  background-image: url(../images/icon_despre_noi.png);
}
.header-wrapper .header ul li a.centru_informativ {
  background-image: url(../images/ecommerce_icon.png);
}
.header-wrapper .header ul li a.servicii {
  background-image: url(../images/facilitati_icon.png);
}
.header-wrapper .header ul li a.portofoliu {
  background-image: url(../images/portofoliu_icon.png);
}
.header-wrapper .header ul li a.contact {
  background-image: url(../images/contact_icon.png);
}

/* bannere */
.bannere-wrapper {
  position: relative;
  width: 100%;
  background: #fff;
  overflow: hidden;
  border:0;
  border-bottom: 5px solid #b7b7b7;
}
.bannere-wrapper .banner {
  position: relative;
  width: 960px;
  height: 500px;
  margin: 0 auto;
}


.bannere-wrapper .banner img.imagine-banner {
    bottom: -70px;
    left: -707px;
    position: absolute;
    z-index: 19;
}
.bannere-wrapper .banner .casete-text{
  position: absolute;
  top: 184px;
  left: 0;
  width: 100%;
  height: 200px;
}

.bannere-wrapper .banner .caseta-text {
  position: absolute;
  z-index: 21;
  display: none;
}
.satelit {
    background: url(../images/satellit.png) -100px 400px no-repeat;
    height: 550px;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 20;
}

.bannere-wrapper .banner .caseta-text .i-slap-bitch-ecommerce-platforms {
  position: absolute;
  top: -46px;
  left: 49px;
  background: url(../images/sprites-izzisale.png) -455px -222px no-repeat scroll;
  width: 78px;
  height: 64px;
}

.bannere-wrapper .banner .caseta-text h1 {
  font: normal 24px/24px "izzisale", Arial;
  text-transform: uppercase;
  color: #fff;
  float: left;
  padding: 18px 0 0 0;
  background: url(../images/sprites-izzisale.png) 0 -309px no-repeat scroll;
  position: relative;
}
.bannere-wrapper .banner .caseta-text h1 span {
  display: block;
  padding: 10px 15px;
  background: url(../images/sprites-izzisale.png) 0 -327px repeat scroll;
}
.bannere-wrapper .banner .caseta-text .descriere {
  background: #fff;
  position: relative;
}
.bannere-wrapper .banner .caseta-text .descriere p {
  font: normal 20px/25px "izzisale", Arial;
  color: #252525;
  padding: 15px 220px 15px 15px;
  width: 400px;
  position: relative;
}
.bannere-wrapper .banner .caseta-text .descriere .vezi-detalii {
  position: absolute;
  left: 430px;
  top: 17px;
}
.bannere-wrapper .banner .caseta-text.caseta-1 .descriere .vezi-detalii, .bannere-wrapper .banner .caseta-text.caseta-2 .descriere .vezi-detalii {
  top:30px;
}

.bannere-wrapper .banner .caseta-text .corner-box {
  position: absolute;
  bottom: -27px;
  right:0;
  height: 27px;
  width: 43px;
  background: url(../images/sprites-izzisale.png) -612px 0 no-repeat scroll;
}

.bannere-wrapper .meniu-banner {
  position: absolute;
  top: 390px;
  width: 100%;
  height: 120px;
  background-color:  rgba(25, 27, 33, 0.2);
  background-image: url(../images/banner-menu-bg.png);
  background-position: 50% 0;
  background-repeat: no-repeat;
  z-index: 21;
}
.bannere-wrapper .meniu-banner ul {
  position: relative;
  height: 120px;
  width: 960px;
  display: block;
  margin: 0 auto;
}
.bannere-wrapper .meniu-banner ul li {
  position: relative;
  display: inline-block;
  _display: inline;
  float: left;
  width: 240px;
  text-align: center;
}
.bannere-wrapper .meniu-banner ul li .separator {
  position: absolute;
  width: 2px;
  height: 119px;
  right: -1px;
  top: 1px;
  background: url(../images/sprites-izzisale.png) 0 -405px no-repeat scroll;
}

.bannere-wrapper .meniu-banner ul li a {
  transition: color 400ms ease 100ms;
  -webkit-transition:color 400ms ease 100ms;
  -moz-transition:color 400ms ease 100ms;
  -o-transition:color 400ms ease 100ms;
  color: #fff;
  text-align: center;
  display: block;
  margin: 0 auto;
  padding: 24px 0 23px;
  top: -21px;
  position: relative;
}


.bannere-wrapper .meniu-banner ul li a:hover, .bannere-wrapper .meniu-banner ul li a.active{
  background: url(../images/sprites-izzisale.png) 50% -392px no-repeat scroll;
  color: #ff4200;
}

.bannere-wrapper .meniu-banner ul li a img{
  padding: 15px 0 10px;
}


.bannere-wrapper .meniu-banner ul li a span {
  display: block;
  text-align: center;
  font: normal 14px/14px "izzisale", Arial !important;
  text-transform: uppercase;
}
.meniu-banner li a span span {
  transition: color 400ms ease 100ms;
  -webkit-transition:color 400ms ease 100ms;
  -moz-transition:color 400ms ease 100ms;
  -o-transition:color 400ms ease 100ms;
  color: #ff4200;
  font-weight: normal;
  display: inline !important;
}
.meniu-banner li a:hover span span, .meniu-banner li a.active span span {
  color: #fff;
}

.bannere-wrapper .calitati-subbanner {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

.content-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.content-wrapper .content {
  position: relative;
  width: 940px;
  margin: 0 auto;
  background: #fff;
  padding: 20px 20px;
  z-index: auto !important;
  *z-index: 10 important;
}

.content-wrapper .content .calitati-subbanner {
  display: block;
  position: relative;
}
.content-wrapper .content .calitati-subbanner .calitate {
  float: left;
  position: relative;
  display: inline-block;
  _display: inline;
  width: 300px;
}
.content-wrapper .content .calitati-subbanner .sep-vert1 {
  position: relative;
  width: 20px;
  height: 20px;
  float: left;
}
.content-wrapper .content .calitati-subbanner .calitate h2 {
  font: normal 24px/26px "izzisale", Arial;
  color: #000;
  padding: 0 0 20px;
}
.content-wrapper .content .calitati-subbanner .calitate h2 span {
  color: #ff4200;
}
.content-wrapper .content .calitati-subbanner .calitate p {
  color: #797979;
  font: normal 14px/16px "izzisale", Arial;
  padding: 0 0 20px;
}