/*****************************/
/*** 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; }


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-left: 20px;
	padding-right:20px;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	vertical-align: bottom;
/* /* 	color: #e6e6e6; */ 
	text-align: left;
/* 	width: 100%; */
}


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

.moduletablefacebook{
	padding-top:15px;	
}


.mainnewsletter{
	color:#0050a6;
}

.newsletterbutton{
	color:#0050a6;
}

#toggle{
	color:#0050a6;
}

.moduletableyoutube{
	padding-top: 20px;
}


div.joomla_add_this{
	padding-bottom:20px;
/* 	text-align:right; */
}


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;	

}

#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_home{
   width:180px;
   background:transparent ;
}

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

#derecha_home{
   width:185px;
   background:transparent;
}

#contenido_home{
	background:#f4f4f4;
	text-align:left;
}

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

.noticias{
	background:url(../images/barra_noticias.gif) no-repeat top;
	width:609px;
   	height:62px;
}

.noticiasd{
	background:url(../images/barra_noticias2.gif) no-repeat top;
	width:974px;
   	height:62px;
	display:block;
}


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

.pie_pagina_interior{
	background:url(../images/bajada_sola.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; 
}

.fondo_staff{
	background: url('../../../images/stories/Modulos/staff/foto_staff.jpg') no-repeat;
	width:974px;
	height:93px;
}

#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;
}

.separador_modulo{
	padding-bottom:11px;
}

.separador_modulo2{
	padding-bottom:15px;
}

.tabla_home{
	background:#d0e1f3;
}

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

span.highlight{
	padding: 1px 5px;
	background: #FFFFCC;
	font-weight: bold;
}

small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
	color: #888888;
	font-size: 12px;
}

fieldset{
	border: 1px solid #cccccc;	
	padding:10px;
	margin-bottom:20px;
/* 	width:100%; */
}