@charset "utf-8";
/* CSS Document */
/****************/
/* RESETEO */
/****************/
html, body, a, p, h1, h2, h3, h4, h5, h6, div, table, form, blockquote, td, img{
	margin:0;
	padding:0;
	border:0;
	border:none;
	outline-style:none;
}
ul, ol{
	margin:0;
	padding:0;
	border:none;
	border: 0;
	list-style-type: none;
}
/********************/
/* GENERALES */
/*******************/
html, body {height:100%; min-height:100%;}
.clearFloat{
	clear:both;

}
.forzarDer{
	float:right;
}
.forzarIzq{
	float:left;
}
span {color:#900; font-style:italic;}
a{
	text-decoration:none;
	outline-style: none;
}
body{
	background: url(img/bg_color.jpg) repeat-x #EEE;
	font-family: Helvetica, Tahoma, Verdana,  Arial, sans-serif;
	font-size:11px;
	margin-top:-2px;
}

#contenedor{
	height:auto !important;
	height:100%;
	min-height:100%;
	width:1000px;
	margin:0 auto 0 auto;

	
}
#cabecera {position:relative;}
#banner{
	border-top:solid 5px #402E04;
	height:120px;
	z-index:10;
	padding:2px 0 4px 0;
	
}
#menuPrincipal{
	background-color:#EEE;
	height:80px;
	font-family:Arial, Helvetica, sans-serif;
		
}
#menuPrincipal a {display:block; padding:3px; padding-top:50px; margin:6px; .margin:3px;  color:#FFF; font-size:16px; font-weight:bold; text-decoration:none; }


#principal{

	color:#333;
	
}
#principal a, #menuLateral a{
	color:#333;
}
#principal a:hover {}

#secciones { padding:10px 10px 20px 0;  color:#333; width:690px; float:left;}
#secciones h1 { font-size:14px; padding-left:5px;}
#secciones h2{padding:5px 10px 5px 5px;	color:#A67B08; font-size:18px; margin:8px 0 8px 0; .margin:4px 0 4px 0; border: 1px solid #CCC}
#secciones h2 a.mail {font-size:18px;}
#secciones h2 a.colabora {color: #900; font-size:11px;}
#secciones h3{ padding: 4px 0 4px 0; color:#333; margin:2px 0 4px 0; .margin:1px 0 2px 0; font-size:11px; color:#402E04}
#secciones p { padding:3px 0 3px 0;color:#333; text-align:justify;}
#secciones ul li{padding:4px 0 4px 0; font-size:11px;  color:#900;text-align:justify;list-style-type:square; list-style-position:inside;}
#secciones img{margin-bottom:8px; .margin-bottom:4px; }
#secciones a {color:#000; font-size:11px;}
#colaboraciones img {padding-right:28px; padding-top:5px;}
#proyectos h3 {margin-left:10px;}
#proyectos a {color:#900;}
#proyectos p {margin-left:10px;}
/*ul.lista2Col{
	margin-right: 10px;
	.margin-right: 5px;
	
}
ul.lista2Col li{
	display:block;
	width:50%;
	
}
ul.lista2Col a{
	text-decoration:none;
	display:block;
	margin:4px 0;
	.margin: 2px 0;
	
}
*/

#menuLateral{
	font-family:Arial;
	font-size:12px;
	padding:10px 10px 100px 0;
	float:left;
	width:270px;
	
	
}
#menuLateral h1 {padding:0 0 8px 8px;color:#402E04; font-size:22px;}
#menuLateral ul {padding-left:4px;}
#menuLateral ul li a { width:90%; display:block;  padding:4px; margin:2px; background:#FFF;}
#menuLateral ul li a:hover {color:#FFF; background:#666}

