/*
Theme Name: Babaclub
Theme URI: http://www.babalaclub.com
Description: Theme for Babaclub
Version: 0.0.1
Author: jsanchez
Author URI: http://www.rtvv.es
*/

BODY {
	margin: 0;
	padding: 0 0 58px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: center;
	background-color: #81d8ef;
	color: #fff;
}

A { outline: none; }
	A IMG { border: none; vertical-align: middle; }
	
		IMG A:hover {
	text-decoration: none;
	}
		 A:hover IMG{ opacity: 0.7;}


UL { margin: 0; padding: 0; list-style: none; }
	UL LI { margin: 0; padding: 0; list-style: none; }

OL { margin: 0; padding: 2px 8px; }
	OL LI { margin: 0; padding: 2px 0; }

H1, H2, H3, H4, H5, H6 { margin: 0; padding: 0; }
P { margin: 0; padding: 4px 0; }
	
INPUT, SELECT { font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 1em; 	vertical-align: middle;}
TEXTAREA { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }

FORM { margin: 0; padding: 0; }

IMG { border: 0; }

.alignright { float: right; }
.alignleft { float: left; }
.mitad { width: 49.9%;}
.sesenta { width: 60%;}

.text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.text-align-left { text-align: left; }

.clear-both { clear: both; }

.resaltado { color: #FF8A00; }

HR { clear: both; border-width: 0 0 1px; border-style: solid; border-color: #769710; margin: 0 10%; padding: 15px 0 0; height: 1px; }
HR.hr_rojo {
	clear: both;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #880000;
	margin: 0 10%;
	padding: 15px 0 0;
	height: 1px;
}


/* Begin Images ( Estandar de WordPress) */
P IMG {	padding: 0; max-width: 100%; }
IMG.centered, IMG.aligncenter, IMG.aligncentered { display: block; margin-left: auto; margin-right: auto; }
IMG.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
IMG.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
/* End Images */

/* Clear Both fixed */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el ultimo elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }


/* Posicionamiento */
BODY {
}

.posicion-general {
	width: 954px;
	margin: 0 auto; padding: 0;
	text-align: left;
	position: relative;
	float: left;
}
.contenedor {
	position: relative;
	float: left;
	height: auto;
	margin-bottom: 50px;
	height: 1200px;
	text-align: center;
}

#cabecera {
padding: 0; margin:0;
position: relative;
float: left;

}
#cabecera h1 A{
float: left;
width: 248px;
height: 242px;
background: url(imagen/logo_home.png) no-repeat;
text-indent: -100000px;
margin:0; padding:0;
z-index: 1; 
position: absolute;
}
#cabecera h1 A{
display: block;
z-index: 1; 
}
#cabecera .personajes{
background: url(imagen/cabecera_todos.png) no-repeat;
text-indent: -100000px;
width: 647px;
height: 210px;
float: right;
padding-right: 26px;
margin-top: 2px;
}
 .contenido {
		margin: 0; padding: 0;
		position: absolute;
		width: 736px;
		height: 760px;
		background: url(imagen/fondo_caja.png) no-repeat;
		top: 137px;
		left: 181px;
		z-index:0;
	}
 .contenido-galeria {
		margin: 0; padding: 0;
		width: 920px;
		height: auto;
		z-index:0;
	}	
	
 .no-principal {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 730px;
	height: auto;
	top: 137px;
	left: 181px;
	z-index:0;
	color:#D00947;
	border-left: 2px solid #FFF;
		border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	padding-bottom: 50px;
}
.fazul {
	background: url(imagen/fondo_sol_azul.png) repeat 0px 0px;
}
.naranja {
	background: url(imagen/fondo_sol_naranja.png) repeat 0px 0px;
}
 .morado {
	background: url(imagen/fondo_sol_morado.png) repeat 0px 0px;
}	

 .verde {
	background: url(imagen/fondo_sol_verde.png) repeat 0px 0px;
}
.estrella-azul {
	background: url(imagen/fondo_estrella_azul.png) repeat 0px 0px;
}
.estrella-naranja {
	background: url(imagen/fondo_estrella_naranja.png) repeat 0px 0px;
}
 .estrella-morado {
	background: url(imagen/fondo_estrella_morado.png) repeat 0px 0px;
}	

 .estrella-verde {
	background: url(imagen/fondo_estrella_verde.png) repeat 0px 0px;
}
 .estrella-rojo {
	background: url(imagen/fondo_estrella_rojo.png) repeat 0px 0px;
}	
.interior-contenido UL{ 
		padding-top: 60px;
		padding-left: 160px;

	}
		
		.interior-contenido UL LI {
	display: inline;
	padding: 12px;
		}
		.profesor-sol{
		position: absolute; 
		left: 60px;
		
		}
		
