@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: underline; color: #52006e;}
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: none;}
img {border: none; text-decoration: none;} /* background: url(); aparecerá como fondo de la imagen, útil para imágenes de carga */
acronym {border: 0;}
.manolink{cursor: pointer;}

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

/* Loading de clueTip */
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/imagenes/comunes/loading.gif);
}
/*
 * 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 { background-color:#000000;}
#pagina{width:1001px; height:955px; overflow:hidden; padding:0; margin:auto; background:url(/imagenes/comunes/fondo.jpg) no-repeat;}

#contenido{float:left; width:1001px; height:629px; padding:0;}

/**********************************************
			CABECERA
***********************************************/

#cabecera{position: relative; float:left; width:1001px; height:192px; z-index: 0; margin:0; padding:0;}
	h1 { display:inline; float:left; background:transparent url(/imagenes/comunes/titulo.png) no-repeat; width:392px; height:180px; text-indent:-9999px; margin-top:24px; cursor:pointer; }
	h2 { display:inline; float:right; background:transparent url(/imagenes/comunes/global-logo.png) no-repeat; width:259px; height:98px; text-indent:-9999px; margin-top:32px; cursor:pointer; }

/**********************************************
			MENU
***********************************************/

#menu{position: relative; float:left; width:1001px;}
	#menu ul{width:1001px; float:left; margin-top:25px; }
	#menu li{float:left;margin:0;padding:0;}
		#menu li a{height:33px; display:block; cursor:pointer}
		
		#menu li a.escribe{width:226px; margin-left:10px; background:url(/imagenes/comunes/menu-escribe.png) no-repeat !important; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/imagenes/comunes/menu-escribe.png");}
		#menu li a:hover.escribe, #menu li a.escribe-actual{width:226px; margin-left:10px; background:url(/imagenes/comunes/menu-escribe-hover.png) no-repeat !important; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/imagenes/comunes/menu-escribe-hover.png");}
		
		#menu li a.bases{width:180px; background:url(/imagenes/comunes/menu-bases.png) no-repeat !important; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/imagenes/comunes/menu-bases.png");}
		#menu li a:hover.bases, #menu li a.bases-actual{width:180px; background:url(/imagenes/comunes/menu-bases-hover.png) no-repeat !important; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/imagenes/comunes/menu-bases-hover.png");}
		
		#menu li a.jurado{width:145px; background:url(/imagenes/comunes/menu-jurado.png) no-repeat !important; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/imagenes/comunes/menu-jurado.png");}
		#menu li a:hover.jurado, #menu li a.jurado-actual{width:145px; background:url(/imagenes/comunes/menu-jurado-hover.png) no-repeat !important; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/imagenes/comunes/menu-jurado-hover.png");}

		#menu li a.anterior{width:165px; background:url(/imagenes/comunes/menu-anterior.png) no-repeat !important; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/imagenes/comunes/menu-anterior.png");}
		#menu li a:hover.anterior, #menu li a.anterior-actual{width:165px; background:url(/imagenes/comunes/menu-anterior-hover.png) no-repeat !important; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/imagenes/comunes/menu-anterior-hover.png");}
		
		#menu li a.recomendar{width:256px; background:url(/imagenes/comunes/menu-recomendar.png) no-repeat !important; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/imagenes/comunes/menu-recomendar.png");}
		#menu li a:hover.recomendar, #menu li a.recomendar-actual{width:256px; background:url(/imagenes/comunes/menu-recomendar-hover.png) no-repeat !important; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/imagenes/comunes/menu-recomendar-hover.png");}
		
/**********************************************
			PIE
***********************************************/

#pie{float:left; width:1001px; height:76px; background: url(/imagenes/comunes/fondo-pie.jpg) no-repeat; color:#FFFFFF; }
	#pie .legal{float:left; width:1001px; text-align:center; font-family:Arial; font-size:11px; font-weight:bold; margin-top:15px;}
		#pie .legal a{color:#FFFFFF; font-weight:bold; text-decoration:none; cursor:pointer;}
	#pie .enlaces{float:left; width:1001px; text-align:center; font-family:Arial; font-size:11px; font-weight:normal; margin-top:8px;}
		#pie .enlaces a{color:#FFFFFF; font-weight:normal; text-decoration:none; cursor:pointer;}