body{z-index:0;margin:0;}
.oculto {display:none;}
.contenedor { width:760px; margin:10px auto ; height :100%; }
img{ border:0;}


.flash_index{ z-index:5; height :400px; width:760px; position:absolute; margin:10% 0px 0px 0px; }
.flash_index h1{ display:none; }
.flash_index p.entra{ text-align:right;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.5em;
/*letter-spacing:-1px;*/
font-weight:bold;
margin-top:-0.2em;
margin-right:0.4em}

.flash_index p.entra a{
text-decoration:none;
color:#99CC00;
}

.flash_index p.entra a:hover{
color:#DCE8BA;
}

/*.cabecera{ border-left: 5px solid #000; background-image:url(imaxes/cabecera.jpg); height :118px; width:760px; position:absolute; margin:0px auto ; }
.cabecera h1{ display:none; }*/

.cabecera{ z-index:5; height :156px; width:760px; position:absolute; margin:0px 0px 0px 0px; }
.cabecera h1{ display:none; }

.cabecera_energia a{ background-image:url(imaxes/ENERGIA.jpg); height :156px; width:760px; position:absolute; margin:0px 0px 0px 0px;  }
.cabecera_energia h1{ display:none; }

.cabecera_cambioclimatico a{  background-image:url(imaxes/CAMBIO-CLIMATICO.jpg);  height :156px; width:760px; position:absolute; margin:0px 0px 0px 0px; }
.cabecera_cambioclimatico h1{ display:none; }

.cabecera_agua a{ background-image:url(imaxes/AGUA.jpg); height :156px; width:760px; position:absolute; margin:0px 0px 0px 0px;}
.cabecera_agua h1{ display:none; }

.cabecera_territorioyciudad a{ background-image:url(imaxes/TERRITORIO.jpg); height :156px; width:760px; position:absolute; margin:0px 0px 0px 0px; }
.cabecera_territorioyciudad h1{ display:none; }

.cabecera_diversidad a{ background-image:url(imaxes/BIODIVERSITA.jpg); height :156px; width:760px; position:absolute; margin:0px 0px 0px 0px; }
.cabecera_diversidad h1{ display:none; }

.cabecera_sociales a{ background-image:url(imaxes/CIENCIA-SOCIALES.jpg); height :156px; width:760px; position:absolute; margin:0px 0px 0px 0px;}
.cabecera_sociales h1{ display:none; }

.cabecera_ciencia a{ background-image:url(imaxes/CIENCIA-Y-TECNOLOGIA.jpg); height :156px; width:760px; position:absolute; margin:0px 0px 0px 0px;}
.cabecera_ciencia h1{ display:none; }

.cabecera_medioambiente a{ background-image:url(imaxes/COOPERAZIONE.jpg); height :156px; width:760px; position:absolute; margin:0px 0px 0px 0px;}
.cabecera_medioambiente h1{ display:none; }

.cabecera_salud a{ background-image:url(imaxes/SALUD-PUBBLICA.jpg); height :156px; width:760px; position:absolute; margin:0px 0px 0px 0px;}
.cabecera_salud h1{ display:none; }

.cabecera_educacion a{ background-image:url(imaxes/EDUCAZIONE.jpg); height :156px; width:760px; position:absolute; margin:0px 0px 0px 0px;}
.cabecera_educacion h1{ display:none; }



/* ------------Menu corporativo-------------------*/



.contenedor .menu_corporativo { font-family: tahoma, verdana, arial; position:relative; float:right; top: 119px; z-index:40; }

.menu_corporativo ul { padding:0; margin:0 0px 0 0; list-style-type: none; }

.menu_corporativo ul li { float:left;  position:relative; display:block; }

.menu_corporativo ul li a{
text-align:center; 
text-decoration:none; 
color:#18161c; 
/*width:50px; */
font-size: 9pt;
font-weight:bold;
font-family: Arial, Helvetica,Sans-serif;
}

.menu_corporativo ul li a:hover{
color:#221d03;
text-decoration:underline;
}

.menu_corporativo ul li p.seleccionado {
color:#fff;
background-color:#555f53;
background-image:none;
}
.menu_corporativo ul li a.seleccionado {
color:#fff;
}
.menu_corporativo ul li a.seleccionado:hover {
color:#2b412a;
}
.menu_corporativo ul li p {
padding:0px 6px 2px 10px;
background-image:url(imaxes/corp_trans.png);
}
.menu_corporativo ul li p:hover{
background-color:#ebefe2;
}