.fondos	{
		padding-top: 60px;
		padding-left: 60px;
		}
		
.fondos UL{ 
			margin: 0 ; padding: 6px;
			display:inline-block;
			text-align: left;
	}
	
.fondos UL IMG{  padding: 2px; border: 1px solid #FFF; margin: 15px;}		
		.fondos UL LI {
				text-align: left;
				padding: 0; margin:0;
				
display: inline;
		}	
		
					
		
		
		.fondos UL.videos {
			margin: 0 ; padding: 0;
			display:inline-block;
			padding-left: 10%;
		}	
				.fondos UL.videos LI{
			    display:inline-block;
				text-align: center;
		}		
		.fondos UL.videos LI A{
		text-decoration: none;
		}			
.fondos A {
color:#880000;}		
		
		
.colorea	{
		padding-top: 60px;
		padding-left: 60px;
		color: #000055;
		}
		
.colorea UL{ 
			margin: 0 ; padding: 6px;
			display:inline-block;
			text-align: left;
			margin-left: 0px;
	}
	
.colorea UL IMG{  padding: 2px; border: 1px solid #FFF; margin: 2px;}		
		.colorea UL LI {
				text-align: left;
				padding: 0; margin:0;
				
display: inline;
		}	
		
		.multimedia	{
		padding-top: 60px;
		padding-left: 60px;
		color: #000055;
		}
		
.multimedia UL{ 
			margin: 0 ; padding: 6px;
			display:inline-block;
			text-align: left;
			margin-left: 0px;
	}
	
.multimedia UL IMG{  padding: 2px; border: 1px solid #FFF; margin: 2px;}		
		.multimedia UL LI {
				text-align: center;
				padding: 0; margin:0;
				
display: inline;
		}		
		.multimedia UL LI A{
		font-size: 0.5em;}
	
		
		.babala{
		position: absolute; 
		left: 280px;
}
		.babado{
		position: absolute; 
		left: 490px;
}
		.babasi{
		position: absolute; 
		left: 60px;
		top: 260px;
		
		}
		.babarre{
		position: absolute; 
		left: 280px;
		top: 270px;
}
		.babami{
		position: absolute; 
		left: 480px;
		top: 260px;
}

		.polpol{
		position: absolute; 
		left: 60px;
		top: 470px;
		
		}
		.penta-grama{
		position: absolute; 
		left: 260px;
		top: 470px;
}
		.mac-micro{
		position: absolute; 
		left: 480px;
		top: 470px;
}
		.silfa{
		position: absolute; 
		left: 310px;
		top: 620px;
}
					
			.interior-contenido UL LI.primero {
				background: none;
			}
			
			.interior-contenido UL LI A {
				margin: 0; padding: 2px 0;
				text-decoration: none;
				display:inline-block;
	            padding: 0 10px 0 18px;
			}
				
				.interior-contenido UL LI A:hover {
				}


/* ***** Generales ***** */

.menu_izd {
position: absolute;
width: 80px;
height: 250px;
top: 217px;
left: 78px;
z-index:1;}

.menu_izd IMG{
padding-bottom:4px;
}
.menu-superior {
position: absolute;
text-align: right;

}
 .rojo {
	background: url(imagen/banda_roja_menu.png) no-repeat;
	width: 716px;
	height: 26px;
	top: 111px;
	left: 239px;
z-index: 2; 
 }
.azul {
background: url(imagen/banda_azul_menu.png) no-repeat 0 50%;
width: 480px;
height: 28px;
top: 144px;
left: 432px;
z-index: 1; 
}
	
	.menu-superior UL {
	padding: 4px;
padding-right: 9px;
	
	}
		
		.menu-superior UL LI {
	display: inline;
	margin: 0;
	color: #FFFFFF;
	background: url(imagen/bullet_menu.png) no-repeat 3px 50%;
	            padding-left: 9px;		}
			
			.menu-superior UL LI.primero {
				background: none;
			}
			
			.menu-superior UL LI A {
				margin: 0; 
				color: #FFF;
				text-decoration: none;
				display:inline-block;
				padding-right: 5px;
			}
				
				.menu-superior UL LI A:hover {
				}
				
     #pie { 
		height: 83px;
		text-align: center;
		float: left;
		position: absolute;
		top: 890px;
		left: 180px;
		width: 640px;
		color:#315581;
    } 
	   
    #pie p {
	padding-left: 40px;
	text-align: justify;
	padding-top: 8px;
	
    }
#pie A {
	color:#264264;
	text-decoration:underline;
}
#pie A:HOVER {
	color: #990000;
	text-decoration:underline;
}


     #pie-float { 
		clear: float;
		height: 83px;
		text-align: center;
		width: 640px;
		color:#315581;
		padding-left: 180px;
    } 
	   
    #pie-float p {
	padding-left: 40px;
	text-align: justify;
	padding-top: 8px;
	
    }
