@charset "utf-8";
/* CÓMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) 
IE6 -	* html propiedad
IE7 -	*+html propiedad
Opera 9 y anteriores -	html:first-child propiedad
*/

/* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS:
 * -sin bordes
 * -sin márgenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 11px;
} /* nada tendrá padding ni margen, y las fuentes serán 10px */
q:before,q:after {content: "";}
sup {font-size: 0.8em;}
sub {font-size: 0.8em;}
ul {list-style-type: none;}
a {border: none; text-decoration: none;}
a:link, a:visited, a:active {outline: none;}
img {border: none;	text-decoration: none;} /* background: url(); aparecerá como fondo de la imagen, útil para imágenes de carga */
acronym {border: 0;}

/* igualar las fuentes a todos los elementos */
h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;}

/* tablas */
table {width: 100%; border-collapse: collapse; border-spacing: 0;}

/* propociona altura a divs sin altura con contenido flotado */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/

/*
 * cómo hacer png transparentes en IE6
 * dado un div...:
 * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/estilos/ie6pngfix/iepngfix.php);
 * 
 * si abcd.png está guardado con canal alfa, dejará ver el fondo. behavior sólo lo interpreta IE6.
 * 
 */

/* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/

body {color: #868889;}
#pagina {
	width: 941px;
	text-align: left;
	background: #fff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#cabecera {position: relative;}
	#cabecera h1, #cabecera h2 {display: none;}

#contenido {margin-top: 15px;}	

	#col_izq {float: left; margin-top: 6px; width: 275px;}	
		#menu {padding-top: 10px; width: 271px; height: 452px; background: url(../imagenes/comunes/menu-bg.gif) no-repeat;}
			#menu li {padding-left: 25px; margin-top: 2px; width: 243px; border-bottom: solid 1px #e4e5e5; font-weight: bold; color: #868889;}
			li.subparte {margin-top: 15px !important;}	
				#menu li a {color: #027B36;}
				#menu li a:hover, #menu li a.hover {font-weight: bold; text-decoration: none; color: #ea6522;}
			#inicio {border-bottom: none !important;}
				#inicio a {font-weight: bold; color: #ea6522 !important;}
			li.submenu {padding-left: 60px !important; width: 208px !important;}
				li.submenu a {font-weight: bold;}
				#mapa {font-weight: bold; color: #868889 !important;}
				#mapa:hover, #mapa.hover {color: #ea6522 !important;}
		
		#tel {margin-top: 30px; width: 271px; height: 106px; background: url(../imagenes/comunes/telefono.gif) no-repeat; text-indent: -9999px;}				
		
	#col_der {float: left; margin-left: 24px; width: 642px; display: inline;}

#pie {margin: 30px auto; width: 360px; color: #9b9c9c;}

/********************************************
				ENLACES 
**********************************************/
a:link, a:visited {text-decoration: none;}
a:hover {
	color: #FFFFFF;
}

/*************/

/* Lista menu utilidades */
#nav_utilidades {position: absolute; top: -15px; right: -5px;} 
#nav_utilidades li {float: left; margin-left: 7px; display: inline; border-right: 1px solid #58ac25;}
li.ultimo {border-right: none !important;}
#nav_utilidades li a {padding: 3px 7px 3px 1px; color: #58ac25; font-size: 9px;}