/*************************
UTIL
************************/
HR.clear{
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	border-width: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.oculto{
	display: none;
}

BODY{
	background: #908977 url(/img/stripes.png);
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4A4A4B;
}
A{	color: #544238; }
A:hover{	color: #604C3F; background: #FFED00; }

#container{
	width: 906px;
	margin: 0 auto;
}

#content{
	border: 8px solid #ffed00;
	border-bottom: 0;
	background: white;
	padding: 30px 0;
	min-height: 550px;
}
#header{
	height: 337px;
	background: transparent url(/img/header_con_logo.png) no-repeat;
}
#footer{
	width: 890px;
	margin: 0 auto;
	padding: 10px 0;
	border: 8px solid #ffed00;
	background: white;
	border-bottom: 0;
	border-top: 0;
	text-align: center;
}
#header H1{
	padding: 102px 0 0 55px; 
}
#header H1 A{
	display: block;
	text-indent: -9999px;
	width: 190px;
	height: 114px;
}
#header H1 A:hover{
	background: transparent;
}
IMG.segundo_festival{
	margin-left: 725px;
	margin-top: -100px;
	position: absolute;
}
DIV.message{
	font-family: Arial;
	font-size: 18px;
	color: #900E14;
	padding: 20px 0;
	margin-left: 265px;
}


/********************************
	FOOTER
*******************************/
#footer SPAN{
	margin-left: 15px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777778;
}

/************************************
	MAQUETACION CONTENIDO, TEXTOS
************************************/
.texto{
	font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	text-align: justify;
	font-size: 14px;
}
.texto P{ margin: 0.8em 0; }
.texto P:last-child {	margin: 0.8em 0 0 0; }
.texto P:first-child {	margin: 0 0 0.8em 0; }
.texto UL{
	margin: 0 12px 20px 30px;
}
.texto UL LI{
	list-style-type: square;
	list-style-position: outside;
	margin-bottom: 0.7em;
}
H3{
	font-size: 20px;
	text-transform: uppercase;
}
H4{
	margin:6px 0;
	font-family: Arial;
	font-size: 16px;
}
.cartel{
	text-align: center;
		padding: 20px 0;
}
.columna{
	float: left;
	width: 200px;
}
.columna DIV.destacado{
	margin: 5px 0 0 20px;
	padding: 10px 10px 30px;
	background: url(/img/stripes_fondo_blanco.png);
}
.columna DIV.destacado P{
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
}
.columna DIV.destacado P SPAN{
	background-color: white;
}
.contenido{
	margin-left: 265px;
	width: 600px;
}
.columna IMG{
	border: 1px dashed #B39A0B;
	padding: 2px;
}
.balance .texto UL LI{
	font-weight: bold;
	color: #8C8C8C;
}
.balance .texto UL LI SPAN{
	color: #574539;
	font-weight: normal;
	padding: 0 10px;
}
.balance .texto UL LI STRONG{
	color: #7B6251;
}
.puntos_venta .contenido{
	width: auto;
	margin-left: 65px;
}
.puntos_venta H3{
	margin-left: -15px;
	margin-top: 25px;
}
.puntos_venta H4{
	margin-top: 20px;
	color: #900E14;
}
.puntos_venta H3.aviso{
	color: #900E14;
	font-size: 16px;
}
.puntos_venta H3.aviso{
	color: #900E14;
	font-size: 16px;
}
.que_es .columna{
	margin-left: 28px;
}
.proyecto H3.aviso{
	color: #900E14;
	font-size: 18px;
}
.proyecto .destacado STRONG A{
	background: #FFF24D;
	padding: 0 2px;
	text-decoration: none;
}
.proyecto .destacado{
	margin-bottom: 15px;
}
#masinfo{
	font-size: 17px;
	text-decoration: none;
}
.proyecto #texto_masinfo{
	margin-top: 40px;
}
.construccion H3{
	font-size: 30px;
	text-align: center;
	margin-top: 50px;
}
/***************************************
	GRUPOS
****************************************/
.grupos .columna{
	float: left;
	width: 200px;
}
.grupos .contenido{
	margin-left: 265px;
	width: 600px;
}
.grupos .columna UL{
	margin: 23px 0 0 20px;
	padding: 10px 10px 30px;
	background: url(/img/stripes_fondo_blanco.png);
}
.grupos .columna LI{
	margin-bottom: 14px;
	text-align: right;
}
.grupos .columna LI A{
	text-transform: uppercase;
	text-decoration: none;
	color: #604c3f;
	font-size: 16px;
	padding: 0 2px;
}
.grupos .columna LI A:hover{ background: #FFED00; color: #544238; }
.grupos .grupo{
	margin-bottom: 70px;
}
.grupos H3 A{
	padding-top: 10px;
	color: #900E14;
}
.grupos H3 A:hover{
	background-color: transparent;
}
.grupo .texto{
	margin:10px 0;
}
.grupo .links P{
	margin: 8px 0;
	text-transform: uppercase;
	font-weight: bold;
}
.grupo .links P A{
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
}

/*********************************************
	ACTIVIDADES
********************************************/
actividades UL LI{
	list-style-type: none;
}
.actividades UL LI SPAN{
	font-size: 16px;
	font-weight: bold;
	margin-right: 10px;
	color: #900E14;
}
.actividades .columna{
	margin-left: 28px;
}
.actividades H4{
	margin-bottom: 20px;
	color: #8C8C8C;
}
.actividades UL{
	margin-bottom: 50px; 
}
/*********************************************
	CONTACTO
*********************************************/
.contacto LABEL{
	display: block;
	margin-bottom: 2px;
	width: 290px;
}
.contacto LABEL SPAN{
	color: #9A9E9F;
	font-size: 85%;
}
.contacto .input{
	margin-bottom: 15px;
}
.contacto .input INPUT,
.contacto .input TEXTAREA,
.contacto .input SELECT{
	width: 600px;
	border: 1px solid #C5B6AA;
	background-color: #FAFAFA;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5E6264;
	padding-bottom: 2px;
	padding-top: 2px;
}
.contacto .input TEXTAREA{
	height: 160px;
	
}
.contacto .input INPUT:hover,
.contacto .input TEXTAREA:hover{
	background-color: white;
}
.contacto .input INPUT:focus,
.contacto .input TEXTAREA:focus{
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
	color: #777778;
}
.contacto .submit INPUT{
	font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
}


/*********************
	BANNER COMUN20
*********************/

#banner_comun20{
	position: absolute;
	margin-left: 35px;
	margin-top: -54px;
}
#banner_comun20.hover{
	margin-top: -68px;
}