#colNoticias {width:720px; padding-top:10px; float:left; font-size:11px; }
#colNoticias h1 {text-align:right; color:#402E04; font-size:22px;}
#colNoticias ul { color: #000; text-align: right;}
#colNoticias ul li.imagen {list-style-type:none;}
#colNoticias ul li {padding:4px 0 4px 0;}
#colNoticias ul li a {color:#900; text-align:right; text-transform:uppercase;}
#colNoticias ul li a.impar {color:#000;}
#colNoticias ul li a:hover {color:#8b9be0;}
#colNoticias img.gambia {vertical-align: middle;}


#links{
	float:left;
	width:720px;
	margin-left:280px;
	*margin-left:140px;
	
}
#links h2 {text-align:right; font-size:18px; color:#402E04; padding:6px 0 6px 0;}
#links a {width:180px; float:right; padding:4px; margin:5px 14px 5px 14px; border:1px solid #FFF;}
#links a:hover {border: 1px solid #ccc;}
#links a.somalia { width:616px;}

#pie{
	
	border-top:2px solid #333;
	background-color:#999; /*#7F5C07;*/
	font-size:10px;
	color:#EEE;
	height:40px;

	margin-top:-40px;
	
}
#centrar {width:1000px; margin:0 auto 0 auto;}
#pie img {vertical-align: middle; padding-left:8px;}
#pie p {padding-top:10px;}
#pie ul {float:left; padding-right:80px; display:inline-block; padding-top:14px;}
#pie li {float:left;}
#pie li a {float: left; display:block; padding-right:10px;color:#FFF; text-align:center;}
#pie li a:hover {color:#333;}
.corte {
clear:both;
padding-top:30px;
padding-bottom:20px;

}
.fin {padding-bottom:0;}

/********************/
/* SLIDESHOW */
/*******************/

#slideshow					{ width:1000px; height:300px; background:#CCC; position:relative;  border-top: 2px #EEE solid; }
#menu						{ height:20px; width:1000px; position:absolute; bottom:0px; z-index:89;
							  background:url(img/bg_menu.png); border-bottom:solid 2px #402E04; }


/*obligatorio para que en IE flote bien el menu*/
#menu li					{float:left;  z-index:1000;}

#menu a						{ display:block; height:20px; width:30px; line-height:20px; color:#666;
							  font-size:12px; font-weight:bold; float:left; text-align:center;}
#menu a:hover				{color:#09F; }

#info						{width:1000px; height:300px; overflow:hidden;}
#info h3					{color:#EEE;}

.descripcion				{width:200px; padding:10px; height:280px; margin-left: 40px; .margin-left: 20px; background:url(img/bg_detalle.png);}				

.descripcion h2				{ color:#EEE; padding:5px 0px; font-size:14px;}
.descripcion p				{ color:#FFF; font-size:11px; font-weight:bold; padding:4px 0px;}
.descripcion a				{ color:#FF0; font-size:11px; padding:4px 0px; background:url(img/bg_detalle.png); }



#uno						{ background:url(img/sec1.jpg);  width:1000px; height:300px; }
#dos						{ background:url(img/sec2.jpg);  width:1000px; height:300px;}
#tres						{ background:url(img/sec3.jpg);  width:1000px; height:300px;}
#cuatro						{ background:url(img/sec4.jpg);  width:1000px; height:300px;}
#cinco						{ background:url(img/sec5.jpg);  width:1000px; height:300px;}

/********************/
/* NOTICIAS */
/*******************/
/*#menuNews a {font-weight:bold;}
#menuNews a:hover {background:#FC0;}
#noticias {padding-top:20px;}
#noticias a {color:#900}*/

/********************/
/* GALERIA */
/*******************/
#galeria1 img			{ border:#CCC 1px solid; margin:1px; display:block; float:left; cursor:pointer; }
#galeria1 img:hover	{ border:#000 1px solid; }
#galeria2 img			{ border:#CCC 1px solid; margin:1px; display:block; float:left; cursor:pointer; }
#galeria2 img:hover	{ border:#000 1px solid; }