body{
background-color:#3E3E3E;
}
#general{
margin:70px 0px 0px 70px;
}


.contingut{
background-image:url(img/contingut.png);
width:825px;
height:407px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#submenu{
width:300px;
height:40px;
background-color:#00FF66;
margin:10px 0px 0px 100px;

}

/* menu */


.seleccio{
width:10px;
height:38px;
margin:6px 0px 0px 0px;
}
.selecciobuit{
width:10px;
height:38px;
margin:6px 0px 0px 0px;
}
.filaseleccio{
margin:0px 0px 0px 0px;
padding:7px 0px 0px 0px;
}

.logo{
width:151px;
margin:10px 0px 0px 10px;
border-style:none;
}

.menu{
margin:30px 0px 0px 0px;
height:390px;
vertical-align:top;
}

.menufila{
margin:19px 0px 0px 10px;
height:173px;
width:150px;
}
.filamig{
height:1px;
}
.filalletra{
background-image:url(img/fons_menu.png);
vertical-align:middle;
text-align:right;
padding-right:8px;
}
.lletra{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;
color:#000;
text-decoration:none;

}
.lletra:hover{
color:#000;
text-decoration:underline;
}
.lletraseleccio{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;
color:#990000;
text-decoration:none;
}

/*....................... continguts ........................................*/
#continguts
{
height:390px;
width:615px;
margin:0px 0px 0px 15px;
float:left;
}
#informacio
{
float:left;
width:250px;
height:390px;
margin:10px 0px 0px 0px;
}
#informacioptometria
{
float:left;
width:280px;
height:390px;
margin:10px 0px 0px 0px;
}

#productesoptometria{
width:250px;
float:left;
height:250px;
margin:0px 0px 0px 0px;
}
#persones{
margin:38px 0px 0px 0px;
}
#descripcio{
margin:0px 0px 0px 0px;
}
#apartat{
width:200px;
}
/* .................................................lletres........................................*/
.widexh1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#3E3E3E;
font-weight:bold;
margin:28px 0px 0px 0px;
}
h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#3E3E3E;
font-weight:bold;
margin:28px 0px 0px 0px;
}
h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:500;
color:#3E3E3E;
margin:10px 0px 0px 0px;
}
h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#3E3E3E;
width:260px;
font-weight:800;
margin:5px 0px 0px 0px;
}
h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#ac0004;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:13px;
}
.widex{
background-image:url(img/logowidex.jpg);
width:160px;
height:55px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.centrewidex{
background-image:url(img/widex.jpg);
width:163px;
height:50px;
margin:0px 0px 0px 0px;
padding:1px 0px 0px 0px;
}
.widexlletra{
font:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#edecec;
margin:4px 0px 0px 15px;
}
#llistat{
border-color:#ac0004;
border-style:solid;
border-width:1px;
width:300px;
height:310px;
margin:20px 0px 0px 0px;
}
/* ..................................optica...................................*/
.opticafilaesquerra{
height:360px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:320px;
}
.opticafiladreta{
height:360px;
padding:0px 0px 0px 20px;
margin:0px 0px 0px 20px;
width:240px;
}
.divfilaesquerra{
padding:0px 0px 0px 0px;
margin:25px 0px 0px 0px;
height:360px;
}
.divfiladreta{
padding:0px 0px 0px 0px;
margin:15px 0px 0px 0px;
height:360px;
}
/*............................. optometria................................... */

.serveisoptometria{
margin:-10px 0px 0px 0px;}

#llistatoptometria{
background-image:url(img/vista.jpg);
width:275px;
height:300px;
margin:30px 0px 0px 20px;
border-color:#3E3E3E;
border-style:solid;
border-width:1px;
}

/* ................... peu de pàgina ............ */
.taulapeu{
height:15px;
width:820px;
}
.sangriapeu{
width:150px;
}

.peudepagina{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#EDECEC;
font-size:11px;
font-weight:bold;
margin: 0px 0px 0px 0px;
text-decoration:none;
}
.parking{
margin:0px 0px 0px 5px;
}


/* ................................................productes optics........................................... */
.contingutsproductes{
height:380px;
width:600px;
margin:0px 0px 0px 10px;
}

.taulaproductes{
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.menuproductesoptics
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:100px;
width:260px;
}
.llistamenuproductesoptics{
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
width:190px;
}
.informacioproductes{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ac0004;
font-size:12px;
font-weight:600;
text-decoration:none;
}
.informacioaudiciowidex{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ac0004;
font-size:12px;
font-weight:600;
text-decoration:none;
margin:10px 0px 0px 10px;
padding:10px 0px 0px 10px;
}
.llistainformacioproductes{
margin:0px 0px 0px 20px;
padding:20px 0px 0px 0px;
}
.llistainformacio{
list-style:none;
margin:5px 0px 0px 0px;
padding:5px 0px 0px 0px;
}

