/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em; background:url(images/bg.gif)}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#586066;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }

a{color:#56bdcf; text-decoration:underline} 
a:hover{text-decoration:none}

.link{color:#56bdcf; font-size:1.25em; display:block; margin-bottom:19px; }
.txt2{color:#56bdcf; font-size:1.25em;  }
.txt2 a{color:#56bdcf; }
.link1{color:#282d31; display:block; margin-bottom:11px; font-weight:bold }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 5px; margin:0px; padding-left:15px; }
#content ul li a{color:#e5156d; text-decoration: underline; line-height:1.5em} 
#content ul li a:hover { text-decoration:none; }

#content .ul li{margin:0px; padding:0 0 12px 0; background:none}
#content .ul li a{background:url(images/marker1.gif) top left no-repeat; background-position:0 5px;  padding-left:20px; color:#56bdcf; text-decoration: underline; line-height:1.5em; font-size:1.25em} 
#content .ul li a:hover { text-decoration:none; }

#content .ul2 li{background:none; padding-left:0px; background:url(images/tail2.gif) repeat-x bottom; padding-bottom:0px; background-position:0 17px }
#content .ul2 li a{color:#282d31; text-decoration:none; line-height:22px; background:url(images/tail3.gif) repeat-x bottom; background-position:0 14px} 
#content .ul2 li a:hover { text-decoration:none; color:#56bdcf; }
#content .ul2 li span {color:#282d31;  float:right; background:url(images/tail3.gif) repeat-x bottom; background-position:0 18px; line-height:22px }


.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#3b4146; text-decoration:none; font-size:.83em }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top; text-transform:uppercase}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:7px 12px 10px 14px; font-weight:normal; font-style:normal;}
.link-1:hover{ color:#fff}


/*header*/
#header {font-size:0.625em; color:#c8d5de; background:url(images/top.gif) repeat-x top; text-transform:uppercase }
.flash{ position:relative; margin:0 -12px 0 -11px}
#header .top-left{ background:url(images/top-left.gif) no-repeat top left}
#header .top-right{ background:url(images/top-right.gif) no-repeat top right; height:221px}
#header .logo{ margin:50px 0 39px 34px }
#header a{color:#c8d5de; text-decoration:none} 
#header a:hover{text-decoration:underline}
#header span {color:#84949f;}
#header span a{color:#84949f;}
#header .search{ position:absolute; padding:64px 0 0 669px} 
#header .indent{padding:0px 39px 0px 39px}
#header .title{  margin-bottom:9px}
#header .indent-col{
	padding:27px 0px 0px 27px
}

#header .ul{margin:0; padding:0; list-style:none;}

#header .ul li{
	background:url(images/marker.gif) top left no-repeat;
	background-position:0 11px;
	margin:0px;
	padding-left:18px;
	font-size: 12px;
}

#header .ul li a{
	color:#4b5f69;
	text-transform:uppercase;
	text-decoration: underline;
	line-height:2.5em;
} 
#header .ul li a:hover { text-decoration:none; }

#header .ul1{margin:0; padding:0 0 0 20px; list-style:none;}
#header .ul1 li{ margin:0px; display:inline}
#header .ul1 li a{color:#fff; text-decoration:none; margin:0px 0px 0px 0px; text-align:center; font-size:2em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-transform:none;  display:block; float:left ;} 

#header .ul1 li a  b { display:block;  font-weight:normal; padding:15px 10px 15px 10px}

#header .ul1 li a:hover { text-decoration:none; background:url(images/bg_menu.gif) top left repeat-x;}
#header .ul1 li a:hover b{ background:url(images/bg_menu-left.gif)no-repeat left top }
#header .ul1 li a:hover em{ background:url(images/bg_menu-right.gif) no-repeat right top; font-weight:normal;}

#header .ul1 li .current:hover { text-decoration:none; background:url(images/bg_menu.gif) top left repeat-x;}
#header .ul1 li .current:hover b{ background:url(images/bg_menu-left.gif) no-repeat left top ; }
#header .ul1 li .current:hover em{ background:url(images/bg_menu-right.gif) no-repeat right top; font-weight:normal;}


#header .ul1 li .current{ text-decoration:none; background:url(images/bg_menu.gif) top left no-repeat; }


/*content*/
#content{ font-size:0.95em; line-height: 1.2em; border-left:1px solid #fff; border-right:1px solid #fff; text-align:left; background: url(images/bg1.gif) repeat-x top #e5e9eb}
#content .indent-main{padding:38px 36px 47px 35px}
#content .title{  margin-bottom:11px}
#content .title1{  margin:22px 0 11px 0}
#content .img-left{ float:left; margin:0px 20px 16px 0px}
#content .img-left1{ float:left; margin:0px 20px 0px 0px}
#content .img-indent{ margin:0px 0px 14px 0px}
#content p{
	margin:0px 0px 21px 0px;
	text-align: justify;
}
#content .p{ margin:0px 0px 3px 0px}
#content .p1{ margin:0px 0px 11px 0px}
#content .p2{ margin:-30px 0px 0px 0px}
#content h4{color:#0c7387; font-size:1em; margin-bottom:13px;  }
#content .tail{ background:url(images/tail1.gif) repeat-x bottom; padding-bottom:19px; margin-bottom:28px}
.txt{ color:#282d31; display:block; margin-bottom:11px; float:right; font-weight:bold}

#content .indent{padding:0px 0px 0px 0px}

/*box*/
.box{ background:#EAE4E0; width:100%;}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:0px 0px 0px 0px; }


/*footer*/
#footer {
	color:#e4fbff;
	font-size:0.75em;
	text-align:center
}
#footer .indent-footer{ padding:28px 30px 0px 30px;}
#footer a {color:#56bdcf; text-decoration:none}  
#footer a:hover {  text-decoration:underline}


.txt1{ color:#282d31; font-weight:bold; line-height:15px}
.indent-2{ position:relative; padding-left:5px; float:left}
.h{ height:25px}
.block-contact span{ float:right; margin-right:120px}
.input{
   	border:1px solid #c8ced1; 
	background:#f3f3f3;
	width:218px; height:19px;
	font-size:1em;
	padding-top:4px;
	margin-right:5px;
	font-size:11px;
	vertical-align:middle;
	padding-left:5px;
	margin-bottom:3px
}
input{
   	border:1px solid #a09b96; 
	background:#FFFFFF;
	width:224px; height:18px;
	padding-top:3px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:3px
}
textarea{
   	border:1px solid #a09b96; 
	background:#FFFFFF;
	width:312px; height:105px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
#breadcrumb {
	font-size: 14px;
	font-weight: bold;
}

h2 {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 555px;
	text-indent: -9999px;
}

#h2_astigmatismo {
	background-image: url(images/h2_astigmatismo.gif);
}
#h2_audifonos_filtros {
	background-image: url(images/h2_audifonos_filtros.gif);
}
#h2_audifonos_pilas {
	background-image: url(images/h2_audifonos_pilas.gif);
}
#h2_audifonos {
	background-image: url(images/h2_audifonos.gif);
}
#h2_audiologia {
	background-image: url(images/h2_audiologia.gif);
}
#h2_aviso_legal {
	background-image: url(images/h2_aviso_legal.gif);
}
#h2_barometros {
	background-image: url(images/h2_barometros.gif);
}
#h2_cataratas {
	background-image: url(images/h2_cataratas.gif);
}
#h2_consejos {
	background-image: url(images/h2_consejos.gif);
}
#h2_contacto {
	background-image: url(images/h2_contacto.gif);
}
#h2_cuando_usar_audifono {
	background-image: url(images/h2_cuando_usar_audifono.gif);
}
#h2_cuentahilos {
	background-image: url(images/h2_cuentahilos.gif);
}
#h2_donde_estamos {
	background-image: url(images/h2_donde_estamos.gif);
}
#h2_el_equipo {
	background-image: url(images/h2_el_equipo.gif);
}
#h2_gafas_accesorios {
	background-image: url(images/h2_gafas_accesorios.gif);
}
#h2_gafas_de_proteccion {
	background-image: url(images/h2_gafas_de_proteccion.gif);
}
#h2_gafas_de_sol {
	background-image: url(images/h2_gafas_de_sol.gif);
}
#h2_gafas_deportivas {
	background-image: url(images/h2_gafas_deportivas.gif);
}
#h2_gafas_graduadas {
	background-image: url(images/h2_gafas_graduadas.gif);
}
#h2_gafas {
	background-image: url(images/h2_gafas.gif);
}
#h2_garantia {
	background-image: url(images/h2_garantia.gif);
}
#h2_glaucoma {
	background-image: url(images/h2_glaucoma.gif);
}
#h2_hipermetropia {
	background-image: url(images/h2_hipermetropia.gif);
}
#h2_lentes_de_contacto {
	background-image: url(images/h2_lentes_de_contacto.gif);
}
#h2_lentillas_accesorios {
	background-image: url(images/h2_lentillas_accesorios.gif);
}
#h2_lentillas_convencionales {
	background-image: url(images/h2_lentillas_convencionales.gif);
}
#h2_lentillas_desechables {
	background-image: url(images/h2_lentillas_desechables.gif);
}
#h2_lentillas_de_colores {
	background-image: url(images/h2_lentillas_de_colores.gif);
}
#h2_lentillas_gas_permeable {
	background-image: url(images/h2_lentillas_gas_permeable.gif);
}

