/* 
 * 
 * Auto:Pablo Guaza
 * Fecha:14/10/2009
 * Descripcion:Pagina de estilos del menu horizontal
 * 
 */

/******************************* PARTE COMUN A TODAS LAS PAGINAS *********************************/
* {
	margin: 0;
	padding: 0;
}

body{
	background-color:#e5e5e5;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1{
	padding-left:14px;
	height:19px;
	background-color:#54a382;
	font:bold 12px "Trebuchet MS";
	color:#ffffff;
}

h2{
	font:bold 12px "Trebuchet MS";
	color:#54a382;
}

h3{
	font:bold 15px "Trebuchet MS";
	color:#54a382;
}

h4{
	font:bold 17px "Trebuchet MS";
	color:#54a382;
	text-decoration:underline;
}

h5{
	padding-left:14px;
	height:19px;
	background-color:#c63e0e;
	font:bold 12px "Trebuchet MS";
	color:#ffffff;
}

h6{
	font:bold 15px "Trebuchet MS";
	color:#c63e0e
}

p{
	color:#868686;
}

a:active,
a:focus,
a:link,
a:visited{
	color:#54a382;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a img{
	border:none;
}

img{
	border:none;
}

/*
* Cierre de cajas
*/
.cierre {
	clear: both;
}


/*
* Wrapper
*/

#wrapper{
	width:874px;
	padding:0 20px;
	background:url(fondo_sombra.jpg) repeat-y;
	margin:auto;
	background-color:#FFFFFF;
	padding-top:0px;
	overflow:hidden;
	height:100%;
}

#pagina{
	width:620px;
	float:left;
}

/*
 * Menu principal
*/

#menu_principal{
	width:620px;
	height:35px;
	background-color:#b9b8b8;
}

#menu_principal>ul{
	margin:0;
	list-style-type: none;
}

#menu_principal>ul>li{
	display:inline;
	float:left;
	margin-right:2px;
}

#menu_principal>ul>li>a{
	color:#292928;
	text-decoration:none;
	padding:5px 9px;
	background-color:#ffffff;
	font:bold 12px "Trebuchet MS";
	border-top:10px solid #b9b8b8;
	position:relative;
	top:12px;
}

#menu_principal>ul>li.pagina_actual>a{
	border-top:10px solid #c63e0e;
}

#menu_principal>ul>li>a:hover{
	color:#9f9e9e;
}

#menu_principal>ul>li>ul{
	display:none;
	position:absolute;
	margin-top:17px;
	*margin-top:50px;
	*margin-left:-107px;
	width:100px;
	background-color:#d4d4d4;
	border:1px solid #a3a2a2;
	list-style-type:none;
	text-align:left;
	z-index:50;
}

#menu_principal>ul>li:hover>ul{
	display:block;
}

#menu_principal>ul>li>ul>li{
	padding:3px 0;
}

#menu_principal>ul>li>ul>li>a{
	color:#c63e0e;
	text-decoration:none;
	padding:7px 3px;
}

#menu_principal>ul>li>ul>li>a:hover{
	color:#ffffff;
}

/*
 * Contenedor del flash
 */

#flash{
	height:180px;
	width:620px;
	background-color:#a3a2a2;
	padding-bottom:2px;
}

/*
 * Columna Derecha
 */
#columna_derecha{
	width:250px;
	margin-left:3px;
	background-color:#ffffff;
	float:right;
	text-align:center;
}

#columna_derecha #calendario{
	padding:10px 0 0 0;
}

#columna_derecha #calendario #data{
	display:none;
}

#columna_derecha #calendario #inline{
	display:none
}

#columna_derecha #calendario #pie_calendario{
	text-align:right;
}

#columna_derecha #calendario #pie_calendario a:link,
#columna_derecha #calendario #pie_calendario a:active,
#columna_derecha #calendario #pie_calendario a:visited,
#columna_derecha #calendario #pie_calendario a:focus{
	font:11px "Trebuchet MS";
}

