/* THE MARCH OF THE BLACK QUEEN    */
/*            DICIEMBRE 2009     */

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

html{
	background:url(../img/fondo.jpg) repeat top #333;
}

body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:875px;
	margin:0 auto;
}

h1{
	font-style:italic;
	font-weight:normal;
	color:#cc9;
	font-size:120%;
	margin:20px 0 0 0;
}

h2{
	clear:both;
}

h2.partidos, h2.wifi, h2.conciertos, p.partidos, p.wifi, p.conciertos{
	width:210px;
	height:150px;
	position:relative;
	float:left;
	font-size:80%;
	color:#c7caa4;
	margin:0 18px 18px 0 ;
}


h2.partidos span, h2.wifi span, h2.conciertos span, p.partidos span, p.wifi span, p.conciertos span{
	position:absolute;
	width:100%;
	height:100%;
	padding:5px;
	
	border:1px solid #030;	
	
	/*margin-left:1px;*/
}

h2.partidos span, p.partidos span{background:url(../img/partidos.jpg) center no-repeat;}
h2.wifi span, p.wifi span{background:url(../img/wifi.jpg) center no-repeat;	}
h2.conciertos span, p.conciertos span{background:url(../img/conciertos.jpg) center no-repeat;	}

address{
	font-style:normal;
}

acronym{
	font-weight:bold;
}

p, h3, ul, dl{
	margin:0 15px 15px 25px;;
	font-size:90%;
}

dd{
	margin:0 25px 10px 25px;
	font-size:90%;
	line-height:22px;
}

dt{
	font-weight:bold;
	font-size:110%;
}

iframe{
	width:250px;
	height:250px;
	float:left;
	margin:10px 40px 10px 10px  ;
}

a{
	color:#000;
}

#content li{
	margin-left:25px;
}

.col-izda p strong{
	display:block;
	font-size:140%;
	font-weight:normal;
}

.col-dcha li{
	margin-bottom:3px;
}
/*        ------------------------------                          */
/*        ------------------------------                          */
/*        ------------------------------                          */

/*---- menu INICIO  --------*/
#menu{
	background:url(../img/fondo-menu.jpg) top repeat-x #000;
	clear:both;
	height:38px;
	padding-left:10px;
}

#menu li{
	display:inline;
	position:relative;
	font-size:80%;
	margin:0px;
	padding:0;
	margin-right:10px;
	height:38px;
	float:left;
}

#menu li a{
	color:#124106;
}

#menu li.cerve, #menu li.promos, #menu li.actividades, #menu li.contacto,
#menu li.cerve span, #menu li.promos span, #menu li.actividades span, #menu li.contacto span,
#menu li.cerve-on span, #menu li.promos-on span, #menu li.actividades-on span, #menu li.contacto-on span{
	height:38px;
}

#menu li.cerve, #menu li.cerve-on{ width:85px; }
#menu li.promos, #menu li.promos-on{ width:135px; }
#menu li.actividades, #menu li.actividades-on{ width:219px; }
#menu li.contacto, #menu li.contacto-on{ width:97px; }

#menu li.cerve span, #menu li.promos span, #menu li.actividades span, #menu li.contacto span,
#menu li.cerve-on span, #menu li.promos-on span, #menu li.actividades-on span, #menu li.contacto-on span{	
	position:absolute;
}

#menu li.cerve span, #menu li.cerve-on span{
	width:85px;	
	margin-left:-1px;
}

#menu li.promos span, #menu li.promos-on span{
	width:135px;	
	margin-left:-1px;
}

#menu li.actividades span, #menu li.actividades-on span{
	width:219px;	
	margin-left:-2px;
}

#menu li.contacto span, #menu li.contacto-on span{
	width:97px;	
	margin-left:-2px;
}

#menu li.cerve span{ background:url(../img/btn-lugar.jpg) top no-repeat;}
#menu li.promos span{	background:url(../img/btn-promos.jpg) top no-repeat;}
#menu li.actividades span{	background:url(../img/btn-actividades.jpg) top no-repeat;}
#menu li.contacto span{	background:url(../img/btn-contacto.jpg) top no-repeat;}

