/*Estilo del cuerpo*/
body {
width: 850px;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
background-color: #fff;
}

a { 
text-decoration: none;
color:#000000;
}
a:hover {
text-decoration:none;
color:#000000;
}	


/*Estilo del contenedor*/
div#contenedor{
position:relative;
width: 850px;
margin:auto;
margin-top: 0px;
background-color:#FFFFFF;
min-height: 400px;
z-index:1;
}
/*Estilo de la cabecera***************************************************************************/
div#cabecera {
position: relative;
width: 250px;
min-height: 400px;
margin:0px;
float:left;
z-index: 5;
background-image:url(images/fondo_menu.jpg);	
}

	div#logo {
	position: absolute;
	top:15px;
	left:0px;
	width: 250px;
	height: 120px;
	}
	
	
	div#idioma {
	position:absolute;
	left:0px;
	top: 0px;
	width: 250px;
	font-size: 9px;
	height: 20px;
	font-weight:bold;
	font-size:12px;
	line-height: 12px;
	}
	div#idioma ul{ list-style-type:none; margin:0px; padding:0px; display:inline;}
	div#idioma li{ float:left; width: 125px; text-align:center; height:13px; padding-top:5px;}
	div#idioma a { color: #333333; }
	div#idioma li.idioma_seleccionado{ float:left; width: 125px; text-align:center; height:13px; padding-top:5px;}
	div#idioma li.idioma_seleccionado a{ color:#343b96;}


/*Estilo del cuerpo principal**********************************************************************/
div#principal {
position:relative;
left: 1px;
width: 849px;
min-height: 300px;
margin:auto;
z-index:2;
background-image:url(images/fondo.jpg);
background-position:top right;
background-repeat:no-repeat;
}

div#principal_intro {
position:relative;
left: 0px;
top: 0px;
width: 579px;
float:left;
padding: 10px;
min-height: 220px;
text-align:left;
}


