/* CSS Document */

*{
margin:0px;
padding:0px;
}

a {outline:0;}

img{
border:none;
}

.clear{
clear:both;}

.left{
float:left;
}

.right{
float:right;
}

body{
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FFF;

}

a.rojo{
color:#FFF;
text-decoration:none;
}

a.rojo:hover{
color:#999999;
text-decoration:none;
}


#content{
width:100%;
}

#head_content{
width:100%;
background-image: url(../img/bg_cab.jpg);
background-repeat:repeat-x;
padding-top:22px;
height:135px;
}

#head img{
margin-top:18px;
float:left;
}

#head{
width:868px;
height:102px;
margin:0 auto;
}
#head table{
float:right;
}

#head table td{
padding:2px;
font-size:12px;
}

#head table span{
font-weight:bold;
color:#DF0619;
}

#head table input{
height:16px;
width:155px;
border:1px solid #545454;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
background-color:#000;
padding-top:1px;
padding-left:6px;
}

#head table input.boton{
width:64px;
height:20px;
border:none;
background-color:#000;
padding-top:0px;
padding-left:0px;
margin-left:2px;
}

#head table a{
display:block;
margin-top:-2px;
font-size:10px;
text-decoration:none;
color:#999;
}

#head table a:hover{
text-decoration:underline;
}




 /*----------------------------------------------                 MENÚ           ---------------------------------------------------*/
 
 
 
#menu{
clear:both;
padding-left:5px;
width:863px;
margin:0 auto;
display:block;
}

#menu span{
display:none;
}

#menu li{
display: block;
list-style:none;
height:33px;
float:left;

}

#menu li a{
display:block;
height:33px;
float:left;
}

#menu li a:hover{
display:block;
height:33px;
float:left;
background-position:0 -33px;
}

#menu li.home_active{
width:80px;
background-image: url(../img/menu/home.jpg);
background-repeat:no-repeat;
background-position:0 -33px;
}

#menu li.home a{
width:80px;
background-image: url(../img/menu/home.jpg);
background-repeat:no-repeat;
}

#menu li.calendario_active{
width:106px;
background-image: url(../img/menu/calendario.jpg);
background-repeat:no-repeat;
background-position:0 -33px;
}

#menu li.calendario a{
width:106px;
background-image: url(../img/menu/calendario.jpg);
background-repeat:no-repeat;
}

#menu li.galeria_active{
width:84px;
background-image: url(../img/menu/galeria.jpg);
background-repeat:no-repeat;
background-position:0 -33px;
}

#menu li.galeria a{
width:84px;
background-image: url(../img/menu/galeria.jpg);
background-repeat:no-repeat;
}

#menu li.apuntate_active{
width:100px;
background-image: url(../img/menu/apuntate.jpg);
background-repeat:no-repeat;
background-position:0 -33px;
}

#menu li.apuntate a{
width:100px;
background-image: url(../img/menu/apuntate.jpg);
background-repeat:no-repeat;
}

#menu li.noches_active{
width:84px;
background-image: url(../img/menu/noches.jpg);
background-repeat:no-repeat;
background-position:0 -33px;
}

#menu li.noches a{
width:84px;
background-image: url(../img/menu/noches.jpg);
background-repeat:no-repeat;
}

#menu li.faq_active{
width:63px;
background-image: url(../img/menu/faq.jpg);
background-repeat:no-repeat;
background-position:0 -33px;
}

#menu li.faq a{
width:63px;
background-image: url(../img/menu/faq.jpg);
background-repeat:no-repeat;
}




 /*----------------------------------------------                CUERPO           ---------------------------------------------------*/
 
 
#main_content_wrapper{
width:863px;
padding-left:5px;
margin:0px auto;
background-image:url(../img/bg_main.jpg);
background-repeat:no-repeat;
overflow:hidden;
padding-bottom:20px;

}

#main_left{
padding-top:30px;
width:610px;
float:left;
}

#main_left_fiestas{
padding-top:30px;
width:610px;
float:left;
}

#main_left_fiestas p{
width:586px;
margin-bottom:20px;
line-height:15px;
text-align:justify;

}

#img_central{
background-image:url(../img/marco_img_central.gif);
background-repeat:no-repeat;
padding:2px;
width:582px;
height:299px;
position:relative;

}

#img_central p.lugar{
display:block;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#000;
background-color:#00d6ff;
padding:7px 17px;
position:absolute;
top:21px;
left:2px;

}

#img_central .descripcion{
background-image:url(../img/trasparencia.png);
background-repeat:no-repeat;
position:absolute;
width:582px;
height:76px;
top:171px;
left:2px;

}

#img_central_galeria{
background-image:url(../img/marco_img_central_galeria.gif);
background-repeat:no-repeat;
padding:2px;
width:582px;
height:387px;
position:relative;

}

#img_central_galeria p.lugar{
display:block;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
color:#000;
background-color:#00d6ff;
padding:7px 17px;
position:absolute;
top:21px;
left:2px;
z-index:2;

}

