/* ------------------------------- general -----------------------------------*/
body { /*background-color: #DEEAEA;*/ background-color:#EDF6E4}

HTML {HEIGHT: 100%; width: 100%; font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#787878;}

a{ color: #006699; text-decoration:underline}
a:hover{color: #999999; text-decoration:none}
a:link { color: #006699; text-decoration:underline }

address {}

span {}

h1 { height:45px; font-size: 16px; border: 0px solid #d1d1d1; padding:10px 0px 0px 30px; margin:0px; color: #669900; background-image:url(../images/h1_fondo.gif); background-repeat:no-repeat;}

h2 { font-size: 13px; border: 0px solid #d1d1d1; padding:0px; margin-bottom:20px;color: #3399CC; }
h2:first-letter { font-size: 150%;color: #336699;} 

h3{font-size: 12px; border-bottom: 1px solid #3399CC; padding:0px; margin-bottom:20px; margin-top:20px;color: #669900;}
h4{font-size: 11px; border-bottom: 1px dotted #669900; padding:0px; margin-bottom:15px; margin-top:20px;color: #669900; text-align:center}



hr { width: 100%; color:#CCCCCc; border: 0px solid #CCCCCc; height: 1px; background-color:#CCCCCc; padding:0px; margin:5px 0px 5px 0px;}

strong { font-size: 12px; border: 0px solid #d1d1d1;  color: #336699; background-color:#ffffff; line-height: 20px;}

#separador{ background-image:url(../images/linea.gif); background-repeat:repeat-x; height:1px; padding:0px; margin-top:5px;}

p { color:#666666; line-height:16px; margin:10px 0px 10px 0px; text-align:justify; font-size:11px;}
.destacados{font-size: 14px; font-weight:bold; letter-spacing:2px;}
.nota{font-size: 10px;}
.ejemplo {font-family:"Courier New", Courier, monospace}

em{color:#666666; line-height:16px; margin:10px 0px 10px 0px; font-style:italic; font-size:11px; font-weight:bold}

.volver{ height: 25px; text-align:right;}
.volver a{ font-weight:bold; text-decoration:none;}
.volver a:hover{ color:#999999;}





/* ------------------------------- estructura -----------------------------------*/

/*#container { position:absolute; width: 736px;  top: 0px; left:50%; margin-left:-368px; padding-top: 35px; background-color:#FFFFFF}*/
#container { position:absolute; width: 736px; top: 0px; left:50%; margin-left:-395px; padding: 25px 27px 0px 27px; background-color:#FFFFFF}

#cabecera { width:700px; height: 65px; background-image:url(../images/foresta.gif); background-position:bottom left; margin-left:35px; background-repeat:no-repeat;text-align:right;}

#menu { width:223px; float:left; margin-bottom: 50px; }

#submenu {float: right; width:506px; height:41px;  background-color:#ffffff}

#contenido { float:right;width:506px;  /*background-color:#ffffff*/}

#pie {width:100%; height: 60px; text-align: center; border-top: 10px solid #A5A5A5; float:right; padding-top: 25px; }




/* ------------------------------- #cabecera -----------------------------------*/
div.linkLogotipo{ width:190px; height:60px; float:left; cursor: pointer; border:0px solid #000000}
div.elTiempo{width:150px; height:60px; float:left; border:0px solid #000000; text-align:center; border-left: 1px dotted #cccccc}
div.restoLinksCabecera{ width:320px; float:right; border:0px solid #000000}

#menu_idiomas { margin:10px 0px 10px 0px; padding:0px;border:0px solid #666666; display:block; float:right; width:300px; border:0px solid #000000;}
#menu_idiomas li{margin:0px;padding:0px 5px 0px 5px; float:right; list-style:none; padding:0px 10px 0px 0px; margin:0px 10px 0px 0px;}
#menu_idiomas li a{ display:block; color:#669900; text-decoration:none; font-weight: bold}
#menu_idiomas li a:hover{ color:#176EA6;text-decoration:underline;}


#menu_utilidades_cabecera .home{ background-image:url(../images/ico_home.gif); background-repeat:no-repeat; padding-left: 15px;}
#menu_utilidades_cabecera .ayuda{background-image:url(../images/ico_ayuda.gif);background-repeat:no-repeat; padding-left: 15px;}
#menu_utilidades_cabecera .mapa{background-image:url(../images/ico_mapa.gif);background-repeat:no-repeat; padding-left: 15px;}
#menu_utilidades_cabecera .aviso{background-image:url(../images/ico_ayuda.gif);background-repeat:no-repeat; padding-left: 15px;}
#menu_utilidades_cabecera .contacto{background-image:url(../images/ico_contacto.gif);background-repeat:no-repeat; padding-left: 15px;border-right:0px solid #666666;}


#menu_utilidades_cabecera { margin:0px; padding:0px;border:0px solid #666666;display:block; float:right ;width:305px;}
#menu_utilidades_cabecera li{margin:0px;padding:0px 5px 0px 5px; float:left; list-style:none; text-align:left;  border-right:1px solid #666666;padding:0px 10px 0px 0px; margin:0px 10px 0px 0px;}
#menu_utilidades_cabecera .ultimo{border-right:0; margin:0px; padding:0px 0px 0px 5px; height:auto; width:30px; float:none;}
#menu_utilidades_cabecera li a{ display:block; color:#176EA6; text-decoration:none; }
#menu_utilidades_cabecera li a:hover{ color:#999999;text-decoration:underline;}

/* ------------------------------- #menu  -----------------------------------*/

#menu_titulo_principal { width: 208px; height:23px; padding: 12px 0px 0px 15px; background-image:url(../images/menu_titulo.gif); background-repeat:no-repeat; color:#787878; border:0px solid #666666;}
#menu_navegacion { width: 223px;  padding:10px 0px 35px 0px; background-image:url(../images/menu_fondo.gif); background-repeat: repeat-y;}
#menu_pie { width: 223px; height:8px; background-image:url(../images/menu_pie.gif); background-repeat: no-repeat; margin-bottom: 8px;}

#menu_voluntario{ width: 223px; height:10px; padding:55px 0px 35px 0px; background:url(../images/unete2.jpg) no-repeat bottom; }
#menu_voluntario a{color:#ffffff; font-weight:bold; }
#menu_jornadas{width: 86px; height:85px; background:url(../images/banner_jornadas.jpg) no-repeat ; margin-top:5px; padding:15px 0 0 140px; }
#menu_jornadas p{ width: 60px;}
#menu_jornadas a{color:#3399CC; font-weight:bold; }


#item_menu_principal { margin:0px; padding:0px;}
#item_menu_principal li{margin:0px 0px 0px 20px; padding:0; list-style:none;}
#item_menu_principal li a{ display:block; width:165px; height:12px; padding: 4px 0px 5px 15px; text-decoration:none; color:#666666;  background-image:url(../images/menu_item.gif); background-repeat:no-repeat;}
#item_menu_principal li a:hover{  color:#339933;}


.item_acceso {width:190px; height:25px; margin-left:10px;  padding:0px;}


/* ------------------------------- #submenu  -----------------------------------*/

#submenu_link { margin:0px; padding:0px;}
#submenu_link li{margin:0px;padding:0; float:left; list-style:none;}
#submenu_link li a{ display:block; width:101px; height:31px; padding: 10px 0px 0px 0px; text-decoration:none; text-align:center; font-size:11px; color:#ffffff; font-weight:bold; background-color:#000000; background-image:url(../images/submenu.gif); background-repeat:no-repeat;}
#submenu_link li a:hover{ height:26px;  padding: 15px 0px 0px 0px; text-decoration:none; color:#666666; background-position:bottom;}


/* ------------------------------- #contenido  -----------------------------------*/

/* HOME */
#modulo_grafico_home { width:506px; margin:0px 0px 15px 0px;}

#modulo_ultimas_noticias{float:left; width:240px; padding:0px 10px 0px 10px;  /*background-color:#ffffff;*/ border:0px solid red}
#modulo_ultimas_noticias .titulo{width:200px; height:22px; padding: 8px 5px 0px 35px; background-image:url(../images/modulo_noticias_titulo.gif); background-repeat:no-repeat;}
#modulo_ultimas_noticias .grupo_noticia { width:219px; margin:0px 0px 0px 7px; padding: 7px 0px 10px 0px;  background-image:url(../images/linea.gif); background-repeat:repeat-x; background-position:bottom;}
#modulo_ultimas_noticias .titular{ padding-left:10px;background-image:url(../images/modulo_noticias_fl.gif); background-repeat:no-repeat; background-position:top left;}

#modulo_proximos_eventos{ float: right; width:240px;  /*background-color:#ffffff;*/}
#proximos_eventos{ overflow: hidden;}
#proximos_eventos .titulo{height:21px; padding: 12px 5px 0px 35px; background-image:url(../images/modulo_eventos_titulo.gif); background-repeat:no-repeat;}
#proximos_eventos .grupo_evento{overflow: hidden; padding: 5px; width:100%; background-image:url(../images/modulo_eventos_fondo.gif); vertical-align:bottom; border-bottom:1px dotted #cccccc;}
/*#proximos_eventos img{ width:50px; margin: 1px  5px  2px  5px; float:left; border:1px solid #cccccc;}*/
#proximos_eventos .texto{}
#proximos_eventos .textoLink{ width:95%; text-align:right;}
#proximos_eventos .pie{height:8px;background-image:url(../images/modulo_eventos_pie.gif); background-repeat:no-repeat}

#proximos_eventos_banner{ padding: 5px 0px 5px 0px;}


/* INTERIOR */
#modulo_grafico{ width:505px; margin:0px 0px 0px 0px; padding:0px;}

#modulo_texto {width:470px; margin:15px 6px 15px 30px;}

#modulo_texto img.izda{ float:left; margin: 5px 15px 5px 0px}
#modulo_texto img.dcha{ float: right;margin: 5px 0px 5px 15px}


#modulo_texto ul {margin-top: 20px; margin-right: 50px; margin-bottom: 20px; line-height:16px; list-style-image:url(../images/li.gif);}
#modulo_texto li { text-align:justify; padding: 5px 0px 5px 0px; border-bottom:1px dotted #cccccc}

#modulo_texto dt {margin: 20px 50px 20px 0px; padding-left:10px; line-height:16px; background:url(../images/li.gif) no-repeat}
#modulo_texto dd { text-align:justify; padding: 5px 0px 5px 0px; border-bottom:1px dotted #cccccc}


/* ------------------------------- #pie  -----------------------------------*/
#pie #nav_auxiliar{}
#pie #nav_auxiliar ul{ margin:0px 0px 15px 0px; padding:0px; line-height:normal}

#pie #nav_auxiliar li{display:inline; border-right:1px solid #666666;padding:0px 10px 0px 0px; margin:0px 10px 0px 0px; text-align:center}
#pie #nav_auxiliar .ultimo{border-right:0; margin:0px; padding:0px 0px 0px 5px; height:auto; width:30px; float:none;}
#nav_auxiliar a{text-decoration:none; color:#666666; font-weight:bold; }
#nav_auxiliar a:hover{  text-decoration: underline; color:#99999;}



/* ------------------------------- GRAFICAS  -----------------------------------*/
p.graficas{ font-size: 11px; font-weight:bold; color:#CC0033}
#leyenda{ padding:10px;}
#leyenda ul{ border:0px; margin:0px; padding:0px; list-style-image:none;}
#leyenda li{ border:0px;  padding:0px; margin:0px 0px 0px 55px; font-size:20px;list-style: square;}
#leyenda li.uno{ color:#FF9900;}
#leyenda li.dos{ color:#339999;}
#leyenda li.tres{ color:#CC0066;}
#leyenda li.cuatro{ color:#3399CC;}

table.leyenda{margin:20px 20px 40px 20px;}
table.leyenda td.porcien{ color:#666666; font-weight:bold}

table.graficas{ width: 70%;}
table.graficas td{ border-bottom:1px solid #999999; padding:2px;}
table.graficas .porcien{ font-weight:bold; border-left:1px solid #999999; background-color:#999999; color:#FFFFFF; text-align:center}
table.graficas .numero{font-weight:bold; color:#333333;}

table.bioIndica{ border:0px solid #999999; padding:0; width:240px;}
table.bioIndica th{ color: #336699; text-transform:uppercase; border:1px dotted #fff;}
table.bioIndica td{ border:0px solid #999999;}


.fondo1 {background-color:#FFCC00; width:15px;}
.fondo2 {background-color:#0099CC; width:15px;}
.fondo3 {background-color:#99CC00; width:15px;}
.fondo4 {background-color:#CC0066; width:15px;}
.fondo5 {background-color: #009999; width:15px;}

img.grafica{ float: right;}

#graficaG{ position:relative; width:470px; height:380px;}
#graficaGcontenido{ position:absolute; top:0; left:0; width:100%;}
#graficaGtablas{ position:absolute; top:145px; left:110px;}

/* ------------------------------- PROYECTOS  -----------------------------------*/



/* ------------------------------- RECORTES  -----------------------------------*/
.recortes{ min-height:105px;}
*html .recortes{ height:100%;}
.recortes img{ width:90px; height:90px; float:left; border:1px dotted #006699; padding:2px; margin-right: 20px;}
.recortes .fecha{ font-style:italic;}
.recortes .titular{ font-weight:bold; font-size:11px;}
img.recortesG{ width:100%}


/* ------------------------------- PRODUCTOS -----------------------------------*/
#modulo_productos{ width:100%;}

#modulo_productos ul{ padding:0px; margin:0px; height:100%; min-height:260px; list-style: none; list-style-image:none; border: 0px solid #666666;color:#000000;}
#modulo_productos li{ margin: 20px; padding:0px; width:90%; float:left; overflow:hidden; vertical-align:middle;text-align: center;}
#modulo_productos img{ float:left; margin-right: 20px; margin-bottom:30px; }


/* ------------------------------- PATROCINADORES -----------------------------------*/
#modulo_listados{ width:100%;}

#modulo_listados ul{ padding:0px; margin:0px; height:100%; min-height:260px; list-style: none; list-style-image:none; border: 0px solid #666666;color:#000000;}
#modulo_listados li{ margin: 0px; padding:0px; width:50%; height:80px; float:left; overflow:hidden; vertical-align:middle;text-align: center;}
#modulo_listados img{ margin: 5px;}



/* ------------------------------- NOTICIAS -----------------------------------*/
.noticia{ margin:0px; padding:0px 0px 5px 0px ; background-image:url(../images/linea.gif); background-repeat:repeat-x; background-position:bottom; border: 0px solid #666666;}
p.titular_noticia{ margin:0px; padding-left:10px;background-image:url(../images/modulo_noticias_fl.gif); background-repeat:no-repeat; background-position:top left; font-weight:bold; border: 0px solid #666666;}

.noticia_des{margin: 0px 0px 15px 0px; padding-bottom:10px; }
.noticia_des strong{ font-size:11px; margin:0px; padding:0px;}
.noticia_des img{ width:200px; float:left; padding: 10px 30px 10px 0px;}



/* ------------------------------- EVENTOS -----------------------------------*/
#eventos ul{ padding:0px; margin:0px; list-style: none; list-style-image:none; border: 0px solid #666666;color:#000000;}
#eventos li{ margin: 0px; padding:0px; list-style: none; list-style-image:none;}
#eventos img{ float:left; margin-right: 20px; margin-bottom:30px; width:70px; }

span.titular_evento{ padding-left:10px;background-image:url(../images/modulo_noticias_fl.gif); background-repeat:no-repeat; background-position:top left; font-weight:bold;font-style: normal; display:block; text-align:left}
p.fecha_evento{ text-align:right; font-style:italic}

.evento_des{ text-align:left;}
.evento_des img{ margin:5px 15px 25px 15px; float:left}
.evento_des .piedefoto{ color:#3399CC; width: 400px;margin-left: 15px}


/* ------------------------------- EVENTOS -----------------------------------*/
div.galerias{ margin:0px; padding:0px 0px 5px 0px ;background-image:url(../images/linea.gif); background-repeat:repeat-x; background-position:bottom; border: 0px solid #666666;}
div.galerias .fecha{ font-style:italic; font-weight:normal;}
div.galerias p{ font-style:normal; font-weight:bold; line-height:normal;}
div.galerias div{ text-align:right}
#menu_galeria { margin:0px 0px 30px 30px; padding:0; list-style-image:none; border: 0px solid #666666; width:470px; float:left}
#menu_galeria li{ overflow:hidden; width: 59px; height:59px; margin:1px; padding:0px; float:left; list-style:none; text-align:left; background-color:#333333; border:3px solid #CCCCCC;}
#menu_galeria img{  height:59px; border:0px solid #000000; margin:0px; padding:0px;}
#menu_galeria a img { filter: alpha(opacity=100); }
#menu_galeria a:hover img { filter: alpha(opacity=50); opacity: .5}

#galeriaG{ margin:0px 5px 30px 0px; padding:0px; width:358px; border: 0px solid #666666; background-color:#000000; float:right;}
#galeriaG img{ width: 358px; margin:0px; padding:0px;}




/* ------------------------------- DOCUMENTOS -----------------------------------*/
.documentos{ border-bottom:1px solid #CCCCCC; margin-bottom:10px; padding-bottom:5px;}
.documentos p{ margin:0px; padding:0px;}
.documentos .descarga{ text-align:right;}
.documentos a{ font-weight: bold; text-decoration: underline; color:#669900}
.documentos a:hover{  text-decoration: none; color:#3399CC}





/* ------------------------------- formularios  -----------------------------------*/
#acceso{width:300px; height:100px; background-image:url(../images/fondo_acceso.gif); text-align:center;}
#acceso form{ padding: 10px 0px 0px 30px;}
#acceso input{ margin: 5px 20px 0px 5px; width:150px; height: inherit;}
#acceso label{ border:0px solid #000000; width: 100px; display:inline;}


form{ padding:30px 0px 30px 0px; margin:0px;}
form .fields{ padding:0px 0px 10px 80px;}
input{width:250px; height:15px; margin:2px 0px 2px 20px;font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
select{width:250px; height:15px; margin:2px 0px 2px 20px;font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
textarea{width:250px; height:80px; margin:2px 0px 2px 20px;font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
label{ display:block; padding:0px; text-align:left}
input.botones { width:120px; height:25px; vertical-align:bottom;}

label.input35 { display:inline;}
input.input35{width:35px;margin:2px 2px 2px 0px;}
input.input50{width:50px;margin:2px 2px 2px 0px;}