@charset "utf-8";
/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* esta hoja de estilos esta bajo una licencia de Creative Commons */

/* Proposito: desahacer algunos de los estilos por defecto de los navegadores*/


/* los subrayados de los enlaces tienden a hacer el texto mas dificil de leer porque oscurecen las formas de la parte de abajo de las palabras*/
:link,:visited { text-decoration:none; }

/* quitamos los marcadores de lista ( puntos ) por defecto, porque generalmente usamos las listas por motivos semanticos*/
ul,ol { list-style:none }

/* evitamos los tamaños inconsistentes por defecto que los navegadores aplican a los titulos*/
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }


/* quitar la inconsistencia entre navegadores de los margin y padding por defecto en ul y ol*/
/* el espaciado por defecto en los titulos ni encaja ni se alinea con el espacio entre lineas, así que nos libramos de el*/
/*colocamos a cero los espaciados alrededor de pre, form, body, html, p, blockquote tambien en en los elementos de formulario quitamos sus margenes y rellenos */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* A alguien le han parecido alguna vez una buena idea los bordes azules alrededor de las imagenes enlazadas o visitadas? */
a img,:link img,:visited img { border:none }

/* quitamos la fuente itálica por defecto de la etiqueta address*/
address { font-style:normal }

body{
	text-align:center;
	/*background-color:#000000;*/
	background-image:url(../imagenes/background_body.jpg);
	
}

#contenedor{
	
	width:974px;
	height:840px;
	text-align:left;
	margin: 0 auto;
	background-color: #000000;
}
#contenedor-revista{
	width:974px;
	height:2000px;
	text-align:left;
	margin: 0 auto;
	background-color: #000000;
	
	color: #FFFFFF;
}

#cabecera{
position:absolute;
width:974px;
height:156px;
margin-top:22px;

}

h1{
position:absolute;
width:208px;
height:223px;
margin-top:20px;
margin-left:766px;
z-index:2;

}
.ninia{
position:absolute;
width:500px;
height:328px;
margin-left:474px;
}
.slogan{
position:absolute;
width:700px;
height:156px;
margin-top:0px;
margin-left:0px;
z-index:3;
}
.idioma{
	position:absolute;
	margin:4px 0 0 725px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
.bandera2{
	position:absolute;
	margin:2px 0 0 820px;
}
.idioma2{
	position:absolute;
	margin:4px 0 0 849px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
.bandera1{
	position:absolute;
	margin:2px 0 0 890px;
}
.idioma1{
	position:absolute;
	margin:4px 0 0 919px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
.presentacion{
	position:absolute;
	width:344px;
	height:231px;
	/*margin:200px 0 0 380px;*/
	margin:550px 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #FFFFFF;
	border-bottom:solid 3px #FE860C;
}
.presentacion a{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #FFFFFF;
}
.presentacion a:hover{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #666666;
}
.presentacion1{
	position:absolute;
	width:344px;
	height:231px;
	margin:180px 0 0 340px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #FFFFFF;
	border-bottom:solid 3px #FE860C;
}
.presentacion1 a{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #FFFFFF;
}
.presentacion1 a:hover{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #666666;
}


.colabora{
	position:absolute;
	margin:380px 0 0 235px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #666666;
	border-bottom:solid 3px #FE860C;
}
.colabora a{
position:absolute;
font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #000000;
}
.colabora a:hover{
position:absolute;
font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #666666;
}

.contactar{
position:absolute;
margin:380px 0 0 385px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #666666;
	border-bottom:solid 3px #FE860C;
}
.contactar a{
position:absolute;
font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #000000;
}
.contactar a:hover{
position:absolute;
font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #666666;
}

.correo{
	position:absolute;
	margin:270px 0 0 770px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
}


#cuerpo{
position:absolute;
width:974px;
height:320px;
margin-top:440px;
background-color:#FFFFFF;
}
#cuerpo_bis{
	position:absolute;
	width:974px;
	height:900px;
	margin-top:440px;
	background-color:#000000;
}
#cuerpo_bis2{
position:absolute;
width:974px;
height:200px;
margin-top:440px;
background-image:url(imagenes/fondo2.gif);
background-color:#FFFFFF;
}
#txt{
	position:absolute;
	width:575px;
	margin:270px 0 0 190px;
	text-align: center;
	
}
.formulario{
position:absolute;
margin:100px 0 0 0px;
}
#txt-contactar{
position:absolute;
width:774px;
margin:60px 0 0 100px;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.domicilio-contacto-titulo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #000000;
	text-align: center;
	font-weight: bold;
}
.domicilio-contacto{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-align: center;
}
.domicilio-contacto a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-align: center;

}
.domicilio-contacto a:hover
{
font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#990000;
	text-align: center;
}

