@font-face { font-family: 'AniversRegular'; /* src: url('Anivers_31.eot');*/ src: local('Anivers Regular'), local('Anivers-Regular'), url('Anivers_31.woff') format('woff'), url('Anivers_31.otf') format('opentype'), url('Anivers_31.svg#Anivers-Regular') format('svg'); } @charset "utf-8"; /* reset generale */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } /* ul, ol { list-style-position:inside ; } */ a {background-color: inherit;color: #FF9900;text-decoration:none;outline: none;} a:hover {background-color: inherit;text-decoration:underline;} a img {border:none;} h1, h2, h3 { font-family: AniversRegular,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-weight: normal;} /* Struttura */ html, body { background: #ECF1F5 url(../pics/sfondi/sfondo_body.jpg) repeat-x; color: #152256; font: 11px Arial, Helvetica, sans-serif; text-align: center; height:100% ; } #wrapper {width: 849px; padding:0 0;margin: 0 auto 0px auto; background: #FFFFFF url(../pics/sfondi/sfondo_wrapper.gif) repeat-y ; height:auto !important; height: 100% ; min-height: 100% ; } #wrapper #page { width: 833px;padding:0 0;margin: 0 auto 0px auto;text-align: left; background-color:#F1F3F7 ; } #wrapper #page #header div {margin-bottom: 1px; } #wrapper #page #header #su{ background: url(../pics/sfondi/sfondo_header_1.jpg) no-repeat; height: auto !important; height: 114px; min-height: 114px; } #wrapper #page #header #menu{ background-color: #152256 ; text-align:center; height: auto !important; height: 20px; min-height: 20px; } #wrapper #page #header #mappa{ background-color: #dfe7ee ; height: auto !important; height: 16px; min-height: 16px; } #wrapper #page #container { height: auto !important; height: 466px; min-height: 466px; } #wrapper #page #container #home div { display:block ; float: left ; } #wrapper #page #container #home .header { height: auto !important; height: 280px; min-height: 280px; } #wrapper #page #container #home .sx { width: 452px; margin-right:1px ; margin-bottom:1px ; } #wrapper #page #container #home .dx { width: 376px; margin-bottom:1px ; } #wrapper #page #container #home #header_sx { background: url(../pics/sfondi/sfondo_home_sx.jpg) no-repeat ; } #wrapper #page #container #home #header_dx { background: url(../pics/sfondi/sfondo_home_dx.jpg) no-repeat ; } #wrapper #page #container #content div { display:block ; float: left ; } #wrapper #page #container #content .header { width: 833px; height: auto !important; height: 168px; min-height: 168px; } #wrapper #page #container #content .header_sx { width: 277px; height: auto !important; height: 168px; min-height: 168px; } #wrapper #page #container #content .header_dx { width: 554px; height: auto !important; height: 168px; min-height: 168px; } #wrapper #page #container #content #separator { width: 833px; background-color:#ffcc00 ; height: 5px; margin: 1px 0 1px 0 ; clear:both; } #wrapper #page #container #content .sx { width: 279px; margin-right:1px ; margin-bottom:1px ; background: #EAEAF0; height: auto !important; height: 398px; min-height: 398px; } #wrapper #page #container #content .dx { width: 552px; border:0px solid black ;margin-bottom:1px ; } /* font, img, decoro */ /* footer */ #wrapper #page #footer { text-align:center; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:10px ; color: #666666 ; padding: 10px 0 0 0 ; border-top: 3px solid #dfe7ee ; } #wrapper #homefooter { width: 833px; height: 113px; background: red url(../pics/sfondi/sfondo_footer.jpg) no-repeat ; clear: both; } /* menu primo livello */ #wrapper #page #header #menu ul { list-style: none; font-size:14px; padding-top: 4px ; } #wrapper #page #header #menu li { display:inline; margin: auto 10px auto 0 ; padding-right: 10px; border-right: 1px solid #465079; line-height: 1.5em; font-family: AniversRegular, "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; } #wrapper #page #header #menu a { text-decoration: none ; color: #B8C3D6 ; } #wrapper #page #header #menu .current a { color: #FFCC33 !important; font-weight: bold; } #wrapper #page #header #mappa ul { list-style: none; font-size:10px; padding: 2px 6px ; background: #B5BED2; } #wrapper #page #header #mappa li { display:inline; } #wrapper #page #header #mappa a { text-decoration: none ; color: #152256 ; } #wrapper #page #header #mappa .current a { color: #767676 !important; } /* menu secondo livello */ #wrapper #page #container #content .sx ul { list-style: none; font-size:11px; padding-top: 4px ; margin: 0 0 ;} #wrapper #page #container #content .sx li { background: #fff url(../pics/sfondi/sfondo_list.gif) no-repeat 10px 15px; margin: 0 0 1px 0; padding: 11px 0 0 25px ; color:#FF7700 ; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-weight:bold ; } #wrapper #page #container #content .sx li { height: auto !important; height: 22px; min-height: 22px; } #wrapper #page #container #content .sx li.current { color : #fff ; background: #B7BFD4 url(../pics/sfondi/sfondo_list_on.gif) no-repeat 10px 15px;} #wrapper #page #container #content .sx li.current a { color : #fff ;} #wrapper #page #container #content .sx a { text-decoration: none ; color: inherit ; } /* menu terzo livello */ #wrapper #page #container #content .sx li.lev2 { list-style:none ; background-color:#f4f4f4 ; font-weight:normal ; margin: 0 15px 0 15px; border-bottom: 1px solid #ffffff ; color: #A25E03 ; } #wrapper #page #container #content .sx li.lev2_current { color : #666666 !important; } /* Contenitore informazioni */ #wrapper #page #container #content .dx div { padding:33px 20px 0 22px ;} #wrapper #page #container #content .dx_with_img div { width:370px ; padding:33px 30px 0 22px ; } #wrapper #page #container #content .dx_with_img img { padding:53px 0 0 0 ; } #wrapper #page #container #content .dx div.item_list_image p.dida {margin: 0; padding: 0; width: 420px;} #wrapper #page #container #content .dx_with_img div.list_images { width:120px; text-align: center ; padding:53px 10px 0 0 ; } #wrapper #page #container #content .dx_with_img div.item_list_image { width:120px; text-align: center ; padding: 5px 0 0 5px ; } #wrapper #page #container #content .dx_with_img div.item_list_image img {margin: 0; padding: 0;} #wrapper #page #container #content .dx_with_img div.item_list_image p.dida {margin: 0; padding: 0;} #wrapper #page #container #content .with_img div.list_images { margin: 0; padding: 0 10px 0 15px;} #wrapper #page #container #content .with_img div.item_list_image { margin: 0; padding: 0 5px; text-align: center; height: 145px;} #wrapper #page #container #content .with_img div.item_list_image img {margin: 0; padding: 0;} #wrapper #page #container #content .with_img div.item_list_image p.dida {width: 120px; text-align: center ; margin: 0; padding: 0;} #wrapper #page #container #content .dx h1 { font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:15px ; font-weight: bold ; margin-bottom:8px;} /* begin filiberto*/ #wrapper #page #container #content .dx p { margin: 1.2em 0; color: #666;} #wrapper #page #container #content .dx ul, #wrapper #page #container #content .dx ol{ margin: 1em 0 1em 1.8em; color: #666;} /* end filiberto*/ /* sfondi pagine interne */ /*.sfondo_base_cont { background: url(../pics/sfondi/sfondo_base_cont.gif) repeat-x ; } .sfondo_base_cont_2 { background: url(../pics/sfondi/sfondo_base_cont_2.gif) no-repeat ; } .sfondo_prodotti { background: url(../pics/sfondi/sfondo_prodotti.gif) no-repeat ; } .sfondo_chisiamo { float:left; background: url(../pics/sfondi/sfondo_chisiamo.jpg) no-repeat ; } .sfondo_chisiamo_scritta { float:left; background: url(../pics/sfondi/sfondo_chisiamo_scritta.gif) no-repeat ; margin:0 0 0 2px; } .sfondo_fotovoltaico { float:left; background: url(../pics/sfondi/sfondo_fotovoltaico.jpg) no-repeat ; } .sfondo_fotovoltaico_scritta { float:left; background: url(../pics/sfondi/sfondo_fotovoltaico_scritta.gif) no-repeat ; margin:0 0 0 2px; } .sfondo_eolico { float:left; background: url(../pics/sfondi/sfondo_eolico.jpg) no-repeat ; } .sfondo_eolico_scritta { float:left; background: url(../pics/sfondi/sfondo_eolico_scritta.gif) no-repeat ; margin:0 0 0 2px; } .sfondo_solare_termico { float:left; background: url(../pics/sfondi/sfondo_solare_termico.jpg) no-repeat ; } .sfondo_solare_termico_scritta { float:left; background: url(../pics/sfondi/sfondo_solare_termico_scrit.gif) no-repeat ; margin:0 0 0 2px; } .sfondo_telecomunicazioni { background: url(../pics/sfondi/sfondo_telecomunicazioni.gif) no-repeat ; } .sfondo_telecomunicazioni_detail { float:left; background: url(../pics/sfondi/sfondo_tele_detail.jpg) no-repeat ; } .sfondo_telecomunicazioni_detail_scritta { float:left; background: url(../pics/sfondi/sfondo_tele_detail_scritta.gif) no-repeat ; margin:0 0 0 2px; } .sfondo_news { float:left; background: url(../pics/sfondi/sfondo_news.jpg) no-repeat ; } .sfondo_news_scritta { float:left; background: url(../pics/sfondi/sfondo_news_scritta.gif) no-repeat ; margin:0 0 0 2px; } .sfondo_faq { float:left; background: url(../pics/sfondi/sfondo_faq.jpg) no-repeat ; } .sfondo_faq_scritta { float:left; background: url(../pics/sfondi/sfondo_faq_scritta.gif) no-repeat ; margin:0 0 0 2px; } .sfondo_contatti { float:left; background: url(../pics/sfondi/sfondo_contatti.jpg) no-repeat ; } .sfondo_contatti_scritta { float:left; background: url(../pics/sfondi/sfondo_contatti_scritta.gif) no-repeat ; margin:0 0 0 2px; }*/ .sfondo_base_cont { background: url(../pics/sfondi/sfondo_base_cont.jpg) repeat-x ; } .sfondo_base_cont_2 { background: url(../pics/sfondi/sfondo_base_cont_2.jpg) no-repeat ; } .sfondo_prodotti { background: url(../pics/sfondi/sfondo_prodotti.jpg) no-repeat ; } .sfondo_chisiamo { float:left; background: url(../pics/sfondi/sfondo_chisiamo.jpg) no-repeat ; } .sfondo_chisiamo_scritta { float:left; background: url(../pics/sfondi/sfondo_chisiamo_scritta.jpg) no-repeat ; margin:0 0 0 2px; } .sfondo_fotovoltaico { float:left; background: url(../pics/sfondi/sfondo_fotovoltaico.jpg) no-repeat ; } .sfondo_fotovoltaico_scritta { float:left; background: url(../pics/sfondi/sfondo_fotovoltaico_scritta.jpg) no-repeat ; margin:0 0 0 2px; } .sfondo_eolico { float:left; background: url(../pics/sfondi/sfondo_eolico.jpg) no-repeat ; } .sfondo_eolico_scritta { float:left; background: url(../pics/sfondi/sfondo_eolico_scritta.jpg) no-repeat ; margin:0 0 0 2px; } .sfondo_solare_termico { float:left; background: url(../pics/sfondi/sfondo_solare_termico.jpg) no-repeat ; } .sfondo_solare_termico_scritta { float:left; background: url(../pics/sfondi/sfondo_solare_termico_scrit.jpg) no-repeat ; margin:0 0 0 2px; } .sfondo_telecomunicazioni { background: url(../pics/sfondi/sfondo_telecomunicazioni.jpg) no-repeat ; } .sfondo_telecomunicazioni_detail { float:left; background: url(../pics/sfondi/sfondo_tele_detail.jpg) no-repeat ; } .sfondo_telecomunicazioni_detail_scritta { float:left; background: url(../pics/sfondi/sfondo_tele_detail_scritta.jpg) no-repeat ; margin:0 0 0 2px; } .sfondo_news { float:left; background: url(../pics/sfondi/sfondo_news.jpg) no-repeat ; } .sfondo_news_scritta { float:left; background: url(../pics/sfondi/sfondo_news_scritta.jpg) no-repeat ; margin:0 0 0 2px; } .sfondo_faq { float:left; background: url(../pics/sfondi/sfondo_faq.jpg) no-repeat ; } .sfondo_faq_scritta { float:left; background: url(../pics/sfondi/sfondo_faq_scritta.jpg) no-repeat ; margin:0 0 0 2px; } .sfondo_contatti { float:left; background: url(../pics/sfondi/sfondo_contatti.jpg) no-repeat ; } .sfondo_contatti_scritta { float:left; background: url(../pics/sfondi/sfondo_contatti_scritta.jpg) no-repeat ; margin:0 0 0 2px; } .sfondo_videosorveglianza { float:left; background: url(../pics/sfondi/sfondo_videosorveglianza.jpg) no-repeat ; } .sfondo_videosorveglianza_scritta { float:left; background: url(../pics/sfondi/sfondo_videosorveglianza_scritta.jpg) no-repeat ; margin:0 0 0 2px; } .sfondo_videosorveglianza_detail { float:left; background: url(../pics/sfondi/sfondo_videosorveglianza_detail.jpg) no-repeat ; } .sfondo_videosorveglianza_detail_scritta { float:left; background: url(../pics/sfondi/sfondo_videosorveglianza_scritta.jpg) no-repeat ; margin:0 0 0 2px; } /* home */ #wrapper #page #container #home div { color: #666666 ; font-size: 11px ; } #wrapper #page #container #home #header_dx { position:relative ; } #wrapper #page #container #home #header_dx div { position:absolute; bottom:0px ; color: #FFFFFF ; font-size: 12px ; font-weight: bold ; margin: 0px 30px 10px 25px; } #wrapper #page #container #home .block_1 { background:#A7B0C4 ; height: 20px; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:13px ; font-weight: bold ; } #wrapper #page #container #home .block_1 p, #wrapper #page #container #home .block_4 p { padding: 2px 0 0 27px ; color: #fff; } #wrapper #page #container #home .block_2 { background: url(../pics/sfondi/sfondo_box_2_home.gif) repeat-x ; height: auto !important; height: 164px; min-height: 164px; } #wrapper #page #container #home .block_3 { background: url(../pics/sfondi/sfondo_box_3_home.gif) repeat-x ; height: auto !important; height: 164px; min-height: 164px; } #wrapper #page #container #home .block_4 { background: #ffcc00 ; height: 20px; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:13px ; font-weight: bold ; } #wrapper #page #container #home .block_5 { background: url(../pics/sfondi/sfondo_box_5_home.gif) repeat-x ; height: auto !important; height: 164px; min-height: 164px; } #wrapper #page #container #home .block_5 p, .block_2 p, .block_2 ul, .block_2 ol { padding: 10px 20px 0 27px ; line-height: 130% ; } #wrapper #page #container #home .block_2 hr { background: #ababab; color: #ababab; height: 1px; margin: 0 20px 0 27px; border:none; } .right { text-align:right; margin-right:0px; } #wrapper #page #container #home .block_3 div { width: 400px; margin: 12px 0 0 27px; border-bottom: 1px solid #e5e5e5 ; color: #999999 ; padding-bottom:20px;} #wrapper #page #container #home .block_3 h4 { font-size:14px ; color: #152256 ;font-family: AniversRegular,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-weight: normal; } #wrapper #page #container #home .block_3 div .link{ border:0px solid black ; display:block ; clear:both ; text-align: left ; color: #FF9900; padding-left: 120px; } #wrapper #page #container #home .block_3 h4 .link { color: #152256 ;} /* Prodotti */ #wrapper #page #container #content #dx_prodotti { padding:19px 20px 0 16px ; display:block ; float:left ; } #wrapper #page #container #content #dx_prodotti div { border:0px solid black ; display:block ; float:left ; } #wrapper #page #container #content #dx_prodotti h1 { font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:18px ; font-weight: bold ; margin-bottom:8px; color: #e88b01 ; } #wrapper #page #container #content #dx_prodotti h2 { font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:13px ; font-weight: bold ; margin-bottom:8px; color: #e88b01 ; } #wrapper #page #container #content #dx_prodotti .first_product {width: 510px; clear:both; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; } #wrapper #page #container #content #dx_prodotti .first_product img { display:block ; float:left; margin-right: 20px ; } #wrapper #page #container #content #dx_prodotti .first_product div { width: 205px ; color: #666; } #wrapper #page #container #content #dx_prodotti .first_product a.link { display:block ; clear:both; margin-top:10px;} #wrapper #page #container #content #dx_prodotti .other_product a.link { display:block ; clear:both; margin-top:10px;} #wrapper #page #container #content #dx_prodotti .other_product { width: 240px; margin-top:20px;} #wrapper #page #container #content #dx_prodotti .other_product img { display:block ; float:left; margin-right: 20px ; } #wrapper #page #container #content #dx_prodotti .other_product div { width: 120px; font-size:10px ; color: #666;} #wrapper #page #container #content #dx_prodotti .col_sx { margin-right:30px; } /* Telecomunicazioni */ .item_tlc { width: 520px; margin-top:6px ; margin-left:10px ; border-bottom:1px solid #e5e5e5 ; padding: 18px 0 16px 10px !important;} .item_tlc h1 a { color: #152256 ; } #wrapper #page #container #content .dx .item_tlc img { display:block ; float:left; margin-right: 16px ; border:0px solid black !important; } #wrapper #page #container #content .dx .item_tlc div { width: 360px; padding:0;} #wrapper #page #container #content .dx .item_tlc .link{ border:0px solid black ; display:block ; clear:both ; margin-top:10px ; } /* Contatti */ #wrapper #page #container #content .dx #contatti div { padding:0 ; display:block ; float:left;} #wrapper #page #container #content .dx #contatti .contatti { text-transform: uppercase ; border-bottom: 1px solid #e5e5e5 ; width: 520px; padding:0 ; margin-bottom: 8px; margin-left:-10px;} #wrapper #page #container #content .dx #contatti img { margin-bottom: 20px ;} #wrapper #page #container #content .dx #contatti #didascalia { margin-left:10px ; width:140px;} /* Faq */ #wrapper #page #container #content .dx #faq div { padding:0 ; width: 511px; color: #666; } #wrapper #page #container #content .dx .faq { text-transform: uppercase ; border-bottom: 1px solid #e5e5e5 ; width: 511px; padding:0 ; margin-bottom: 8px;} #wrapper #page #container #content .dx #faq { padding-bottom:20px ; } #wrapper #page #container #content .dx #faq .item_list_faqs { border:0px solid black ; margin-top: 20px ; margin-left: 0px ; text-indent: 0px; width: 420px; } #wrapper #page #container #content #dx_prodotti h2 { font-family:Arial,Helvetica,sans-serif; font-size:13px ; font-weight: bold ; margin-bottom:8px; color: #e88b01 ; } /*#wrapper #page #container #content .dx #faq #faq_detail p { margin-left:36px ; margin-bottom: 10px ; color: #666666 ; }*/ #wrapper #page #container #content .dx #faq #faq_detail div { margin-left:36px ; margin-bottom: 10px ; color: #666666 ; border:0px solid black ; width:430px; } #wrapper #page #container #content .dx #faq #faq_detail div h1 { font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:15px ; font-weight: bold ; margin-bottom:8px;} #wrapper #page #container #content .dx #faq #faq_detail h2 { font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:13px ; font-weight: bold ; } /* News */ #wrapper #page #container #content .dx #news div { padding:0 ; width: 510px; } #wrapper #page #container #content .dx .news { text-transform: uppercase ; border-bottom: 1px solid #e5e5e5 ; width: 520px; padding:0 ; margin-bottom: 8px;} #wrapper #page #container #content .dx #news .item_list_news { border-bottom:1px solid #e5e5e5 ; margin:12px 0 0 0 ; padding-bottom:20px ; } #wrapper #page #container #content .dx #news .item_list_news a { font-size:12px ; } #wrapper #page #container #content .dx #news .item_list_news img { display:block ; float:left; margin-right: 16px ; border:0px solid black !important; } #wrapper #page #container #content .dx #news .item_list_news div { width: 390px; color: #666; border:0px solid black !important; } #wrapper #page #container #content .dx #news #news_detail h4 { font-size: 11px ; } #wrapper #page #container #content .dx #news #news_detail img { display:block ; float:left; margin-right: 16px ; border:0px solid black !important; } #wrapper #page #container #content .dx #news #news_detail .detailLink { border:0px solid black ; display:block ; clear:both ; margin-top:20px ; text-align:right ; } #wrapper #page #container #content .dx #news #backLink { text-transform: none ; margin-top:-25px ; } /* Document allegati */ .item_list_docs { width: 500px; border-bottom:1px solid #e5e5e5 ; margin:12px 0 0 0 ; padding:0 0 20px 0 !important; } .item_list_docs img { display:block ; float:left; margin-right: 10px ; border:0px solid black !important; } .item_list_docs div { width: 450px; padding:0 !important; } /* Liste di sotto sotto pagine */ #wrapper #page #container #content .dx .item_sotto_sotto { width: 500px; border-bottom:1px solid #e5e5e5 ; margin:12px 0 0 25px ; padding:0 0 20px 0 !important; } .item_sotto_sotto img { display:block ; float:left; margin-right: 10px ; border:0px solid black !important; } #wrapper #page #container #content .dx .item_sotto_sotto div { width: 300px; padding:0 !important; color: #666;} #wrapper #page #container #content .dx .item_sotto_sotto div h2 { font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:13px !important; font-weight: bold ; }