/*********************
	MENU
*********************/
.galeria .thumbs A{
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 17px;
	margin-bottom: 17px;
	border: 1px solid #C5B6AA;
	padding: 2px;
}
.galeria .thumbs A.quinto{
	margin-right: 0;
}
.galeria .thumbs A:hover{
	opacity: 0.8;
}


/*********************
	MENU
*********************/

UL#menu{
	margin-left: 347px;
	padding-top: 16px;
}
#menu LI {
	float: left;
}
#menu_que_es{
	background: url(/img/menu_que_es.gif) no-repeat bottom;
	display: block;
	text-indent: -9999px;
	width: 138px;
	height: 32px;
}
#menu_edicion_2010{
	background: url(/img/menu_edicion_2010.gif) no-repeat bottom;
	display: block;
	text-indent: -9999px;
	width: 108px;
	height: 32px;
}
#menu_edicion_2009{
	background: url(/img/menu_edicion_anterior.gif) no-repeat bottom;
	display: block;
	text-indent: -9999px;
	width: 136px;
	height: 32px;
}
#menu_boletin{
	background: url(/img/menu_boletin_voluntariado.gif) no-repeat bottom;
	display: block;
	text-indent: -9999px;
	width: 169px;
	height: 32px;
}
#menu_que_es:hover,
#menu_edicion_2010:hover,
#menu_edicion_2009:hover,
#menu_boletin:hover,
#menu_que_es.active,
#menu_edicion_2010.active,
#menu_edicion_2009.active,
#menu_boletin.active{ background-position: top }

UL#menu2009, UL#menu2010{
	display: none;
}
#menu2010 LI,
#menu2009 LI{
	float: left;
}
#menu2010{
	margin-left: 428px;
	padding-top: 51px;
}
#menu2009{
	margin-left: 411px;
	padding-top: 51px;
}

#menu_2010_grupos,
#menu_2009_grupos{
	background: url(/img/menu2_grupos.gif) no-repeat top;
	display: block;
	text-indent: -9999px;
	width: 72px;
	height: 30px;
}
#menu_2010_cartel,
#menu_2009_cartel{
	background: url(/img/menu2_cartel.gif) no-repeat top;
	display: block;
	text-indent: -9999px;
	width: 70px;
	height: 30px;
}
#menu_2010_proyecto,
#menu_2009_proyecto{
	background: url(/img/menu2_proyecto.gif) no-repeat top;
	display: block;
	text-indent: -9999px;
	width: 94px;
	height: 30px;
}
#menu_2010_actividades,
#menu_2009_actividades{
	background: url(/img/menu2_actividades.gif) no-repeat top;
	display: block;
	text-indent: -9999px;
	width: 104px;
	height: 30px;
}
#menu_2009_galeria{
	background: url(/img/menu2_galeria.gif) no-repeat top;
	display: block;
	text-indent: -9999px;
	width: 72px;
	height: 30px;
}
#menu_2010_puntos_venta{
	background: url(/img/menu2_puntos_venta.gif) no-repeat top;
	display: block;
	text-indent: -9999px;
	width: 130px;
	height: 30px;
}
#menu_2009_balance{
	background: url(/img/menu2_balance.gif) no-repeat top;
	display: block;
	text-indent: -9999px;
	width: 75px;
	height: 30px;
}
#menu_2010_grupos:hover, #menu_2009_grupos:hover,
#menu_2010_cartel:hover,#menu_2009_cartel:hover,
#menu_2010_proyecto:hover, #menu_2009_proyecto:hover,
#menu_2010_actividades:hover, #menu_2009_actividades:hover,
#menu_2009_galeria:hover,
#menu_2010_puntos_venta:hover,
#menu_2009_balance:hover,
#menu_2010_grupos.active, #menu_2009_grupos.active,
#menu_2010_cartel.active,#menu_2009_cartel.active,
#menu_2010_proyecto.active, #menu_2009_proyecto.active,
#menu_2010_actividades.active, #menu_2009_actividades.active,
#menu_2009_galeria.active,
#menu_2010_puntos_venta.active,
#menu_2009_balance.active{ background-position: bottom }