.colabora-titulo{
	font-family: Arial, Helvetica, sans-serif;
	width:500px;
	font-size: 16px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	margin:auto;
}
.colabora-titulo-destacado{
	font-family: Arial, Helvetica, sans-serif;
	width:500px;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	margin:auto;
	text-decoration: blink;
}
.colabora-cuenta{
	font-family: Arial, Helvetica, sans-serif;
	width:500px;
	font-size: 20px;
	color: #FFa700;
	text-align: center;
	font-weight: bold;
	margin:auto;
}
.colabora-txt{
	font-family: Arial, Helvetica, sans-serif;
	width:500px;
	font-size: 14px;
	color: #FFFFFF;
	margin:auto;
	text-align: left;
}
.colabora-enlace-inst{
	font-family: Arial, Helvetica, sans-serif;
	width:500px;
	font-size: 14px;
	color: #FFFFFF;
	margin:auto;
	text-align: left;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFa700;
	padding-bottom:8px;
}
.colabora-enlace-inst a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFa700;

}
.colabora-enlace-inst a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;

}
.colabora-descarga{
	font-family: Arial, Helvetica, sans-serif;
	width:500px;
	font-size: 12px;
	color: #FFa700;	
	text-align: center;
	font-weight: bold;
	margin:auto;
}
.colabora-descarga a{
	font-family: Arial, Helvetica, sans-serif;
	width:500px;
	font-size: 12px;
	color: #FFa700;	
	text-align: center;
	font-weight: bold;
	margin:auto;
}
.colabora-descarga a:hover{
	font-family: Arial, Helvetica, sans-serif;
	width:500px;
	font-size: 12px;
	color: #999999;
	text-align: center;
	font-weight: bold;
	margin:auto;
}
#flash{
position:absolute;
width:764px;
height:90px;
margin:450px 0 0 0px;
}
#flash-2{
position:absolute;
width:974px;
height:90px;
margin:580px 0 0 0px;
}
#otros{
	position:absolute;
	width:275px;
	margin-top:180px;
	margin-left:5px;
	font-family:Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFa700;		
}
#otros a{
	
	font-family:Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFa700;		
}
#otros a:hover{
	font-family:Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
}
#otros-proyectos{
	position:absolute;
	width:275px;
	margin-top:380px;
	margin-left:690px;
	font-family:Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFa700;
	text-align: right;
}
#otros-proyectos a{
	
	font-family:Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFa700;	
	text-align: right;	
}
#otros-proyectos a:hover{
	font-family:Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
	text-align: right;
}
#otrosbis{
	position:absolute;
	margin-top:200px;
	margin-left:216px;
	
}
#otrosproyectos{
	position:absolute;
	width:150px;
	height:277px;
	margin-top:53px;
	margin-left:755px;
	background-image:url(images/bg_side.jpg);
	z-index:2;
}
#muestra-otrosproyectos{
	position:absolute;
	width:437px;
	height:277px;
	margin-top:45px;
	margin-left:306px;
	
}
#otros2{
	position:absolute;
	width:300px;
	height:220px;
	margin-top:210px;
	margin-left:246px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	z-index:20;	
}
.txt{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#otros_directiva{
	position:absolute;
	width:400px;
	height:220px;
	margin-top:130px;
	margin-left:160px;
	
}

/*#otros2bis{
position:absolute;
margin-top:90px;
margin-left:556px;
}*/
.promo1{
	position:absolute;
	margin:120px 0 0 288px;
}
.promo2{
	position:absolute;
	margin:210px 0 0 546px;
}
#presentacion{
position:absolute;
margin-top:20px;
margin-left:103px;
}
#cierre{
	position:absolute;
	width:974px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}
