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

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;

border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background-image:url(images/fondo_derecha.jpg);
background-position:top left;
background-repeat:repeat-y;
min-height: 550px;
z-index:1;
}
/*Estilo de la cabecera***************************************************************************/
div#cabecera {
position: relative;
width: 250px;
min-height: 400px;
margin:0px;
float:left;
z-index: 5;
}

	div#logo {
	position: absolute;
	top:16px;
	left:0px;
	width: 250px;
	height: 130px;
	overflow:hidden;
	}
	
	
	div#idioma {
	position:absolute;
	left:0px;
	top: 0px;
	width: 250px;
	font-size: 9px;
	height: 20px;
	background-color:#ffffff;
	overflow:hidden;
	}
	div#idioma ul{ list-style-type:none; margin:0px; padding:0px; display:inline;}
	div#idioma li{ float:left; width: 125px; background-color: #000000; text-align:center; height:13px; padding-top:5px;}
	div#idioma li:hover{ background-color:#000000; }
	div#idioma li a { color:#FFFFFF; }
	div#idioma li.idioma_seleccionado{ float:left; width: 125px; background-color: #ffffff; 
		text-align:center; height:13px; padding-top:5px;}
	div#idioma li.idioma_seleccionado a{ color:#000000;}		


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

div#principal_contenido {
position:relative;
right: 0px;
top: 0px;
width: 540px;
margin:auto;
background-color:#ffffff;
float:right;
padding: 30px;
min-height: 300px;
}


	/*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:#ffcc00;
	}				

	/* Formato para enlace volver hover de noticia */
	#contenido_noticia .texto_contenido{
	text-align:justify;
	}	
	
	/* Formato para listado de noticias */
	.lista_noticia a:hover
	{ 
	color: #ffcc00;
	}
	
	.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****************************************/
	#contenido_evento
	{ 
		width: 100%;
	}
	
	#contenido_evento ul
	{ 
		width: 100%;
		list-style: none;
		margin: 0px;
		padding: 0px;
		float:right;
	}

	#contenido_evento li
	{	margin: 10px;
		padding: 5px;
		float:left;
		margin-bottom: 10px;
		width: 450px;
		background-color:#d9d9d9;
		background-image:url(images/esquina.gif);
		background-position: top right;
		background-repeat:no-repeat;
	}
		
	#contenido_evento .flota_izquierda
	{ 
		float:left;
		margin: 0px;
		margin-right: 3px;
	}
			
	/* Formato para detalle de evento */
	#contenido_evento .titulo_contenido{
		font-weight:bold;
		font-size:18px;
		text-align:center;
	}
	
	/* Formato para detalle de evento */
	#contenido_evento .subtitulo_contenido{
		font-size:11px;
		font-weight:bold;
	}

	
	/* Formato para enlace volver de evento */
	#contenido_evento .enlace_volver{
	color:#000000;
	}		

	/* Formato para enlace volver hover de evento */
	#contenido_evento .enlace_volver:hover{
	color:#ffcc00;
	}				

	/* Formato para enlace volver hover de evento */
	#contenido_evento .texto_contenido{
	text-align:justify;
	}	
	
	/* Formato para listado de eventos */
	.lista_evento a:hover
	{ 
	color: #ffcc00;
	}
	
	.lista_evento .titulo_contenido {
		font-size: 14px;
		font-weight:bold;
		vertical-align:middle;
	}
	.lista_evento .texto_contenido {
		font-size: 11px;
		text-align:justify;
	}




	/*Estilo Especifico para las detalle_eventos*/
	
	#contenido_detalle_evento .titulo_contenido{
		font-weight:bold;
		font-size:20px;
	}
	
	/* Formato para detalle de detalle_evento */
	#contenido_detalle_evento .subtitulo_contenido{
		font-size:11px;
	}
		
	/* Formato para alineación fotos de la detalle_evento */
	#contenido_detalle_evento .fotos_detalle_evento{
	text-align:center;
	}
	
	/* Formato para enlace volver de detalle_evento */
	#contenido_detalle_evento .enlace_volver{
	color:#000000;
	clear:right;
	margin-top: 10px;
	}		

	/* Formato para enlace volver hover de detalle_evento */
	#contenido_detalle_evento .enlace_volver:hover{
	color:#ffcc00;
	}				

	/* Formato para enlace volver hover de detalle_evento */
	#contenido_detalle_evento .texto_contenido{
	text-align:justify;
	}	
	
	/* Cuadro de dias que se repite el evento */
	#dias_evento {
	width: 180px;
	min-height: 100px;
		background-color:#d9d9d9;
		background-image:url(images/esquina.gif);
		background-position: top right;
		background-repeat:no-repeat;
		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 los DJS ****************************************/
	.lista_dj
	{ 
		width: 500px;
		list-style: none;
		margin: 0px;
		padding: 0px;
		float:right;
	}
	
	/* Formato para detalle de dj */
	#contenido_dj .titulo_contenido{
		font-weight:bold;
		font-size:18px;
		color:#009933;
	}
	
	/* Formato para detalle de dj */
	#contenido_dj .subtitulo_contenido{
		font-size:11px;
	}

	/* Formato para alineación fotos de la dj */
	.flota_izquierda{
	float:left;
	margin: 5px;
	}
	.flota_derecha{
	float:right;
	margin: 5px;	
	}	
	
	/* Formato para enlace volver de dj */
	#contenido_dj .enlace_volver{
	color:#000000;
	}		

	/* Formato para enlace volver hover de dj */
	#contenido_dj .enlace_volver:hover{
	color:#ffcc00;
	}				

	/* Formato para enlace volver hover de dj */
	#contenido_dj .texto_contenido{
	text-align:justify;
	}	
	
	/* Formato para listado de djs */
	.lista_dj a:hover
	{ 
	color: #ffcc00;
	}
	
	.item_dj 
	{	margin: 0px;
		padding: 3px;
		float:left;
		line-height: 20px;
		margin-bottom: 10px;
	}
	
	.lista_dj .titulo_contenido {
		font-size: 14px;
		font-weight:bold;
		vertical-align:middle;
	}
	.lista_dj .texto_contenido {
		font-size: 11px;
		text-align:justify;
	}


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

	/* Formato para enlace volver hover de dj */
	#contenido_dj .enlace_volver:hover{
	color:#ffcc00;
	}				

	/* Formato para enlace volver hover de dj */
	#contenido_dj .texto_contenido{
	text-align:justify;
	}	
	
	/* Formato para listado de djs */
	.lista_dj a:hover
	{ 
	color: #ffcc00;
	}
	
	.item_dj 
	{	margin: 0px;
		padding: 3px;
		float:left;
		line-height: 20px;
		margin-bottom: 10px;
	}
	
	.lista_dj .titulo_contenido {
		font-size: 14px;
		font-weight:bold;
		vertical-align:middle;
	}
	.lista_dj .texto_contenido {
		font-size: 11px;
		text-align:justify;
	}


	/*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 #000000;
	width:100px;
	height:16px;
	z-index:2;
	margin-left : 5px;; margin-right:2px; margin-top:0; margin-bottom:0
	}
	

	/*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:#FFCC00;
	border: 1px solid #000000;
	}

	div#contenido_galeria li:hover{
	background-color:#FFCC99;
	}
	
	/* 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:#ffcc00;
	}	



	/*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:#ffcc00;
	}	
	
/*ESTILOS PARA LA CABECERA PRINCIPAL */
div#cabecera_principal {
position: relative;
top: 0px;
right:0px;
width: 600px;
height: 150px;
float: right;
background-color:#000000;
background-image:url(images/cabecera.jpg);
}

	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;
