@charset "utf-8";

@font-face{ 
	font-family: "playtime-webfont";
	src: url("../fonts/playtime-webfont.eot");
	src: url("../fonts/playtime-webfont.eot?#iefix") format("embedded-opentype"),
	     url("../fonts/playtime-webfont.woff") format("woff"),
	     url("../fonts/playtime-webfont.ttf") format("truetype"),
	     url("../fonts/playtime-webfont.svg#webfont") format("svg");
	font-weight: normal;
	font-style:normal;
}
html{
}
body {
	font-family: "playtime-webfont","Comic Sans MS", cursive;
	margin: 0;
	padding: 0;
	background: url(../img/fondo22.jpg) 50.2% top no-repeat scroll #080;
}
a:hover{text-decoration:none;}


a{text-decoration:none;
color:#F00}
a:visited{
	text-decoration:none;
	color:#900;
}
h3:hover{text-decoration:none;}


h3{text-decoration:none;}
h3:visited{
	text-decoration:none;
	color:#900;
}
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 911px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	margin-top: 185px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ FOOTER @@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

#footer{
	width:100%;
	background:#000;
	display:block;
}
#relleno{
	width:30%;
	display:inline-block;
}
#catfoot{
	border-top:#FFF solid 1px;
	width:32%;
	display:inline-block;
}
#catfoot img{
	padding:3px;
}
#catfoot a{
	color:#F00
}
#copy{
	width:34%;
	color:#FFF;
	display:inline-block;
	text-align:right;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ FOOTER @@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ MENU HORIZONTAL @@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#menuhorizontal{
	display:block;
	height:70px;
	padding-top:30px;
}
#menuhorizontal ul{
	list-style:none;
	width:100%;
    margin:0;
    padding:0;
    display: table;

}
#menuhorizontal li{          
	z-index:10;
    text-align: center;
    display: table-cell;
}

/* Configuración de como se veran los enlaces */
#menuhorizontal a, #menu a:visited{
	text-decoration:none;
	color: #F00;
	padding: 0 10px 0;
	font-size:26px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ FIN MENU HORIZONTAL @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ CONTENT @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.content {
	padding: 10px 0;
	color:#FFF;
	min-height:700px;
	width: auto;
	float: inherit;
	background: #000;
	font-size:20px;
}
#contentsinmenu{
	margin-top: 300px;
}
#contentsinmenu2{
	margin-top: 40px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ FIN CONTENT @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@ INDEX @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

#tabla {
	width:100%;
	display:block;
	margin:0 auto;
}
#idiomas {
	margin-top:100px;	
	display:inline-block;
	width: 30%;
	float:left;
	text-decoration:none;
	color: #F00;
	padding-left:150px;
}
#idiomas a{
	text-decoration:none;
	font-size:30px;
	margin-left:20px;
}
#cast{
	margin-top:120px;
}






/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ FIN INDEX @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ ESPECTACLES @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


#tituloesind{
	width:60%;
	margin:0 auto;
	display:block;
	text-align:center;
	color:#900;
	
}
#textoesinddiv{
	width:95%;
	margin:0 auto;
	display:block;
}
#desca{
	color:#F00;
}
#imgespec{
	width:60%;
	margin:0 auto;
	
}
#imgespec img{
	border:#900 1px solid;
	
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ ESPECTACLES IND @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ HISTORIAL @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


#linea1 {
	display:block;
	margin:0 auto;
	width:95%;
}
#linea1 h2{
	color:#900;
}
#texto1{
	display:inline-block;
	width:60%;
	margin-right:20px;
}
#linea1 img{
	border:#900 1px solid;
	display:inline-block;
}
#linea2 {
	display:block;
	margin: 0 auto;
	width:95%;
}
#linea2 img{
	vertical-align:middle;
	display:inline-block;
	border:#900 1px solid;
}
#linea2 p{
	margin-left:20px;
	width:60%;
	display:inline-block;
	vertical-align:middle;
}
#linea3{
	width:95%;
	margin:0 auto;
}
#triplefoto{
	width:95%;
	margin:0 auto;
	padding-left:30px;
}
#triplefoto img{
	margin:2px;
	border:#900 1px solid;
	vertical-align:middle;
}
#ultimafoto{
	text-align:center;
	padding:10px;
	color:#900;
}
#ultimafoto img{
	border:#900 1px solid;
}
#linea5{
	width:50%;
	margin:0 auto;
}
#linea4{
	width:95%;
	margin:0 auto;
}
#image2x2padwithleyend{
	width:95%;
	margin:0 auto;
}
#image2x2padwithleyend img{
	border:#900 1px solid;
}
#image2x2padwithleyend td{
	width:50%;
}
#image2x2padwithleyend p{
	width:90%;
	margin:0 auto;
	text-align:center;
}
#ref{
	color:#900;	
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ HISTORIAL @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ FESTIVALS @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/



