@charset "utf-8";
/* CÓMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) 
IE6 --->	* html propiedad
IE7 --->	*+html propiedad
Opera 9 y anteriores --->	html:first-child propiedad
*/

/* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS:
 * -sin bordes
 * -sin margenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {margin: 0; padding: 0; font: 11px Arial;} /* nada tendrá padding ni margen, y las fuentes serán 11px */
q:before,q:after {content: "";}
sup {font-size: 0.8em;}
sub {font-size: 0.8em;}
ul {list-style-type: none;}
a {border: none; text-decoration: none; }
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: none;}
img {border: none; text-decoration: none;} /* background: url(); aparecerá como fondo de la imagen, útil para imágenes de carga */
acronym {border: 0;}
.manolink{cursor: pointer;}

/* igualar las fuentes a todos los elementos */
h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;}

/* tablas */
table {width: 100%; border-collapse: collapse; border-spacing: 0;}

/* propociona altura a divs sin altura con contenido flotado */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/

/* Loading de clueTip */
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/imagenes/comunes/loading.gif);
}
/*
 * como hacer png transparentes en IE6
 * dado un div...:
 * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/estilos/ie6pngfix/iepngfix.php);
 * 
 * si abcd.png está guardado con canal alfa, dejará ver el fondo. behavior sólo lo interpreta IE6.
 * 
 */

/* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body {background: url(/imagenes/comunes/fnd-body.jpg) repeat-x; background-color:#84b819;margin:0;padding:0;}
/*h1 {display:none;}*/
#pagina{margin: 0 auto; width: 1002px; text-align: left; font-family:Verdana;}

/**********************************************
				CABECERA
***********************************************/
#cabecera{float:left; display:inline; width:100%; background:url(/imagenes/comunes/fnd-cabecera.jpg) no-repeat;}	
	#cabecera h1 a{text-indent:-9999px;float:left; display:inline; background:url(/imagenes/comunes/logo.gif) no-repeat; width:142px; height:66px; margin-top:92px; margin-left:37px;}		
	#cabecera #nav-util{float:right; display:inline; margin-right:14px; margin-top:9px;}
	#cabecera #nav-util ul li{ display:inline; margin-left:15px;color:#fff;  font-size:9px;}
		#cabecera #nav-util a{color:#fff; font-size:9px;}
		#cabecera #nav-util a:hover{text-decoration:underline;}
		#cabecera #nav-util a img{margin-right:3px;}
		
		/******MENU*****/
		#menu{float:left; display:inline;width:100%; height:57px;background:#fff;}
			#menu ul { float:left;display:inline;margin-top:16px; margin-left:11px;}
			#menu ul li{ display:inline; float:left;}
				#menu ul li a{ height:41px; display:block; text-indent:-9999px;}
		
			#menu .noticias{background: url(/imagenes/comunes/menu.jpg) 0 0 no-repeat; width:94px;}
			
			#menu .quienes-somos{background: url(/imagenes/comunes/menu.jpg) -94px 0 no-repeat; width:97px;}
			
			#menu .organizacion{background: url(/imagenes/comunes/menu.jpg) -191px 0 no-repeat; width:126px;}
			
			#menu .ongs{background: url(/imagenes/comunes/menu.jpg) -317px 0 no-repeat; width:102px;}
			
			#menu .casa{background: url(/imagenes/comunes/menu.jpg) -419px 0 no-repeat; width:133px;}
			
			#menu .actividades{background: url(/imagenes/comunes/menu.jpg) -552px 0 no-repeat; width:117px;}
			
			#menu .documentacion{background: url(/imagenes/comunes/menu.jpg) -669px 0 no-repeat; width:135px;}
			
			#menu .enlaces{background: url(/imagenes/comunes/menu.jpg) -804px 0 no-repeat; width:81px;}
			
			#menu .contacto{background: url(/imagenes/comunes/menu.jpg) -885px 0 no-repeat; width:96px;}
			
		