#img_central_galeria .descripcion{
background-image:url(../img/trasparencia_galeria.png);
background-repeat:no-repeat;
position:absolute;
width:582px;
height:76px;
top:340px;
left:2px;
z-index:2;

}

#img_central_galeria .descripcion p{
padding-top:9px;
padding-left:20px;
}

.option_content{
width:275px;
margin-right:30px;
float:left;
height:94px;
line-height:15px;
}

.option_content img{
float:left;
margin-right:10px;
}

.option_content h2{
font-weight:bold;
color:#00d6ff;
font-size:12px;
margin-top:2px;
}

h2.fiesta{
color:#DF0619;
padding-bottom:10px;
}

.option_content a{
color:#FFF;
text-decoration:none;
display:block;
}

.option_content a:hover{
color:#999999;
text-decoration:none;
}

#main_right{
padding-top:30px;
float:left;
background-image:url(../img/border_main_right.gif);
background-position:left top;
background-repeat:no-repeat;
min-height:480px;
}

#main_right img.titulo{
margin-top:-6px;
margin-left:1px;
margin-bottom:17px;}

#main_right h2{
font-size:12px;
font-weight:bold;
color:#DF0619;
padding-left:25px;
margin-bottom:12px;
}

h2.apuntate{
color:#00D6FF;
font-size:20px;
margin-bottom:0px;
background-position:bottom;
display:block;
margin-left:4px;

}

#main_right span.fecha_hora{
font-size:12px;
font-weight:normal;
color:#FFF;
}

#main_right span.fecha_lugar{
font-size:12px;
font-weight:normal;
text-transform:none;
color:#FFF;
}

.first_event_content{
padding-left:25px;
overflow:hidden;
width:215px;
margin-bottom:14px;
}

.first_event_content img{
float:left;
margin-right:17px;
margin-bottom:12px;
}

.first_event_content span{
color:#00d6ff;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
display:block;
margin-bottom:-10px;

}

.galeria_event_content{
padding-left:25px;
overflow:hidden;
width:215px;
margin-bottom:14px;
padding-bottom:28px;
background-image: url(../img/border_event.gif);
background-position:bottom;
background-repeat:no-repeat;
}

.galeria_event_content img{
float:left;
margin-right:17px;
margin-bottom:12px;
}

.galeria_event_content span{
color:#00d6ff;
}

.event_content{
padding-left:25px;
overflow:hidden;
width:215px;
padding-bottom:18px;
margin-bottom:14px;
background-image: url(../img/border_event.gif);
background-position:bottom;
background-repeat:no-repeat;
}

.event_content img{
float:left;
margin-right:17px;
margin-bottom:12px;
}

.event_content span{
color:#00d6ff;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
display:block;
margin-bottom:-10px;

}

.galeria_other_content{
padding-left:25px;
overflow:hidden;
width:215px;
margin-bottom:4px;
}

.galeria_other_content img{
float:left;
margin-right:17px;
margin-bottom:12px;
}

.galeria_other_content span{
color:#00d6ff;
}


.direccion{
clear:both;
width:100%;
}


a.apuntate{
display:block;
font-weight:bold;
text-transform:uppercase;
color:#DF0619;
text-decoration:none;
padding-top:7px;
text-align:right;
}

a.apuntate:hover{
text-decoration:underline;
}


a.info{
display:block;
font-weight:bold;
color:#FFF;
text-decoration:none;
padding-top:7px;
text-align:right;
}

a.info:hover{
text-decoration:underline;

}

a.evento {
color:#00D6FF;
display:block;
font-size:14px;
font-weight:bold;
margin-bottom:-10px;
text-transform:uppercase;
text-decoration:none;
}

a.galeria {
color:#00D6FF;
display:block;
font-size:12px;
font-weight:bold;
margin-bottom:-10px;
text-transform:uppercase;
text-decoration:none;
}


#content_video{
padding-left:25px;
margin-top:1px;}

#content_video_calendario{
padding-left:25px;
margin-top:180px;}


p.evento_destacado{
margin-top:16px;}


.calendario_content{
width:586px;
overflow:hidden;
padding-right:24px;
background-position:top;
padding-right:24px;
margin-bottom:15px;
padding-top:40px;
background-image:url(../img/border_calendario.gif);
background-repeat: no-repeat;
}

.calendario_content img{
float:left;
padding:2px;
background-image:url(../img/marco_calendario.gif);
margin-right:20px;
margin-bottom:15px;
}

.calendario_content h2{
font-size:18px;
color:#00D6FF;
margin-bottom:10px;

}

.calendario_content p{
margin-bottom:20px;
line-height:15px;
text-align:justify;
}

.calendario_content span{
font-weight:bold;
color:#DF0619;
text-size:12px;
}



.first_calendario_content{
width:586px;
overflow:hidden;
padding-right:24px;
margin-bottom:15px;

}

.first_calendario_content img{
float:left;
padding:2px;
background-image:url(../img/marco_calendario.gif);
margin-right:20px;
margin-bottom:20px;
}