#linea1fest{
	display:block;
	margin:0 auto;
	width:95%;
}
#linea1fest h2{
	color:#900;
}
#texto1fest{
	display:inline-block;
	width:50%;
	margin-right:20px;	
}
#linea1fest img{
	border:#900 1px solid;
	display:inline-block;
}

#linea2fest{
	display:block;
	margin:0 auto;
	width:95%;	
}
#texto2fest{
	display:inline-block;
	width:50%;
	margin-right:20px;
}
#linea2fest img{
	border:#900 1px solid;
	display:inline-block;
}

#linea3fest{
	display:block;
	margin: 0 auto;
	width:95%;
}
#texto3fest{
	display:inline-block;
	width: 70%;
}
#linea3fest img{
	border:#900 1px solid;
	display:inline-block;
	margin-bottom:50px;
}

#linea4fest{
	display:block;
	margin: 0 auto;
	width:95%;
}
#texto4fest{
	display:inline-block;
	width: 70%;
	margin-left:20px;
}
#linea4fest img{
	border:#900 1px solid;
	display:inline-block;
	margin-bottom:60px;
}

#linea5fest{
	display:block;
	margin: 0 auto;
	width:95%;
}
#texto5fest{
	display:inline-block;
	width: 55%;
}
#texto5festaux td{
	width: 55%;
}
#linea5fest img{
	border:#900 1px solid;
	display:inline-block;
	margin-top: 50px;
}

#linea6fest{
	display:block;
	width: 95%;
	margin: 0 auto;
}
#text6fest{
	display:inline-block;
	width: 50%;
	margin: 0 auto;
}
#linea6fest img{
	display:inline-block;
	border:#900 1px solid;
	width: 25%;
	margin-left: 100px;
}
#ultimafotofest{
	text-align:center;
	padding:10px;
	color:#900;
}
#ultimafotofest img{
	border:#900 1px solid;
}
#lineaultimafotofest{
	width:95%;
	margin:0 auto;
}




/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ FESTIVALS @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/





/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ ESPECTACLES @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


#linea1espec{
	display:block;
	margin:0 auto;
	width:95%;
}
#linea1espec h2{
	color:#900;
	text-decoration:none;
}

#tabla1 h3{
	color:#F00;
	display:block;
	text-align:center;
	text-decoration:none;
	max-height:32px;
}
#tabla1 img{
	border:#900 1px solid;
	display:block;
	margin-left:auto;
	margin-right:auto;
}


#linea2espec{
	display:block;
	margin:0 auto;
	width:95%;
}
#linea2espec h2{
	color:#900;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ ESPECTACLES @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ FICHA @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

#linea1ficha{
	display:block;
	margin:0 auto;
	width:95%;
}
#linea1ficha h2{
	color:#900;
}
#texto1ficha{
	display:inline-block;
	width:65%;
	margin-right:20px;	
}
#linea1ficha img{
	border:#900 1px solid;
	display:inline-block;
	margin-bottom:180px;

}

#linea2ficha{
	display:block;
	margin:0 auto;
	width:95%;
}
#linea2ficha h2{
	color:#900;
}
#texto2ficha{
	display:inline-block;
	width:50%;
	margin-right:20px;	
}
#linea2ficha img{
	border:#900 1px solid;
	display:inline-block;
	margin-bottom:10px;
}
#linea3ficha{
	display:block;
	width:95%;
	margin:0 auto;	
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ FICHA @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ DIDO @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

#doblefoto{
	width:85%;
	margin:0 auto;
}
#doblefoto img{
	display:inline-block;
	border:#900 1px solid;
	width:49%
}

#linea1dido{
	display:block;
	margin: 0 auto;
	width:95%;
}
#linea1dido h2{
	color:#900;
}
#linea1dido img{
	display:inline-block;
	margin-right: 20px;
	margin-top:20px;
	border:#900 1px solid;
}
#texto1dido{
	display:inline-block;
	width:60%;
	margin-right:20px;	
}

#linea2dido{
	display:block;
	width:95%;
	margin:0 auto;
}

#linea3dido{
	display:block;
	width:95%;
	margin:0 auto;
}
#texto3dido{
	display:inline-block;
	width:52%;
}
#linea3dido img{
	display:inline-block;
	border:#900 1px solid;	
}
#comentario{
	text-align:right;
	margin-right:40px;
	margin-bottom:40px;
}
#comentario a{
	color:#FFF;
}



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ DIDO @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ CONTACTE @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

#cont{
	padding:20px;
}
#contiz{
	display:inline-block;
	
}
#contimg img{
	border:#900 1px solid;
}
#contder{
	display:inline-block;
	float:right;
}
#conttext{
	text-align:center;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ CONTACTE @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/