#h2_lentillas_progresivas {
	background-image: url(images/h2_lentillas_progresivas.gif);
}
#h2_lentillas_uso_prolongado {
	background-image: url(images/h2_lentillas_uso_prolongado.gif);
}
#h2_lupas_baja_tension {
	background-image: url(images/h2_lupas_baja_tension.gif);
}
#h2_miopia {
	background-image: url(images/h2_miopia.gif);
}
#h2_ofertas_y_promociones {
	background-image: url(images/h2_ofertas_y_promociones.gif);
}
#h2_otros_productos {
	background-image: url(images/h2_otros_productos.gif);
}
#h2_pide_tus_lentillas {
	background-image: url(images/h2_pide_tus_lentillas.gif);
}
#h2_presbicia {
	background-image: url(images/h2_presbicia.gif);
}
#h2_prismaticos {
	background-image: url(images/h2_prismaticos.gif);
}
#h2_quienes_somos {
	background-image: url(images/h2_quienes_somos.gif);
}
#h2_salud_auditiva {
	background-image: url(images/h2_salud_auditiva.gif);
}
#h2_salud_visual {
	background-image: url(images/h2_salud_visual.gif);
}
#h2_salud {
	background-image: url(images/h2_salud.gif);
}
#h2_sitemap {
	background-image: url(images/h2_sitemap.gif);
}
#h2_tecnologia {
	background-image: url(images/h2_tecnologia.gif);
}
#h2_termometros {
	background-image: url(images/h2_termometros.gif);
}
#h2_queratocono {
	background-image: url(images/h2_queratocono.gif);
}
#h2_control_miopia {
	background-image: url(images/h2_control_miopia.gif);
}
#h2_ortoqueratologia {
	background-image: url(images/h2_ortoqueratologia.gif);
}
#h2_postcirugia {
	background-image: url(images/h2_postcirugia.gif);
}
#h2_mantenimiento {
	background-image: url(images/h2_mantenimiento.gif);
}
#h2_advertencia_privacidad {
	background-image: url(images/h2_advertencia_privacidad.gif);
}
#h2_404 {
	background-image: url(images/h2_404.gif);
}
#h2_tapones {
	background-image: url(images/h2_tapones.gif);
}
#h2_varilux_ipseo {
	background-image: url(images/h2_varilux_ipseo.gif);
}
#h2_essilor {
	background-image: url(images/h2_essilor.gif);
}
#h2_lentillas_fantasia {
	background-image: url(images/h2_lentillas_fantasia.gif);
}

.mapa {
	border: 1px solid #84949f;
}
#centramapa {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
h3 {
	font-size: 24px;
	margin-bottom: 8px;
	color: #0c7387;
}
.p1 strong, p strong {
	color: #464646;
}

.tablamarcas td {
	text-align: center;
}
.sitemap_nivel_1 {
	font-size: 24px;
	line-height: 24px;
	padding-left: 10px;
	margin-top: 25px;
}

.sitemap_nivel_2 {
	font-size: 16px;
	line-height: 20px;
	padding-left: 30px;
	margin-top: 5px;
}

.destacados_home {
	text-align: center;
}
.destacados_home img {
	margin-right: 5px;
	margin-left: 5px;
}
#privacidad {
	font-size: 10px;
	line-height: 12px;
	padding-top: 10px;
}
.oferta {
	margin-bottom: 10px;
}
.top_resaltado {
	font-size: 14px;
	font-weight: bold;
}
#reproductor_video {
	text-align: center;
	margin: 20px;
}
.lentillas-fantasia {
	text-align: center;
	font-size: 11px;
	padding-bottom: 7px;
}