#menu li.cerve span:hover, #menu li.cerve-on span{ background:url(../img/btn-lugar.jpg) bottom no-repeat;}
#menu li.promos span:hover, #menu li.promos-on span{	background:url(../img/btn-promos.jpg) bottom no-repeat;}
#menu li.actividades span:hover, #menu li.actividades-on span{	background:url(../img/btn-actividades.jpg) bottom no-repeat;}
#menu li.contacto span:hover, #menu li.contacto-on span{	background:url(../img/btn-contacto.jpg) bottom no-repeat;}



/*---- menu FIN  --------*/

#content{
	clear:both;
	min-height:450px;
	background-color:#c7caa4;
}

#content div.intro-izda{
	width:600px;
	float:left;
	min-height:120px;
	padding:10px;
}

#content div.col-destacados{
	width:220px;
	float:right;
	padding:10px;
}

#content div.col-destacados img{
	padding:5px;
	border:1px solid #030;
	margin-bottom:5px;
}

#footer{
	min-height:120px;
	background:url(../img/fondo-pie.jpg) repeat-x top #000;
	clear:both;
	overflow:hidden;
}

/*-----------------------------*/
.col-izda{
	min-height:350px;
	width:250px;
	float:left;
	padding-bottom:20px;
}

.col-dcha{
	width:600px;
	float:right;
	padding-bottom:20px;
}

.col-izda img, .col-dcha img{
	padding:5px;
	border:1px solid #030;
	margin-left:10px;
	margin-bottom:20px;
}

.col-izda address{
	font-size:90%;
	margin:0 25px;
}

.col-izda ul{
	font-size:90%;
	margin:0 5px;
}

.col-destacados-interior{
	clear:both;
	margin-left:50px;
}

.col-destacados-interior p{
	margin-right:60px;
}


.col-izda h2, .col-dcha h2{
	background:url(../img/fondo-q.gif) left top no-repeat;
	margin:10px;
	padding:10px 0 0 15px; ;
	color:#333;
	height:50px;
	font-weight:normal;
	line-height:22px;
}


/*----*/

#footer .col{
	float:left;
	margin-left:8px;
	padding:5px;
	overflow:hidden;
}

#footer .grande{
	width:300px;
}

#footer .peque{
	width:160px;
}

#footer p{
	color:#cc9;
}

#footer address{
	margin-left:25px;
}

#footer address, #footer li{
	color:#c6c4a4;
	font-size:90%;
}

#footer li{
	margin-left:10px;
	}
	
#footer #nolista{
	margin-top:35px;
	text-align:right;
}

#footer #nolista li{
	list-style:none;
	}
	
#footer a{
	color:#cc9;
}

#footer a:hover{
	text-decoration:none;
}

#footer a:visited{
	color:#ccc;
}


	

/*        ------------------------------                          */
/*        ------------------------------                          */
/*        ------------------------------                          */

.logo{
	float:left;
}

.enlace-galeria{
	padding:20px;
	list-style:none;
	text-align:right;
	margin-top:40px;
	}
	
.clear{
	clear:both;
}

/*        ------------------------------                          */
/*        ------------------------------                          */
/*        ------------------------------                          */

.texto-articulo{
	float:left;
	width:400px;
}

.col-fotos img{
	width:150px;
	float:right;
}


/*        ------------------------------                          */
/*        ------------------------------                          */
/*        ------------------------------                          */

/*---- GALERIA DE IMAGENES  --------*/

.col-dcha .galeria{
	margin-top:50px;
}

.col-dcha .galeria li{
	list-style:none;
	display:inline;
}

.col-dcha .galeria li img{
	background: url(../img/mini-fondo.jpg) no-repeat;
	padding:10px;
	width:100px;
	border:0;
}


/*----- noscript ----*/
#adv{
	background-color:#FFF;
}

#adv p{
	border:1px dashed #036;
	color:#333;
	font-size:90%;
	padding:20px;
	width:400px;
	margin:5px auto;
	text-align:center;
}