/* CSS Document */
*{
margin:0;
padding:0;
}
body {
margin:auto;
width:100em;
margin-top:0px;
text-align:left;
background-color:#FFFFFF;
font-size: 62.5%;
}
body input, form#formContacto{
text-align:left;
}
span.error {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666;
	display:block;
	float:right;
	margin: 0px 400px 0 0px;
}
.enviar{font-size:12px;margin-left:215px;text-align:center;}
.limpiar{font-size:12px;margin-left:5px;text-align:center;}
form#formContacto input, form#formContacto textarea{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}
.eme {
font-size:1em;
}
 
.pix {
font-size:10px;
}


.clearfix: after{
clear: both;
content: ".";
display:block;
height: 0;
line-height: 0;
visibility: hidden;
}
.clearfix{
display: inline-block;
}
.html[xmlns] .clearfix{
display: block;
}
*html .clearfix {
height: 1%;
}
*html body{
background-color:#FFF;
text-align:center;
}
#contenedorgeneral{
width:98em;
height:55em;
}
	#cabezal{
	width:98em;
	height:20em;
	}
		#logo{
		width:50em;
		height:16em;
		background-image:url(../img/logocirco.jpg);
		background-repeat:no-repeat;
		float:left;
		margin: 0 0 0 0;
		display:block;
		}

		#logo a{ 
			display:block;
			width:50em;
			height:16em;
		}

		#logo a:hover{ 
		background-image:url(../img/logocirco_over.jpg);
		background-repeat:no-repeat;
			display:block;
			width:50em;
			height:16em;
		}
		#logo a span{display:none;} 
			
		
		#linkgob{
		background-image:url(../img/logogob.jpg);
		background-repeat:no-repeat;
		width: 23.5em;
		height:11em;
		display:block;
		float:right;
		margin-top:3em;
		}
		#linkgob a
		{
		width:22em;
		height:11em;
		display:block;
		}
		#linkgob a span{display:none;}
		
			
		

	#contenidos{
	width:98em;
	height:40em;
	float:left;
	margin-left:1,5em;
	}
	
	
	
