/* ---------->>> etiquetas y "reset" <<<-----------*/
html, body {border:0;margin:0;padding:0;height:100%;background:#DDE0E9;color:#2C3C5C;}
body {font: 70%/1.25 "Verdana",sans-serif;}


h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal;}
h1{font-size:140%;font-weight:bold;margin:8px 10px;border-bottom:1px solid;padding-bottom:4px}
h2{margin: 8px 10px;color:#709dab;font-size:125%}
h3{font-size:105%;margin:8px 20px;background:#fff url(../imagenes/puntosVerdes.gif) no-repeat 10px bottom;border:1px solid #fff;padding-bottom:5px;margin-bottom:5px;padding-left:10px}
p,div,ul,ol,form {margin:0;padding:0;}
img {border:0;}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dotted;}


/* ----------------->>> layout <<<------------------*/
#general{width:100%; margin:10px 0 10px 0; background:url(../imagenes/degradado.gif) repeat-y top center;}
#layout{width:69.4em;margin:1px auto;height:93%;border:1px solid #A09FA5;background:#fff}
#colIzq{width:19.6em;height:100%;border-right:1px solid #738097;padding-bottom:10px}
#colCen{width:48.3em;height:100%;background:url(../imagenes/fondoCentro.gif) repeat-y top left;padding:0 0 10px 0;}
.fondoCen{background:url(../imagenes/fondoCentro.gif) repeat-y top left;}
#colCen p, #colCen cite, #colCen blockquote{padding:5px 13px;display:block}
#colCen ul{margin:5px 12px 5px 28px;list-style-image:url(../imagenes/bulFlecha.gif)}
#colCen a, #piePag a{color:#2C3C5C;}
#piePag{border:1px solid #A09FA5;margin:5px;padding:3px;height:1%}
#copy{width:21em;font-weight:bold;color:#489273;font-size:100%;}
#pieResto{width:46em;text-align:center;font-weight:bold;color:#2C3C5C;}
#piePag a{text-decoration:none}

#idioma{text-align:right;padding:4px 8px 0 8px}
#idioma a{color:#7F8999;text-decoration:none;font-weight:bold}
#idioma a:hover{text-decoration:underline}

#tiraSup{margin:5px;padding:1px;border:1px solid #bbbbbd;height:93px;background:url(../imagenes/fondoTiraSup.gif) repeat-x left bottom;padding:0}
	#logo{float:left;width:19.7em;}
	#contenMenu{float:left;width:48.6em;height:93px;background:url(../imagenes/fondoSup.jpg) no-repeat top left}
		/*#menuPrincipal{list-style-type:none;font-family:Arial;font-size:120%;font-weight:bold;
height:1%;position:absolute;width:41.2em;margin:0 0 0 1px}*/
		
		#menuPrincipal{list-style-type:none;font-family:Arial;font-size:13px;font-weight:bold;
height:1%;position:absolute;margin:0 0 0 1px}

