html, body{
	background-color : #cccccc;
	/*background-image: url("../imagenes/fiestaprimavera/musica09/Globo02.jpg");
	background-repeat: repeat;*/
	margin: 0 auto 0 auto;
	text-align:center;
	font-family: " Times New Roman", Times, serif;
	padding:0;
	font-size:100%;
	height:100%;
}


img{
	border:0;
}
.cabecera{
	margin: 0 auto 0 auto;
	padding:0;
	width:48.44em;

}
.cabecera img{
	width:48.44em;
	display: block;
}

.contenedor{
	padding-top:0;
	margin-top:0;
	background-color:black;
	text-align:left;
	margin: 0 auto 0 auto;
	width:48.44em;
	
}
	
.contenido {
	padding-top:0;
	margin-top:0;
	margin: 0 auto 0 auto;
	width:48.44em;
	text-align:left;
	display:block;  
	padding:0;
	height:100%; 
	background-image:url("../imagenes/index_15_fondo.jpg");

}

.blanco{ 
	padding-top:0;
	margin-top:0;
	position:relative; 
	width:10.7em;
	float:left;
	height:100%;
	display:block;
	text-align:center;
	z-index: 1;

}

/* ================================================================
	DATOS
=================================================================== */
.datos{
	font-family: " Times New Roman", Times, serif;
	width: 35.44em;
	padding-top:0;
	margin-top:0;
	text-align:left;
	margin-left:10.7em; 
	background-color: white;
	position:relative; 
	display:block; 
	height:1%;
	min-height: 30em;
}
.barra_hor_der{
	width: 37.75em;
	padding:0;
	margin:0;
}

/* ================================================================
	FOOTER
=================================================================== */
.footer{
	margin: 0 auto 0 auto;
	width:48.45em;
	background-color: white;
	height:1.5em;;
}
.footer	p{
	padding-top:0;
	margin-top:0;
	text-align:left;
	
}
.footer img{
	width: 12.35em;
	
}


/* ================================================================
	PAGINA
=================================================================== */
#pagina{
	
	padding-top: 20px;
	padding-left: 25px;
	padding-right: 0px;
	padding-bottom: 20px;
	text-align: left;
	text-align:justify;
	height: auto;
	display:block;
}


h1 {
	font-family:  "Times New Roman";
	color: #336699;
	font-size: 20px;
	text-align:left;
	margin:0;
}
h3 {
	font-family:  "Times New Roman";
	color: #336699;
	font-size: 11px;
	text-align:left;
	margin:0;
}

#pagina h2 {
	font-size: 1em;
	color: #336699;
	margin:0;
}
h1.centro{
	text-align: center;
}
div.musica{
	font-size: 2em;
	color: #c8db00;
	text-align: left;
	float:left;
	margin:0;
	padding:0;
}
h2.musica{
	font-size: 1em;
	color: #336699;
	margin:0;
	text-align: right;
	float:right;
}
#pagina h1.naranja{
	color: #FF9933;
}
#pagina h1.rojoderecha{
	color: #CC0033;
	text-align:right;
}
#pagina h1.gris{
	color: #666666;
}
#pagina h2.naranja{
	color: #FF9933;
}
#pagina h2.amarillo{
	color: #FFCC33;
}
#pagina h2.rojo{
	color: #CC0033;
}
#pagina h3.azulclaro{
	color: #99CCFF;

}
#pagina h3.naranja{
	color: #FF9933;

}
.rojo{
	color:#CC0033;
}
.gris{
	color:#666666;
}
.grisoclaro{
	color:#cccccc;
}
.naranja{
	color: #FF9933;
}
.azulclaro{
	color: #99CCFF;
}
.azuloscuro{
 	color: #003399;
}
#pagina h3.amarillo{
	color: #FFCC33;
}
#pagina h3.rojo{
	color: #CC0033;
}
#pagina h3.grisclaro{
	color: #CCCCCC;
}
#pagina h3.gris{
	color: #666666;
}
span.derecha{
	float:right;
	text-align:right;
}
#pagina h2.gris{
	color: #666666;
}
#pagina h2.verde{
	color: #c8db00;
}
#titulo{
	font-family:  "Times New Roman";
	font-size: 1em;
	color: #336699;
}

#nav{
	font-family: "Times New Roman";
	font-size: 13px;
	text-align: left;
	color: #ffffff;
	margin-top:-50px;
	z-index:900;
	position: absolute;
}
#nav a{
	color: #ffffff;
	text-decoration: underline;
	font-weight:bold;
 }
