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

a { 
text-decoration: none;
color:#000000;
}
a:hover {
text-decoration:none;
color:#555555;
}
.error {color:#FF0000; text-align:center;}	


/*Estilo del contenedor para la intro*/
div#contenedor_intro{
width: 900px;
margin:auto;
height: 550px;
background-color:#FFFFFF;
border: 1px solid #cccccc;
}

/*Estilo del contenedor*/
div#contenedor{
width: 900px;
margin:auto;
height: 550px;
background-color:#FFFFFF;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

.contenedor_principal{ background-image:url(images/fondo-inicio.jpg); background-repeat:no-repeat;}
.contenedor_noticias{ background-image:url(images/fondo-noticias.jpg); background-repeat:no-repeat;}
.contenedor_carta{ background-image:url(images/fondo-carta.jpg); background-repeat:no-repeat;}
.contenedor_eventos{ background-image:url(images/fondo-evento.jpg); background-repeat:no-repeat;}
.contenedor_dj{ background-image:url(images/fondo-dj.jpg); background-repeat:no-repeat;}
.contenedor_galeria{ background-image:url(images/fondo-galeria.jpg); background-repeat:no-repeat;}
.contenedor_registro{ background-image:url(images/fondo-registro.jpg); background-repeat:no-repeat;}
.contenedor_miembro{ background-image:url(images/fondo-registro.jpg); background-repeat:no-repeat;}
.contenedor_localiza{ background-image:url(images/fondo-localizacion.jpg); background-repeat:no-repeat;}
.contenedor_enlace{ background-image:url(images/fondo-enlace.jpg); background-repeat:no-repeat;}

/*-------------------------ESTILO PÁGINA INTRO ---------------------------*/

div#cabecera_intro {
position:relative;
top:0px;
left:0px;
width: 100%;
height: 150px;
}
div#flash_intro {
position:relative;
top:0px;
left:0px;
width: 100%;
height: 250px;
}
div#pie_intro {
position:relative;
top:0px;
left:0px;
width: 100%;
}


#texto_pie_intro {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:right;
}

div#pie_intro ul{ list-style: none; margin:0px; padding:0px; width:900px;}
div#pie_intro li{  width: 100px; 
height: 30px;
line-height: 30px; 
margin: 0px; 
padding: 0px; 
float: left; 
text-align:center;	
}
div#pie_intro a{ display:block; color:#000000; width: 100%; text-decoration:none; height:30px;}	
div#pie_intro a:hover{ color:#ffffff; background-color:#000000;}	


div#logo_intro { float:left;}

div#cabecera_intro ul { list-style:none; float:right; width: 200px;}
div#cabecera_intro li { display:inline; width: 100px; height:20px; float:left;}

.boton_es a{ display:block; height:20px; overflow:hidden;}
.boton_en a{ display:block; height:20px; overflow:hidden;}


/*-------------------------ESTILO PAGINAS DE CONTENIDO ---------------------------*/

/*CONTENDEDOR CABECERA: CONTIENE LOGO, BANNER, AUXILIAR -------------------------------*/
div#cabecera {
position:relative;
top:0px;
left:0px;
width: 100%;
height: 100px;
}

div#banner_superior { position:absolute; right: 0px; width:468px; height:60px;}
div#logo { position:absolute; left:0px; top:0px; float:left; width:315px; height:100px;}
	
/*CONTENDEDOR CENTRAL: CONTIENE CONTENIDO E IZQUIERDA Y DERECHA ---------------------------------------------*/
div#central {
position:relative;
top:0px;
left:0px;
width: 900px;
min-height: 420px;
}
	/*CONTENDEDOR CONTENIDO-------------------------------*/
	div#contenido {
	position:absolute;
	top:180px;
	left:210px;
	width: 650px;
	min-height: 210px;
	text-align:justify;
	padding: 10px;
	font-size:11px;
	overflow:auto;
	}		
	
	/*CONTENDEDOR CONTENIDO-------------------------------*/
	div#caja_miembro {
	position:absolute;
	top:180px;
	left:210px;
	width: 660px;
	height: 210px;
	text-align:justify;
	padding: 10px;
	overflow:auto;
	font-size:11px;
	margin: 0px;
	padding: 0px;
	}	
	
	#tabla_miembro td{ vertical-align: top;}	
		
	div#contenido_galeria {
	position:absolute;
	top:180px;
	left:10px;
	width: 850px;
	height: 210px;
	text-align:justify;
	overflow:auto;
	padding: 10px;
	font-size:11px;
	}		

	div#contenido_evento {
	position:absolute;
	top:180px;
	left:10px;
	width: 850px;
	height: 210px;
	text-align:justify;
	overflow:auto;
	padding: 10px;
	font-size:11px;
	}	
	
	div#contenido_enlace {
	position:absolute;
	top:180px;
	left:10px;
	width: 850px;
	height: 210px;
	text-align:justify;
	overflow:hidden;
	padding: 10px;
	font-size:11px;
	}	
	
	div#contenido_izquierdo{
	position:relative;
	top:0px;
	left:0px;
	width: 300px;
	height: 205px;
	text-align:left;
	overflow:auto;
	border-right: 1px solid #cccccc;
	float:left;
	padding-right: 5px;
	}	
	

	div#contenido_derecho{
	position:relative;
	top:0px;
	left:10px;
	width: 320px;
	height: 205px;
	text-align:justify;
	overflow:auto;
	padding-right: 10px;	
	}			

	div#contenido_evento_izquierdo{
	position:relative;
	top:0px;
	left:50px;
	width: 300px;
	height: 205px;
	text-align:left;
	overflow:auto;
	border-right: 1px solid #cccccc;
	float:left;
	padding-right: 5px;
	}	

	div#contenido_evento_izquierdo h1{
	font-size: 16px;
	margin: 2px;
	padding: 0px;
	}	

	div#contenido_evento_derecho{
	position:relative;
	top:0px;
	left:55px;
	width: 320px;
	height: 205px;
	text-align:justify;
	overflow:auto;
	padding-right: 10px;	
	}