/* ------------Menu areas-------------------*/

.areas{
position:absolute;
top:150px;
height:100%;
width:170px;
z-index:60;
float:left;
margin-left:6px;
color:#1d1d1c;
}

/*.tit_areas{
float:left;
z_index:70;
heigth:47px;
width: 93px;
}*/
.tit_areas {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
letter-spacing:-1px;
font-weight:bold;
margin-bottom:0px;
margin-left:12px;
border-bottom: 1px solid #c3c3bd;
/*
background-color:#000;
color:#fff;*/
}




.menu_areas ul{
position:relative;
top:-10px;
/*margin: 0;*/
padding: 0;
list-style-type:none;

}

.menu_areas ul li{
/*height:30px;
width:120px;
background-color:#00CC66;
background-color:#00cc66;*/
/*margin:0 0 -3px -10px ;
background-color:#66CC33;background-color:#00CC66;*/
display:block;
/*background-image:url(imaxes/energiagiu.jpg);
background-repeat:no-repeat;*/
height:23px;
margin-top:-2px;
/*margin-bottom:10px;*/
}

.menu_areas ul li:hover{
/*background-image:url(imaxes/energiasu.jpg);
background-repeat:no-repeat;*/
}

.menu_areas ul li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight:bold;
text-decoration:none;
color:#1d1d1c;

}
.menu_areas ul li p{
padding-left:30px;
padding-top:0.2em;
line-height:0.8em;
/*background-color:#000066;*/
}


.menu_areas ul li a:hover{
color:#666633;
}

 #m_energia{background-image:url(imaxes/energiagiu.jpg);background-repeat:no-repeat;}
 #m_energia:hover{background-image:url(imaxes/energiasu.jpg);background-repeat:no-repeat;}
 #m_energia a:hover{color:#B47F84;}
 
  #m_cclimatico{background-image:url(imaxes/cambioclimaticogiu.jpg);background-repeat:no-repeat;}
 #m_cclimatico:hover{background-image:url(imaxes/cambioclimaticosu.jpg);background-repeat:no-repeat;}
 #m_cclimatico a:hover{color:#CCD76E;}
 
  #m_agua{background-image:url(imaxes/aguagiu.jpg);background-repeat:no-repeat;}
 #m_agua:hover{background-image:url(imaxes/aguasu.jpg);background-repeat:no-repeat;}
 #m_agua a:hover{color:#92B7C0;}
 
  #m_diversidad{background-image:url(imaxes/diversidadbiologicagiu.jpg);background-repeat:no-repeat;}
 #m_diversidad:hover{background-image:url(imaxes/diversidabiologicasu.jpg);background-repeat:no-repeat;}
 #m_diversidad a:hover{color:#D3A34E;}
 
  #m_salud{background-image:url(imaxes/saludpublicagiu.jpg);background-repeat:no-repeat;}
 #m_salud:hover{background-image:url(imaxes/saludpublicasu.jpg);background-repeat:no-repeat;}
 #m_salud a:hover{color:#C0A1D0;}
 
  #m_ciencia{background-image:url(imaxes/cienciaytecnologiagiu.jpg);background-repeat:no-repeat;}
 #m_ciencia:hover{background-image:url(imaxes/cienciaytecnologiasu.jpg);background-repeat:no-repeat;}
 #m_ciencia a:hover{color:#D8D587;}
 
  #m_sociales {background-image:url(imaxes/cienciasocialesgiu.jpg);background-repeat:no-repeat;}
 #m_sociales:hover{background-image:url(imaxes/cienciasocialessu.jpg);background-repeat:no-repeat;}
 #m_sociales a:hover{color:#D99788;}
 
  #m_territorio{background-image:url(imaxes/territoriogiu.jpg);background-repeat:no-repeat;}
 #m_territorio:hover{background-image:url(imaxes/territoriosu.jpg);background-repeat:no-repeat;}
 #m_territorio a:hover{color:#AC947A;}
 
  #m_cooperacion{background-image:url(imaxes/medioambientegiu.jpg);background-repeat:no-repeat;}
 #m_cooperacion:hover{background-image:url(imaxes/medioambientesu.jpg);background-repeat:no-repeat;}
 #m_cooperacion a:hover{color:#B9E8A4;}
 
  #m_educacion{background-image:url(imaxes/educaciongiu.jpg);background-repeat:no-repeat;}
 #m_educacion:hover{background-image:url(imaxes/educacionsu.jpg);background-repeat:no-repeat;}
 #m_educacion a:hover{color:#CBA0CD;}

