/* GENERALE DIETRO LA COLLINA */ body, div, dl, dt, dd, ul, ol, li, h1, p, th, td, label { margin: 0px; padding: 0px; color: #FFFFFF; } body { margin: 0px; padding: 0px; background-color: #000000; font-family:"Trebuchet MS", Arial, sans-serif; font-size: 13px; } h2 { margin: 0px; padding: 0px; font-size:16px; color: #a2a2a2; text-align: left; } h3 { margin: 0px; padding: 0px; font-size:14px; color: #303030; text-align: left; } /* SEZIONI */ #main { margin: 0px auto; width: 882px; background: url(images/bg_main.gif) repeat-y; } /* HEADER */ #header { float: left; width: 882px; background: url(images/bg_header.jpg) no-repeat; text-align: center; } #header h1 { display: none; } /* MENU FLAGS */ #menu_flags { float: right; width:111px; margin-top:20px; } #menu_flags span { display: none; } .btn_it a { width: 24px; height: 30px; margin:0px 0px 0px 0px; padding:0px; float:left; background: url(images/btn_it.jpg) no-repeat; position:relative; } .btn_it a:hover { background-position:bottom; } .btn_uk a { width: 24px; height: 30px; margin:0px 0px 0px 5px; padding:0px; float:left; background: url(images/btn_uk.jpg) no-repeat; position:relative; } .btn_uk a:hover { background-position:bottom; } .btn_fr a { width: 24px; height: 30px; margin:0px 0px 0px 5px; padding:0px; float:left; background: url(images/btn_fr.jpg) no-repeat; position:relative; } .btn_fr a:hover { background-position:bottom; } /* MENU SERVIZIO */ #menu_servizio { float: right; width: 454px; height: 55px; margin-top:15px; background: url(images/bg_menu_servizio.png) no-repeat left top; text-align: center; } #menu_servizio span { display: none; } .btn_societa a { width: 102px; height: 45px; margin: 6px 0px 0px 6px; padding: 0px; float: left; background: url(images/btn_societa.jpg) no-repeat; position:relative; } .btn_societa a:hover { background-position:bottom; } .btn_sedi a { width: 101px; height: 45px; margin: 6px 0px 0px 2px; padding:0 px; float: left; background: url(images/btn_sedi.jpg) no-repeat; position:relative; } .btn_sedi a:hover { background-position:bottom; } .btn_contatti a { width: 103px; height: 45px; margin: 6px 0px 0px 2px; padding: 0px; float: left; background: url(images/btn_contatti.jpg) no-repeat; position:relative; } .btn_contatti a:hover { background-position:bottom; } .btn_area_clienti a { width: 131px; height: 45px; margin: 6px 0px 0px 2px; padding: 0px; float: left; background: url(images/btn_area_clienti.jpg) no-repeat; position:relative; } .btn_area_clienti a:hover { background-position:bottom; } /* AREA CLIENTI */ #sub_area_clienti { float: right; width: 454px; height: 80px; text-align: center; position:relative; } #sub_area_clienti span { display: none; } .login { float: left; width: 210px; } .accedi { float: left; width: 100px; margin: 0px; padding: 10px 0px 0px 5px; font-size: 0px; } .btn_accedi { background: url(images/btn_accedi_on.jpg); width: 62px; height: 23px; cursor: pointer; display: block; border: none; margin: 10px 0px 0px 12px; padding: 0px; float: left; } .btn_esci { background: url(images/btn_esci.jpg); width: 62px; height: 23px; cursor: pointer; display: block; border: none; margin: 0px; padding: 0px; float: left; } /* CENTER */ #center { float: right; width: 882px; height: 258px; background: url(images/bg_center.png) repeat-x left top; text-align: center; padding-bottom: 41px; } /* SLIDE */ #slide { float: left; width: 591px; height: 235px; margin-top: 11px; } /* MENU OPERATIVO */ #menu_operativo { float: left; width: 280px; margin-top:0px; } #menu_operativo span { display: none; } .btn_handling a { width: 262px; height: 35px; margin:16px 0px 0px 15px; padding:0px; float:left; background: url(images/btn_handling.jpg) no-repeat; position:relative; } .btn_handling a:hover { background-position:bottom; } .btn_handling a.selected { background-position:bottom; } .btn_pulizie a { width: 262px; height: 35px; margin:3px 0px 0px 15px; padding:0px; float:left; background: url(images/btn_pulizie.jpg) no-repeat; position:relative; } .btn_pulizie a:hover { background-position:bottom; } .btn_pulizie a.selected { background-position:bottom; } .btn_traslochi_e_trasporti a { width: 262px; height: 35px; margin:3px 0px 0px 15px; padding:0px; float:left; background: url(images/btn_traslochi_e_trasporti.jpg) no-repeat; position:relative; } .btn_traslochi_e_trasporti a:hover { background-position:bottom; } .btn_traslochi_e_trasporti a.selected { background-position:bottom; } .btn_vigilanza_e_sicurezza a { width: 262px; height: 35px; margin:3px 0px 0px 15px; padding:0px; float:left; background: url(images/btn_vigilanza.jpg) no-repeat; position:relative; } .btn_vigilanza_e_sicurezza a:hover { background-position:bottom; } .btn_vigilanza_e_sicurezza a.selected { background-position:bottom; } .btn_gestione_rifiuti a { width: 262px; height: 35px; margin:3px 0px 0px 15px; padding:0px; float:left; background: url(images/btn_gestione_rifiuti.jpg) no-repeat; position:relative; } .btn_gestione_rifiuti a:hover { background-position:bottom; } .btn_gestione_rifiuti a.selected { background-position:bottom; } .btn_edilizia_e_restauro a { width: 262px; height: 35px; margin:3px 0px 0px 15px; padding:0px; float:left; background: url(images/btn_edilizia_e_restauro.jpg) no-repeat; position:relative; } .btn_edilizia_e_restauro a:hover { background-position:bottom; } .btn_edilizia_e_restauro a.selected { background-position:bottom; } /* PAGES */ #page { float: right; width: 882px; } #page_title { float: right; width: 882px; height: 50px; background: url(images/solid.png) repeat-x left top; text-align: center; font-size: 0px; } /* CONTENT SX */ #content_sx { float: left; width: 580px; margin-top:40px; } #content_sx a { color:#FF0000; text-decoration:none; } #content_sx a:hover, a:visited { color:#333333; text-decoration:none; } #content_sx b { color:#ababab; } .section_title_sx { float: right; width: 100%; height: 47px; margin-top: 40px; background: url(images/solid_bottom.png) repeat-x left top; text-align: center; font-size: 0px; } #content_sx ul { width: 99%; float:left; text-align:left; position:relative; margin-top: 20px; margin-bottom: 20px; list-style-type:none; } #content_sx li { width: 99%; float:left; text-align:left; position:relative; color:#ffffff; font-size:12px; background: url(images/point.png) left top no-repeat; padding: 3px 0px 5px 30px; margin-top:10px; } /* SEDE */ #content_sede { float: left; width: 100%; margin-top:40px; } #content_sede a { color:#FF0000; text-decoration:none; } #content_sede a:hover, a:visited { color:#333333; text-decoration:none; } #content_sede b { color:#444444; } .sede { float: left; width: 440px; } /* MAPPA */ #mappa { float: left; width: 580px; height: 293px; background: url(images/bg_mappa.jpg) repeat-x left top; } #mappa span { display: none; } .btn_mappa a { width: 97px; height: 35px; margin: 0px 0px 0px 0px; padding:0px; float: right; background: url(images/btn_mappa.jpg) no-repeat; position:relative; } .btn_mappa a:hover { background-position:bottom; } .btn_scarica_mappa a { width: 97px; height: 35px; margin: 0px 0px 0px 0px; padding:0px; float: left; background: url(images/btn_scarica_mappa.jpg) no-repeat; position:relative; } .btn_scarica_mappa a:hover { background-position:bottom; } /* CONTENT DX */ #content_dx { float: right; width: 262px; margin-top:40px; } #content_dx a { color:#FF0000; text-decoration:none; } #content_dx a:hover, a:visited { color:#333333; text-decoration:none; } #content_dx b { color:#444444; } .section_title_dx { float: right; width: 100%; height: 47px; background: url(images/dashed.png) repeat-x left top; text-align: center; font-size: 0px; } /* BOX */ .box { float: right; width: 262px; } .box_title { float: right; width: 262px; height: 63px; background: url(images/box_testata.png) repeat-x left top; text-align: center; } .box_body { float: right; width: 262px; background: url(images/box_bg.png) repeat-y left top; text-align: center; } .box_bottom { float: right; width: 262px; height: 4px; background: url(images/box_bottom.png) repeat-y left top; text-align: center; font-size: 0px; } .box span { display: none; } .box_body img { float: left; margin:1px 0px 0px 6px; padding-bottom:2px; border: 0px; } .btn_lavora a { width: 242px; height: 45px; margin:11px 0px 0px 11px; padding:0px; float:left; background: url(images/btn_lavora.jpg) no-repeat; position:relative; } .btn_lavora a:hover { background-position:bottom; } .btn_siamo a { width: 242px; height: 45px; margin:11px 0px 0px 11px; padding:0px; float:left; background: url(images/btn_siamo.jpg) no-repeat; position:relative; } .btn_siamo a:hover { background-position:bottom; } .btn_scarica_la_brochure a { width: 262px; height: 35px; margin:0px 0px 0px 0px; padding:0px; float:left; background: url(images/btn_scarica_la_brochure.jpg) no-repeat; position:relative; } .btn_scarica_la_brochure a:hover { background-position:bottom; } .btn_richiedi_informazioni a { width: 262px; height: 35px; margin:12px 0px 10px 0px; padding:0px; float:left; background: url(images/btn_richiedi_informazioni.jpg) no-repeat; position:relative; } .btn_richiedi_informazioni a:hover { background-position:bottom; } /* BOX CLIENTI */ #box_clienti { float: left; width: 579px; height: 258px; background: url(images/bg_box_clienti.jpg) no-repeat left top; text-align: center; margin-top: 20px; } /* AREA CLIENTI */ .btn_news_e_comunicati a { width: 262px; height: 35px; margin: 0px 0px 0px 0px; padding:0px; float:left; background: url(images/btn_news_e_comunicati.jpg) no-repeat; position:relative; } .btn_news_e_comunicati a:hover { background-position:bottom; } .btn_news_e_comunicati a.selected { background-position:bottom; } .btn_documentazione a { width: 262px; height: 35px; margin: 12px 0px 0px 0px; padding:0px; float:left; background: url(images/btn_documentazione.jpg) no-repeat; position:relative; } .btn_documentazione a:hover { background-position:bottom; } .btn_documentazione a.selected { background-position:bottom; } .btn_newsletter a { width: 262px; height: 35px; margin: 12px 0px 40px 0px; padding:0px; float:left; background: url(images/btn_newsletter.jpg) no-repeat; position:relative; } .btn_newsletter a:hover { background-position:bottom; } .btn_newsletter a.selected { background-position:bottom; } .btn_help_desk a { width: 240px; height: 45px; margin:11px 0px 0px 11px; padding:0px; float:left; background: url(images/btn_help_desk.jpg) no-repeat; position:relative; } .btn_help_desk a:hover { background-position:bottom; } /* FOOTER */ #footer { float: left; width: 100%; height: 80px; background: url(images/bg_footer.jpg) repeat-x; margin-top: 40px; } #footer_box { float: left; width: 100%; height: 80px; background: url(images/footer.jpg) center no-repeat; } #footer_box p { float: left; margin: 30px 0px 0px 20px; padding: 0px; font-size:12px; color: #909090; } #footer_box a { color: #505050; text-decoration: none; } #footer_box a:hover, a:visited { color: #909090; text-decoration: none; } /* FORM */ input { font-size: 12px; border: 1px solid #444444; background: #292929 url(images/text.png) repeat-x scroll 0 0; float: left; display:block; margin:10px 0px 0px 0px; padding: 3px; color: #ffffff; } textarea { font-size: 12px; border:1px solid #444444; background: #292929; float: right; display: block; overflow: auto; padding: 3px; font-family:"Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #ffffff; } label { text-align: left; float: left; font-weight:bold; line-height: 24px; margin: 8px 0px 0px 10px; color: #FF0000; } .btn_invia { width: 97px; height: 35px; margin: 10px 0px 0px 0px; border: 0px; cursor: pointer; padding: 0px; float: right; background: url(images/btn_invia.jpg) no-repeat; position:relative; } .btn_invia_02 { width: 97px; height: 35px; margin: 10px 0px 0px 0px; border: 0px; cursor: pointer; padding: 0px; float: right; background: url(images/btn_invia_02.jpg) no-repeat; position:relative; } .btn_invia_03 { width: 97px; height: 35px; margin: 10px 0px 0px 0px; border: 0px; cursor: pointer; padding: 0px; float: right; background: url(images/btn_invia_03.jpg) no-repeat; position:relative; } .error { border:1px solid red; } fieldset { float: left; margin: 0px; padding: 0px; border: 0px; } select { font-size: 12px; color: #ffffff; background: #292929; float: left; display: block; margin: 0px; padding: 0px; } /* PAGINAZIONE */ #pages { width: 580px; float: left; margin: 0px; padding: 0px; background: url(images/testatina_paginazione.jpg) no-repeat; } .go a { width: 97px; height: 30px; background: url(images/btn_pag_vai.jpg) no-repeat top left; float:left; position:relative; margin: -5px 0px 0px 0px; } .go a:hover { background-position:bottom; } .next a { width:32px; height:30px; background:url(images/btn_pag_next.jpg) no-repeat top left; float:right; position:relative; margin: 0px; } .next a:hover { background-position: center; } .next_disabled a { width:32px; height:30px; background:url(images/btn_pag_next_no.jpg) no-repeat top left; float:right; position:relative; margin: 0px; } .prev a { width:32px; height:30px; background:url(images/btn_pag_prev.jpg) no-repeat top left; float:left; position:relative; margin: 0px; } .prev a:hover { background-position: center; } .prev_disabled a { width:32px; height:30px; background:url(images/btn_pag_prev_no.jpg) no-repeat top left; float:left; position:relative; margin: 0px; } #pages .title { float: left; position: relative; padding: 0px; margin: 0px; } #pages .links { float: left; position: relative; margin: 0px; padding: 0px; } #pages input { width: 40px; height: 14px; float: left; position: relative; margin: 0px 10px 0px 10px; padding: 2px 2px 4px 2px; border: 1px solid #3f3f3f; font:12px Arial; color:#999999; } #pages span { display: none;} #pages .pag_center { float: left; position: relative; width: 250px; margin: 0px; left: 160px; padding: 5px 0px 0px 0px; } .testo_h2 { font-size: 17px; color: #8e8e8e; margin-top: 10px; float: left; width: 35%; } .testo_h2 b { color: #ff0000; }