.first_calendario_content h2{
font-size:18px;
color:#00D6FF;
margin-bottom:10px;

}

.first_calendario_content p{
margin-bottom:20px;
line-height:15px;
text-align:justify;}

.first_calendario_content span{
font-weight:bold;
color:#DF0619;
text-size:12px;
}

#visor_imagenes{
position:relative;
width:582px;
/*height:299px;*/
padding:2px;
background-image:url(../img/marco_img_central2.gif);
/*background-image:url(../img/marco_img_central.gif);*/
background-repeat:no-repeat;
margin-bottom:30px;

}
.visor_menu {
	position:absolute;
	bottom:0px;
	left:2px;
	width:582px;
	height:100px;
	z-index:99;
}

a.boton_visor {
background-image:url(../img/boton_visor.jpg);
color:#000000;
display:block;
float:right;
font-size:14px;
font-weight:bold;
height:20px;
text-align:center;
padding-top:4px;
margin:68px 5px 0 0;
text-decoration:none;
width:32px;
}


a.boton_visor:hover{
background-position:0 -24px;}


p.fechas_calendario{
margin-top:-6px;
clear:both;
line-height:20px;
font-size:12px;}

p.fechas_calendario a{
color:#FFF;
text-decoration:none;}

p.fechas_calendario a:hover{
color:#00d6ff;
text-decoration:underline;
}

h1.blue_square{
display:block;
padding:7px 18px;
background-color:#00d6ff;
position:absolute;
top:21px;
left:2px;
font-size:14px;
text-transform:uppercase;
z-index:9;
color:#000;
font-weight:bold;
}
div.nota_foto_index{
height:75px;
width:582px;
position:absolute;
z-index:9;
bottom:2px;
left:2px;
background-image:url(../img/trasparencia_galeria.png);
}

div.nota_foto_index p{
line-height:15px;
margin-bottom:20px;
text-align:left;
width:586px;
margin-top:10px;
margin-left:20px;

}

div.nota_foto{
height:49px;
width:582px;
position:absolute;
z-index:9;
bottom:2px;
left:2px;
background-image:url(../img/trasparencia_galeria.png);
}

div.nota_foto p{
line-height:15px;
margin-bottom:20px;
text-align:left;
width:586px;
margin-top:10px;
margin-left:20px;

}

.texto_peq{
color:#999999;
font-size:11px;}

 /*----------------------------------------------                PIE         ---------------------------------------------------*/
 
 
 
#footer_content {
clear:both;
width:100%;
background-image: url(../img/bg_footer.jpg);
background-repeat:repeat-x;
height:96px;
padding-top:29px;
}

#footer{
width:760px;
padding-left:67px;
padding-right:41px;
margin:0px auto;
position:relative;
}

#footer ul a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFF;
text-decoration:none;
display:block;
height:10px;
margin-right:5px;
padding-right:6px;
border-right:1px solid #FFF;
float:left;
margin-bottom:6px;
}

#footer ul a:hover{
text-decoration:underline;
}

#footer ul a.last{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFF;
text-decoration:none;
display:block;
height:10px;
padding-right:6px;
border-right:none;
float:left;
margin-bottom:6px;
}

#footer ul a.last:hover{
text-decoration:underline;
}

#footer ul{
width:480px;
display:block;
}

#footer ul.second_line{
padding-left:10px;
}

#footer ul li{
display:inline;
list-style:none;

}
 
#footer img{
position:absolute;
top:5px;
left:663px}



.azul{
color:#00d6ff;
}

a.azul_subrayado{
color:#00d6ff;
font-weight:bold;
text-decoration:underline;
}

.mes {
font-size:24px;
color:#00d6ff;
font-weight:bold;
text-decoration:none;
}
/*---------------------------------------------------------FORMULARIO--------------------------------------------------------*/




#main_left table td{
padding:2px;
font-size:12px;
}

#main_left table span{
font-weight:bold;
color:#DF0619;
}

#main_left table input{
height:22px;
width:250px;
border:1px solid #545454;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
background:transparent;
padding-top:1px;
padding-left:6px;
}

#main_left table textarea{
height:120px;
width:400px;
border:1px solid #545454;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
background:transparent;
padding-top:1px;
padding-left:6px;
overflow:auto;
}

#main_left table input.boton{
width:64px;
height:20px;
border:none;
background-color:#000;
padding-top:0px;
padding-left:0px;
margin-left:2px;
}
select{
border:1px solid #545454;
color:#FFF;
background-color:transparent;}

#main_left table a{
color:#999999;
text-decoration:none;!important
}

#main_left table a:hover{
text-decoration:underline;
}

#main_left strong{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;}
 

input.checkbox{
width:15px!important;
margin-top:-5px;
float:left;
margin-bottom:5px;
margin-right:5px;
display:block;
border:none!important;}

.marcofoto {
	padding: 3px;
	background-image: url(../img/marco.jpg);
	background-repeat: no-repeat;
}

.marcofotoproximos {
	padding: 3px;
	background-image: url(../img/marco_calendario.gif);
	background-repeat: no-repeat;
}