.opticamenu{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#3E3E3E;
font-size:12px;
font-weight:600;
width:200px;
list-style:none;
margin:10px 0px 0px 0px;
padding:4px 0px 0px 0px;
}
.titolproductes{
margin:5px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#3E3E3E;
font-size:12px;
}
.divinformacioproductes
{
margin:0px 0px 0px 0px;
width:100px;
height:30px;
}

.menuoptica{
margin:0px 0px 0px 0px;
width:300px;
height:350px;
}
.titoloptica{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#3E3E3E;
font-size:14px;
}


.optics{
margin:0px 0px 0px 0px;
width:300px;
height:350px;
}
.menuoptic{
margin:20px 0px 0px 0px;
width:280px;
height:300px;
}
/* segur k es fa servir a productes */
.productesopticstitol{
margin:0px 0px 0px 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#3E3E3E;
font-size:14px;
font-weight:700;
}
.serveisproductes{
margin:10px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#3E3E3E;
font-size:15px;
font-weight:800;
}
.cursiva{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#3E3E3E;
font-size:13px;
font-style:italic;
}

.optica{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#3E3E3E;
font-size:12px;
margin:3px 0px 0px 0px;

}
.opticadiv{
margin:0px 0px 0px 0px;
}
.optometria
{
margin:0px 0px 0px 0px;
}
.contactologia{
margin:0px 0px 0px 0px;
}



.gentproductesoptics{
margin:30px 0px 0px 0px; 	
}
.separaciogentproductes{
margin:20px 0px 0px 0px;
}
.contingutproductes{
margin:-10px 0px 0px 0px;
height:200px;
}
/*.......................... solucions_auditives...........................*/

.orella{
height:76px;
width:108px;
background-image:url(img/audicio.jpg);
margin:20px 0px 0px 0px;
float:left;
}
.mesinformacio{
margin:20px 0px 0px 91px;
padding:40px 0px 0px 100px;
}
/* .................. mapa ............................................................................................ */

#mapatotal{
float:left;
width:330px;
height:350px;
margin:20px 0px 0px 0px;
border-style:solid;
border-color:#3E3E3E;
border-width:1px;
}

.h10{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:220px;
margin:0px 0px 0px 10px;
font-weight:600px;
color:#3E3E3E;
}
.h11{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
width:150px;
margin:10px 0px 0px 10px;
color:#3E3E3E;
}
.h12{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
width:290px;
margin:0px 0px 0px 10px;
color:#004dcd;
padding:30px 0px 0px 0px;
text-align:center;
}
.llegenda{
margin:0px 0px 0px 0px;
padding:25px 0px 0px 10px;
width:280px;
height:300px;
text-align:justify;
vertical-align:top;
}
.taulallegenda{
height:300px;
width:280px;
}
.filallegenda{
margin:0px 0px 0px 0px;
height:50px;
}
.vermell{
width:20px;
height:20px;

background-color:#FF0000;
border-color:#3E3E3E;
border-width:1px;
border-style:solid;
}
.blau{
width:20px;
height:20px;
border-style:solid;
background-color:#004dcd;
border-color:#3E3E3E;
border-width:1px;
}
.verd{
width:20px;
height:20px;
background-color:#006633;
border-color:#3E3E3E;
border-width:1px;
border-style:solid;
}
.groc{
width:20px;
height:20px;
background-color:#FFFF00;
border-color:#3E3E3E;
border-width:1px;
border-style:solid;
}
/* ......... audicions widex ................. */

.widex{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ac0004;
font-size:12px;
font-weight:600;
text-decoration:none;
margin: 10px 0px 0px 10px;

}
.audicions_widex_widex{
margin:20px 0px 0px 0px;
}
.productesnous{
margin:-11px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
width:130px;
}
#llistataudicio{
background-color:#3E3E3E;
width:345px;
height:340px;
margin:-10px 0px 0px 0px;
padding:0px 0px 5px 0px;
}
.liaudicio{
list-style:none;
margin:3px 0px 0px 3px;
padding:3px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#edecec;
font-size:12px;
font-weight:normal;
}
.liaudicionegreta{
margin:3px 0px 0px 3px;
padding:3px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#edecec;
font-size:12px;
font-weight:700;
}
/* llistats */
.liopticaoftalmatica
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin:5px 0px 0px 5px;
padding:5px 0px 5px 5px;
list-style:none;
font-weight:500;
color:#3E3E3E;
}
.Scroller-Container{
position: absolute;


}
#Scroller-1{
overflow:hidden;
height:300px;
width:300px;
}
#Scroller-1 p {
 font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#edecec;