#pie-float A {
	color:#264264;
	text-decoration:underline;
}
#pie-float A:HOVER {
	color: #990000;
	text-decoration:underline;
}


/*
Para el karaoke Gentxgent
*/
.gentxgent {
	background: url(imagen/fondo_rojo_gentxgent.jpg) repeat-y 0 0;
	width: 700px;
	padding-bottom: 45px;
	border: 2px solid #FFF;
	position: relative;
	float:left;

	
 }
 
 .dentro A{
color: #FFCC00;
 }
   .dentro A:HOVER{
  text-decoration:none;
  color:#000000;
  border-bottom: 1px dashed #FFCC00;
}
 .gentxgent h3 {
 text-align: center;
 font-size: 1.4em;
 padding-bottom: 12px;
 }
  .gentxgent P {
 text-align: center;
 padding: 8px;
 }
 
 .gentxgent_video {
	width: 400px;
	float: left;
	height: auto;
	padding-bottom: 45px;
	border: 0px solid #FFF;
	z-index: 1;
 }	
.gentxgent_video H2 {
font-size: 2em;
color: #FFCC00;
padding: 15px 0;} 

 .gentxgent_lletra_karaoke {
	width: 250px;
	float: right;
	text-align: center;
	height: auto;
	padding-bottom: 45px;
		border: 2px solid #FFF;
		border-top: 0;
		border-right:0;
	
 }
 
 
/*
Aquí acaba el karaoke de Gentxgent
*/