#logo{
	border-top:2px dotted #bababa;
	border-bottom:2px dotted #bababa;
	margin-top:53px;
	margin-bottom:35px;
}

#separador_verde{
	height:19px;
	width:246px;
	background-color:#54a382;
	margin-left:4px;
}

#separador_gris{
	height:2px;
	width:240px;
	background-color:#cfcfcf;
	margin-left:10px;
}

#banner_voluntario{
	margin:8px 0 8px 12px;
}

#banner_lacaixa{
	margin:12px 0 10px 12px;
}

#banner_info_juvenil{
	margin:20px 0 10px 35px;
	float:left;
}

#banner_europe_direct{
	margin:20px 25px 10px 0px;
	float:right;
}

#banner_general{
	margin:20px 0;
}

/*
 * Menu secundario
*/

#menu_secundario{
}

#menu_h_secundario{
	padding:0 0 0 5px;
	margin:0;
	list-style:none;
	height:19px;
	width:615px;
	background-color:#54a382;
	position:relative;
}

#menu_h_secundario table{
	border-collapse:collapse;
	width:0;
	height:0;
}

#menu_h_secundario li{
	float:left;
}

#menu_h_secundario li>a{
	display:block;
	height:18px;
	padding:1px 6px 0 6px;
	float:left;
	color:#ffffff;
	text-decoration:none;
	font:bold 12px "Trebuchet MS";
	font-weight:bold;
	background:url("separador_secundario.jpg") no-repeat right top;
}

#menu_h_secundario li:hover > a{
	background:#c63e0e url("separador_secundario_rojo_19.jpg") no-repeat right top;
	height:21px
}

#menu_h_secundario ul{
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	height:25px;
	width:620px;
	background:#c63e0e;
	left:-9999px;
	top:21px;
	z-index:10;
}

#menu_h_secundario ul li{
	height:25px;
}

#menu_h_secundario ul li a{
	color:#ffffff;
	padding:3px 5px 0 5px;
	height:19px;
	background:url("separador_secundario_rojo.jpg") no-repeat right center;
	font-weight:bold;
	font-size:12px;
}

#menu_h_secundario ul li a:hover{
	height:19px;
	color:#9f9e9e;
	background:url("separador_secundario_rojo.jpg") no-repeat right center;
}

#menu_h_secundario :hover ul{
	left:0;
}

/*
 * Pie de pagina
 */
#pie #contenedor_texto{
	float:left;
	width:616px;
	padding:0 2px 3px 2px;
	border-right:3px solid #e5e5e5;
}

#pie #contenedor_texto #texto{
	padding-top:37px;
	border-top:2px dotted #bababa;
	text-align:center;
	font:10px "Trebuchet MS";
	color:#6f6f6e;
}

#pie #contenedor_redes_sociales{
	float:right;
	padding-bottom:3px;
	width:250px;
}

#pie #contenedor_redes_sociales #redes_sociales{
	height:46px;
	margin-left:10px;
	padding:14px 0 0 45px;
	border-top:6px solid #cfcfcf;	
}

#pie img.redes_sociales{
	padding-right:20px;
}

#pie #filete_inferior{
	width:100%;
	height:41px;
	border-top:3px solid #da0104;
	background-color:#ffffff;
}

#contenido{
	padding:8px 4px 10px 0;
}

#separador_puntos_ancho{
	width:600px;
	margin:0 10px 14px 10px;
	border-bottom:2px dotted #bababa;
}

#fecha{
	color:#54a382;
}

/*************************** FIN DE PARTE COMUN A TODAS LAS PAGINAS *****************************/

/******************************************** INICIO ********************************************/
#bienvenida{
	width:610px;
	margin-right:10px;
}

#bienvenida #contenido_bienvenida{
	margin:10px 0 10px 6px;
}

#bienvenida #foto_bienvenida{
	float:left;
	width:295px;
	background-image:url(marco_bienvenida.jpg);
	height:148px;
	padding-top:18px;
	padding-left:12px;
}