/*empieza navegacion izquierda*/
		#navleft{
		width: 18em;
		height:16em;
		display:block;
		float:left;
		margin-top:0px;
		}
		#navleft ul{
		width:18em;
		height:13em;
		display:block;
		}
		#navleft ul li{
		width:180px;
		height:25px;
		display:block;
		margin-top:15px;
		}
		#navleft ul li a{
		width:180px;
		height:25px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:23px;
		display:block;
		list-style-type:none;
		text-decoration:none;
		text-align:right;
		}
		#navleft ul li a:hover{
		width:180px;
		height:25px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:23px;
		display:block;
		list-style-type:none;
		text-decoration:none;
		text-align:right;
		}
		/*empieza class nav izquierda*/

		#navleft ul li a.novedadesa{ 
		color:#ed1b24;
		}
		#navleft ul li a.agendaa{
		color:#f68c1f;
		}
		#navleft ul li a.galeriasa{
		color:#4db748;
		}
		#navleft ul li a.convocatoriasa{ 
		color:#702c91;
		}
		/*los hovers*/
		#navleft ul li a.novedadesa:hover{ 
		color:#f36b71;
		}
		#navleft ul li a.agendaa:hover{
		color:#f6ad69;
		}
		#navleft ul li a.galeriasa:hover{
		color:#77d173;
		}
		#navleft ul li a.convocatoriasa:hover{ 
		color:#9559b2;
		}
			/*empieza navegacion con sprites*/
			#navleftsmall{
			width: 180px;
			height:140px;
			display:block;
			float:left;
			margin-top: 80px;
			}
			#navleftsmall ul{
			width:160px;
			height:140px;
			display:block;
			margin-left:20px;
			}
			#navleftsmall ul li{
			width:160px;
			height:22px;
			display:block;
			margin-top:6px;
			text-align:right;
			}
			a#formacion {
					background:url(../img/formacion.gif); 
					background-repeat:no-repeat;
					background-position:left top;}
			a:hover#formacion{
					background:url(../img/formacion.gif); 
					background-repeat:no-repeat;
					background-position:left bottom;}		
			a#creacion {
					background:url(../img/creacion.gif); 
					background-repeat:no-repeat;
					background-position:left top;
					margin-left:-0.3em;}
			a:hover#creacion{
					background:url(../img/creacion.gif); 
					background-repeat:no-repeat;
					background-position:left bottom;}		
			a#esp {
					background:url(../img/esp.gif); 
					background-repeat:no-repeat;
					background-position:left top;}
			a:hover#esp{
					background:url(../img/esp.gif); 
					background-repeat:no-repeat;
					background-position:left bottom;}
			a#datos {
					background:url(../img/datos.gif); 
					background-repeat:no-repeat;
					background-position:left top;}
			a:hover#datos{
					background:url(../img/datos.gif); 
					background-repeat:no-repeat;
					background-position:left bottom;}
			a#prensa {
					background:url(../img/prensa.gif); 
					background-repeat:no-repeat;
					background-position:left top;}
			a:hover#prensa{
					background:url(../img/prensa.gif); 
					background-repeat:no-repeat;
					background-position:left bottom;}	
			a#visit {
					background:url(../img/visitanos.gif); 
					background-repeat:no-repeat;
					background-position:left top;}
			a:hover#visit{
					background:url(../img/visitanos.gif); 
					background-repeat:no-repeat;
					background-position:left bottom;}
			a#contact {
					background:url(../img/contact.gif); 
					background-repeat:no-repeat;
					background-position:left top;}
			a:hover#contact{
					background:url(../img/contact.gif); 
					background-repeat:no-repeat;
					background-position:left bottom;}
			#navleftsmall span {display:none;}
        /*empieza contenedor de contenidos*/
		#cont_der{
		/*width:72em;
		height:39em;*/
		float:right;
		padding-right:4em;
		}
			.novedades{
			background-image:url(../img/bg_1.gif);
			background-repeat:no-repeat;
			width:72em;
			height:39em;
			}
			.agenda{
			background-image:url(../img/bg_2.gif);
			background-repeat:no-repeat;
			width:72em;
			height:39em;
			}
			.galerias{
			background-image:url(../img/bg_3.gif);
			background-repeat:no-repeat;
			width:72em;
			height:39em;
			}
			.convocatorias{
			background-image:url(../img/bg_4_1.gif);
			background-repeat:no-repeat;
			width:72em;
			height:39em;
			}
			.formacion{
			background-image:url(../img/bg_celeste11.gif);
			background-repeat:no-repeat;
			width:72em;
			height:39em;
			}
			.creacion{
			background-image:url(../img/bg_celeste2.gif);
			background-repeat:no-repeat;
			width:72em;
			height:39em;
			padding-top:6px;
			}
			.espectaculos{
			background-image:url(../img/bg_celeste8.gif);
			background-repeat:no-repeat;
			width:72em;
			height:39em;
			}
			.datos{
			background-image:url(../img/bg_celeste4.gif);
			background-repeat:no-repeat;
			width:72em;
			height:39em;
			}
			.prensa{
			background-image:url(../img/bg_celeste5.gif);
			background-repeat:no-repeat;
			width:72em;
			height:39em;
			}
			.visit{
			background-image:url(../img/bg_celeste6.gif);
			background-repeat:no-repeat;
			width:72em;
			height:39em;
			}
			
			.creditos{
			background-image:url(../img/bg_creditos.gif);
			background-repeat:no-repeat;
			width:72em;
			height:39em;
			}
			.contacto{
			background-image:url(../img/bg_celeste7.gif);
			background-repeat:no-repeat;
			width:72em;
			height:39em;
			}
				#page_ant{
				background-image:url(../img/ant.gif);
				background-repeat:no-repeat;
				text-align:left;
				text-decoration:none;
				border:none;
				}
				#page_sig{
				background-image:url(../img/sig.gif);
				background-repeat:no-repeat;
				text-align:left;
				border:none;
				text-decoration:none;
				}