.horari {
	background: url(imagen/fondo_caja_rayos_naranja.jpg) repeat-y 0 0;
	width: 450px;
	height: auto;
	padding-bottom: 45px;
	border: 2px solid #FFF;
	z-index: 1; 

	
 }
 .horari h3 {
 text-align: center;
 font-size: 1.4em;
 padding-bottom: 12px;
 }
  .horari P {
 text-align: center;
 padding: 8px;
 }
 
    .burdeos {
   color: #D00947;
   }
    .burdeos A {
   color: #D00947;
   }
 
 .p2 {
 margin-top: 30px;}
 .hora { 
 padding: 0 10px; }
  .grupo { 
 padding: 3px 0; }
  
 
 #reproductor{}
 
 .menu-dibus {
 width: 200px;
 height: auto;
 background: url(imagen/fondo_caja_rayos_naranja.jpg) repeat-y 0 0; 
 float: left; 
 margin-top: 80px; 
 margin-left: 20px;}
 
 .menu-dibus A {
 color:#000055;
 text-decoration: none;
 font-size: 0.75em;
 padding-left: 6px;
 }
  .menu-dibus A:HOVER {
  color:#CC00CC;
  text-decoration: underline;
  }
  
  .desa-dibus {
   width: 460px;
 height: auto;
 background: #FFF; 
 float: left; 
 margin-top: 80px; 
 margin-left: 20px;
 border: 2px solid #000055;
}
 .desa-dibus P {
 padding:6px;
 color:#000055; }
  .desa-dibus H3 {
 padding:6px;
 color:#000055;
 font-size:1.5em; }
   .desa-dibus IMG {
 margin: 20px; }

.fondos label {font-weight:bold; display:block; width: 20%; float:left; clear:both;} 
.fondos legend {font-size:120%;} 
.fondos fieldset {border:none;} 
.fondos input, .fondos textarea {border:1px solid #000;} 
.fondos input:focus, .fondos textarea:focus {background:#FFF799;} 
.fondos form span {display:block; font-size:90%;} 
.fondos form p {margin:0;} 
.fondos div#cformulario {width:100%; border:0px dotted #000;} 
.fondos form img {float:right;} 


		.fotos	{
		padding-top: 60px;
		padding-left: 60px;
		color: #000055;
		}
		
.fotos UL{ 
			margin: 0 ; padding: 0;
			display:inline-block;
			text-align: left;
			margin-left: 0px;
	}
	

		
		.fotos UL LI {
				text-align: center;
				padding: 0; margin:0;
		        padding-top: 0px;
                display: inline;
						}		
		.fotos UL LI A{
		background: url(imagen/bullet_fotos.gif) no-repeat 5px -1px;
		color:#770000;
		margin-top: 12px;
		font-weight:bold;
}
		.fotos UL LI A:HOVER{
		background: url(imagen/bullet_fotos.gif) no-repeat 5px -14px;
		text-decoration: underline;
		color: #007700;
}
 .contenido-galeria IMG {
		margin: 20px; padding: 20px;
	}
	
			.contenido-galeria	{
	padding: 10px 0 60px;
	color: #000055;
		}
		
.contenido-galeria UL{ 
			margin: 0 ; padding: 6px;
			display:inline-block;
			text-align: left;
			margin-left: 0px;
	}
	
.contenido-galeria UL IMG{  padding: 2px; border: 1px solid #FFF; margin: 20px;}		
		.contenido-galeria UL LI {
				text-align: center;
				padding: 0; margin:0;
				
display: inline;
		}		
		.contenido-galeria UL LI A{
		font-size: 0.5em;}
		
		.galeria A {color: #000066; font-size: 1.2em;} 
		
		.galeria P { padding: 0px 20px 20px; 		}
		
		.galeria H5 {color: #000066; font-size: 1.2em;} 
		
		.amigos	{
		padding-top: 60px;
		padding-left: 60px;
		color: #000055;
		}
		.amigos A	{
		color:#4EB2D8;
		text-decoration: none;
		}
		.amigos P A	{
	color:#880000;
	text-decoration: none;
		}
		.amigos P A:HOVER	{
	text-decoration: underline;
		}		
		.marcador B {
		width: 50px;
		height: 50px;
		background-color:#FFF;
		text-align: center;
		font-size: 1.2em;}
		
		.marcador UL{ 
			margin: 0 ; padding: 2px;
			display:inline-block;
			text-align: left;
			margin-left: 0px;
	}
	
		.marcador UL LI {
				text-align: center;
				padding: 0; margin:0;
				display: inline;
		}
		
				.marcador UL LI A{
				text-align: center;
				padding: 4px; margin:4px;
				background-color:#DD0000;
				width: 15px; height:15px;
				font-weight:bold;
		}
		
		.marcador UL LI A.NOA{
				background-color: #00AA00;
		}
		
		.amigos	IMG{
		width: 240px;
		height: 158px;
		margin:0; padding:0;
		}
				.libros	IMG{
		margin:2px; padding:4px;border: 1px solid #DDDDDD;
		float: right;
		}
		.libros	P{
		padding: 12px;}
		
		
		 .menu-libros {
 width: 230px;
 height: auto;
 background: url(imagen/fondo_caja_rayos_naranja.jpg) repeat-y 0 0; 
 float: left; 
 margin-top: 90px; 
 margin-left: 5px;}
 
 .menu-libros A {
 color:#000055;
 text-decoration: none;
 font-size: 0.75em;
 padding-left: 6px;
 text-transform:uppercase;
 }
  .menu-libros A:HOVER {
  color:#CC00CC;
  text-decoration: underline;
  }
  
    .desa-jocs {
   width: 460px;
 height: auto;
 background: #FFF; 
 float: left; 
 margin-top: 90px; 
 margin-left: 20px;
 border: 2px solid #000055;
}
    .desa-jocs IMG {
 margin: 2px; padding:2px; border: 1px solid #DDDDDD; }
 
 .actividades	{
		padding-top: 60px;
		padding-left: 60px;
		color: #000055;
		text-align: left;
		}
		
	
	
		
		.actividades ul {margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; list-style:none; height:35px; position:relative; background:#b40c2f;}
.actividades li {display:table-cell; margin:0; padding:0;}
.actividades li a {display:block;  height:30px; color:#333; text-decoration:none;  font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:#315581; margin: 0 0 0 5px;}
.actividades li a:hover {color:#000; background: #FFF;}


.actividades UL {  
	list-style:none;
	margin:0 auto;
	padding:0;
}
.actividades UL li {
	margin:2px;
	padding:0;
	float:left;
	width: auto;
}
.actividades UL li a {
	display:block;
	width:auto;
	padding:4px 15px;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
	background-color: #60802F;
}
.actividades UL li a:hover {
	color:#99CC00;
	background-color:#003366;
}

.cont-actv {padding: 50px 0; border-bottom: 1px dashed #b40c2f;}

.error{padding-top: 150px; padding-left: 80px; font-size: 1.5em; color:#000000;}
.error A{color: #990000;}
#banner{ z-index:4; position: absolute; top: 180px; left: -130px; width: 200px;}
#banner-dentro{ z-index:1; position: absolute; top: 340px; left: 10px; width: 200px; text-align:center; margin-bottom: 10px;}
#banner-dentro IMG{ margin-bottom: 20px;}
#gruprtvv{ z-index:3; position: absolute; top: 880px; left: 30px;}

		.concurs	{
	color: #000055;
	margin-left: -360px;
	padding: 10px 0;
		}
		
.concurs UL{
	margin: 0;
	padding: 0;
	display:list-item;
	text-align: left;
	margin-left: 0px;
	}
	

		
		.concurs UL LI {
	text-align: center;
	padding: 0;
	margin:0;
	padding-top: 0px;
	display: list-item;
						}		
		.concurs UL LI A{
		background: url(imagen/bullet_fotos.gif) no-repeat 5px -1px;
		color:#770000;
		margin-top: 12px;
		font-weight:bold;
		text-decoration: underline;
}
		.concurs UL LI A:HOVER{
		background: url(imagen/bullet_fotos.gif) no-repeat 5px -14px;
		text-decoration: underline;
		color: #007700;
}




/*MENU MULTIMEDIA*/
.menu-mltmd {
float: left;
padding: 10px;
text-align:center;
}
	
	.menu-mltmd UL {
		list-style: none;
		
	}
		
		.menu-mltmd UL LI {
			margin: 0; padding: 0 0 6px 6px;
			height: 28px;
			list-style: none;
			display: inline-block;
			color: #fff;
			text-align: center;
		}
			.menu-mltmd UL LI A {
				margin: 0; padding: 0 0 0;
				width: auto; height: 28px;
				display: block;
				color: #fff;
				text-decoration: none;
			}
				
				.menu-mltmd UL LI A.mcmicro {
					width: 127px;
					text-indent: -10000px;
					background: url(imagen/btn_mtdia_mcmicro.png) no-repeat 0 0;
				}
					
					.menu-mltmd UL LI A.mcmicro:hover {
						background-position: 0 100%;
					}
					
					.menu-mltmd UL LI A.babacuina {
					width: 127px;
					text-indent: -10000px;
					background: url(imagen/btn_mtdia_cuina.png) no-repeat 0 0;
				}
					
					.menu-mltmd UL LI A.babacuina:hover {
						background-position: 0 100%;
					}
					
				.menu-mltmd UL LI A.babaclub {
					width: 127px;
					text-indent: -10000px;
					background: url(imagen/btn_mtdia_babaclub.png) no-repeat 0 0;
				}
					
					.menu-mltmd UL LI A.babaclub:hover {
						background-position: 0 100%;
					}	
				.menu-mltmd UL LI A.endevinalles {
					width: 127px;
					text-indent: -10000px;
					background: url(imagen/btn_mtdia_endevinalles.png) no-repeat 0 0;
				}
					
					.menu-mltmd UL LI A.endevinalles:hover {
						background-position: 0 100%;
					}	
				.menu-mltmd UL LI A.contes {
					width: 127px;
					text-indent: -10000px;
					background: url(imagen/btn_mtdia_contes.png) no-repeat 0 0;
				}
					
					.menu-mltmd UL LI A.contes:hover {
						background-position: 0 100%;
					}
					.menu-mltmd UL LI A.reportatges {
					width: 127px;
					text-indent: -10000px;
					background: url(imagen/btn_reportatges.png) no-repeat 0 0;
				}
					
					.menu-mltmd UL LI A.reportatges:hover {
						background-position: 0 100%;
					}
				.menu-mltmd UL LI A.pig {
					width: 127px;
					text-indent: -10000px;
					background: url(imagen/btn_mtdia_pig.png) no-repeat 0 0;
				}
					
					.menu-mltmd UL LI A.pig:hover {
						background-position: 0 100%;
					}
				.menu-mltmd UL LI A.alacarta {
					width: 127px;
					text-indent: -10000px;
					background: url(imagen/btn_mtdia_alacarta.png) no-repeat 0 0;
				}
					
					.menu-mltmd UL LI A.alacarta:hover {
						background-position: 0 100%;
					}