#bienvenida #texto_bienvenida{
	float:left;
	width:288px;
	padding:10px 0 0 5px;
}

#bienvenida p{
	color:#3f3e3e;
	padding-top:13px;
	text-align:justify;
	line-height:105%
}

#agenda_noticias_calendario{
	width:620px;
	background:url(separador_vertical.jpg) repeat-y;
}

#agenda{
	width:310px;
	float:left;
	margin-bottom:10px;
	margin-right:2px;
}

#agenda h1{
	margin-right:15px;
}

#agenda #contenido_agenda{
	margin:10px 0 0 10px;
}

#agenda #contenido_agenda #evento{
	margin:10px 5px 10px 0;
	border-bottom:2px dotted #bababa;
	line-height:99%
}

#agenda #contenido_agenda #evento.ultimo{
	border-bottom:none;
}

#agenda #contenido_agenda #evento h3{
	padding-top:7px;
	line-height:93%
}

#agenda #contenido_agenda #evento p{
	padding-bottom:10px;
}

#agenda #contenido_agenda #evento h3 a,
#agenda #contenido_agenda #evento h3 a:link,
#agenda #contenido_agenda #evento h3 a:active,
#agenda #contenido_agenda #evento h3 a:visited,
#agenda #contenido_agenda #evento h3 a:focus
{
	font:bold 12px "Trebuchet MS";
	color:#000000;
}

#agenda #contenido_agenda #evento p{
	color:#3f3e3e;
}

#agenda #contenido_agenda #evento #foto_evento{
	width:130px;
	height:88px;
	background-image:url(marco_agenda_inicio.jpg);
	padding:12px 10px 12px 10px;
	margin-right:3px;
	float:left;
}

#calendario_noticias{
	width:308px;
	float:left;
	margin-bottom:10px;
}

#calendario{
	padding:0 19px;
}

#calendario #data{
	display:none;
}

#calendario #inline{
	display:none
}

#calendario #pie_calendario{
	padding:5px 19px 0 19px;
	text-align:right;
}

#calendario #pie_calendario a:link,
#calendario #pie_calendario a:active,
#calendario #pie_calendario a:visited,
#calendario #pie_calendario a:focus{
	font:11px "Trebuchet MS";
	color:#54a382;
	text-decoration:none;
}

#calendario #pie_calendario a:hover{
	text-decoration:underline;
}

#calendario_noticias #noticias_header{
	width:307px;
	height:73px;
	background:url(noticias_header.jpg) no-repeat;
}

#calendario_noticias #noticias_contenido{
	width:227px;
	height:auto;
	padding:0 35px 0 45px;
	background:url(marco_noticias.jpg) repeat-y;
	line-height:95%
}

#calendario_noticias #noticias_pie{
	width:307px;
	height:31px;
	background:url(noticias_pie.jpg) no-repeat;
}

#calendario_noticias #noticias_contenido #noticia{
	padding-bottom:10px;
}

#calendario_noticias #noticias_contenido #noticia #foto_noticia{
	width:65px;
	height:49px;
	margin-right:5px;
	float:left;
}

#calendario_noticias #noticias_contenido #noticia h3{
	font:bold 11px "Trebuchet MS";
}

#calendario_noticias #noticias_contenido #noticia h3 a,
#calendario_noticias #noticias_contenido #noticia h3 a:link,
#calendario_noticias #noticias_contenido #noticia h3 a:active,
#calendario_noticias #noticias_contenido #noticia h3 a:visited,
#calendario_noticias #noticias_contenido #noticia h3 a:focus
{
	color:#54a382;
	text-decoration:none;
}

#calendario_noticias #noticias_contenido #noticia p{
	color:#3f3e3e;
}

#calendario_noticias #noticias_contenido #noticia h3 a:hover{
	text-decoration:underline;
}

/***************************************** FIN DE INICIO ****************************************/