/*PIE DE PÁGINA-----------------------------------------------------------------------------------------------*/
div#menu {
	position:relative;
	top: 0px;
	left:0px;
	width:900px;
	height: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	float:left;
	border-top: 1px solid #cccccc;
}

div#menu ul{ list-style: none; margin:0px; padding:0px; width:900px;}
div#menu li{  width: 100px; 
height: 30px;
line-height: 30px; 
margin: 0px; 
padding: 0px; 
float: left; 
text-align:center;	
}
div#menu a{ display:block; color:#000000; width: 100%; text-decoration:none; height:30px;}	
div#menu a:hover{ color:#ffffff; background-color:#000000;}	


/*ESTILOS PARA NOTÍCIAS ************************************************************/
.cont_noticias .titulo_contenido { font-size:12px; margin:0px; font-weight:bold;}
.cont_noticias .texto_contenido { font-size:11px; margin:0px; margin-top: 5px;}
.cont_noticias li { margin-bottom: 10px;}


/*ESTILOS PARA DJS ************************************************************/
.cont_djs .subtitulo_contenido { font-family:"comic Sans MS"; font-size:12px; margin:0px; margin-top: 10px; font-weight:bold;}
.cont_djs .titulo_contenido { font-family:"comic Sans MS"; font-size:16px; margin:0px; margin-top: 10px; font-weight:bold;}
.cont_djs .texto_contenido { font-size:11px; margin:0px;}
.cont_djs  a { color:#666699;}
.cont_djs  a:hover { color:#666699;}
.cont_djs ul { list-style: none; height: 170px; width: 600px; margin:auto; padding: 0px;} 
.cont_djs li {
margin-right: 33px; 
display:inline;
float:left;
text-align:center;
}

.boton_dj { 
padding: 5px;
padding-top: 15px;
background-image:url(images/boton_dj.jpg); 
background-repeat:no-repeat;
width: 150px;
height: 165px;
z-index: 2px;
}
.boton_dj:hover { 
background-image:url(images/boton_dj_pulsado.jpg); 
background-repeat:no-repeat;
}


.cont_djs .contenido_derecho { background-color: red; }

/*ESTILOS PARA REGISTRO USUARIOS ************************************************************/
/*Estilo de la caja pie de página*/
div#registro {
text-align:left;
}
#registro .form{width:450px;padding:5px 0;border: 1px solid #ccc;background: #ffffff; margin:auto;}
#registro fieldset{border: 0px solid #000;}
#registro legend{font: bold 140% Arial,sans-serif;color: #000;}

#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;}

input#boton_login{margin-left: 100px;border: 1px solid #000; background-color: #faf7e8;}




/*ESTILOS PARA LOGIN USUARIOS ************************************************************/
/*Estilo de la caja pie de página*/
div#login {
text-align:center;
}
#login form{width:240px; height: 180px; background-repeat:no-repeat; margin:auto; padding: 5px; 
background-image:url(images/fondo_login.jpg); }
#login fieldset{border: 0px solid #000;}
#login legend{color: #000;}

#login div.error {color:red;}

#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  #000;}

input#boton_login{margin-left: 135px; background-color:#d5d5d5; border: 1px solid #666666; }
input#boton_login:hover{background-color:#f89920;}

#contenido_login{width:240px;}

