@charset "utf-8";
/* CSS Document */

body{ background:url(gfx/containerbg.gif) 0 0 repeat-x; font-size: 11px; color:#58564c; font-family:Tahoma,Arial;}
h3{font-size: 22px; font-family: "HelveticaNeueLT Pro 67 MdCn"; font-weight: normal;}
h3 span{color: #ff6000;}
a{color: #fd6518; text-decoration: none;  font-weight: bold;}
#wrapper{background:url(gfx/bodybg.gif) 0 0 no-repeat;}
#container{ width: 980px; margin: 0 auto;}
#topBar{overflow: hidden; padding-bottom: 5px;_height: 100%;}
#topBar ul{float: right; overflow: hidden; margin-right: 22px;}
#topBar ul li{float: left; width: 35px; text-align: center; margin-top: 10px; text-indent: -3333em;}
#topBar ul li a{display: block; width: 10px;}
#icohome{background:url(gfx/icohome.gif) 0 0 no-repeat;}
#icofav{background:url(gfx/icofav.gif) 0 0 no-repeat;}
#icomail{background:url(gfx/icomail.gif) 0 0 no-repeat;}

#header{background: url(gfx/headerbg.jpg) 0 0 no-repeat; height: 112px; padding: 78px 0 0 55px; clear: both;}
#header h1{background:url(gfx/logo.gif) 0 0 no-repeat; height: 28px; text-indent: -3333em;}
#header h2{background:url(gfx/h2.gif) 0 0 no-repeat; height: 6px; text-indent: -3333em; width: 184px; margin-top: 10px; margin-left: 65px;}

#nav{background: url(gfx/navbg.png) 0 0 no-repeat; height: 67px; overflow: hidden; padding: 15px 0 0 14px; _padding-top: 8px!important;}
#nav ul li{float: left; padding: 10px 15px 5px 15px; border-left: 1px solid #ffc60c; border-right: 1px solid #ff8a08;}
#nav ul li a{height: 22px; display: block; text-indent: -3333em;}
#about{border-left:none!important;}
#navcontact{border-right:none!important;}
#about a{background: url(gfx/aboutbg.gif) 0 0 no-repeat; width: 66px;}
#real a{background: url(gfx/real.gif) 0 0 no-repeat; width: 87px;}
#navoffer a{background: url(gfx/offer.gif) 0 0 no-repeat; width: 52px;}
#navcontact a{background: url(gfx/navcontact.gif) 0 0 no-repeat; width: 65px;}
#nav ul li a:hover{background-position: 0 bottom;}
#mainContent{margin-bottom: 80px; overflow: hidden;}
li.noshow {display:none;}

h1.oferta { padding-bottom: -15px; margin-bottom: -15px; }
p.oferta {padding-bottom: 20px;}

#leftColumn{width: 377px; float: left; background: url(gfx/dotsleft.gif) right -3px no-repeat;  padding: 32px 58px 0px 72px;}
#leftColumn p{margin-top: 18px; line-height: 15px;}
#rightColumn{ width: 469px; background:url(gfx/rightColumn.gif) 1px 0 no-repeat; float: left; padding: 32px 0 0 0px; border-left: 1px dotted;}
#rightColumn h3{clear: both; padding-left: 33px;}
#offer{ font-family: Verdana, Arial, Helvetica, sans-serif; margin: 18px 0 0px 33px;}
#offer li{padding: 5px 0;}
#offer a{ color:#6b6b6b; font-weight: bold;}
#rightColumn ul a{text-decoration: none;}

#numbers{ overflow: hidden; }
#numbers li { float: left; background: url(gfx/libg.gif) 0 0 no-repeat; height:15px; width:27px; text-align: center; padding: 3px 0; margin-right: 4px;}
#numbers li a{ color: #fff; font-weight: bold; font-size: 13px;}
#numbers li a.active, #numbers li a:hover { padding: 2px 12px 3px 9px; background:url(gfx/activetab.gif) 0 0 no-repeat; }


#DoYouKnow{background: url(gfx/zouknow.gif) 0 4px no-repeat; margin-top: 53px; height: 156px; padding: 0 45px 0 45px;}
#DoYouKnow h3{margin: 20px 0 0 0px; padding:0!important;}
#DoYouKnow p{line-height: 14px;}
#DoYouKnow p a{color: #fd6518; text-decoration: none; }

#cont { position: relative;  width: 380px; height: 63px; overflow: hidden; }

.item { width: 380px; height: 63px; }

#footer{clear: both;  border-top: 1px dotted; padding: 5px 0 30px 0;}
#footer span{float: right;}