/*********agregados por daniela  15-3****************/			
#divAmateur{ width:40em; height:26em; float:left; }	
#divProfesional{ width:30em; height:24.1em; float:left;}	
.pFormacion{ line-height:14px; }
.phorarios{ margin-left:182px; margin-top:-80px; width:140px; text-align:center; font-size:11px;}
.pProfesional{ margin-left:-45px; margin-top:-80px; margin-top:10px;}
#costoTaller{ margin-top:145px; margin-left:-40px; font-size:11px;}
.horariosProf{ margin-left:120px; margin-top:-30px; text-align:center; font-size:11px;}
#divInscrip{width:740px; height:53px; float:none; margin-left:-3.5em;}
#inscInfo{ width:500px; float:left; margin-left:80px; margin-top:8px;}
#inscInfo p{margin:0px; padding:0px;}
#modalidadInfo{ width:15em; margin-left:5px; margin-top:12px;}
#modalidadInfo p{margin:0px; padding:0px;}
#especRelleno{ width:75em; height:21em;}
#especTexto{margin-top:26em;}
#cont_convocatorias{ width:65em; height:21.1em; margin-top:16em; margin-left:5em; background-image: url(../img/festival_texto_1.jpg); background-repeat:no-repeat; }
.pConvocatoria{ margin:1em 1em 0 2em; padding-left:0em;}
.h2{ margin-left:3em; margin-top:0px; }
#cont_prensa{ width:63.4em; height:25em; background-image: url( ../img/prensa_fondo.gif); margin:1em 0 0 6em;  }
/*____ Prensa.php ____*/
.h2Prensa{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ed1b24; padding:0; margin:2.5em 0 0 5em;}
.bul_flecha{ list-style-image: url(../img/bullet.jpg); }
#cont_prensa ul{width:50em; text-align:left; margin-left:3.5em; padding-top:1.5em; }
#cont_prensa ul li{margin-top:1em;}
#cont_prensa ul li span.pPrensa{ text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:1.2em;color:#333333;text-align:left; }
p.prensa_consulta{ margin:2.8em 0 0 7em;}
.pagend{font-family:Arial, Helvetica, sans-serif;font-size:18px; font-weight:bold; color:#333;}
#veni_conocer{ width:25em; height:40em; float:left; }
span.visita{ margin-left:3em; padding-top:3em; display:block;}
#veni_conocer a.linkVisita{width:200px; display:block; margin-top:25em; margin-left:-1em; font-weight:normal;   font-size:12px; font-family:Arial, Helvetica, sans-serif; cursor: pointer; text-decoration:underline; color:#333333;
}
#veni_conocer a.linkVisita:hover{ display:block; margin-top:25em; margin-left:-1em; font-size:12px; font-weight:normal;  font-family:Arial, Helvetica, sans-serif; cursor: pointer; text-decoration:underline;}
/*_______galeria.php___________*/
div.bot_galeria{ width:10em; height:10em;position:relative;top:5em;left:5em;z-index:50;}
div.bot_galeria a#btn_festival,a#btn_espectaculos,a#btn_estructura { /*margin:1em 0 0 1em;*/ cursor:pointer; }
a#btn_festival{ display:block; width:5.5em; height:1.52em; background-image: url(../img/festival.jpg); background-position:top; background-repeat:no-repeat; margin-left:3em;  margin-bottom:1.5em;}
a#btn_festival:hover{ display:block; width:5.5em; height:1.52em; background-image: url(../img/festival.jpg); background-position:bottom; background-repeat:no-repeat; margin-left:3em;  margin-bottom:1.5em;}

