@charset "utf-8";
/* CSS Document */

body {margin:0 auto; background: #fff; font-family:Verdana, Arial, Helvetica, sans-serif;}

#page { background: url('images/fondo.jpg') repeat-y; width:784px; margin: 0 auto; display:table; padding-bottom:0px;}
#header { width:754px; margin-left:17px; }
#head_image{ width:574px; float:right;}
#logo { background-image:url(images/logotipo.jpg); float:left; width: 180px; height:193px; background-color:#eeeeee}

#topnav{ width:574px; height:44px; float:right; background-color:#01569f; }


#home{
width:50px;
height:44px;
float:right;
margin-top:-44px;
}

#home a:link img{
border:none;
text-decoration:none;
}
#home a:visited img{
border:none;
text-decoration:none;
}
#home a:active img{
border:none;
text-decoration:none;
}
#home a:hover img{
border:none;
text-decoration:none;
}
img.l
{
margin-right:5px;
margin-top:120px;
}




#nav{
	width:564px;
	font-size:11px;
	padding: 0;
	margin: 0 0 1em 0;
	list-style: none;
	line-height: 1;	
	
} 

#nav ul{
	font-size:11px;
	padding: 0px;
	margin:0px;
	list-style: none;
	line-height: 1;
} 

#nav a {
	display: block;	
	color:#333;
	text-decoration:none;
	width:9.4em;
}

#nav a.daddy { /* cabecera */
	text-align:center;
	color:#fff;
	height:34px;
	width:7em;
	padding-top:0px;
	margin-top:0px;
		
}

#nav li { /* all list items */
	float: left;
	/*width: 10em;*/ /* width needed or else Opera goes nuts */	
	position:relative;
	padding:10px 6px 0 0;	
	
}

#nav li:hover, #nav li.sfhover {
	background: #597d9e;
}

#nav li ul { /* second-level lists */
	top:44px;
	position: absolute;
	background-color:#afc4d7;
	width: 10em;	
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

}

#nav li ul ul { /* third-and-above-level lists */

	margin: -4.0em 0 0 9.9em; /*distancia del segundo nivel*/
}



#nav li:hover ul ul, #nav li.sfhover ul ul {
	background-color:#7c98b0;
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}




#cuerpo {padding: 0px; clear:both;}
#sidebar_izq {float:left; width:180px; height:415px; margin-left:17px; margin-top:0px; background-color:#a5bcd1;}
#imagenDown{margin-top:13px;}
#contenido{
w/idth:594px; /* ignora el opera esta linea */
height:415px;
}


#pie{ width:785px; height:49px; background-image:url(images/pie.jpg); text-align:center; margin:0px auto;  }
#pie_texto{ width:770px; height:49px; margin:0px;}
#text_pie{font-size:10px; color:#CCC; padding-top:13px; }
#text_pie a:link{ color:#FFF;}
#text_pie a:visited{ color:#FFF; text-decoration:none;}
#text_pie a:active{ color:#FFF;}
#text_pie a:hover{ color:#eee;}


#seccion{width:570px; height:408px; margin:0; overflow:auto; z-index:2; }
#seccion_productos{width:424px; height:406px; margin:0; overflow:auto; }

#seccion h2, #seccion_productos h2{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#252568; font-size:1em;}
.mun,#seccion p, #seccion_productos p{font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:.8em; margin-left:30px; text-align:justify; margin-right:5px; }
#seccion .resaltar { font-stretch:condensed; font-weight:bold; color:#252568;}
#seccion_productos .resaltar { font-stretch:condensed; font-weight:bold; color:#252568;}
#seccion_productos .subraya { font-stretch:condensed; font-weight:bold; color:#252568; text-decoration:underline;}

#seccion .texto{font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:.8em;}