div#principal_contenido {
position:relative;
left: 0px;
top: 0px;
width: 579px;
float:left;
padding: 10px;
min-height: 220px;
text-align:left;
border-left: 1px solid #1aa393;
}


	/*Estilo Especifico para las noticias*/
	.lista_noticia
	{ 
		width: 500px;
		list-style: none;
		margin: 0px;
		padding: 0px;
		float:right;
	}
	
	/* Formato para detalle de noticia */
	#contenido_noticia .titulo_contenido{
		font-weight:bold;
		font-size:16px;
	}
	
	/* Formato para detalle de noticia */
	#contenido_noticia .subtitulo_contenido{
		font-size:11px;
	}
		
	/* Formato para alineación fotos de la noticia */
	#contenido_noticia .fotos_noticia{
	text-align:center;
	}
	
	/* Formato para enlace volver de noticia */
	#contenido_noticia .enlace_volver{
	color:#000000;
	}		

	/* Formato para enlace volver hover de noticia */
	#contenido_noticia .enlace_volver:hover{
	color:#333a8b;
	}				

	/* Formato para enlace volver hover de noticia */
	#contenido_noticia .texto_contenido{
	text-align:justify;
	}	
	
	/* Formato para listado de noticias */
	.lista_noticia a:hover
	{ 
	color: #333a8b;
	}
	
	.item_noticia 
	{	margin: 0px;
		padding: 3px;
		float:left;
		line-height: 20px;
		margin-bottom: 10px;
	}
	
	.lista_noticia .titulo_contenido {
		font-size: 14px;
		font-weight:bold;
		vertical-align:middle;
	}
	.lista_noticia .texto_contenido {
		font-size: 11px;
		text-align:justify;
	}


	/*Estilo Especifico para los eventos****************************************/


	.lista_evento
	{ 
		width: 100%;
		list-style: none;
		margin: 0px;
		padding: 0px;
		float:right;
		text-align:justify;
	}
		
	#contenido_evento .flota_izquierda
	{ 
		float:left;
		margin: 0px;
		margin-right: 3px;
	}
			
	/* Formato para detalle de evento */
	.lista_evento .titulo_contenido{
		font-weight:bold;
		font-size:28px;
		text-align:left;
		color: #1aa393;
	}
	
	/* Formato para detalle de evento */
	.lista_evento .subtitulo_contenido{
		font-size:14px;
		font-weight:bold;
		font-style:italic;
	}

	/* Formato para detalle de evento */
	.lista_evento .texto_contenido{
		font-size:12px;
	}
	
	/* Formato para enlace volver de evento */
	.lista_evento .enlace_volver{
	color:#000000;
	}		

	/* Formato para enlace volver hover de evento */
	.lista_evento .enlace_volver:hover{
	color:#333a8b;
	}				

	/* Formato para enlace volver hover de evento */
	.lista_evento .texto_contenido{
	text-align:justify;
	}	
	
	
	/* Cuadro de dias que se repite el evento */
	#dias_evento {
	width: 150px;
	min-height: 150px;
	background-color:#d9d9d9;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	float:left;
	padding: 4px;
	margin-bottom: 10px;
	}

	#dias_evento ul{ margin: 0px; padding: 0px; margin-left: 20px;}
	
	
	#texto_detalle_evento{
	float:right;
	width: 320px;
	margin-bottom: 10px;
	padding: 0px;
	text-align:justify;
	}	
	



	/*Estilo Especifico para las djs*/
	.lista_dj
	{ 
		width: 100%;
		list-style: none;
		margin: 0px;
		padding: 0px;
		float:left;
		text-align:justify;
	}

	.lista_dj li
	{ 
		border: 0px;
	}	
	
	/* Formato para detalle de dj */
	.lista_dj .titulo_contenido{
		font-weight:bold;
		font-size:20px;
		color: #1aa393;
	}
	
	/* Formato para detalle de dj */
	.lista_dj .subtitulo_contenido{
		font-size:11px;
	}
	.flota_derecha { float:right; margin: 2px;}
	.flota_izquierda {float:left; margin:2px;}
	

	/*Estilo Especifico para las listas de Galerias*******************************/
	#lista_de_galerias {
	position:relative;
	margin:0 auto;
	width:100%;
	height:18px;
	border-top:1px solid #fff;
	border-bottom:1px solid #78919B;
	background-color:#ffffff;
	padding:6px 0 0 0;
	z-index:0;
	}
	
	#lista_de_galerias li {
	position:relative;
	display:inline;
	font:10px verdana;
	padding:0;
	z-index:20;
	display : block;
	float : left;
	}
	
	#lista_de_galerias li a {
	text-decoration:none;
	color:#000000;
	display : block;
	text-align : center;
	width : 100px;
	
	}
	
	#lista_de_galerias li a:hover {
	text-decoration:none;
	color:#999999;
	}
	
	#slider {
	position:absolute;
	border-bottom:5px solid #1aa392;
	width:100px;
	height:16px;
	z-index:2;
	margin-left : 5px;; margin-right:2px; margin-top:0; margin-bottom:0
	}
	
	.marco_foto { background-color:#ffffff;}

	/*ESTILOS PARA LA GALERIA DE IMAGENES ***********************************/
	div#contenido_galeria ul{
	width: 100%;
	float:left;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	list-style:none;
	}

	div#contenido_galeria li{
	width: 125px;
	height: 125px;
	padding: 5px;
	float:left;
	margin: 10px;
	display: block;
	background-color:#333a8b;
	border: 1px solid #000000;
		cursor:pointer;
	}

	div#contenido_galeria li:hover{
	background-color:#009933;
	}
	
	/* Formato para enlace volver de notícia */
	#contenido_galeria .enlace_volver{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 100px;
	color:#000000;
	}		

	/* Formato para enlace volver hover de notícia */
	#contenido_galeria .enlace_volver:hover{
	color:#333a8b;
	}	



	/*ESTILOS PARA LA enlace DE IMAGENES ***********************************/
	div#contenido_enlace ul{
	width: 300px;
	float:left;
	margin: 0px;
	margin-top: 10px;
	margin-left: 30px;
	padding: 0px;
	list-style: disc;
	}

	div#contenido_enlace li{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

	div#contenido_enlace a:hover{
		color:#0000FF;
		text-decoration:underline;
	}
	
	/* Formato para enlace volver de notícia */
	#contenido_enlace .enlace_volver{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 100px;
	color:#000000;
	}		

	/* Formato para enlace volver hover de notícia */
	#contenido_enlace .enlace_volver:hover{
	color:#333a8b;
	}
	
