/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 0;
}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
	background:#000000;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 0; }

img { border: 0 none; }

input{
	border: 1px solid #cccccc;
}

textarea{
	border: 1px solid #cccccc;
}

h1 {
	padding-bottom: 10px;
	padding-top: 10px;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 18px;
	font-weight: bold;
	vertical-align: bottom;
	color: #0050a6;
	text-align: left;
	width: 100%;
}

h2, .contentheading {
	padding: 0;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	width: 100%;
}

h3 {
	padding: 0;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	vertical-align: bottom;
	color: #0050a6;
	text-align: left;
	width: 100%;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/


div.center {
  text-align: center;
}


div#wrapper {
	margin-left: auto;
	margin-right: auto;
}

body.width_fmax div#wrapper {
	min-width: 800px;
	max-width: 974px;
}


/* ////////////////// */
/*   Primera fila     */
/* ////////////////// */
#banner1
{
   background:url(../images/barra_sup.gif) no-repeat;
   width:488px;
   height:65px;
}
#idioma
{
   background:url(../images/barra_sup_english.gif) no-repeat;
   width:157px;
   height:65px;
}
#mapa_del_sitio
{
   background:url(../images/barra_sup_mapa.gif) no-repeat;
   width:124px;
   height:65px;
}
#busqueda
{
   background:url(../images/barra_sup_buscador.gif) no-repeat;
   width:205px;
   height:65px;
}

/* fin primera fila */

/* //////////////////////////////// */
/*  SEGUNDA FILA BANNER PRINCIPAL   */
/*///////////////////////////////  */
#banner_principal
{
   background:url(../images/banner-ejemplo.jpg) no-repeat;
   width:765px;
   height:185px;	 
}

#logo1
{
   background:url(../images/gobierno.jpg) no-repeat;
   width:79px;
   height:185px;	
}

#logo2
{
   background:url(../images/udec.jpg) no-repeat;
   width:130px;
   height:185px;	

}
/* ///////////////////// */
/*  TERCERA FILA MENU   */
/* ////////////////////*/

/* //////////////////// */
/*  CUARTA FILA AREAS  */
/* /////////////////// */
#acuicola{ 
  width:111px;
  height:180px;	

}

.barra_acuicola{
	background:transparent url(../../../images/stories/Modulos/areas/acuicola/barra_titulos.jpg) no-repeat;
	width:726px;
	height:104px;
	color:#ffffff;
	font-size:18px;
}

.barra_biocombustible{
	background:transparent url(../../../images/stories/Modulos/areas/biocombustible/barra_titulos.jpg) no-repeat;
	width:726px;
	height:104px;
	color:#ffffff;
	font-size:18px;
}

.barra_forestal{
	background:transparent url(../../../images/stories/Modulos/areas/forestal/barra_titulos.jpg) no-repeat;
	width:726px;
	height:104px;
	color:#ffffff;
	font-size:18px;
}

.barra_microbiologia{
	background:transparent url(../../../images/stories/Modulos/areas/microbiologia_ambiental/barra_titulos.jpg) no-repeat;
	width:726px;
	height:104px;
	color:#ffffff;
	font-size:18px;
}

.barra_fitoquimica{
	background:transparent url(../../../images/stories/Modulos/areas/fitoquimica/barra_titulos.jpg) no-repeat;
	width:726px;
	height:104px;
	color:#ffffff;
	font-size:18px;
}



#biocombustibles{
  width:111px;
  height:180px;	
}

#fitoquimica{
  width:111px;
  height:180px;	
}

#forestal{
  width:111px;
  height:180px;	
}

#microbiologia{
  width:113px;
/* width:112px;  <--imagen con un pixel de menos  */
  height:180px;	
}

#pathway {
	padding: 0px 10px 8px;
	width: auto;
	margin-top: -2px;
	margin-right: 250px;
	text-align: left;
}

div.search input {
	width: 130px;
 	border: 0 solid #ccc; 
	float:left;
 	margin: 0 0 0 15px; 
	color:#535353;
}

#izquierda{
   width:248px;
   background:#d9eafc ;
}


#contenido{
	background:#ffffff;
	text-align:left;
}


.pie_pagina{
	background:url(../images/bajada_interiores.jpg) ;
   	width:974px;
   	height:117px;
}


.espacio_contenido{
	padding: 10px 10px 10px 10px;
}

.espacio_contenido_interior{
	padding: 10px 25px 10px 25px;
}

.menu{
	background:url(../images/menu_pixel.gif) repeat-x;
	height:35px;
	text-align:left;
}

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

.contentheading{
	padding-bottom: 10px;
	padding-top: 10px;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 18px;
	font-weight: bold;
	vertical-align: bottom;
	color: #0050a6;
	text-align: left;
	width: 100%;
/* 	line-height: 1.0em; */
}

a.readon:link, a.readon:visited {
    background-position: 3px 1px;
    padding          : 2px 4px 2px 20px;
    float            : right;
    font-weight: bold;
    color	     : #0150a7;
    border           : 1px solid #25cbfc;
    line-height      : 10px;
    text-decoration  : none;
    font-size: 12px;
}
a.readon:hover {
	color : #9be800;
	text-decoration: none; 
}

.botones_acuicola{
	background:url(../../../images/stories/Modulos/areas/acuicola/_boton_acuicola.jpg) no-repeat;
	width:248px;
	height:43px;
}

.botones_biocombustible{
	background:url(../../../images/stories/Modulos/areas/biocombustible/_boton_biocom.jpg) no-repeat;
	width:248px;
	height:43px;
}

.botones_fitoquimica{
	background:url(../../../images/stories/Modulos/areas/fitoquimica/botonr_fitoquimica.jpg) no-repeat;
	width:248px;
	height:43px;
}

.botones_forestal{
	background:url(../../../images/stories/Modulos/areas/forestal/boton_forestal.jpg) no-repeat;
	width:248px;
	height:43px;
}

.botones_microbiologia{
	background:url(../../../images/stories/Modulos/areas/microbiologia_ambiental/boton_microbiologia.jpg) no-repeat;
	width:248px;
	height:43px;
/* 	color:#ffffff; */
}

#cicle {/* depende del contenedor contenido */
	float: left;
	width:765px;
   	height:185px;
}

div#cicle {
	width:765px;
   	height:185px;
	overflow:hidden;
	padding:0px;
}

div#cicle img {
	display:block;
	width:765px;
   	height:185px;
}

.imagen_derecha{
	border: 0pt none; 
	margin: 0 0 0 5px; 
	float: right;
}

.contentpaneopen{
	width:706px;
}

#contenedor{
/* 	background-color:#01539c; */
/* 	background:url('../images/banners/rool_over_baner_principal.jpg');  */
	width:765px;
	height:185px;
	position:absolute;
}