/* --------------------------------------CONTENEDOR TEXTO------------------*/

#contenedor_texto{
position:absolute;
top:166px;/*118px;
left:20px;background-color:#009900;*/
margin: 0 0px 0 222px;
z-index:4;
width:538px;

}


/* ------------barra  areas-------------------*/

#contenedor_texto #energia{margin:0 0 -7px 0;z-index:100;}
#contenedor_texto #energia h2{color:#fff;font-family:Verdana;font-size:14px;padding:2px 0 2px 15px;
background-color:#b1161b;
margin:0;}

#contenedor_texto #cambioclimatico{margin:0 0 -7px 0;z-index:100;}
#contenedor_texto #cambioclimatico h2{color:#fff;font-family:Verdana;font-size:14px;padding:2px 0 2px 15px;
background-color:#b2c025;
margin:0;}

#contenedor_texto #agua{margin:0 0 -7px 0;z-index:100;}
#contenedor_texto #agua h2{color:#fff;font-family:Verdana;font-size:14px;padding:2px 0 2px 15px;
background-color:#649cb3;
margin:0;}

#contenedor_texto #territorioyciudad{margin:0 0 -7px 0;z-index:100;}
#contenedor_texto #territorioyciudad h2{color:#fff;font-family:Verdana;font-size:14px;padding:2px 0 2px 15px;
background-color:#955911;
margin:0;}

#contenedor_texto #diversidad{margin:0 0 -7px 0;z-index:100;}
#contenedor_texto #diversidad h2{color:#fff;font-family:Verdana;font-size:14px;padding:2px 0 2px 15px;
background-color:#f1a722;
margin:0;}

#contenedor_texto #ciencia{margin:0 0 -7px 0;z-index:100;}
#contenedor_texto #ciencia h2{color:#fff;font-family:Verdana;font-size:14px;padding:2px 0 2px 15px;
background-color:#ddc20e;
margin:0;}

#contenedor_texto #sociales{margin:0 0 -7px 0;z-index:100;}
#contenedor_texto #sociales h2{color:#fff;font-family:Verdana;font-size:14px;padding:2px 0 2px 15px;
background-color:#cf3c21;
margin:0;}

#contenedor_texto #mambiente{margin:0 0 -7px 0;z-index:100;}
#contenedor_texto #mambiente h2{color:#fff;font-family:Verdana;font-size:14px;padding:2px 0 2px 15px;
background-color:#4db319;
margin:0;}

#contenedor_texto #salud{margin:0 0 -7px 0;z-index:100;}
#contenedor_texto #salud h2{color:#fff;font-family:Verdana;font-size:14px;padding:2px 0 2px 15px;
background-color:#C582D1;
margin:0;}

#contenedor_texto #educacion{margin:0 0 -7px 0;z-index:100;}
#contenedor_texto #educacion h2{color:#fff;font-family:Verdana;font-size:14px;padding:2px 0 2px 15px;
background-color:#EA76E1;
margin:0;}

/*-------------------submenu quienes_-------------------------*/


#quienes{z-index:45; 

max-width:538px;
margin-bottom:2.2em;
border-top:10px solid #555f53;
/*background-color:#555f53;
margin:0; 
background-color:#555f53;
position:relative;
top:-327px;

width:590px;

margin:0 auto;
left:85px;
height:22px;*/
}
#quienes ul {padding:0; margin:0px auto;float:right;}

#quienes ul#actividades {padding:0 40px 0 0; margin:0 auto;float:right;}

#quienes ul li { ; margin:0 auto; float:left;  position:relative; display:block; }




.menu_corporativo ul li a{

/*text-align:center; 
text-decoration:none; 
color:#18161c; 
width:50px; 
font-size: 9pt;
font-weight:bold;
font-family: Arial, Helvetica,Sans-serif;*/}


#quienes p{
font-family:Verdana;
font-size:0.8em;
padding:2px 4px 3px 7px;
 margin:0;
}
#quienes a{