margin:5px 0px 0px 15px;
padding:5px 0px 0px 15px;
list-style:none;
font-weight:500;
}

.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
 
}
.Container{
border-color:#ac0004;
border-style:solid;
border-width:1px;
width:260px;
height:310px;
margin:20px 0px 0px 0px;
position: absolute;

}

/* ................................ index.html .................... */

.lletraindex{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#3E3E3E;
font-size:12px;
font-weight:600;
margin:0px 0px 0px 40px;
padding:0px 0px 5px 0px;
vertical-align:top;
height:30px;
line-height:2;
text-align:justify;

}
.imatgeindex{
width:431px;
border-style:solid;
border-width:1px;
margin-top:0px;
}
.imatge{
margin:20px 0px 0px 80px;}



/*solucions auditives 2010*/

div.sup{
	padding-top:10px;
	width:630px;
}
div.sup h1{ padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:19px; width:280px;text-align:right; font-weight:bold; }
div.sup p{ padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:280px; text-align:right; }
div.sup img{ position:absolute;  margin:-40px 0px 0px 400px; }

ul.menu_inf{ padding:0px; margin:0px; position:absolute; top:440px; left:160px; }
ul.menu_inf li{ padding:0px 5px 0px 0px; margin:0px; list-style:none; position:relative; float:left;  }
ul.menu_inf li:first-child{ padding:0px 5px 0px 20px !important; }
ul.menu_inf li a,
ul.menu_inf li a:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; color:gray; }
ul.menu_inf li a:hover{  color:#000; text-decoration:underline; }

div.text_gran{ width:260px; padding-right:15px; position:relative; float:left; text-align:right; margin-top:15px;  }
div.text_gran p{ font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:5px !important; }
div.text_normal{ border-left:solid 1px #000; width:299px; padding-left:15px; position:relative; float:left; margin-top:15px;  }
div.text_normal p{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px !important; }

div.text_petit{ width:160px;position:relative; float:left;font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }
div.text_normal2{ width:450px;position:relative; float:left;font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }
div.text_petit p,
div.text_normal2 p{ margin:7px 0px 0px 0px; padding:0px; }


div.ajudes{ width:300px !important; margin-top:10px; }
div.ajudes2{ width:300px !important; margin-top:10px; } 

p.gran{ font-size:0.9em !important; }


div.audiotprote{ width:300px !important; }
div.centreoficial{ width:200px !important; }
div.centreoficial2{ width:400px !important; } 
div.centreoficial2 span{ font-size:13px; font-weight:bold; } 
div.serveis{ width:200px !important;  }
div.serveis p.exc{ margin-top:100px !important;  }
div.serveis2{ width:310px; }
div.serveis2 p{ margin-bottom:6px !important; }
p.dins{ padding:0px; margin:2px 0px 0px 25px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
p.blaufosc{ color:#013d7c; font-weight:bold; }
div.text_gran p,
div.text_normal p{ padding:0px; margin:0px; }
div.test2{ margin-top:25px !important; }
div.test{ margin-top:25px !important; }
div.test p{ margin-bottom:13px !important; }

div.boto{ background:url(img/buto2.png); width:200px; padding-top:22px; height:59px; text-align:center; position:absolute; top:310px; margin-left:14px; }
div.boto a,
div.boto a:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#fff; text-decoration:none; font-weight:bold; }
div.boto a:hover{ color:#666; }

p.serv{ font-size:14px !important; font-weight:bold; position:absolute; top:140px; }
p.info1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px !important; position:absolute; top:300px; padding:0px; margin:0px; width:200px; text-align:right; }
p.info2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px !important;  position:absolute; top:320px; padding:0px; margin:0px;  width:200px; text-align:right; }


p.info1 a,
p.info1 a:visited,
p.info2 a,
p.info2 a:visited{ color:#666; }

p.info1 a:hover,
p.info2 a:hover{ color:#000; }

div.video{ width:300px; position:relative; float:left; margin:40px 0px 0px 12px; }
div.centreoficial2 label{ width:100px; position:relative; float:left; margin:10px 0px 5px 0px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-top:5px; }
div.centreoficial2 input.form_text{ width:200px; position:relative; float:left; margin:10px 0px 5px 0px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:20px; padding:5px 0px 0px 5px;  }
div.centreoficial2 input.form_boto{ margin:10px 0px 0px 110px; padding:5px; font-size:14px; }