/****************** STILI GENERALI PER IL LAYOUT ***************************/ html,body{ background:url(../img/bg.gif) repeat; text-align:center; font-size: 12px; margin:0 auto; padding:0 auto; font-family: Arial, Helvetica, sans-serif; color:#cccccc; } div#container{ width:820px; margin:0 auto;} div#container2{text-align: left} /*stili generici, su header e footer*/ div#header{height: 80px;background-color:#36C;color: #ff0} h1,h2{margin: 0;padding:0;} h2{color: #69f;font-size: 1.5em} div#footer a{color:#fff;font-weight: bold;text-decoration: underline} /*stili specifici per il layout*/ div#navigation{float: left;width: 109px;padding: 30px 20px 0 10px; margin: 20px 0px 0px 0px;} div#extra{float: right; width: 140px;padding: 20px 0px 10px 10px; margin: 20px 0px 0px 0px;} div#content{margin: 20px 140px;padding: 20px 20px 20px 20px;} div#footer{ width:540px; clear:both; margin:0 auto; padding: 20px 0px 0px 0px; font-size:12px; text-align:center; border-top:1px dotted #666666; } p { margin-bottom:10px; margin-top:0px; } a{ font-weight:bold; color:#CCCCCC; text-decoration:none; } a:hover{ font-weight:bold; color:#008fd5; text-decoration:none; } a.link_rubriche{ font-weight:bold; color:#008fd5; text-decoration:none; } a.link_rubriche:hover{ font-weight:bold; color:#ffffff; text-decoration:none; } .sottotitolo{ font-size:12px; font-style:italic; color:#FFF;} h1 { font-size:20px; font-weight:bold; color:#ffffff; margin:0px; padding:0px; text-transform:uppercase;} h2 { font-size:16px; font-weight:bold; color:#ffffff; margin:0px; padding:0px; text-transform:none;} .note{ border-top:1px dotted #666666; padding-top:15px;font-weight:bold; color:#ffffff; text-align:left; margin-top:20px; width:540px; margin:0 auto; margin-bottom:20px;} a.link_utili{color:#FFFFFF;} a.link_utili:hover{color:#CCCCCC;} .banner{ border-top:1px dotted #666666; padding-top:20px; margin-top:20px; width:540px; margin:0 auto; margin-bottom:20px; } .banner_titolo{ color:#FFF; font-size:14px;} a.home {background:url(../img/home.png) no-repeat; display:block; width:100px; height:100px; float:left; } a:hover.home { background:url(../img/home_on.png) no-repeat; display:block; width:100px; height:100px; float:left;} .home p {display:none;} a.archivio { background:url(../img/archivio.png) no-repeat; display:block; width:100px; height:100px; float:left;} a:hover.archivio {background:url(../img/archivio_on.png) no-repeat; display:block; width:100px; height:100px; float:left; } .archivio p { display:none; } a.contatti { background-image:url(../img/contatti.png); background-repeat: no-repeat; display:block; width:100px; height:100px; float:left;} a:hover.contatti { background-image:url(../img/contatti_on.png); background-repeat: no-repeat; display:block; width:100px; height:100px; float:left; } .contatti p { display:none;} a.link { background-image:url(../img/link.png); background-repeat: no-repeat; display:block; width:100px; height:100px; float:left; } a:hover.link { background-image:url(../img/link_on.png); background-repeat: no-repeat; display:block; width:100px; height:100px; float:left; } .link p {display:none;} /*------------- rubriche ---------------*/ ul{ list-style:none; margin:0; padding:0; float:left;} li{ margin-bottom:10px; border-bottom:#FFF dotted 1px; width:350px; float:left;} .clear{ clear:both;} .scopri{ float:right; width:92px; height:16px; padding-top:7px; padding-top:5px;} .link_scopri { background:url(../img/arrow.png) no-repeat right; width:92px; height:16px; display:block;} .link_scopri:hover { background:url(../img/arrow_over.png) no-repeat right; width:92px; height:16px; display:block;} #bt_camoter{ background:url(../img/bt_camoter.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left;} #bt_camoter:hover{ background:url(../img/bt_camoter_over.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_architettura{background:url(../img/bt_architettura.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_architettura:hover{background:url(../img/bt_architettura_over.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_sos_ambientale{background:url(../img/bt_sost_ambientale.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_sos_ambientale:hover{background:url(../img/bt_sost_ambientale_over.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_management{background:url(../img/bt_management.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_management:hover{background:url(../img/bt_management_over.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_qualita{background:url(../img/bt_qualita.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_qualita:hover{background:url(../img/bt_qualita_over.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_sicurezza{background:url(../img/bt_sicurezza.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_sicurezza:hover{background:url(../img/bt_sicurezza_over.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_sic_formazione{background:url(../img/bt_sic_formazione.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_sic_formazione:hover{background:url(../img/bt_sic_formazione_over.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_sos_sociale{background:url(../img/bt_sost_sociale.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_sos_sociale:hover{background:url(../img/bt_sost_sociale_over.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_risorse_umane{background:url(../img/bt_risorse_umane.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_risorse_umane:hover{background:url(../img/bt_risorse_umane_over.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_salute{background:url(../img/bt_salute.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_salute:hover{background:url(../img/bt_salute_over.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_rethink{background:url(../img/bt_rethink.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #bt_rethink:hover{background:url(../img/bt_rethink_over.jpg) no-repeat; width:213px; height:26px; display:block; margin-bottom:10px; float:left} #on #bt_salute{background:url(../img/bt_salute_over.jpg) no-repeat;} #on #bt_camoter{ background:url(../img/bt_camoter_over.jpg) no-repeat;} .box_rubrica{ background-color:#999; padding:20px; color:#333;}