@charset "utf-8";
/* CSS Document */

body{
	/*background-color: #154799;*/
	background-image:url(Images/fondo.jpg);
	color: #eeeeee;
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height: 16px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
	
	#CONTAINER	{
		background-color:#272727;
		margin: 0 auto; /*con este valor quedará centrado*/
		width:980px;
		height:auto;
		background-image:url(Images/fondo_ppal.jpg);
		position:relative; 
		overflow:hidden;
	}
	
	.header{
		width:980px;
		height:150px;
		margin:0 0 0 0;
	}
	
	.menu{
		width:980px;
		height:41px;
		margin:0 0 0 0;
	}
	
	.izquierda{
		width:150px;
		height:auto;
		margin: 0 0 0 0;
		float:left;
	}
	
	ol{
		list-style:none;
	}
	
	ul{
		list-style: circle;
	}
	
	ul li{
		pading-bottom: 10px;
	}
	
	.izquierda li{
		border-bottom: 1px solid #FFFFFF;
		line-height: 20px;
		padding-left: 2px;
		text-transform:uppercase;
	}	
	
	.izquierda li a:hover{
		padding-left: 10px;
		color:#000000;
	}
	
	
	.derecha{
		width:240px;
		height:auto;
		margin: 0 40px 10px 0;
		float:right;
		padding-right: 10px;
		overflow:hidden;		
	}
	
	
	.principal{
		width:650px;
		height:auto;
		margin:0 0 0 20px;
		padding:0px 0px 10px 10px;
		overflow:hidden;		
	}
	
	.footertxt{
		width:auto;
		margin:5px 0 0 0;
		background-repeat:no-repeat;
	}
	
	.footer{
		width:auto;
		height: 170px;
		margin:5px 0 0 0;
		background-image:url(Images/bajo.jpg);
		background-repeat:no-repeat;
		/*border-top: 1px solid #154799;*/
	}


/*-----------------------------------------------------------------------------*/
	
	a{
		text-decoration:none;
		color:#aaaaaa;
	}
	
	a:hover{
		color:#A387BE;
	}
	
	p{
		text-align:justify;
	}
	
	.img{
		border: 1px solid #666666;
		margin: 5px 15px 5px 0px;
		padding: 2px;
	}
	
	.img2{
		border: 1px solid #666666;
		margin: 5px 15px 5px 0px;
		padding: 2px;
	}
	
	.img3{
		border: 1px solid #666666;
		margin: 0px 15px 5px 0px;
		padding: 2px;
	}
	
	.imgnada{
		border: 1px solid #3a1e56;
		margin: 0px 0px 0px 0px;	
	}
	
	.titsec{
		color: #ac9b0e;
		font-weight:bold;
		font-size:12px;
		border-bottom: 1px solid #999999;
	}
	
	.titsec3{
		color: #ac9b0e;
		font-weight:bold;
		font-size:12px;
	}
	
	.titsecbig{
		/*color: #ac9b0e;*/
		color: #eee;
		font-weight:bold;
		font-size: 14px;
		border-bottom: 1px solid #999999;
		line-height: 2em;
	}
	
	.titsec2{
		color: #ac9b0e;
		font-weight:bold;
		font-size:12px;
		border-bottom: 1px solid #999999;
		margin-left:270px;
	}
	
	.titavisos{
		font-weight:bold;
		font-size:11px;
		border-bottom: 1px solid #999999;
	}
	
	
	.columnas {
		width: 45%; /* 46% navegadores modernos, 45% por IE debido a un bug de calculo de porcentajes, pruebalo de todas formas con 46% */
		margin-right: 10px;
		margin-left: 10px;
		float: left;
	}

/*---------------------------------------*/
.columnas20 {
		width: 30%; /* 46% navegadores modernos, 45% por IE debido a un bug de calculo de porcentajes, pruebalo de todas formas con 46% */
		margin-right: 0px;
		margin-left: 0px;
		float: left;
	}

.columnas70 {
		width: 68%; /* 46% navegadores modernos, 45% por IE debido a un bug de calculo de porcentajes, pruebalo de todas formas con 46% */
		margin-right: 0px;
		margin-left: 0px;
		float: left;
		text-align:justify;
	}

/*---------------------------------------*/

.destaca{
	color: #ac9b0e;
	font-weight:bold;
	font-size: 1.8em;
	line-height: 24px;
}




	.recuadro{
		background-color:#3a1e56;
		border: 1px solid #ac74e1;
		padding: 0px 30px 10px 30px;
		color: #A387BE;
		vertical-align: top;
		margin-left: 25px;
		line-height: 20px;
		font-size: 1.1em;
	}
	
	.recuadro2{
		background-color:#3a1e56;
		border: 1px solid #ac74e1;
		padding: 0px 30px 10px 30px;
		color: #aaaaaa;
		vertical-align: top;
	}
	
	
	/*******************************************/
	#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 12px;
	padding-top: 0.4em;
	color: #333333;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

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


.epiclock-wait-for-render
    { visibility: hidden; }

.epiclock-spacer
    { padding-right: 3px; }


#clock{
	padding: 5px;
	text-align: center;
}

#countdown{
	font-size: 1.6em;
	color: #fff;
	padding: 5px 0 5px 0;
}