@charset "utf-8";

body{
	margin:0;
	padding:0px;
	text-align:center;
	font-size:11px;
	background-color: #000;
}

#contenedor{
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	margin:0 auto;
	width:700px;
	background-color:#FFF;
	height:100%;
}

#cabecera{
	font-weight:bold;
	font-size:28px;
	text-align:left;
	padding: 0 0 10px;
}

a {
	outline: none;
}

#pajaro {
	position:relative;
	left:650px;
	top:-140px;
	width: 50px;
}

#menu{
	margin:-70px 0 10px 30px;
}

#menu ul li {  
       display: inline;  
	   margin-right:5px;
	   background-color:#555;
	   padding: 2px 4px 2px 4px;
}   

#menu ul li a{  
   color:#FFFFFF;
	text-decoration: none;
}

#menu ul li a:hover{
	color:#CCCCCC;
}

#menu ul li.seleccionado{
	   background-color:#E21419;
}

#menu ul li.inactivo{
	background-color: #DDD;
}

#busqueda{
	padding-left:30px;
	padding-right:30px;
	height:80px;
	display: none;
}

#busqueda h2{
	font-size:11px;
	margin-bottom:10px;
}

#busqueda label{
	padding-right:5px;	
}

#busqueda input{
	width:70px;
	border: 1px solid #000;
	margin-right:10px;
	font-size:11px;
}

#busqueda select{
	width:200px;
	border: 1px solid #000;
	font-size:11px;
}

#busqueda a{
	text-decoration:none;
	margin-left: 10px;
	border:1px solid #000;
	background-color: #CCC;
	color: #000;
	padding: 1px 5px 2px 5px;
}

#busqueda a#volver{
	clear:both;
	float:right;
	margin: 10px 90px;
	background-color: #555;
	color:#FFF;
	padding: 2px 5px;	
}


#resultados{
	margin-top:10px;
	font-weight:bold;
}

#contenido{
	padding-left:30px;
	padding-right:30px;
	height:100%;
}

#contenido h2{
	font-size:12px;
	margin: 15px 0;
}

div.evento{
	padding: 10px 0 10px 0;
	border-bottom:#000 3px solid;
}

.primer{
	border-top:#000 3px solid;
}

div.horario{
	display:inline-block;	
	width: 80px;
}

.horario .fecha{
	font-family: Arial;
	width:30px;
/*	background-color:#E21419;*/
	font-size:28px;
/*	font-weight:bold;*/
	letter-spacing:-1.8px;
}

div.info{
	display:inline-block;
	width:425px;
	vertical-align:top;
}

div.info p.falso_enlace a{
	color:#999;
}

.panel{
	display:none;
	height:50px;
	margin-top:10px;
	padding-top:10px;
/*	border-top: #CCC solid 1px; */
}

.panel a{
	text-decoration:none;
	color: #E21419;
}

.panel a:hover{
	text-decoration:line-through;
}

.tachado{
	text-decoration:line-through;	
}
.main_attraction{
	float:left;
	width:300px;
}

.teloneros{
	float:left;
	width:300px;
}

.venta{
	clear:both;
	padding-top: 5px;
}

.info h3{
	font-size:18px;
	padding-bottom:5px;
	font-weight:normal;
	letter-spacing:-1px;
}

.info a{
	color:#E21419;	
	text-decoration: none;
	font-weight:bold;
}

.rojo{
	color:#E21419;	
	font-weight:bold;
}



.tooltip h2{
	font-size: 12px;
	font-weight: bold;
	padding-bottom:4px;
}

.tooltip p{
	padding-bottom:1px;
}

.tooltip a.cerrar {
	float:right;
	margin-top: -35px;
	margin-right: -35px;
	
}

#paginacion{
	margin:20px 20px 10px 30px;
	padding-bottom:7px;
	text-align:center;	
/*	border:#CCC 1px solid;*/
	cursor:pointer;
}

#paginacion p{
	font-size:11px;
	font-weight:bold;
 	color:#E21419;	
	text-decoration: none;
	padding-top:7px;
}

.borde_rojo{
	border:#E21419 2px solid;
}

.borde_gris{
	border:#CCC 2px solid;
}

.hoy{
	display:inline-block;
	text-align:right;
	vertical-align:top;
	font-weight:bold;
	color: #E21419;
	font-size:12px;
}



#about_texto{
	display: inline-block;
	width:300px;
	padding-right:10px;
	margin-top:20px;
	margin-bottom:20px;

}

#about_texto h2{
	font-weight:bold;
	margin-bottom:2px;	
}

#about_texto p{
	margin-bottom:5px;
}

#about_texto a{
	text-decoration:none;
	background-color: #555;
	color:#FFF;
	padding: 2px;
	margin-top:3px;
}



#about_monito{
	display: inline-block;
	width:200px;
	padding-left:10px;
	margin-bottom:20px;

}


/* Estilo del tooltip */


.tooltip {
	display:none;
	background:url(../img/black_arrow_big.png);
	height:160px;
	padding:40px 30px 10px 30px;
	width:300px;
	font-size:11px;
	color:#fff;
}

/* a .label element inside tooltip */

.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}

#error_404{
	padding:10px 20px;
	
}

#error_404 h2 {
	margin-bottom:10px;
	font-size:24px;
	letter-spacing: -1px;
}

#error_404 p {
	margin-bottom:5px;
}