opacity: 0.95;
z-index: 5;


}

	/*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;
	list-style:none;
	text-decoration:none;
	}
	div#izquierda li{
	margin: 0px;
	padding: 0px;
	float:left;
	font-weight:bold;
	display:block;
	width: 220px;
	background-color:#000000;
	height: 20px;
	line-height: 20px;
	border-bottom: 1px solid #ffffff;
	background-image:url(images/li_menu.jpg);
	background-repeat:repeat-x;
	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: 20px;
	padding: 10px;
	clear:both;
	}
	div#informacion_adicional .titulo_contenido {
	color:#000000;
	font-weight: bold;
	}
	div#informacion_adicional .texto_contenido{
	}
	
		
	/*CAJA DEL CALENDARIO*****************************************************/	
	#calendario {
	position: relative;
	width: 180px;
	height: 180px;
	top: 10px;
	margin: auto;
	clear: both;
	text-align:center;
	}

	.dia_marcado {
	color: #ffffff;
	}
	
	.flechas {
	color:#AAAACC;
	font-size:15px;
	}
	
	.flechas a{
	
	text-decoration:none;
	color:#AAAACC;
	}
	
	.calendario {
	
	color: black;
	border-top: 1px solid #AAAACC;
	
	}
	
	.mes {
	color: black;
	font-size:18px;
	}
	
	.dia_semana {
	color: black;
	font-size:10px;
	border-bottom: 1px solid #AAAACC;
	}
	
	.seleccionado{
		background-color:#FFFFFF;
	}
	
	
	.seleccionado a{
	
	text-decoration:none;
	color: #ffcc00;
	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:#ffcc00;}	
	
	/*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:0px;
width: 850px;
min-height: 120px;
font-size:12px;
background-color:#ffffff;
background-image:url(images/fondo_derecha.jpg);
background-position:top left;
background-repeat:repeat-y;
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;	
	}
	
	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:#ffcc00;
	}
	
	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;
top: 0px;
right: 0px;
width: 845px;
height: 20px;
padding-right: 5px;
text-align:right;
line-height: 20px;
border-top: 1px solid #000000;
font-size: 10px;
clear:both;
}

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 #000000;
font-size: 10px;
margin-top: 0px;
z-index: 1;
float:right;
}

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