/*-----------------COMUNI------------------------*/ *{ margin:0px; padding:0px;} h1, h2{ height:1px; display:none; visibility:hidden; } /*Form*/ form{margin:0px; padding:0px;} fieldset{ border:none;} legend{ display:none; visibility:hidden;} .radio{ border:none; vertical-align:middle; width:auto;} /*label{ vertical-align:middle; text-align:left; display:none; visibility:hidden}*/ /* Normalizza tabelle */ table{ border-collapse : collapse; border-spacing : 0; } /* Rimuovi bordi dai fieldset e dalle img */ fieldset, img{ border : 0;} /* Allineamento a sinistra per caption e th */ caption, th{ text-align : left; } hr{ display:none; height:1px;} .pulisci{ clear:both;} .nascondi{ visibility:hidden; height:0px;} .nascondi_txt{ display:none;visibility:hidden;} /*posizioni*/ .centra{ text-align:center; float:none;} .sx{ text-align:left} .dx{ text-align:right} /*tebelle*/ table { width:100%; border-collapse:collapse; text-align:left;} td{ padding:3px;} caption{ text-align:left; padding-bottom:10px} .centro{ text-align:center} .sinistra{ text-align:left} .destra{ text-align:right;} /* ------------------------------------------------------------------------------------------------ */ body { background: #000 url(../img/comuni/bg.png) 0 0 repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; line-height:18px; } #contenitore_fake { width: 100%; display: table; background: transparent url(../img/comuni/pink.jpg) center 120px no-repeat; } #contenitore { width:980px; margin:5px auto; background: #000 url(../img/comuni/bg.png) 0 0 repeat; } /*Link testo*/ h3,h4{ font-size:28px; color:#fff; font-family:"Times New Roman", Times, serix; padding-bottom:10px;} h5{ font-size:12px; padding:5px 0px;} a:link, a:visited, a:focus, a:active{ color:#fff; } a:hover{ text-decoration:underline; color:#06b4e9; } .azzurro{ color:#06b4e9; text-decoration:none; } a.azzurro:active, a.azzurro:link, a.azzurro:focus, a.azzurro:visited{ color:#f00;} a.azzurro:hover{ color:#06b4e9; text-decoration:underline} .didascalia{ font-size:10px;} a.didascalia:active, a.didascalia:link, a.didascalia:focus, a.didascalia:visited{ text-decoration:underline;} a.didascalia:hover{color:#ff6600; text-decoration:underline;} p{ padding:10px 0px;} .read_more a, .read_more{ text-align:right; color:#fff; font-size:10px;} .read_more a:hover{ color:#6C6E70} .hilight{ color:#f00; font-weight:bold;} /*//////////////////////////////////MENU DI NAVIGAZIONE/////////////////////////////////*/ #menu{height:41px;background:#000 url(../img/menu/main-bg.png) 0 0 repeat-x;} #menu ul{margin:0;padding:0;list-style:none;float:left;} #menu ul.menu{padding-left:30px;} #menu li{position:relative;z-index:9;margin:0;padding:0 5px 0 0;display:block;float:left;} #menu li:hover>ul{left:-2px;} #menu a{position:relative;z-index:10;height:41px;display:block;float:left;line-height:41px;text-decoration:none;font-size:12px;text-transform:uppercase;} #menu a:hover, #menu a:hover span{color:#fff;} #menu li.current a{color:#F00} #menu span{display:block;cursor:pointer;background-repeat:no-repeat;background-position:95% 0;} #menu ul ul a.parent span{background-position:95% 8px;background-image:url(../img/menu/item-pointer.gif);} #menu ul ul a.parent:hover span{background-image:url(../img/menu/item-pointer-mover.gif);} #menu a{padding:0 10px 0 10px;line-height:30px;color:#e5e5e5;} #menu span{margin-top:5px;} #menu li{background:url(../img/menu/main-delimiter.png) 98% 4px no-repeat;} #menu li.last{background:none;} #menu ul ul li{background:none;} #menu ul ul{position:absolute;top:38px;left:-999em;width:163px;padding:5px 0 0 0;background:rgb(45,45,45);margin-top:1px;} #menu ul ul a{padding:0 0 0 15px;height:auto;float:none;display:block;line-height:24px;color:rgb(169,169,169);} #menu ul ul span{margin-top:0;padding-right:15px;color:rgb(169,169,169);} #menu ul ul a:hover span{color:#fff;} #menu ul ul li.last{background:none;} #menu ul ul li{width:100%;} #menu ul ul ul{padding:0;margin:-38px 0 0 163px !important;margin-left:172px;} #menu ul ul ul{background:rgb(41,41,41);} #menu ul ul ul ul{background:rgb(38,38,38);} #menu ul ul ul ul{background:rgb(35,35,35);} #menu li.back{background:url(../img/menu/lava.png) no-repeat right -44px !important;background-image:url(../img/menu/lava.gif);width:13px;height:44px;z-index:8;position:absolute;margin:-1px 0 0 -5px;} #menu li.back .left{background:url(../img/menu/lava.png) no-repeat top left !important;background-image:url(../img/menu/lava.gif);height:44px;margin-right:8px;} /*////////////////////////////////////FINE MENU////////////////////////////////////////////////////*/ /*////////////////////////////////////SLIDER SERVIZI//////////////////////////////////////////////*/ .anythingSlider { width: 980px; height: 220px; position: relative;margin:15px 0px } .anythingSlider .wrapper { width: 980px; overflow: auto; height: 220px; position: absolute; top: 0; left: 0; } .anythingSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0;} .anythingSlider ul li { display: block; float: left; padding: 0; height: 220px; width: 980px; margin: 0; } .anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; } .anythingSlider .forward { background-position: 0 0; right: -20px; } .anythingSlider .back { background-position: -67px 0; left: -20px; } .anythingSlider .forward:hover { background-position: 0 -200px; } .anythingSlider .back:hover { background-position: -67px -200px; } #thumbNav { position: relative; top: 212px; text-align: right; } #thumbNav a { color: #fff; font-size: 9px ; display: inline-block; padding: 1px 8px; height: 15px; margin: 0 5px 0 0; background: #4d4d4d; text-decoration:none } #thumbNav a:hover { background-image: none; } #thumbNav a.cur { background: #fff; color:#000 } #start-stop {font-size: 9px ; text-decoration:none; background: #000; color: white; padding: 0px 5px; width: 35px; text-align: center; position: absolute; right: 320px; top: 212px; } #start-stop.playing { background-color: #4d4d4d; } #start-stop:hover { background: #000; } .bt_slider{ text-align:right; padding-top:5px;} /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } #siti{ background:transparent url(../img/slider/siti.jpg) 0 0 no-repeat; height:212px;} #ipass{ background:transparent url(../img/slider/ipass.jpg) 0 0 no-repeat; height:212px;} #ecommerce{ background:transparent url(../img/slider/ecommerce.jpg) 0 0 no-repeat; height:212px;} #pw3c{ background:transparent url(../img/slider/w3c.jpg) 0 0 no-repeat; height:212px;} #phosting{ background:transparent url(../img/slider/hosting.jpg) 0 0 no-repeat; height:212px;} #seo{ background:transparent url(../img/slider/seo.jpg) 0 0 no-repeat; height:212px;} #mail{ background:transparent url(../img/slider/mail.jpg) 0 0 no-repeat; height:212px;} #mail_prof{ background:transparent url(../img/slider/mail_prof.jpg) 0 0 no-repeat; height:212px;} #ftp{ background:transparent url(../img/slider/ftp.jpg) 0 0 no-repeat; height:212px;} #mobile{ background:transparent url(../img/slider/mobile.jpg) 0 0 no-repeat; height:212px;} #streaming{ background:transparent url(../img/slider/streaming.jpg) 0 0 no-repeat; height:212px;} #gs_newsl{ background:transparent url(../img/slider/gs_newsl.jpg) 0 0 no-repeat; height:212px;} .item_slider{padding:50px 10px 10px 610px;} .item_slider h2{ font-size:12px; display:block; visibility:visible; height:auto; font-weight:normal;} /*///////////////////////////////////////////////////FINE SLIDER////////////////////////////////////////////////////////////* /*comuni a tutti tranne index*/ #cont_due_col{ margin:15px 0px; font-size:14px} #sx_due_col{ float:left; width:290px; background:transparent url(../img/comuni/separatore.png) right center no-repeat;} #dx_due_col{ float:right; width:674px; padding-left:10px; line-height:26px;} #dx_due_col ul li{ margin-left:25px;} #briciole{ height:24px;} #briciole h2{display:block; visibility:visible; text-decoration:none; font-weight:normal; font-size:14px; text-decoration:none;} #briciole h2 a{ font-size:14px; visibility:visible; text-decoration:none; font-weight:normal; text-decoration:none;} #briciole h2 a:hover{ font-size:14px; color:#06b4e9} #briciole h2 strong{ font-size:14px;color:#06b4e9; text-transform:uppercase;} /*utylity*/ .utility{ background:transparent url(../img/comuni/bg_uyility.png) 0 0 no-repeat; height:36px; line-height:36px; font-size:11px; text-transform:capitalize; padding-left:15px;} .print, .top_page, .top_page a, .print a{text-decoration:none; float:left; width:210px; } .print img, .top_page img{vertical-align:middle; text-decoration:none } /*seo*/ #cont_seo_footer{ padding-top:15px; background:transparent url(../img/comuni/bg_seo.jpg) 0 0 repeat-x; margin-top:10px} #cont_seo{ margin:0 auto; width:980px;color:#000;} #cont_seo h4{ margin-bottom:5px;} #seo_prew{ background:transparent url(../img/comuni/base_seo.png) 0 0 no-repeat; color:#000; padding:10px; height:218px; padding-bottom:0px;} #seo_prew h5 a, #seo_prew h5{ font-size:12px; font-style:italic; padding:0px; margin:0px; color:#000;} #seo_prew h5 a:hover{ font-size:12px; font-style:italic; padding:0px; margin:0px; color:#06b4e9;} #seo_prew p{ font-size:10px; padding:2px 0px 5px 0px; margin:0px;} /*Effetto toggle USATO in AREA e PARTNERSHIP e PORTFOLIO*/ .trigger, .trigger a{ height:54px; width:980px; background:transparent url(../img/area/base_close.png) 0 0 no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:54px; text-transform:capitalize; text-indent:15px; text-decoration:none} .active{ height:54px; width:980px; background:transparent url(../img/area/base_open.png) 0 0 no-repeat;} .toggle_container{ padding:10px; line-height:22px;} .toggle_container ul li{ margin-left:30px; padding:5px 0px;} .trigger.active a {color: #06b4e9;} /*Partnership*/ #area_mail,#area_ipass,#area_serp{ width:500px; margin:20px auto; } input { height:50px; width:478px; background:transparent url(../img/area/form_area.png) 0 0 no-repeat; border:none; color:#cccccc; font-size:16px; line-height:50px; padding-left:20px;} label { font-weight:bold; font-size:16px;} input.accedi_area{ height:38px; line-height:38px; width:150px; background:transparent url(../img/area/accedi_area.png) 0 0 no-repeat; color:#06b4e9; cursor:pointer} input.accedi_serp{ height:38px; line-height:38px; width:150px; background:transparent url(../img/area/accedi_serp.png) 0 0 no-repeat; color:#06b4e9; cursor:pointer} /*form registrazione nome di domini*/ #dominio{width:650px; margin:20px auto;} #dominio label{ font-size:12px;} #dominio input { height:34px; width:288px; background:transparent url(../img/area/form_area_dominio.png) 0 0 no-repeat; border:none; color:#cccccc; font-size:14px; line-height:34px; padding-left:20px;} #dominio legend{ display:block; visibility:visible; padding:10px 0px; font-weight:bold; color:#F00} .tb_dominio tr td #registra_dominio{ height:38px; line-height:38px; width:159px; background:transparent url(../img/area/accedi_dominio.png) 0 0 no-repeat; color:#06b4e9; cursor:pointer} .alert{ background:#fff; color:#000; border:1px solid #F00; padding:30px;} /*Contatti*/ #mappa{ margin:10px 0px;} #sx_due_col_contatti{ float:left; width:290px; background:transparent url(../img/comuni/separatore.png) right center no-repeat;} /* =FOOTER ----------------------------------------------------------------------------------- */ #cont_footer{ margin:0px auto; width:980px; background:transparent url(../img/comuni/bg_footer.jpg) top center no-repeat; font-size:11px; line-height:18px; padding-top:10px; height:90px;} #dati_ft{ float:left;} #w3c{ float:right; background:transparent url(../img/comuni/w3c.png) bottom center no-repeat; padding-top:30px; width:220px; height:30px;} /*---------------------------------------------------------------------------------------------*/