@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: 11px Tahoma;} /*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; 	/*Si añades un background 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 anchura con contenido flotado */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;} .clearfix {display: block;} * html .clearfix {height: 1px;}

.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*/

/*
 * 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: #94111f url(/imagenes/comunes/verjado.gif) repeat; text-align: center; color: #fff;}
#subbody {background: url(/imagenes/comunes/block.gif) repeat-x;} /*sólo para franjas*/
#pagina {margin: 0 auto; width: 980px; text-align: left; border: #51080f solid 1px;}

#cabecera {position: relative; height: 103px; border: #bb1828 solid 1px; border-top: none; border-bottom: none; background: url(/imagenes/comunes/verjado_cab.png) repeat-x;}
	h1 {position: absolute; left: 0px; top: 0px; width: 191px; height: 103px; text-indent: -9999px; cursor: pointer; background: url(/imagenes/comunes/logo.png) no-repeat ;}

#subcabecera {position: relative; background-color: #770d17; border: 1px solid #c7c6c4; border-top: 4px solid #520201; }

#contenido {position: relative; border: 1px solid #c7c6c4; border-top: 1px dashed #770d17; background: #c7c6c4;}

#pie {position: relative; background: url(/imagenes/comunes/fondopie.gif) repeat-x top #870f1b;; height: 105px; position: relative;} /*sin altura no toca el borde!*/
	#pie p {position: absolute; top: 12px; right: 20px;}
		#pie a:link, #pie a:visited {text-decoration: none;}
		#pie a:hover {text-decoration: underline;}
			#pie p a:link, #pie p a:visited {padding-left: 8px; color: #4e070f; padding-left: 8px; background: url(/imagenes/comunes/separador_pie.gif) no-repeat 0 2px;}
			#pie p a:hover {padding-left: 8px; color: #4e070f;}
	#copy {position: absolute; top: 45px; left: 10px; color: #d5c7c4;}
	#contac {top: 45px; right: 10px; height: 50px; width: 455px;  position: absolute; display: block; background: url(/imagenes/comunes/pie.png) no-repeat; color: #d5c7c4; text-indent: -99999px}


/*** TEXTOS  *****/



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


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

/* Lista menu utilidades */
#nav_utilidades {float: right; margin: 11px 10px 0 0; padding-top: 7px; padding-left: 6px; list-style-type: none; background: url(/imagenes/comunes/fnd-nav-sup.png) no-repeat; font-family: Tahoma, Geneva, sans-serif;} 
#nav_utilidades li {float: left; margin: 0; padding-right: 33px; line-height: 18px;}
#nav_utilidades li a:link, #nav_utilidades li a:visited {height: 11px; color: #fff; text-decoration:none;}
#nav_utilidades li a:hover {color: #fff; text-decoration: underline}
	li.separador {padding-left: 8px; background: url(/imagenes/comunes/separador_cab.gif) no-repeat 80% 0;}