@charset "utf-8";
/* CÓMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) 
IE6 --->	* html propiedad
IE7 --->	*+html propiedad
Opera --->	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: 11px Verdana;} /* nada tendrá padding ni margen, y las fuentes serán 11px */
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;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.float-left {display: inline; float: left;}
.float-right {display: inline; float: right;}
.clear {clear: both; margin: 0; padding: 0;}
.clear_2 {clear: both; margin: 0; padding: 0; height: 0;}
.clear_position {position: relative;}
.manolink {cursor: pointer;}
.ocultar {display: none}
.bloque {height: 1em; display: block; margin: 4px 0;}
.b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/
/*clase que da formato al p que muestra los errores del formulario*/
p.errores {margin: 10px 0; padding-left: 10px; width: 318px; border: 1px solid #f00; color: #f00; background: #faa}

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

/*
 * cómo hacer png trasnparentes 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 {background: url(/imagenes/comunes/bg.gif) repeat-x; text-align: center; color: #666;}
#pagina {margin: 0 auto; width: 751px; text-align: left;}

#cabecera {height: 120px; position: relative; background: url(/imagenes/comunes/cabecera-bg.gif) no-repeat bottom;}
	#cabecera h1 {float: left; margin: 53px 0 0 26px; width: 215px; height: 40px; display: inline; text-indent: -9999px; cursor: pointer; background: url(/imagenes/comunes/quiter7.gif) no-repeat ;}
	#cabecera h2 {float: right; margin: 48px 20px 0 0; width: 90px; height: 45px; display: inline; background: url(/imagenes/comunes/quiter.gif) no-repeat; text-indent: -9999px; cursor: pointer;}

/* Lista menu utilidades */
#nav_utilidades {position: absolute; top: 7px; right: 5px;} 
	#nav_utilidades li {float: left; margin: 0; padding-right: 5px;}
		#nav_utilidades li a:link, #nav_utilidades li a:visited {color: #404040; text-decoration: none;  font-size: 11px;}
	li.separador {padding-left: 7px; border-left: solid 1px #e6e6e6;}
/* Menú */
#menu {padding-left: 15px; width: 737px; height: 34px; background: #000;}
	#menu li {float: left; margin: 10px 15px 10px 0; padding-left: 10px; display: inline; border-left: solid 1px #5e5e5e;}
		a.nohover:link, a.nohover:visited {color: #a8a8a8; font-weight: bold;}
		a.nohover:hover, a.hover {text-decoration: none; color: #fff; font-weight: bold;}
	#ultimo {padding-right: 10px; border-right: solid 1px #5e5e5e;}

/* Migas */	
#migas {width: 751px; height: 42px; background: url(/imagenes/comunes/migas-bg.gif) repeat-x;}
	#migas span {float: left; margin: 15px 10px 0 15px; color: #087494; font-weight: bold;}
	#migas li {float: left; margin-top: 15px;}
	#home {margin-right: 5px; padding-right: 10px; background: url(/imagenes/comunes/flecha.gif) no-repeat right;}	

/* Subcabecera */
#subcabecera {height: 143px; border: solid 1px #fff; border-bottom: none;}
	
/* Contenido */
#contenido {padding-top: 30px; border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5;}
	#contenido h2 {margin-left: 13px; padding: 7px 0 12px 75px; background: url(/imagenes/comunes/h2-bg.gif) no-repeat; font-size: 23px; font-weight: normal;} 

/* Pie */
#pie {width: 732px;}
	#pie div {margin-bottom: 5px; padding: 10px; width: 731px; background: #000;}
		#pie div strong {margin-right: 5px; color: #fff;}
		#pie div span {color: #b3b3b3}
	#copy {float: left; color: #656565}
	#pie ul {float: right;}
		#pie ul li {float: left; margin-left: 5px;}
		#pie a {color: #666;}