/* CSS Document */

body {background:url(../img/fnd.jpg) top center no-repeat #EAE9D9;
	background-attachment:fixed;
	margin:0;
	padding:0;
	}
	
#contenedor {width:770px;
	position:absolute;
	top:0; left:50%;
	margin-left:-390px;
	border-left:5px solid #F2F1E6;
	border-right:5px solid #F2F1E6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#333;
	}
	
#top, #main, #footer {display:inline-block; overflow:hidden;
	}

#top {width:100%; background-color:#F2F1E6}

#main {width:100%; background-color:#F2F1E6}

#main a {color:#333333; text-decoration:none}
#main a:hover {color:#333333; text-decoration:underline}

#footer {width:780px; height:60px;
	background-color:#F2F1E6;
	border-top:1px solid #666666;
	}

#colIzq {width:194px; display:inline-block;
	float:left;
	}
	
#colDer {width:573px;
	float:left;
	display:inline-block;
	border-left:1px solid #FFFFFF;
	}
	
#homeNota {width:100%;  
	float:left; 
	border-left:1px solid #FFFFFF; 
	border-bottom:1px solid #D5D2C3;
	}

#homeNoticias {width:69%; height:auto; 
	border-top:1px solid #FFFFFF;
	border-right:1px solid #D5D2C3;
	border-left:1px solid #FFFFFF;
	float:left;
	}

#homeBanners {width:30%; 
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	float:left;
	}
	
h2 {color:#996600; font-size:18px;}

h4 {color:#999900}
	
h3 {width:120px; margin:15px 15px 15px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	}

h3 a {text-decoration:none;	color:#996600;}
h3 a:hover {text-decoration:underline;}

/* ---------------------------------- */

.boxSeccion {width:100%;
	border-bottom:1px solid #D5D2C3;
	border-right:1px solid #D5D2C3;
	border-top:1px solid #FFF;
	height:60px;
	}
	
.cont {margin:25px;}

.cont2 { width:255px;
	margin:15px;
	float:left;
	}	

.banner {width:169px;
	height:220px;
	background-color:#666666;
	margin:5px 0px 5px 3px ;
	}

.bannermanual {width:169px;
	margin:5px 0px 5px 3px ;
	}	
	
.vinc a {color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	
.vinc a:hover {color:#006600;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	
.vinc a:visited {color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	
/* ---------------------------- */

.box_destacadas {width:89%;
	background-color:#FFFFFF;
	float:right;
	border:1px solid #DCDBC2;
	margin-top:20px; margin-bottom:20px;
	background-color:#FBFBF8;
	padding:10% 5%;
	}
	
.ante_destacadas {font-family:Arial, Helvetica, sans-serif;
	color:#996600;
	font-size:14px;
	margin-bottom:10px;
	border-bottom:1px solid #996600;
	}	

.tit_descatadas {font-family:Arial, Helvetica, sans-serif;
	color:#5F832A;
	font-size:20px;
	line-height:22px;
	float:left;
	margin-bottom:8px;
	}
	
.foto_destacadas {
   width:100px; height:auto;
	display:block;
	float:right;
	background-color:#333333;
	margin-top:-35px;
	}
	
.contenido_destacadas {clear:both;}

.autor {font-weight:bold;}

.fuente {text-decoration:underline;}

.relacionadas {width:94%; height:100%;
	position:relative;
	padding:3%;
	background-color:#EEECE6;
	border:1px solid #C5C6B3;
	}
	
.fotitos {width:100px; height:80px;
	position:relative;
	background-color:#666666;
	float:left;
	margin-right:7px;
	margin-bottom:7px;
	}
#marcos_galeria {
	width:244px;
	height:117px;
	background:url(../img/marco_foto.jpg) no-repeat center center;
	margin:0 auto;
	text-align:center;
	padding-top:27px;
	}

#marcos_fotos {
	width:200px;
	height:150px;
	background:url(../img/fotos_back.jpg) no-repeat center center;
	margin:0 auto;
	text-align:center;
	padding-top:27px;
	}
	
/* -------------- BLOQUE DE NOTAS -------------- */

.box_noticias {width:62%;
	float:left;
	padding-right:3%;
	}
	
.box_der {width:34%; height:500px;
	float:left;
	}

.noti_fotos {width:320px; height:150px;
	background-color:#666666;
	margin:5px 0;
	}
	
.cont ul.lista1 {margin:0; padding-left:20px}
.cont li.lista2 {border-bottom:1px solid #999900; padding:8px; margin-bottom:9px;}

.revista {font-weight:bold; margin-bottom:5px;}

/* ------------ PROCESO DE LA JATROPHA -----------------*/

.procesobox {width:424px; height:auto;
	float:left;
	}
	
.procesofoto {float:left}

.procesoleyenda {float:left; margin-top:50px}
