/* CSS Document */ * {padding:0px; margin:0px;} body {background: url(../img/bg.jpg) repeat-x left top #fff;; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#444444;} h1 { font-size: 12px; color:#353D43; padding-top:10px; margin-bottom:4px;} a { color:#688EB7; text-decoration:none;} a:hover { text-decoration: underline;} #menu {height:35px; margin-right: auto;margin-left: auto; padding-right:24px; width:979px; position:relative;} #menu ul {list-style-type:none;} #menu ul li {float:right; margin:0px; padding:0px;} #menu ul li a, #menu ul li span {display:block; height:35px; text-indent:-300em; overflow:hidden; margin:0px; padding:0px;} #menu a.home {width:52px; background: url(../img/btnHome.gif) 0 0 no-repeat;} #menu a.home:hover {background-position:bottom;} #menu li.attivo span.home {width:52px; background: url(../img/btnHomeActive.gif) 0 0 no-repeat;} #menu a.prodotti {width:75px; background: url(../img/btnProdotti.gif) 0 0 no-repeat;} #menu a.prodotti:hover {background-position:bottom;} #menu a.produzione {width:91px; background: url(../img/btnProduzione.gif) 0 0 no-repeat;} #menu a.produzione:hover {background-position:bottom;} #menu li.attivo span.produzione {width:91px; background: url(../img/btnProduzioneActive.gif) 0 0 no-repeat;} #menu a.storia {width:62px; background: url(../img/btnStoria.gif) 0 0 no-repeat;} #menu a.storia:hover {background-position:bottom;} #menu li.attivo span.storia {width:61px; background: url(../img/btnStoriaActive.gif) 0 0 no-repeat;} #menu a.cosaFacciamo {width:111px; background: url(../img/btnCosaFacciamo.gif) 0 0 no-repeat;} #menu a.cosaFacciamo:hover {background-position:bottom;} #menu li.attivo span.cosaFacciamo {width:111px; background: url(../img/btnCosaFacciamoActive.gif) 0 0 no-repeat;} #menu a.contatti {width:75px; background: url(../img/btnContatti.gif) 0 0 no-repeat;} #menu a.contatti:hover {background-position:bottom;} #menu li.attivo span.contatti {width:75px; background: url(../img/btnContattiActive.gif) 0 0 no-repeat;} #menu a.certificazioni {width:108px; background: url(../img/btnCertificazioni.gif) 0 0 no-repeat;} #menu a.certificazioni:hover {background-position:bottom;} #menu li.attivo span.certificazioni {width:108px; background: url(../img/btnCertificazioniActive.gif) 0 0 no-repeat;} #menu a.spaccio {width:69px; background: url(../img/btnSpaccio.gif) 0 0 no-repeat;} #menu a.spaccio:hover {background-position:bottom;} #menu li.attivo span.spaccio {width:69px; background: url(../img/btnSpaccioActive.gif) 0 0 no-repeat;} #menu a.youhombre {width:91px; background: url(../img/btnYouHombre.gif) 0 0 no-repeat;} #menu a.youhombre:hover {background-position:bottom;} #menu li.attivo span.youhombre {width:91px; background: url(../img/btnYouHombreActive.gif) 0 0 no-repeat;} #container {width:1003px;background: url(../img/bgContainer.jpg) no-repeat left top;margin-right: auto;margin-left: auto; text-align: left;} #logo {margin-left:32px; height:155px;} #footer {background: url(../img/bgFooter.gif) no-repeat center top; width: 1003px; height:150px; margin-right: auto;margin-left: auto; text-align:left;} #footer p { padding-left:30px; padding-top:130px;} ul#nav li {position:relative;} ul#subNav {position:absolute; left:0; display:none; width:200px; background: #fff; list-style-type:none; text-align:left; FILTER: alpha(opacity=50); moz-opacity: .50; opacity: .50;} ul#subNav li {float:left; width:100%;} ul#nav li:hover ul#subNav {display: block;} /* The magic per FF*/ ul#subNav li:hover {background: #fff;} ul#nav li.over ul#subNav {display: block;} /* The magic per IE*/ ul#subNav li.subOver {background: #fff;} #menu ul#nav li ul#subNav li a {display:block; height:17px;} ul#subNav li a {width:200px; display:block; height:17px; text-indent:-999px; overflow:hidden;} #subNav a.prodotto-1 {background: url(../img/prodotti-1.gif) 0 0 no-repeat;} #subNav a.prodotto-1:hover {background: url(../img/prodotti-1.gif) 0 -17px no-repeat;} #subNav a.prodotto-2 {background: url(../img/prodotti-2.gif) 0 0 no-repeat;} #subNav a.prodotto-2:hover {background: url(../img/prodotti-2.gif) 0 -17px no-repeat;} #subNav a.prodotto-3 {background: url(../img/prodotti-3.gif) 0 0 no-repeat;} #subNav a.prodotto-3:hover {background: url(../img/prodotti-3.gif) 0 -17px no-repeat;} #subNav a.prodotto-4 {background: url(../img/prodotti-4.gif) 0 0 no-repeat;} #subNav a.prodotto-4:hover {background: url(../img/prodotti-4.gif) 0 -17px no-repeat;} #subNav a.prodotto-5 {background: url(../img/prodotti-5.gif) 0 0 no-repeat;} #subNav a.prodotto-5:hover {background: url(../img/prodotti-5.gif) 0 -17px no-repeat;} #subNav a.prodotto-6 {background: url(../img/prodotti-6.gif) 0 0 no-repeat;} #subNav a.prodotto-6:hover {background: url(../img/prodotti-6.gif) 0 -17px no-repeat;} #subNav a.prodotto-7 {background: url(../img/prodotti-7.gif) 0 0 no-repeat;} #subNav a.prodotto-7:hover {background: url(../img/prodotti-7.gif) 0 -17px no-repeat;} #subNav a.prodotto-8 {background: url(../img/prodotti-8.gif) 0 0 no-repeat;} #subNav a.prodotto-8:hover {background: url(../img/prodotti-8.gif) 0 -17px no-repeat;} #wrapp {margin: 8px 40px 0px 40px; padding-bottom:20px;} .imgAnteprima {width:492px; float:left; position:relative;} .imgAnteprimaVideo {width:462px; float:left; position:relative; background: url(../img/bgVideo.jpg) 0 0 no-repeat; height:304px; padding:15px;} .descrizione {float:right; width:410px; position:relative; height:334px; } .descrizione2 {float:right; width:410px; position:relative; } .descrizione2 ul{ margin-left:30px;} .descrizione2 ul li{ margin-bottom:20px;} .carosello {position:absolute; bottom: 8px;} .thumbImg {border:2px solid #B9CBEF;} /*CLASSI*/ .eng {width:41px; height:35px; position:absolute; top:0px; left:30px;} .bio { position:absolute; top: 39px; right: 25px; width:215px; height:149px;} .divisore {background: url(../img/divisore.gif) repeat-x left top; height:12px; margin-left:10px; margin-top:10px; margin-bottom:6px;} .cert { float:left; margin-right:20px;}