@charset "utf-8";
/* CSS Document */
/*body {margin:0; background:url(../img/bkgsito.jpg) repeat-x; background-color:#97c2e4; padding: 0;font: 100% Arial, Verdana, Helvetica, sans-serif;text-align: center; color:#58585a; line-height:18px}*/
body {margin:0; background-color:#cce8f4; padding: 0;font: 100% Arial, Verdana, Helvetica, sans-serif;text-align: center; color:#58585a; line-height:18px}
.testo {color: #58585A; font-size:12px; margin: 10px 10px 34px 10px}
.link {text-decoration:underline; color:#58585A; font-weight:bold}
.link:hover {color:#000}
.link:visited {color:#1372b6}
.contenitore {width:930px; position:absolute; left:50%; margin-left:-465px; text-align: left;}
.ombrasx {background:url(../img/ombrasx.jpg) no-repeat top; width:12px; float:left; height:641px}
.contenutohp {width:906px;float:left; background-color:#fff;margin-bottom:15px;}
.contenuto {width:906px;float:left; background-color:#ddd;margin-bottom:15px;}
.ombradx {background:url(../img/ombradx.jpg) no-repeat top; width:12px;float:right;height:640px;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
.header {background:url(../img/header.jpg) no-repeat top; width:904px; height:219px; position:relative; z-index:1}
.tecnologia { color: #7F7F7F;  font-size: 23px;  left: 280px; position: absolute; top: 150px; z-index: 10;}
.nelle {color: #1C75B3;  font-size: 39px;  left: 340px;  letter-spacing: -1px;  position: absolute; top: 180px; z-index: 10;}
.tuv {left: 830px;  letter-spacing: -1px;  position: absolute; top: 150px; z-index: 10;}
.headerlogo2 {background-color:#FFF; float:left; width:329px; vertical-align:top; position:relative;top:0;left:0px; height:204px}
.main_menu {background:url(../img/menu_azzurro.jpg) repeat-x ;width:100%; height:35px;font-size:20px;  color:#FAE500;float:left;}
.titolo-main1 { float:left; padding:5px 23px; font-size:13px; margin-top:4px}
.titolo-main2, .titolo-main3, .titolo-main4,.titolo-main5, .titolo-main6, .titolo-main7 {background:url(../img/bkgazz_div.jpg) no-repeat;  float:left; padding:5px 23px; font-size:12px; margin-top:4px}
.titolo-main1 a, .titolo-main2 a, .titolo-main3 a, .titolo-main4 a, .titolo-main5 a, .titolo-main6 a, .titolo-main7 a{color:#fffffe; text-decoration:none; font-weight:bold; font-size:13px}
.titolo-main1 a:hover, .titolo-main2 a:hover, .titolo-main3 a:hover, .titolo-main4 a:hover, .titolo-main5 a:hover, .titolo-main6 a:hover, .titolo-main7 a:hover{color:#99ceeb;}
.siamo .titolo-main1 a, .permanenti .titolo-main2 a, .soluzioni-prod .titolo-main3 a, .detergente .titolo-main3 a, .unica .titolo-main3 a, .compresse .titolo-main3 a, .perossido .titolo-main3 a, .umettanti .titolo-main3 a, .disinfettante .titolo-main3 a, .occhiovisione .titolo-main2 a, .anatomia .titolo-main2 a, .difetti .titolo-main2 a, .cheratocono .titolo-main2 a, .diottrie .titolo-main2 a, .prescrizione .titolo-main2 a, .lac-giornaliere  .titolo-main3 a, .lac-settimanali .titolo-main3 a, .lac-quindicinali .titolo-main3 a, .lac-mensili .titolo-main3 a, .sedi .titolo-main5 a, .contatti .titolo-main4 a, .intro .titolo-main6 a, .misura .titolo-main6 a, .gas .titolo-main6 a, .astigmatismo .titolo-main6 a, .fotocromatiche .titolo-main6 a, .soluzioni .titolo-main6 a, .assistenza .titolo-main7 a, .ortocheratologia .titolo-main7 a, .topografia .titolo-main7 a, .training .titolo-main7 a, .cosulenze .titolo-main7 a, .certificazioni .titolo-main7 a{color:#99ceeb;}
.bandanera { width:100%; height:35px; font-size:20px;  color:#FAE500;float:left;}
.bandinanera {background-color:#000002; width:100%; height:10px; font-size:20px;  color:#FAE500;float:left;}
.titolo-hp1 {background: url("../img/divgrigio.gif") no-repeat scroll 100% 0 #CBD3D9;
    color: #1C76B5;
    float: left;
    height: 21px;
    padding: 8px 0 6px 15px;
    width: 195px; }
.titolo-hp2 { background: url("../img/divgrigio.gif") no-repeat scroll 100% 0 #CBD3D9;
    color: #1C76B5;
    float: left;
    height: 21px;
    padding: 8px 0 6px 15px;
    width: 215px;}
.titolo-hp3 {color: #1c76b5; width:218px;float:left; padding:8px 0 6px 15px;background-color:#CBD3D9; float:left;height:21px}
.titolo-hpmezzi {color: #1c76b5; float:left; padding: 0px; height:12px; background-color:#CBD3D9; float:left;width:233px}
.banda-hp1 {background: url("../img/divgrigio.gif") repeat-y scroll 100% 0 #fff; width:200px;float:left; padding:8px 0 0 10px; height:345px}
.banda-hp2 {background: url("../img/divgrigio.gif") repeat-y scroll 100% 0 #fff; float:left; padding:8px 0 0 15px; height:345px;width: 215px;}
.banda-hp3 {width:250px;float:left; padding:6px 0 0 10px; height:345px}
.banda-hp4 {width:190px;float:left; padding:3px 0 0 10px; }
ul.menuhp, ul.menuhp2, ul.menuhp3 {list-style-image: url(../img/arrow.gif) ; padding: 10px 0 0 20px;margin: 0;font-size:13px;}
ul.menuhp li, ul.menuhp2 li, ul.menuhp3 li {margin: 0}
ul.menuhp li a, ul.menuhp2 li a, ul.menuhp3 li a {text-decoration:none;  color:#1c76b6; line-height:22px; display:block; font-size:13px; margin-left: -4px; margin:0; padding:0 }
ul.menuhp li a:hover, ul.menuhp2 li a:hover, ul.menuhp3 li a:hover {text-decoration:underline;}
.accedi {background-image: url("../img/btn_areaclienti.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    border-bottom: 1px solid #CCCCCC;
    color: #FFFFFF;
    height: 22px;
    margin-top: 10px;
    padding-bottom: 5px;
    width: 162px;}
.accedi a{text-decoration:none;  color:#fffffe;  padding:5px 0 0 18px; font-size:12px; font-weight:bold; line-height:21px}
.accedi a:hover{text-decoration:underline;}
.bandaccedi1 {  background-color: #BBBBBB;
    clear: both;
    height: 1px;
    margin: 20px 0 10px 15px;
    width: 170px;}
.bandaccedi2 {width:170px; height:1px; background-color:#bbbbbb; margin:10px 0 0 15px; clear:both}
.accedint a{background-image: url("../img/btn_areaclienti.jpg");
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin: 5px 0 0 20px;
    padding: 0 0 0 10px;
    text-decoration: none;
    width: 145px;}
.accedint a:hover{ text-decoration:underline}
.geenvision-img {padding:25px 10px 0; clear:both}
.bandanera2 {background-color:#1C75B4;float:left;height:10px;margin:-16px 10px;width:660px;}
.copy {border-top: 1px solid #CCCCCC;
    color: #7F7F7F;
    float: left;
    font-size: 10px;
    margin: 15px 0 0 10px;
    padding: 5px 0 50px;
    width: 862px;}
.comunicazione {font-size:10px; color:#7F7F7F; }
a.copi{font-size:10px; color:#7F7F7F; text-decoration:none}
a.copi:hover{text-decoration:underline}
ul#main{list-style-type: none;padding: 0;margin: 0;font-size:12px; text-transform:uppercase; font-weight:bold;}
ul#main li {padding:5px 10px}
ul#main li a {text-decoration:none;  color:#000001; line-height:12px; padding-left:5px}
ul#main li a:hover {text-decoration:underline;}
.logo { position:absolute; top:100px; left: 175px}
li.margine, li.margine3 {padding-bottom:17px}
.menu-int {width:210px;float:left; padding:6px 0 6px 10px; height:360px; position:relative; z-index:0}
ul#menu-int-main{list-style-image: url(../img/arrowg.gif); padding: 10px 0 0 20px;margin: 0;font-size:12px; text-transform:uppercase; font-weight:bold }
ul#menu-int-main2{list-style-image: url(../img/arrowg.gif); padding: 10px 0 0 20px;margin: 0;font-size:12px; text-transform:uppercase; font-weight:bold }
ul#menu-int-main li a {text-decoration:none;  color:#1C75B4; padding:4px 0;display:block; margin-left:-4px }
ul#menu-int-main2 li a {text-decoration:none;  color:#1C75B4; padding:4px 0;display:block; margin-left:-4px }
ul#menu-int-main li a:hover {text-decoration:underline;}
ul#menu-int-main2 li a:hover {text-decoration:underline;}
.navigazione {border-left: 1px solid #BBBBBB;     float: left;     font-size: 11px;     font-weight: bold;     height: 14px;     padding: 2px 0 6px 10px;     width: 674px;}
.navigazione a{text-decoration:none; color:#58585A; font-weight:normal}
.navigazione a:hover {text-decoration:underline}
.pagina {float:left; padding:15px 20px 6px 20px; background-color:#FFF; width:645px; font-size:12px; min-height:350px}
.sviluppo {width:645px; padding:15px 0; min-height:500px}
.copypagina {border-top: 1px solid #CCCCCC;font-size:10px;margin-top:20px;padding:10px 0 50px; clear:left; color:#7F7F7F}
.titolo {font-size:20px; color:#1C75B5}
.sinistra {width:240px; float:left; padding-top:25px;}
.sinistra2 {width:200px; float:left; padding-top:25px;}
.sinistraort {width:200px; float:left; padding-top:25px;}
.destra { width:400px; float:left; padding:25px 0;}
.sede {   border-bottom: 1px solid #DDDDDD;
    clear: both;
    margin-bottom: 10px;
    padding: 5px;
    width: 220px;} 
.sede2 {  border-bottom: 1px solid #DDDDDD; clear: both; padding: 5px 0;} 
.sedetxt{float:left; width:170px}
.mappa{float: right; padding: 45px 25px 0 0;    width: 30px;}
.mappa2{float: right; padding: 65px 25px 0 0;    width: 30px;}
body.certificazioni ul#menu-int-main li.tuv a { font-weight:bold}
#map, #map1, #map2 { margin:10px 0}
.lineagialla {border-bottom:1px solid #1C75B4;}
.titolopromo {border-bottom:1px solid #1C75B4; color:#1C75B4;font-size:12px;font-weight:bold;margin:10px 0; clear:both}
.titolobarranera {border-bottom:1px solid #1C75B4;color:#1C75B4;font-size:12px;font-weight:bold;margin:10px 0;}
.titolocarta {border-bottom:1px solid #1C75B5;color:#1C75B5;font-size:12px;font-weight:bold;margin: 0;}
.promo {width:100%; clear:both; height: auto !important;  min-height: 130px;}
.promonomin {width:100%; clear:both; height: auto !important; }
.imgfloat {float:left; padding: 0 10px 10px 0}
.imgfloat2 {float:left; padding: 0 10px 0 0}
.prodotto {display:block; margin-top: 20px;}
.imgproduct {width:300px;  float:left}
.descrizioneprodotto {float:left; margin-left:10px;line-height: 16px;}
.caratteristicheprodotto { width:330px; border-top:1px solid #C1BFC0; border-left:1px solid #C1BFC0; border-right:1px solid #C1BFC0; float:right; margin:10px 5px 0 0}
.titprod { background-color:#C7C5C6; font-weight:bold; padding-left:5px; line-height:16px}
.bianco {border-bottom:1px solid #C1BFC0; font-size:11px; padding-left:5px;}
.grigio{border-bottom:1px solid #C1BFC0; background-color:#E6E4E5; font-size:11px; padding-left:5px;}
.biancomezzo {width:159px; border-bottom:1px solid #C1BFC0; border-right:1px solid #C1BFC0; font-size:11px; padding-left:5px; float:left}
.biancomezzo2 {width:159px; border-bottom:1px solid #C1BFC0; font-size:11px; padding-left:5px; float:left}
.grigiomezzo{width:159px;border-bottom:1px solid #C1BFC0; border-right:1px solid #C1BFC0; background-color:#E6E4E5; font-size:11px; padding-left:5px; float:left}
.grigiomezzo2{width:159px;border-bottom:1px solid #C1BFC0; background-color:#E6E4E5; font-size:11px; padding-left:5px; float:left}
.divprod {border-bottom:1px solid #959595; clear:both;  padding-top: 30px; display:block}
.titolocchio {font-weight:bold; border-bottom:1px solid #1C75B4; margin-bottom:5px; font-style:italic}
ul#menu-interno{list-style-type: none;; padding: 0 0 20px 0;margin: 0;font-size:12px; }
ul#menu-interno li a {border-bottom:1px solid #1C75B4; color:#1C75B5;display:block;line-height:22px;text-decoration:none;width:210px;}
ul#menu-interno li a:hover { font-weight:bold}
ul#menu-sol{list-style-type: none;; padding: 0;margin: 0;font-size:12px; }
ul#menu-sol li a {border-bottom:1px solid #1C75B4; color:#1C75B4;display:block;line-height:22px;text-decoration:none;width:210px;}
ul#menu-sol li a:hover { font-weight:bold}
.sx {width:230px;  float:left; padding-top:260px}
.dx {width:250px; float:left}
.titolodifetti {border-bottom:1px solid #1C75B4;color:#1C75B4;font-size:14px;font-weight:bold;margin:10px 0;}
.titolodifetti2 {border-bottom:2px solid #1C75B4;color:#1C75B4;font-size:14px;font-weight:bold;margin:10px 0;}
.titoloprodotti {color:#1C75B4;font-size:12px;font-weight:bold;margin:10px 0;}
.titoletto {font-size:9px; padding-top:3px; line-height:12px; text-transform:none}
body.occhiovisione ul#menu-interno li.percezione a, body.occhiovisione ul#servizi li.ov-percezione a, body.anatomia ul#servizi li.ov-anatomia a, body.anatomia ul#menu-interno li.anatomia a, body.lac-mensili ul#menu-lac li.lac-mensili a, body.lac-giornaliere ul#menu-lac li.lac-giornaliere a, body.lac-settimanali ul#menu-lac li.lac-settimanali a, body.lac-quindicinali ul#menu-lac li.lac-quindicinali a, body.difetti ul#menu-interno li.difetti a, body.difetti ul#servizi li.ov-difetti a, body.cheratocono ul#menu-interno li.cheratocono a, body.cheratocono ul#servizi li.ov-cheratocono a, body.diottrie ul#servizi li.ov-diottrie a, body.diottrie ul#menu-interno li.diottrie a, body.prescrizione ul#menu-interno li.prescrizione a, body.prescrizione ul#servizi li.ov-prescrizione a, body.soluzioni-prod ul#menu-sol li.salina a, body.detergente ul#menu-sol li.detergente a, body.unica ul#menu-sol li.unica a, body.compresse ul#menu-sol li.compresse a, body.perossido ul#menu-sol li.perossido a, body.umettanti ul#menu-sol li.umettanti a, body.disinfettante ul#menu-sol li.disinfettante a {font-weight:bold; color:#000; line-height:18px}

ul#lenti, ul#servizi, ul#tipolente {list-style-image: url(../img/arrowg.gif); padding: 0 0 0 40px;margin: 0;font-size:12px; text-transform: none; font-weight:normal }
ul#solu {list-style-image: url(../img/arrowg.gif); padding: 0 0 20px 40px;margin: 0;font-size:12px; text-transform: none; font-weight:normal }
ul#lenti li a, ul#servizi li a, ul#tipolente li a, ul#solu li a{border-bottom: 1px solid #BBBBBB;
    color: #1C75B4;
    display: block;
    margin: 0 25px 3px -6px;
    padding: 0 5px 5px 0;
    text-decoration: none;}
ul#lenti li a:hover, ul#servizi li a:hover, ul#tipolente li a:hover, ul#solu li a:hover {text-decoration:underline;}
body.intro ul#lenti li.permanenti a, body.multifocali ul#lenti li.multifocali a, body.misura ul#lenti li.misura a, body.gas ul#lenti li.gas a, body.astigmatismo ul#lenti li.astigmatismo a, body.fotocromatiche ul#lenti li.fotocromatiche a, body.ricambio ul#lenti li.ricambio a, body.greenvision ul#lenti li.greenvision a, body.cheratocono ul#lenti li.cheratocono a, body.lac-giornaliere ul#lenti li.lac-green a, body.lac-settimanali ul#lenti li.lac-green a, body.lac-quindicinali ul#lenti li.lac-green a, body.lac-mensili ul#lenti li.lac-green a, body.soluzioni ul#lenti li.soluzioni a, body.lac-giornaliere ul#tipolente li.p-giorno a, body.lac-settimanali ul#tipolente li.p-settimana a, body.lac-quindicinali ul#tipolente li.p-quindici a, body.lac-mensili ul#tipolente li.p-mese a, body.soluzioni-prod ul#solu li.solsal a, body.detergente ul#solu li.det a, body.unica ul#solu li.soluni a, body.compresse ul#solu li.comp a, body.perossido ul#solu li.sistper a, body.umettanti ul#solu li.gocceu a, body.disinfettante ul#solu li.discon a, ul#menu-int-main li.tiuv a { font-weight:bold; color:#333}

body.assistenza ul#servizi li.assistenza a, body.cheratocono ul#servizi li.cheratocono a, body.ortocheratologia ul#servizi li.ortocheratologia a, body.topografia ul#servizi li.topografia a, body.training ul#servizi li.training a, body.soluzioni ul#servizi li.soluzioni a, body.soluzioni-prod ul#servizi li.soluzioni-prod a, body.detergente ul#servizi li.soluzioni-prod a, body.unica ul#servizi li.soluzioni-prod a, body.compresse ul#servizi li.soluzioni-prod a, body.perossido ul#servizi li.soluzioni-prod a, body.umettanti ul#servizi li.soluzioni-prod a, body.disinfettante ul#servizi li.soluzioni-prod a { font-weight:bold; color:#333}

ul#menu-lac{list-style-type: none;; padding: 10px 0 30px 0;margin: 0;font-size:12px; }
ul#menu-lac li a {border:1px solid #ddd; color:#1C75B5; line-height:22px;text-decoration:none;width:100px;display:block; text-align:center;line-height: 18px; }
ul#menu-lac li a:hover { font-weight:bold}
ul#menu-lac li.lac-giornaliere, ul#menu-lac li.lac-settimanali, ul#menu-lac li.lac-quindicinali, ul#menu-lac li.lac-mensili {display: inline; float:left}
.percorso { font-size: 10px;    margin-top: 5px;}
.titololac {color: #1C75B3; font-size: 12px; font-weight: bold; padding-bottom: 4px; text-transform: uppercase;}
.clearboth {clear:both}
ul.lenti li {margin:0 0 0 130px}
#menu-int-main2 li.none {list-style:none}