/**********************************************
				CONTENIDO
***********************************************/
#contenido{float:left; display:inline;background:#fff; width:100%; padding-bottom:5px;}

	#derecha{float:left; display:inline; width:213px;margin-left:5px;margin-top:5px;}
		#derecha #casa-der{float:left; display:inline; background: url(/imagenes/comunes/btn-casa-solidaridad.jpg) no-repeat; text-indent:-9999px; width:213px; height:192px;}
		#derecha #cursos-der{float:left; display:inline; background: url(/imagenes/comunes/btn-cursos-formacion_off.jpg) no-repeat; text-indent:-9999px; width:211px; height:33px; margin-top:2px;}
		#derecha #cursos-der:hover{float:left; display:inline; background: url(/imagenes/comunes/btn-cursos-formacion.jpg) no-repeat; text-indent:-9999px; width:211px; height:33px; margin-top:2px;}
		#derecha #convocatorias-der{float:left; display:inline; background: url(/imagenes/comunes/btn-convocatorias_off.jpg) no-repeat; text-indent:-9999px; width:211px; height:33px; margin-top:2px;}
		#derecha #convocatorias-der:hover{float:left; display:inline; background: url(/imagenes/comunes/btn-convocatorias.jpg) no-repeat; text-indent:-9999px; width:211px; height:33px; margin-top:2px;}
		#derecha #aula-der{float:left; display:inline; background: url(/imagenes/comunes/btn-aula_off.jpg) no-repeat; text-indent:-9999px; width:211px; height:33px; margin-top:2px;}
		#derecha #aula-der:hover{float:left; display:inline; background: url(/imagenes/comunes/btn-aula.jpg) no-repeat; text-indent:-9999px; width:211px; height:33px; margin-top:2px;}
		#derecha #enlaces-der{float:left; display:inline;/* background: url(/imagenes/comunes/img-enlaces.jpg) no-repeat;*/  width:211px; /*height:35px;*/ margin-top:7px;/*padding-top:25px;*/}
			#derecha #enlaces-der a#congde{float:left; display:block; text-indent:-9999px; background: url(/imagenes/comunes/congde.jpg) no-repeat;width:129px;height:50px;}
			#derecha #enlaces-der a#pobreza{float:left; display:block; text-indent:-9999px; background: url(/imagenes/comunes/pobreza.jpg) no-repeat; width:79px; height:50px;}
			/*#derecha #enlaces-der a{float:left; display:inline; margin-left:32px; color:#fff; font-size:9px;}
			#derecha #enlaces-der a:hover{text-decoration:underline;}*/
		#derecha #boletin-der {float:left; display:inline; background: url(/imagenes/comunes/btn-boletin.jpg) no-repeat; text-indent:-9999px; width:212px; height:58px; margin-top:10px;}
		#derecha #punto-infor {float:left; display:inline; background: url(/imagenes/comunes/btn-punto-informacion.jpg) no-repeat; text-indent:-9999px; width:212px; height:142px; margin-top:5px;}
			
	#izquierda{float:left;display:inline; width:760px;margin-left:15px; background: url(/imagenes/comunes/fnd-izquierda.jpg) no-repeat; height:566px;margin-top:10px;}
	#izquierda-sinfondo{float:left;display:inline; width:760px;margin-left:15px;margin-top:10px;}
	#izquierda-sin-fin{float:left;display:inline; width:760px;margin-left:15px; background: url(/imagenes/comunes/fnd-izquierda-sin-fin.jpg) no-repeat;margin-top:10px;}
	
	#central{float:left;display:inline; width:975px;margin-left:15px; height:570px; background: url(/imagenes/comunes/fnd-centro.jpg) no-repeat;margin-top:10px;}
	#central-sin-fin{float:left;display:inline; width:975px;margin-left:15px; background: url(/imagenes/comunes/fnd-centro-sinf-fin.jpg) no-repeat;margin-top:10px;}
/**********************************************
				PIE
***********************************************/
#pie{float:left; display:inline; /*background: url(/imagenes/comunes/sombra-pie.jpg) no-repeat top;*/ width:100%; text-align:center;}
	#pie p{font-size:9px; color:#fff;margin-top:15px; }
	#pie a{font-size:9px; color:#fff;text-decoration:underline;}
	#pie a:hover{font-size:9px; color:#fff;text-decoration:none;}



/**********************************************
				REQUEST
***********************************************/