/**************************************** SOBRE NOSOTROS ****************************************/

#contenido_generico{
	width:610px;
	margin-right:10px;
	text-align:justify;
}

#contenido_generico h3{
	margin-bottom:10px;
}

#contenido_generico #texto{
	padding-top:10px;
	padding-left:10px;
	color:#868686;
}

#contenido_generico #texto_equipo{
	padding-top:10px;
	padding-left:20px;
	color:#868686;
}

#contenido_generico #texto a:link,
#contenido_generico #texto a:active,
#contenido_generico #texto a:visited,
#contenido_generico #texto a:focus{
	color:#54a382;
}

#contenido_generico #texto p{
	padding-bottom:10px;
}

#contenido_generico #texto ul{
	padding-left:20px;
}

#contenido_generico #texto #img_grande{
	text-align:center;
	width:350px;
	border: #868686 solid 1px;
}


#contenido_generico #mapa_thumb{
	text-align:center;
}

/************************************** FIN DE SOBRE NOSOTROS *************************************/

/****************************** ARTICULOS (NOTICIAS, EVENTOS, PRENSA) *****************************/

#articulos{
	margin-top:5px;
	min-height:830px;
}

#articulos_agenda{
	min-height:445px;
}

#articulos_blog{
	min-height:670px;
}

#articulos h3.titulo_galeria{
	float:left;
}

#articulos #comentarios_logo_galeria{
	padding-right:10px;
	float:right;
}

#navegacion_sup{
	padding-left:10px;
}

#caja_articulo{
	width:585px;
	margin:0 20px 5px 15px;
	
}

#galeria{
	margin-left:12px;
	margin-top:10px;
}

#caja_articulo h3{
	padding-top:12px;
}

#paginacion{
	width:100%;
	text-align:right;
	font-size:17px;
}

#paginacion p{
	color:#54a382;
}

#caja_articulo h3 a:link,
#caja_articulo h3 a:active,
#caja_articulo h3 a:visited,
#caja_articulo h3 a:focus,
#paginacion a:link,
#paginacion a:active,
#paginacion a:visited,
#paginacion a:focus,
#paginacion a:hover
{
	font-size:13px;
	color:#54a382;
	text-decoration:none;
}

#caja_articulo h3 a:hover{
	text-decoration:underline;
}

#caja_articulo p{
	font-size:13px;
	text-align:justify;
}

#caja_articulo #fecha{
	margin-bottom:20px;
}

#caja_articulo #foto_articulo{
	padding:15px 8px 19px 8px;
	margin-right:10px;
	background:url(marco_articulos.jpg) no-repeat;
	float:left;
}

#separador_puntos_articulos{
	width:600px;
	margin:0 10px 5px 10px;
	border-bottom:2px dotted #bababa;
}

/************************** FIN DE ARTICULOS (NOTICIAS, EVENTOS, PRENSA) **************************/

/****************************** ARTICULO (NOTICIAS, EVENTOS, PRENSA) ******************************/
#articulo{
	width:600px;
	min-height:200px;
	padding:20px 10px 15px 10px;
	text-align:justify;
}

#articulo #cabecera_articulo{
	padding-bottom:5px;
}

#articulo h4{
	float:left;
}

#articulo #fecha{
	float:right;
}

#caja_foto_galeria{
	float:left;
	width:114px;
	height:123px;
	padding:4px 0 0 3px;
	margin-right:3px;
	margin-bottom:10px;
	background:url(marco_galeria.jpg) no-repeat;
}

#caja_foto_galeria #foto_galeria{
	color:#FFFFFF;
}

#comentarios #caja_comentarios{
	padding:15px;
}

#comentarios h2{
	font-size:13px;
	margin-bottom:5px;
}

#comentarios #comentario{
	margin-bottom:10px;
	line-height:95%;
}

#formulario_comentario{
	padding:22px 12px 5px 15px;
}