/*ESTILOS PARA LA CABECERA PRINCIPAL */
div#cabecera_principal {
position: relative;
top: 0px;
right:0px;
width: 600px;
height: 120px;
float: right;
background-color:#1aa392;
}

	div#cabecera_principal #titulo_seccion {
	position: absolute;
	right: 5px;
	bottom: 5px;
	color:#FFFFFF;
	font-size:36px;
	}

/*Estilo de la caja izquierda*/
div#izquierda {
position: relative;
top:150px;
left:0;
width: 250px;
font-size:14px;
z-index: 5;
padding-top: 10px;
min-height: 220px;
}

	/*Caja para el contenido del menu*/
	div#menu {
	width: 100%;
	margin-bottom: 5px;
	min-height: 200px;
	}
	
	div#izquierda ul{
	font-size:12px;
	padding: 0px;
	margin: 0px;
	padding-top: 2px;
	list-style:none;
	text-decoration:none;
	}
	div#izquierda li{
	margin: 0px;
	padding: 0px;
	float:left;
	font-weight:bold;
	display:block;
	width: 200px;
	height: 20px;
	line-height: 20px;
	padding-left: 30px;
	}
	div#izquierda li a{ color:#ffffff; width: 100%; height: 20px; display:block;}
	div#izquierda li a:hover	{ color:#FFCC00; }
	
	#menu_seleccionado { color:#ffcc00; font-size:14px;}
	#menu_seleccionado .enlace_menu{ color:#ffcc00; }
	#menu_seleccionado .enlace_menu:hover{ color:#FFFFFF;}	



	/*CAJA DE INFORMACIÓN ADICIONAL EN EL MENÚ IZQUIERDO***********************/
	div#informacion_adicional {
	position:relative;
	top: 30px;
	left: 3px;
	padding:10px;
	clear:both;
	background-color:#1aa393;
	color:#fff;
	width: 225px;
	}
	div#informacion_adicional .titulo_contenido {
	font-weight: bold;
	}
	
		
	/*CAJA DEL CALENDARIO*****************************************************/	
	#calendario {
	position: relative;
	width: 245px;
	height: 180px;
	top: 40px;
	left: 2px;
	clear: both;
	text-align:center;
	background-color:#1aa393;
	color:#FFFFFF;
	}

	.dia_marcado {
	color: #ffffff;
	}
	
	.flechas {
	color:#2e2a8b;
	font-size:15px;
	}
	
	.flechas a{
	
	text-decoration:none;
	color:#2e2a8b;
	}
	
	.calendario {
	
	color: white;
	border-top: 1px solid #fff;
	
	}
	
	.mes {
	color: white;
	font-size:18px;
	}
	
	.dia_semana {
	color: white;
	font-size:10px;
	border-bottom: 1px solid #fff;
	}
	
	.seleccionado{
		background-color:#FFFFFF;
	}
	
	
	.seleccionado a{
	
	text-decoration:none;
	color: #333a8b;
	font-weight:bold;
	}
	
	.seleccionado a:hover{
	color:#000000;
	}
	
	.dia{
	
	}
	
	#flecha_derecha{
	width: 10px;
	cursor: pointer;
	}
	#flecha_izquierda{
	width: 10px;
	cursor: pointer;
	}
	
	
	
	
	/*ESTILOS PARA REGISTRO USUARIOS ************************************************************/
	/*Estilo de la caja pie de página*/
	div#registro {
	font: 76% Arial, sans-serif;
	text-align:center;
	}
	#registro .form{width:450px;padding:5px 0;border: 2px solid #d5d5d5; margin:auto;}
	#registro fieldset{border: 0px solid #000;}
	#registro legend{font: bold 140% Arial,sans-serif;color: #999999;}
	
	#registro div.medidas,div.check{margin: 10px 0 10px 10px;}
	#registro div.medidas label{float:left;width:150px;line-height:23px;}
	#registro div.medidas input{width:200px; border: 1px solid #999999;}
	#registro div.medidas check{border: 0px;}
	
	input#boton_login{margin-left: 100px;border: 1px solid #27518A;
	background-color: #ccc;}
	
	
	/*ESTILOS PARA LOGIN USUARIOS ************************************************************/
	/*Estilo de la caja pie de página*/
	div#login {
	font: 76% Arial, sans-serif;
	margin:10px;
	text-align:center;
	}
	#login form{width:240px;padding:5px 0;border: 2px solid #999999;background: #d5d5d5	; margin:auto;}
	#login fieldset{border: 0px solid #000;}
	#login legend{font: bold 140% Arial,sans-serif;color: #000000;}
	
	#login div.medidas,div.check{margin: 10px 0 10px 10px;}
	#login div.medidas label{float:left;width:90px;line-height:23px;}
	#login div.medidas input{width:120px; border: 1px solid #999999;}
	
	input#boton_login{margin-left: 100px;border: 1px solid #999999;
	background-color: #d5d5d5;}
	
	#contenido_login{width:230px;padding:5px;border: 2px solid #999999;background: #d5d5d5; margin:auto;}
	#contenido_login a:hover{ color:#FF0000;}	
	
	/*ESTILOS PARA RECUERDA CLAVE************************************************************/
	/*Estilo de la caja pie de página*/
	div#recuerda_clave {
	padding-top: 3px;
	width: 350px;
	height: 150px;
	margin:0px;
	text-align:center;
	}
	#recuerda_clave form{width:320px;padding:5px 0; margin:auto;}
	#recuerda_clave div.medidas label{float:left;width:90px;line-height:23px; color:#000000;}
	#recuerda_clave div.medidas input{width:180px;}
	#recuerda_clave input#boton_login{border: 1px solid #27518A; background-color: #ccc; width: 100px;}
	#recuerda_clave input#cancel{border: 1px solid #27518A; background-color: #ccc; width: 100px;}
	#recuerda_clave div.botones {text-align:left; margin-top: 5px;}

	
	
	
	
	
	
	