text-decoration:none;
color:#345534;; margin:0;
}
#quienes a:hover{
color:#CAC4BD;
text-decoration:underline;
}

.quienes_sel{
font-weight:bold;
font-size:0.9em;
}


/* ------------submenu_areas-------------------*/

.submenu_areas p{
font-family: Arial, Helvetica, sans-serif;
font-size:0.8em;
/*line-height:1.1em;*/
text-indent:0.1em;
/*color:#686464;
background-color:#c7c7cc;*/

}
.submenu_areas a{
text-decoration:none;
color:#345534;
}

.submenu_areas a:hover{
color:#FABFFC;
text-decoration:underline;
}


/* ------------botón imprimir------------------*/

#print a{
background-image:url(imaxes/print.png);
width:20px;
height:20px;
position:relative;
float:right;
margin-right:0.5em;
top:-5px;
text-decoration:none;
}
#print span{
display:none;
}

/* ------------texto-------------------*/



.texto{margin: 10px 0px 20px 0px; text-align:justify; }

.texto_quienes{font-size:1.1em; text-indent:1em; margin: 10px 5px 0 5px;}

.texto h1{
font-family:Arial, Helvetica, sans-serif;
font-size:2.2em;
font-weight:bold;
letter-spacing:-2px;
color:#394149;
text-align:right;
margin-right:1em;
margin-bottom:-7px;
padding-top:0.8em;
line-height:0.9em;
}

.texto h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:bold;
/*font-size:12px;font-family: Arial, Helvetica, sans-serif;font-size:0.65em;
font-weight:normal;letter-spacing:-4px;*/
color:#1d1d1c;
margin-bottom:20px;
border-bottom:1px solid #c3c3bd;
padding-top:20px;
margin-left:1em;
}

.texto p{
font-family: Arial, Helvetica, sans-serif;
font-size:0.8em;
/*font-size:0.7em;
line-height:1.1em;
text-indent:3em;*/
color:#333333;
}

.texto a{
color:#0066cc;
text-decoration:none;
}

.texto a:hover{
/*color:#CAC4BD;*/
text-decoration:underline;
}
.titulos{
	line-height: 1.1em;
	font-weight: bold;
	font-style:italic;
	color:#0e4073;
}
.titulos a{
	line-height: 1.1em;
	font-weight: bold;
	font-style:italic;
	color:#0e4073;
}

.texto li{
font-family: Arial, Helvetica, sans-serif;
list-style-type:none;
text-decoration:none;
margin-left:-40px;
}

.texto #elemento_agenda .espacio_agenda {
margin:0px 0 40px 0;
border-bottom: 1px solid #0e4073;
padding:0px 40px 0px 0px;
}

.texto #elemento_agenda a{
color: #83a323;
}



.texto #elemento_agenda h4{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
/*font-size:12px;font-family: Arial, Helvetica, sans-serif;font-size:0.65em;
font-weight:normal;letter-spacing:-4px;*/
color:#1d1d1c;
margin-bottom:20px;
padding-top:20px;
}
.texto_quienes{
font-size:1.2em;
}

.texto_contacto{
font-family: Arial, Helvetica, sans-serif;
/*font-size:0.85em;*/
margin: 6em 6em;
}

.texto .socios li{
font-family: Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
list-style-type:none;
margin-left:-40px;
}

.centrado{
text-align: center;
}

.arriba{ margin-top: 2em ;margin-bottom:2.5em;  /*float:right;*/ }
.arriba a{ font-family:Arial, Helvetica, sans-serif; 
font-size:0.7em;
text-indent:0.1em;
color:#666b71;}
.arriba a:hover{ color:#FABFFC;
text-decoration:underline;}

.texto #elemento_agenda .arriba{ margin-top: 2em ;margin-bottom:0em;  /*float:right;*/ }
.texto #elemento_agenda  .arriba a{ font-family:Arial, Helvetica, sans-serif; 
font-size:0.7em;
text-indent:0.1em;
color:#666b71;}
.texto #elemento_agenda .arriba a:hover{ color:#FABFFC;
text-decoration:underline;}

.w3 a{
color:#999933;
font-size:0.8em;
margin: 0 2em;
}

.oei{
margin-top: 2.85em;
font-size:0.9em;
text-align:center;
font-weight:bold;
}