#navsub{
	font-family:  "Times New Roman";
	font-size: 13px;
	text-align: left;
	color: #CC0033;
	padding:0;
	z-index:900;
	margin-bottom:-1em;
	
}
#navsub a{
	
	color: #CC0033;
	text-decoration:  underline;
	font-weight:bold;
 }
.espacio{
	margin:1em 0 0.8em 0;
}
p {
	font-family:  "Times New Roman";
	font-size: 14px;
}

p a{
	text-decoration: underline;
	color: #cc0033;
}
p.cita{
	font-family:  "Times New Roman";
	font-size: 0.7em;
	
}
div.cita{
	font-family: "Times New Roman";
	font-size: 0.7em;
}
#cita p{
	font-family:  "Times New Roman";
	font-size: 0.7em;
}
p.anotacion{
	float:right;
	clear:both;
	font-size: 0.8em;
	margin:0;
}
p.anotacion_der{
	margin-top: 8em;
	float:none;
	clear:both;
	font-size: 0.8em;
	margin:0;
}
p.anotacion_cen{
	margin-top: 8em;
	text-align: center;
	font-size: 0.8em;
	margin:0;
}
p.anotacion_simple{
	font-size: 0.8em;
	margin:0;
}
#marco{
	height:32em;
	margin-left:-1.4em;
	margin-right: -2.3em;
	
	
}
.thumb{
	width:7em;
	float:left;
	height:32em;;
	
}
.imagen{
	width:30.3em;
	float:left;
	height:32em;;
	
}
#foto_ajustada img{
	width:20.3em;
	text-align: center;
}
#fotos img{
	padding:1em;
	width: 9.1em;
	float: left;
}
#fotos_izq img{
	padding-left:4em;
	width: 9.1em;
	
}
#foto_izq2 img{
	padding-right:4em;
	width: 12em;
	float: left;
}
#fotos_cen{
	text-align: center;
}
#fotos_der img{
	padding-right:5em;
	width: 15.4em;
	float:right;
}
#foto_izq_p img{
	padding-left:0em;
	width: 30%;
}
#foto_der_p img{
	padding:1%;
	width: 31.33%;
	float:right;
}
#foto_izq img{
	padding:0em;
	width: 48%;
}
#foto_der img{
	padding:0em;
	width: 48%;
	float:right;
}
#foto_der2 img{
	padding-left:1em;
	padding-bottom:1em;
	width: 48%;
	float:right;
}
#foto_unica img{
	width: 100%;
}

#textofoto{
	position: relative;
	bottom: 0em;
	height: 24em;
	
}
#textofoto p{
	position: relative;
	top: -4.5em;
	width: 70%;
}
#textofoto img{
	width: 100%;
	
}
.video{
	text-align:center;
	padding:0;
	margin:0;
}
#icon{
	width: 10.5em;
	padding:1em;
	text-align:center;
	float:left;
}
#icon a{
	display:block;
}
#icon_unico{
	width: 10.5em;
	padding:1em;
	
}
#icon_unico a{
	text-align:center;
	display:block;
}
ul.num{
	list-style: decimal;
}
ul.num img{
	width: 35em;
}
ul.punto{
	list-style: square;
	font-family: "Times New Roman";
	font-size: 0.9em;
}

#zona_izq{
	width: 40%;
	padding: 0em;
	float:left;
	
}
#zona_der{
	text-align: left;
	width: 57%;
	padding-left: 3%;
	float:right;
	
}
#zona_izq img{
	text-align: left;
	width: 100%;
}
#zona_der_p{
	width: 40%;
	padding: 0em 0em 0em 0em;
	text-align: right;	
}
#zona_2{
	width:50%;
	position: relative;
	top:9em;
	left:1em;
}
#zona_1{
	width:50%;
	float:right;
	position: relative;
	left:-9em;
	top:0em;
}
#zona_3{
	width:50%;
	position: relative;
	left: 22.5em;
}
#zona_4{
	position: relative;
	left: 0em;
	top:-2em;
}
#zona_4 p{
	margin-bottom:0;
	padding-bottom:0;
}
#teatro{
	background-image: url("../imagenes/juevesgredos/teatro/telones.jpg");
	background-repeat: no-repeat;
	text-align: center;
	height:22em;
}


#teatro div.datos_teatro{
	width:46%;
	margin:0 27% 0 27%;
	padding-top: 6.5em;
	text-align: center;
}