#cierre a{
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}
#cierre a:hover{
font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}
.titulo-seccion{
position:absolute;
width:372px;
height:70px;
margin-top:200px;
margin-left:160px;
}
#menu-1{
	position:absolute;
	margin-top:280px;
	margin-left:59px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFa700;
	text-align: right;
	line-height: 30px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FF9900;
	padding-right:15px;
}
#menu-1 ul li a{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFa700;
	text-align: right;
	line-height: 30px;
}
#menu-1 ul li a:hover{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-align: right;
	line-height: 30px;
}
#menu-2{
	position:absolute;
	margin-top:280px;
	margin-left:289px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFa700;
	text-align:left;
	line-height: 30px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FF9900;
	padding-right:15px;
}
#menu-2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFa700;
	text-align:left;
	line-height: 30px;
}
#menu-2 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-align:left;
	line-height: 30px;
}
#menu-3{
	position:absolute;
	margin-top:280px;
	margin-left:470px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFa700;
	text-align:left;
	line-height: 30px;
}
#menu-3 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFa700;
	text-align:left;
	line-height: 30px;
}
#menu-3 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-align:left;
	line-height: 30px;
}
#menu-4{
	position:absolute;
	margin-top:280px;
	margin-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFa700;
	text-align: left;
	line-height: 30px;
	
}
#menu-4 a{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFa700;
	text-align: left;
	line-height: 30px;
}
#menu-4 a:hover{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	line-height: 30px;
}
/*------------------------------------------------------------------*/

#noticias{
	position:absolute;
	width:850px;
	margin-top:225px;
	margin-left:10px;
	
}
.bloque-noticias{
	width:850px;
	height:300px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;	
}
.descripcion-noticias{
	
	width:850px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
.fecha_noticia{
	padding-top:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: ;
	color:#999999;
}
.titular-noticias{
	padding-top:5px;
	padding-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #d35f05;
}
.titular-noticias a{
	padding-top:5px;
	padding-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #d35f05;
}
.titular-noticias a:hover{
	padding-top:5px;
	padding-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #666666;
}
.imagen-noticias{
width:300px;
height:224px;
float:left;
padding-right:20px;
}
.txt_noticia{
height:382px;
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.txt_noticia a{
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #d35f05;
}
.txt_noticia a:hover{
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #d35f05;
}

#publicidad{
	position:absolute;
	width:350px;
	margin-top:510px;
	margin-left:600px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FF6600;
}

.publicidad{
padding-left:50px;
}
/*-------------------------------------------------------*/
.custom2-text {
	width:92px;height:130px; background-image: url(../imagenes/1er-Festival.jpg);background-repeat:no-repeat; z-index:2000;}
.custom3-text {
	width:95px;height:130px; background-image:url(../imagenes/2on_Festival_Cerdanyola_Solidaria___poster.jpg);background-repeat:no-repeat; z-index:2000;}
.custom4-text {
	width:101px;height:130px; background-image:url(../imagenes/promo1.gif);background-repeat:no-repeat; z-index:2000;}
.custom5-text {
	width:92px;height:130px; background-image:url(../imagenes/cuarto-festival.jpg);background-repeat:no-repeat; z-index:2000;}
.custom6-text {
	width:92px;height:130px; background-image:url(../imagenes/concierto-solidario.jpg);background-repeat:no-repeat; z-index:2000;}
/*-------------------------------------------------------*/
/*#presentacion-proyecto{
position:absolute;
width:974px;
margin-top:300px;
}
.imagen-cabecera{
position:absolute;
width:249px;
}

.txt-cabecera{
	position:absolute;
	width:700px;
	margin-left:260px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF9900;
	text-align: justify;
	font-weight: lighter;	
	
}
#menu-proyectos {
	position:absolute;
	width:230px;
	margin-top:620px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: right;
	z-index:2;

}
 
#menu-proyectos ul li{
	padding-top:10px;
	
}
#menu-proyectos ul li a{

	color: #FF9900;	
}
#menu-proyectos ul li a:hover{
	color: #666666;
}*/