/*Estilo de la caja derecha*/
div#derecha {
position: relative;
top: 0px;
left:1px;
width: 849px;
min-height: 120px;
font-size:12px;
overflow:hidden;
clear:both;
}

	div#derecha_izquierda{
	position:absolute;
	top: 0px;
	left: 0px;
	float:left;
	height: 90px;
	width: 220px;
	padding-left: 15px;
	padding-right: 15px;	
	padding-top: 30px;	
	}
	
	div#derecha_derecha{
	position:absolute;
	top: 0px;
	left: 250px;
	float:right;
	height: 90px;
	width: 570px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 10px;	
	}
	
	#noticia {
	position:absolute;
	top: 200px;
	left:10px;
	width:180px;
	height:180px;
	z-index:5;
	font-size:12px;
	padding:5px;
	text-align:center;
	}
	#evento {
	position:absolute;
	top: 200px;
	left:210px;
	width:180px;
	height:180px;
	font-size:12px;	
	z-index:5;
	padding:5px;
	text-align:center;	
	}	
	#galeria {
	position:absolute;
	top: 200px;
	left:410px;
	width:180px;
	height:180px;
	padding: 5px;
	z-index:5;
	font-size:12px;	
	text-align:center;
	}		
	#banner {
	position:absolute;
	top: 40px;
	left:10px;
	width:580px;
	height:150px;
	border: 1px solid #red;
	z-index:5;
	}	
	
	div#derecha_derecha ul{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 80px;
	margin-left: 50px;
	}	

	div#derecha_derecha li{
	padding: 0px;
	margin: 0px;
	display:inline;
	float:left;
	width: 160px;	
	height: 80px;
	text-align:center;
	}	

	div#derecha_derecha a:hover{
	color:#FF0000;
	}
	
	div#derecha_derecha p{
	margin-top: 5px;
	}	

	div#derecha_derecha img{
	text-align:center;
	}	
		
/*Estilo de la caja pie de página*/
div#pie{
position:relative;
bottom: 0px;
top: 0px;
right: 0px;
width: 595px;
height: 20px;
text-align:left;
padding-top: 10px;
padding-left: 5px;
border-top: 1px solid #1aa393;
font-size: 10px;
margin-top: 0px;
z-index: 1;
float:right;
}

div#pie_contenido{
position:relative;
bottom: 0px;
top: 0px;
right: 0px;
width: 595px;
height: 20px;
text-align:left;
padding-top: 10px;
padding-left: 5px;
border-top: 1px solid #1aa393;
font-size: 10px;
margin-top: 0px;
z-index: 1;
float:right;
}

div#pie_contenido a:hover{ color:#FF0000;}