#formulario_comentario label{
	font-size:11px;
	font-weight:bold;
	color:#868686;
	float:left;
}

#formulario_comentario input,
#formulario_comentario textarea{
	float:right;
}

#formulario_comentario #nombre{
	background-color:#fbece7;
	width:535px;
	height:16px;
	color:#666666;
	border:1px solid #868686;
	margin-bottom:5px;
}

#formulario_comentario textarea{
	background-color:#fbece7;
	width:535px;
	height:63px;
	color:#666666;
	border:1px solid #868686;
}

#formulario_comentario #enviar{
	height:19px;
	background-color:#c63e0e;
	width:58px;
	height:21px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:15px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	border:0px;
	cursor:pointer;
}

#errores_formulario{
	padding-left:10px;
	padding-top:5px;
}

#errores_formulario p{
	color:#c63e0e;
}

#errores_formulario ul{
	list-style-type:none;
	color:#c63e0e;
	padding-left:15px;
}

#result_ok{
	padding-left:10px;
	padding-top:5px;
	color:#008000;
}

#result_error{
	padding-left:10px;
	padding-top:5px;
	color:#c63e0e;
}

#calendario_agenda{
	margin-top:10px;
	padding-left:140px; 
	margin-bottom:10px;
	background-color:#54a382;
	border-top:4px solid #54a382;
	border-bottom:4px solid #54a382;
}

#calendario_agenda #dhtmlxCalendar{
	padding:13px 0 5px 36px;
	width:300px;
	background-color:#ffffff;
}

#pdf_calendario{
	background-color:#ffffff;
	width:261px;
	padding-left:75px;
}

#logo_comentario{
	color:#ffffff;
}

#comentarios_logo{
	padding-top:15px;
}

#texto_bienvenida_blog{
	float:left;
	width:288px;
	padding:10px 0 10px 5px;
}

#texto_bienvenida_blog p{
	color:#3F3E3E;
	line-height:105%;
	padding-top:2px;
	text-align:justify;
}

#contenido_bienvenida_blog{
	margin-left:6px;
}

#caja_articulo #fecha_titulo_blog{
	width:590px;
	margin-top:15px;
}

#caja_articulo #fecha_blog{
	background:url(marcofechablog.jpg) no-repeat;
	width:68px;
	height:64px;
	float:left;
}

#caja_articulo p.numero_fecha{
	color:#FFFFFF;
	font-size:36px;
	text-align:center;
}

#caja_articulo p.mes_fecha {
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
}

#caja_articulo #titulo_blog{
	margin-left:10px;
	margin-top:35px;
	float:left;
}
#caja_articulo p.titulo_blog{
	text-align:left;
	font-weight:bold;
	color:#54a383;
	font-size:18px;
}

/************************** FIN DE ARTICULO (NOTICIAS, EVENTOS, PRENSA) ***************************/


/****************************************** COLABORADORES *****************************************/
#linea_logos{
	text-align:center;
}

#linea_logos img{
	margin-right:7px;
}

#colaboradores p{
	margin:10px 12px 15px 12px;
	text-align:justify;
	font-size:11px;
	line-height:99%;
}

#colaboradores #separador{
	height:20px;
}

/*************************************** FIN DE COLABORADORES *************************************/

/********************************************* ENLACES ********************************************/


#enlaces h1{
	margin-bottom:5px;
	cursor:pointer;
	cursor:hand;
}

#enlaces ul{
	margin:0 0 10px 30px;
	color:#c63e0e;
	list-style:circle;
}

#enlaces li{
	margin-left:20px;
}

/***************************************** FIN DE ENLACES *****************************************/

/*
 * Fancybox - Calendario
 */

#calendario_fancy{
	overflow:auto;
	height:330px;
	padding:10px 10px 0 20px;
}

#calendario_fancy ul{
	list-style-type:none;
	margin-left:25px;
}

#calendario_fancy h2{
	font:bold 13px "Trebuchet MS";
	margin-top:5px;
	color:#c63e0e
}