/*.menu{float:left;margin-right:2px;width:114px;padding-top:40px;padding-bottom:1px;border-bottom:11px solid;padding-bottom:1px;display:block;} */
			.menu{float:left;margin-right:1px;width:114px;/*padding-top:40px;*/padding-bottom:1px;border-bottom:11px solid;padding-bottom:1px;display:block;}
		.item{color:#2C3C5C;text-decoration:none;display:block;border-bottom:6px solid}
		
		/*#colaboraciones{padding-top:56px}*/
		#fundacion{width:114px;border-color:#BFE4E3;/*padding-top:56px*/}
		#fundacion .item{border-color:#5B9593}
		#fundacion:hover .subMenu{display:block}
		#acciones{width:114px;border-color:#D1E3DB}
		#acciones .item{border-color:#326C53}
		#acciones:hover .subMenu{display:block}
		#investigacion{width:114px;border-color:#CED5DD}
		#investigacion .item{border-color:#3A5A83}
		#investigacion:hover .subMenu{display:block}
		#colaboraciones{width:107px;border-color:#DCD4E3}
		#colaboraciones .item{border-color:#865B98}
		#colaboraciones:hover .subMenu{display:block}
		#iniciativas{width:86px;border-color:#DBCAD4}
		#iniciativas .item{border-color:#832654}
		#iniciativas:hover .subMenu{display:block}
		
		.on{border-bottom:0}
		.on .subMenu{display:block}
		
	.subMenu{border:1px solid #2D614B;background:#D1E3DB;list-style-type:none;margin:0;padding:0;display:none}
	.subIt{border:0;font-size:80%;margin:3px 0;padding:0 3px 0 12px;display:block}
	.subIt:hover,.subItOn{background:#fff url(../imagenes/bulVerde.gif) no-repeat 4px 4px;border:0;font-size:80%;margin:3px 0;padding:0 3px 0 12px}
	.subItem{border:0;color:#2F654D;text-decoration:none;padding:3px 0}

#tiraCentral{margin:5px;padding:1px;border:1px solid #bbbbbd;height:1%}

.fotoIzq{border-bottom:1px solid #8594AE;margin-bottom:10px;text-align:center}
.fotoIzq img{border:1px solid #fff}
.textIzq{padding:5px 10px;font-size:90%}
.textIzq p{padding:8px 0}

#video{padding:0 18px 0 0;margin:1px 0 10px 0;_margin-top:-30px;float:right;}
#voz{padding:0 18px 0 0;margin:-30px 5px 10px 0;text-align:right}


.fotoCentro{margin-left:1px;margin-top:20px}
.pieFotoCentro{text-align:center;font-weight:bold;color:#2C3C5C;}

#colCen ul#mapaWeb{list-style-image:none;list-style-type:none}
#colCen p img{margin:5px 10px 5px 5px}
.itemMapa{border:1px solid #738097;margin-top:5px;margin-bottom:5px;font-weight:bold;padding:5px}
.itemMapa p{border-bottom:2px solid #5B9593;margin:0px 5px}
.itemMapa a{text-decoration:none}

#listaDesplegable{float:none;display:block}
.titLista{background:#fff url(../imagenes/puntosVerdes.gif) no-repeat bottom;border:1px solid #fff;padding-bottom:5px;margin-bottom:5px}
.entradillaLista a{text-decoration:none}
.entradillaLista .icoMas{background:url(../imagenes/icoMas.gif) no-repeat;padding:0 10px 2px 10px;margin-left:5px}

#navegador{background:url(../imagenes/fondoPaginador.gif) no-repeat;margin:5px 0 5px 13px;height:27px;padding:5px 20px 5px 10px}
#navegador a{text-decoration:none}
#pagAnte{font-weight:bold;float:left;display:none}
#pagSig{font-weight:bold;float:right}
#numerador{font-weight:bold;text-align:center;display:block;padding:0 120px 0 100px}
/* ------------->>> secciones <<--------------*/

.fundacion{background:#BFE4E3;border-top:2px solid #5B9593}
.fundacionCentro{border-top:2px solid #5B9593}
.fundacionCentro h1{color:#5B9593;border-color:#5B9593}

.acciones{background:#D1E3DB;border-top:2px solid #326C53}
.accionesCentro{border-top:2px solid #326C53}
.accionesCentro h1{color:#326C53;border-color:#326C53}

.investigacion{background:#CED5DD;border-top:2px solid #3A5A83}
.investigacionCentro{border-top:2px solid #3A5A83}
.investigacionCentro h1{color:#3A5A83;border-color:#3A5A83}

.colaboraciones{background:#DCD4E3;border-top:2px solid #865B98}
.colaboracionesCentro{border-top:2px solid #865B98}
.colaboracionesCentro h1{color:#865B98;border-color:#865B98}

.iniciativas{background:#DBCAD4;border-top:2px solid #832654}
.iniciativasCentro{border-top:2px solid #832654}
.iniciativasCentro h1{color:#832654;border-color:#832654}

.contenidoDetalle{padding:0 20px 8px 20px;}

/* ------------->>> clases globales <<--------------*/

	/* float y clear */
	.clear{clear:both}
	.floatDer{float:right}
	.floatIzq{float:left}
	
	/* listas */
	.sinBullet{list-style:none;list-style-image:none;}
	.horizontal li{display:inline}
	
	/* alineacion */
	.alinDer{text-align:right}
	.alinIzq{text-align:left}
	.alinCen{text-align:center}
	.alinJus{text-align:justify}
	
	/* visibilidad */
	.oculto{display:none;}
	.visible{display:block}

/* ----------------->>> tests <<<------------------*/
.test{border:1px dotted green;}


/* ----------------->>> hack opera <<<------------------*/
@media screen and (min-width: 550px){
   #menuPrincipal { width:41.9em;margin-left:2px };
}