#fondo{
	text-align: right;
}
#fondo img{
	width:50%;
	position: relative;
	top:0;
	left:0em;
	bottom:0;
	float: right;
	
	padding-bottom:0;
}
#fondo3{
	text-align: right;
	
}
#fondo3 img{
	width:100%;
	position: relative;
	top:-2.1em;
	left:0em;
	bottom:0em;
	float: right;
	margin-bottom:-2.3em;
	
}
#fondo2 h2{
	text-align: right;
	position: relative;
	top:2em;
	left: 10em;
}
#fondo2 h1{
	text-align: right;
	position: relative;
	top:3em;
	left: 8em;
	font-size: 1.8em;
}
#fondo2 .infor{
	text-align: right;
	position:relative;
	top:-2.2em;
	left:1em;
	
}
#fondo2 p{
	padding-right:2em;
	background-color:red;
}
#fondo2{
	text-align: right;
}
/* ================================================================
Otras Actividades
=================================================================== */

#texto_izq{
	padding: 0em;
	float:left;
}
#texto_izq img{
	padding-left: 1em;
	padding-top:1em;
	padding-bottom:1em;
	float:right;
	width:40%;
}


#dos_der img{
	
	padding-bottom:2%;
	float:right;
	width: 40%;
}
#dos_izq img{
	padding-right: 2%;
	padding-bottom:1%;
	float:left;
	width: 58%;
}

/* ================================================================
Revistas Digitales
=================================================================== */
#enlaces{
	background-image:  url("../RevistaDigital/revi.jpg");
	height: 428px;
	background-repeat: no-repeat;}

#enlaces a{
	position:relative;
	left:60px;
	top: 70px;
	line-height: 40px;}

#enlaces span.especial{
	font-size:24px;}

/* ================================================================
LAUYOUTS para las noticias
=================================================================== */

/*  =============================== layout1 ==================================*/
#layout1{
	position:relative;
	background-color:black;
	color:white;	
}
#layout1_foto{
	position:relative;
	z-index:0;
	left:45%;
	width:47%;
}
#layout1_titulo{
	left: 4%;
	top:10%;
	position:absolute;;
	z-index:0;
	font-size:1.1em;
}
h1.layout1{
	color: white;
}
h3.layout1{
	color: #FF9933;
	font-size: 1em;
	margin:0;
}
#nombrecampo.layout1{
	color: #FF9933;
}
#layout1_texto{
	left: 4%;
	top:50%;
	position:absolute;
	z-index:0;
}

/*  =============================== layout2 ==================================*/
#layout2{
	position:relative;
	color:black;	
}
#layout2_foto2{
	z-index:0;
	position:absolute;
	top:16%;
	text-align:right;
	left:20%;
}
#layout2_foto2 img{
	width:25%;
}
h1.layout2{
	color: black;
	text-align:right;
}
h3.layout2{
	color:#FF9933;
	font-size: 0.9em;
	margin:0;
	text-align:right;
}
#nombrecampo.layout2{
	color:#336699;
}
#layout2_texto{
	left: 4%;
	top:0;
	position:absolute;
	z-index:0;
}


/* ================================================================ 
Taller
=================================================================== */
#nombrecampo
{
	font-family:  "Times New Roman";
	font-size: 1em;
	color: #336699;
	float:left;
	vertical-align:top;	
	text-align: left;
}
#datoscampo{
	font-family:  "Times New Roman";
	font-size: 1em;
	float:left;
	vertical-align:top;	
	padding-left: 7px;
	text-align: left;
	
}
#finfloat
{
	clear:both;
}
#finfloat_izq{
	clear:left;
}
.t
{
	font-size: 25px;
	font-family: "Times New Roman";
	color:#cc0033;
	padding-left:10px;
	padding-left:10px;
	text-align: left;
	background-color:#cccccc;
	width:860px;
	
}
#paginat
{
	font-family: "Times New Roman";
	width: 800px;
	padding-top: 0px;
	padding-left: 60px;
	padding-right: 30px;
	text-align: left;
	text-align:justify;
	
	
}

/* ================================================================ 
Tablas-talleres
=================================================================== */


table.compare {
width: 100%;
border: 1px solid #cccccc;
margin: 1em auto 1em auto;
}

table.compare thead th {

font: bold 0.8em/1.4em "Times New Roman", Times, serif;
color: #0070b2;
text-align: left;
padding: 0.5em;
background-color: #ffcc33;
}