/*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;
background-color:#CCCCCC;
}
#recuerda_clave form{width:320px;padding:5px 0; margin:auto;}
#recuerda_clave div.medidas label{float:left;width:90px;line-height:23px; color:#FFFFFF;}
#recuerda_clave div.medidas input{width:180px;}
#recuerda_clave input#boton_login{border: 1px solid #27518A; background-color: #ccc; width: 90px; float:right; margin: 5px;}
#recuerda_clave input#cancel{border: 1px solid #27518A; background-color: #ccc; width: 90px; float:right;margin: 5px;}
#recuerda_clave div.botones {text-align:left;}

#recuerda_clave input#boton_login:hover { background-color:#FFFFFF;}
#recuerda_clave input#cancel:hover { background-color:#FFFFFF;}

	

/*ESTILOS PARA LA GALERIA***************************************************************/
div#lista_galerias{
position:relative;
left: 0px;
top: 10px;
width: 150px;
height: 200px;
float:left;
}

div#lista_galerias ul{ list-style:none; }
div#lista_galerias li{ margin: 0px;}
div#lista_galerias .titulo_contenido { color:#000000; font-size:14px; font-weight:bold; }

div#lista_fotos_galeria{
position:relative;
float:left;
left: 30px;
top: 20px;
width: 670px;
height: 170px;
padding: 5px;
padding-top: 10px;
background-image:url(images/fondo_lista_fotos.jpg);
background-repeat:no-repeat;
}

div#lista_fotos_galeria ul{ list-style:none; padding: 0px; margin:0px; margin-left: 10px;}
div#lista_fotos_galeria li{padding:0px; float:left; display:inline; margin-right: 10px ;margin-bottom: 10px; cursor:pointer;}
div#lista_fotos_galeria .titulo_contenido { color:#000000; font-size:14px; font-weight:bold; }
div#lista_fotos_galeria img { border: 5px solid black; }
div#lista_fotos_galeria img:hover { border: 5px solid #ffcc03; }




/********************************** CALENDARIO Y LISTA DE EVENTOS ************************************/


div#evento_calendario{
position:relative;
left: 10px;
top: 20px;
width: 150px;
height: 150px;
float:left;
}


/* Estilos para el calendario */
#calendario {
position:absolute;
left: 0px;
top: 0px;
width:150px; 
height:150px; 

/*background-color:#ffffff;*/
color: #000000;

font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
z-index:2;
}


.dia_marcado {
color: #000000;
}

.flechas {
color:#ff0000;
font-size:15px;
}

.flechas a{

text-decoration:none;
color:#ff0000;
}

.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 #ffffff;
}

.seleccionado{
	background-color:#FFFFFF;
}


.seleccionado a{

text-decoration:none;
color: #FF0000;
font-weight:bold;
}

.seleccionado a:hover{
color:#ff0000;
}

.dia{
color:#000000;
}

#flecha_derecha{
width: 10px;
cursor: pointer;
}
#flecha_izquierda{
width: 10px;
cursor: pointer;
}


div#evento_lista{
position:relative;
float:left;
left: 30px;
top: 20px;
width: 670px;
height: 170px;
padding: 5px;
padding-top: 10px;
background-image:url(images/fondo_lista_fotos.jpg);
background-repeat:no-repeat;
}
div#evento_lista ul{ list-style:none; padding: 0px; margin:0px; margin-left: 10px;}
div#evento_lista li{padding:0px; float:left; display:inline; margin-right: 10px ;margin-bottom: 10px; cursor:pointer;}
div#evento_lista .titulo_contenido { color:#000000; font-size:14px; font-weight:bold; }
div#evento_lista img { border: 2px solid black; float:left; margin-right: 10px;}
div#evento_lista img:hover { border: 2px solid #ffcc03; }




/***********DIV MENUS*****************************/
#menu_snacks{ 
	visibility:hidden; 
	width: 900px; 
	height:250px; 
	top: 0px; 
	left: 0px;
	background-color:#f7e5c1;
	border-top: 1px solid black; 
	border-bottom: 1px solid black; 	
	border-right: 1px solid #cccccc;
	position:absolute;
	z-index: 99;
	overflow:hidden;
	}

#menu_dia{ 
	visibility:hidden; 
	width: 900px; 
	height:250px; 
	top: 0px; 
	left: 0px;
	background-color:#f7e5c1;
	border-top: 1px solid black; 
	border-bottom: 1px solid black;
	border-right: 1px solid #cccccc;	 	
	position:absolute;
	z-index: 99;
	}
	
#menu_restaurante{ 
	visibility:hidden; 
	width: 900px; 
	height:250px; 
	top: 0px; 
	left: 0px;
	background-color:#f7e5c1;
	border-top: 1px solid black; 
	border-bottom: 1px solid black; 
	border-right: 1px solid #cccccc;		
	position:absolute;
	z-index: 99;
	}

.tabla_menus { font-size: 9px; height: 250px;}
.tabla_menus th { font-weight: bold; border-bottom: 1px solid black;}
.tabla_menus td { text-align:center; padding-left: 2px;padding-right: 2px; vertical-align:top;}
.tabla_menus .impar { background-color:#eedab4;}

.lista_menus { list-style:none; margin: 0px; padding: 0px;}
.lista_menus li { padding: 2px; margin-bottom: 5px;}