a#btn_espectaculos{ display:block; width:9.6em; height:2.1em; background-image: url(../img/espectaculos.jpg); background-position:top; background-repeat:no-repeat; margin-bottom:1em;}
a#btn_espectaculos:hover{ display:block; width:9.6em; height:2.1em; background-image: url(../img/espectaculos.jpg); background-position:bottom; background-repeat:no-repeat; margin-bottom:1em;}

a#btn_estructura{ display:block; width:7.6em; height:1.9em; background-image: url(../img/estructura.jpg); background-position:top; background-repeat:no-repeat; margin-bottom:1em; margin-left:2em;}
a#btn_estructura:hover{ display:block; width:7.6em; height:1.9em; background-image: url(../img/estructura.jpg); background-position:bottom; background-repeat:no-repeat; margin-bottom:1em; margin-left:2em;}

#galeria_imagen{float:left;position:relative;top:-10em;left:0em;z-index:20;}

.galeria_contenedor{ width:700px;height:330px;overflow:hidden;margin-top:40px;}
.div_imagen{height:330px;width:540px;position:relative;left:160px;}

.comentario_foto{position:relative;top:-80px;left:25px;font-family:Arial;width:120px;height:50px;color:#000;text-align:right;}
/* Con Epigrafe .cont_flechas{position:relative;width:50px;top:-70px;left:125px;}*/
.cont_flechas{position:relative;width:50px;top:-20px;left:125px;}
.cont_img{height:330px;}

.gal_anterior:hover{ color:#E9E9E9;border:0; }
.gal_anterior:active{ color:#E9E9E9;border:0; }
.gal_anterior:visited{ color:#E9E9E9;border:0; }

.gal_siguiente:hover{ color:#E9E9E9;;border:0; }
.gal_siguiente:active{ color:#E9E9E9;;border:0; }
.gal_siguiente:visited{ color:#E9E9E9;;border:0; }

#divFormContacto{ margin:130px 0 0 -15px; }
/**************************************/

/*------Contenedor Noticias-------------*/
#cont_overflow{width:74em; height:39em; float:right; margin-right:2.5em; overflow:hidden;}
.contenidoNoticias{width:73.3em; height:39.2em; float:right; }


.novedades1{background-image:url(../img/novedades4.gif);background-repeat:no-repeat;}
.novedades2{background-image:url(../img/novedades2.gif);background-repeat:no-repeat;}
.novedades3{background-image:url(../img/novedades3.gif);background-repeat:no-repeat;}






.div_facebook{ width:20em; height:31.2em; float:right; margin-right:3em; margin-top:4em; }
.div_noticias{ width:30em; height:31.2em; float:left; margin-left: 35em; margin-right:3em; margin-top:3em; }






.span_noticias{ margin-top:1em; display:block; margin-left:3em; }
.info_texto{ height:25em;}
.p_noticias{  padding:0; margin:2em 2em 0 2em;}
#logo_destacada{ margin-left:70px; margin-top:5px;}
.botonera_links{ width:4em; margin-left:28em;}
.btn_anterior{ width:0.8em; height:1.2em; display:block; background-image: url(../img/anterior.gif); float:left;  }
.btn_siguiente{width:0.8em; height:1.2em; margin-left:0.2em; display:block; background-image: url(../img/siguiente.gif); float:left; }
.btn_pausa{width:1.2em; height:1.7em; margin-left:0.2em; margin-top:-0.2em; display:block; background-image: url(../img/pausa.png); float:left;}

/*empieza tipografia*/
h2{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333;
font-size:2em;
padding-top: 1em;
text-align:left;
/*padding-left:3em;*/
}
h3{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFF;
font-size:2em;
padding-top: 1.5em;
text-align:left;
padding-left:2.3em;
}
.rojoSpan{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ED1B24;
font-size:1.4em;
}

.costo{font-size:11px;}
.rojo{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ed1b24;
font-size:2em;
padding-top: 2em;
text-align:left;
padding-left:2em;
}

.naranja{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#f6ad69;
font-size:2em;
padding-top: 2em;
text-align:left;
padding-left:3em;
}

.verde{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#4db748;
font-size:2em;
padding-top: 2em;
text-align:left;
padding-left:3em;
}

.violeta{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#702c91;
font-size:1.5em;
padding-top: 1em;
text-align:left;
padding-left:1.8em;
}

p{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1.2em;
color:#333333;
text-align:left;
padding-left:5em;
margin-top: 0.7em;
}
.espectac{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#333333;
text-align:left;
padding-left:4em;
margin-top: 1.2em;
}


.formulario{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.6em;
color:#FFF;
text-align:left;
padding-left:3em;}


.form{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.2em;
color:#FFF;
text-align:left;
padding-left:6em;
}

.suscrip{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.1em;
color:#FFF;
text-align:left;
padding-left:6em;
}

#contenidoscreacion{
width:50em;
height: auto;
float:left;

}

#contenidoscreaditos{
width:70em;
height: auto;
float:left;

}
/*empieza pie*/
/*agregados si no comenta el codigo hay tabla!*/

#pie{width:45em; height:2.5em; float:right; display:block; margin-right:35px; }	
#pie ul{width:45em; height:2.5em; display:block; float:left; list-style-type:none;}
#pie ul li {display:block; height:2.5em; list-style-type:none;float:left;}
#pie ul li a{display:block; height:2.5em; float:right;}
.fb a{background-image:url(../img/facebook.jpg); background-repeat:no-repeat; width:7em;}
.pie a{background-image:url(../img/pie.jpg); background-repeat:no-repeat; width:25em;}
.tw a{background-image:url(../img/tw.jpg); background-repeat:no-repeat; width:7em;}
.cred a{background-image:url(../img/creditos.jpg); background-repeat:no-repeat; width:6em;}

#pie a span {display:none;}


/********************************************************************************/
a:link {
	color: #333;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;

}
a:visited {
	text-decoration: none;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
}
a:hover {
	text-decoration: none;
	color:#f68c1f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
}
a:active {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
}



/*empiezan los id del formulario ***************************/

#nombre{
width:240px;
height:18px;
background-image:url(../img/nombre.jpg);
background-repeat:no-repeat;
border:0px;

}

#email{
width:240px;
height:18px;
background-image:url(../img/e-mail.jpg);
background-repeat:no-repeat;
border:0px;
}

#asunto{
width:237px;
height:18px;
background-image:url(../img/asunto.jpg);
background-repeat:no-repeat;
border:0px;
}

#comentarios{
width:240px;
height:76px;
background-image:url(../img/comentarios.jpg);
background-repeat:no-repeat;
border:0px;
}

		
/*enviar-limpiar*****/

#enviar{
background-image:url(../img/enviar.jpg); 
width:5em; 
height:16px; 
border:none; 
background-repeat:no-repeat; 
background-position:top; 
cursor:pointer;
margin-left:20em;
}
#enviar:hover{ cursor:pointer; background-image:url(../img/enviar.jpg); 
width:5em; 
height:16px;
border:none; background-repeat:no-repeat; 
background-position:bottom;
}

#limpiar{ margin-left:1em;
background-image: url(../img/limpiar.jpg); 
width:5em; 
height:16px; 
border:none; 
background-repeat:no-repeat; 
background-position:top; 
cursor:pointer;}

#limpiar:hover{  
margin-left:1em; 
background-image: url(../img/limpiar.jpg); 
width:5em; 
height:16px; 
border:none; 
background-repeat:no-repeat; 
background-position:bottom; 
cursor:pointer;}

#enviar, #limpiar{ margin-top:1em;}


.bold{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.4em;
color:#333333;
text-align:left;
padding-left:4.2em;
margin-top: 0.7em;
}