table.compare tbody th {
font: .7em/1.4em "Times New Roman", Times, serif;
color: #000000;
text-align: left;
border-top: 1px solid #cccccc;
padding: 0.3em 0.5em 0.3em 0.5em;
background-color: #99ccff;
height:auto;
}

table.compare tbody th a{
	
	font: 1em "Times New Roman", Times, serif;
	color: #000000;
	display: block;
	text-decoration:none;
}

table.compare tbody td a{
	text-align: center;
	display:block;
	text-decoration:none;
}

table.compare tbody td {
font: .7em/1.4em "Times New Roman", Times, serif;
color: #000;
text-align: left;
padding: 0.5em;
border-top: 1px solid #eee;
background-color: #cccccc;
}

table.compare tfoot td {
font: .7em/1.4em "Times New Roman", Times, serif;
color: #000;
text-align: left;
padding: 0.5em;
border-top: 1px solid #eee;
background-color: #f9f9f9;
}







/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/slide_fly.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#menu_absoluto{
	position: absolute;
	left: 0em;
	top:4em;
}

#menu {list-style-type:none; padding:0; margin-left:0.5em; width:150px; z-index:100; float:left; height:auto; background:#6699cc;margin-right:0;margin-bottom:0;margin-top:0;border: solid 1px #003399;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background:#fff url(slide/slide_0.gif) no-repeat;}

#menu li.sub {background:#fff url(slide/slide_0.gif) no-repeat;}

#menu li,#menu li a  {display:block; color:#fff; font-family: "Times New Roman", Times, serif; font-size:11px; line-height:30px; width:150px; text-decoration:none; cursor:pointer; font-weight:bold; text-align:center;}

#menu table {border-collapse:collapse; padding:0; margin:0 -1px -1px;}

#menu ul,
#menu :hover ul ul,
#menu :hover ul :hover ul ul {position:absolute; left:-9999px; width:150px;}

#menu :hover {color:#003399; background:#fff url(slide/slide_1.gif) no-repeat; z-index:500; white-space:nowrap;}

#menu :hover > a {color:#003399; background:#fff url(slide/slide_1.gif) no-repeat; z-index:500; white-space:nowrap;}

#menu :hover ul {position:static; height:180px; margin-top:-1px; background:#666666;}
#menu :hover ul :hover ul {display:block; position:absolute; left:130px; top:0; height:auto; z-index:500; border:1px solid #fff;}
#menu :hover ul :hover ul :hover ul {display:block; position:absolute; left:200px; top:0; height:auto; z-index:500; border:1px solid #fff;width:125px;}


#menu :hover ul li, #menu :hover ul li a {background:#666666; text-align:left; text-indent:10px; line-height:20px}
#menu :hover ul li.fly a {background: #666666 url(slide/arrow.gif) no-repeat 120px center;}
#menu :hover ul :hover {background:#ffcc33; position:relative; z-index:100;}
#menu a:hover ul li.fly a:hover {background:#ffcc33 url(slide/arrow1.gif) no-repeat 120px center; color:#003399;}
#menu :hover ul li.fly:hover > a {background:#ffcc33 url(slide/arrow1.gif) no-repeat 120px center; color:#003399;}

#menu :hover ul :hover ul li, 
#menu :hover ul :hover ul li a
{background:#666666;width:225px; }
#menu :hover ul :hover ul :hover ul li {background:#666666; z-index:500;}

#menu :hover ul :hover ul li.fly a {background: #666666 url(slide/arrow.gif) no-repeat 190px center;}
#menu :hover ul :hover ul :hover {z-index:500; background:#ffcc33; color:#003399;}
#menu a:hover ul a:hover ul li.fly a:hover {background:#ffcc33 url(slide/arrow1.gif) no-repeat 190px center; color:#003399;}
#menu :hover ul :hover ul li.fly:hover > a {background:#ffcc33 url(slide/arrow1.gif) no-repeat 190px center; color:#003399;}

#menu :hover ul :hover ul :hover ul li, 
#menu :hover ul :hover ul :hover ul li a {background:#666666;width:125px;}

#menu :hover ul :hover ul :hover ul :hover {background:#ffcc33; color:#003399;width:125px;}
#menu :hover ul :hover ul :hover ul :hover a {color:#003399;width:125px;}

.menu_text {float:left; width:500px; font: 11px "Times New Roman", Times, serif; border:1px solid #000; height:358px;}
.menu_text img  {display:block;}
.menu_text p {margin:0; padding:5px 10px; line-height:15px;}