/***********************************************/
/* bios_dos.css                             */
/* Para ser usado en sitio de biodiversidad    */
/***********************************************/

/***********************************************/
/* HTML Presencia.net -    2004                */
/***********************************************/ 
/********Estilos generales del HTML*************/
html,body {
margin:0;
padding:0;
width:100%;
}
body{
	width:100%; /* para que el ie centre el contenido */
}
body{
	font-family: Verdana,Arial,sans-serif;
	color: #33333;
	font-size: 11px;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color:#fdfff1;
}
a {
	color: #154000;
	text-decoration: none;
}

a:link {
	color: #154000;
	text-decoration: none;
}

a:visited {
	color: #154000;
	text-decoration: none;
}

a:hover {
	color: #154000;
	text-decoration: underline;
}
p.text-left, td.text-left, th.text-left, *.text-left
{
    text-align: left;
}

p.text-right, td.text-right, th.text-right, *.text-right
{
    text-align: right;
}

p.text-center, td.text-center, th.text-center, *.text-center
{
    text-align: center;
}

p.text-justify, td.text-justify, th.text-justify, *.text-justify
{
    text-align: justify;
}
h1 {
	font-family: Verdana,Arial,sans-serif;
	font-size: 17px;
	color: #662D22;
	margin: 15px 0px;
	padding: 0px;
	text-align:center;
/* font-family: Verdana,Arial,sans-serif;
 font-size: 15px;
 color: #334d55;
 margin: 0px;
 padding: 0px;*/
}

h2 {
/* font-family: Verdana,Arial,sans-serif;
 font-size: 15px;
 color: #006699;
 margin: 0px;
 padding: 0px;*/
 font-family: Verdana,Arial,sans-serif;
 font-size: 13px;
 color: #334d55;
 margin: 4px;
 padding: 0px;
 font-weight:bold;
}

h3{
 font-family: Verdana,Arial,sans-serif;
 font-size: 13px;
 color: #334d55;
 margin: 4px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 17px;
 color: #662D22;
 margin: 0px;
 padding: 0px;
}
h6{
 font-family: Verdana;
 font-size: 19px;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 line-height: 35px;
}

h2, h3, h4, h5, h6 {
   clear:none;
}
ul{
 list-style-type: none;
}

ul ul{
 list-style-type: none;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

li {
list-style:none;
}

li li {
list-style:none;
}

li li li {
list-style:none;
}

p b {
   font-size:13px;
}
/***********************************************/
/* Modificaicones del layout de los div        */
/***********************************************/

#masthead{ /******modificaciones de head principal***/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 69px;
	overflow:hidden;
	background-color: #d2d79b;
	/*background-image:url(bg_top.png);*/
}
#masthead h6 {
	display:inline;
	}
/*************modificaciones del div navegación izquierda********************/
#navBar{ 
	float: left;
	/*position:absolute;
	left:0px;*/
	width: 152px;
	margin: 0px;
	padding: 0px;
	height: auto;
	background-color: #eff6c7;
	border-right: 1px solid #554400;
	border-bottom: 1px solid #554400;
}
/******modificaciones div navegacion derecha***/
#navBarDos{ 
	float: right;
	/*position:absolute;
	right:0px;*/
	width: 162px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: auto;
	background-color: #eff6c7;
	border-left: 1px solid #554400;
	border-bottom: 1px solid #554400;
}
/******modificaciones al contenido***/
#content{
	margin-left:162px;
	margin-right:172px;
/*	width:67%;*/
}
#content p {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:14px;
	color:#003300;
}

#contentprint { 
	margin:0;
	padding: 0px 0px 30px 5px;
	width:67%;
	margin-left:auto;
	margin-right:auto;	
}
#contentprint p {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:14px;
	color:#003300;
}
/***********************************************/
/* Componentes                                 */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNavDos {
	padding: 0px 0px 9px 0px;
	color: #339900;
	font-size: 10px;
}
#globalNavDos img {
 	display: block;
}
/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb:Modifiaciones al area de login. *************/

#breadCrumb{
	font-size: 12px;
	font-family: Verdana,Arial,sans-serif;
	color: #662D22;
	background-color: #e7f3a5;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #154000;
	border-top: 1px solid #154000;
	height: 22px;
}
.breadtext {
	font-size: 12px;
	font-family: Verdana,Arial,sans-serif;
	font-weight:bold;
	color: #8c2010;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: 2px;
}

#breadCrumb form{
 margin: 0px;
 padding: 0px;
}

#breadCrumb a:link{
	color: #662D22;
	font-size: 12px;
	text-decoration: none;
}

#breadCrumb a:visited{
	color: #662D22;
	text-decoration: none;
}

#breadCrumb a:hover{
	color: #662D22;
	text-decoration: underline;
}

/************** .feature styles ***************/

.feature{
	padding: 5px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	margin-bottom:5px;
	margin-top:5px;
	border-bottom: 1px dotted;
	border-bottom-color:#959595;
	/*float: right;*/
	text-align:right;
/*	width:100%;*/
}

.feature h3 {
	padding: 0px 0px 0px 0px;
	font-family: Verdana,Arial,sans-serif;
	color: #939904;
	font-size: 9px;
	text-align: left;
	display:inline;
}
.feature h3 b{
	color:#8c2010;
}

div.feature img{
    border: 0; 
}
/********* Control de Imagen de Header  ********/
.imagen img{
	float: left;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

/************** Modificaciones del contenido.story styles *****************/

.story{
	/*clear: both;*/ /*modifica el texto del contenido*/
	padding: 0px 10px 0px 10px;
	margin-top:10px;
	font-size: 13px;
	text-align: justify;
        overflow:hidden;
}
.story a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#8c2010;
	font-weight:bold;
	text-decoration: underline;
}
.story a:hover {
	color:#67624d ;
	text-decoration:none;
	}
.story a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#8c2010;
	font-weight:bold;
	text-decoration: underline;
}

.story p{
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 5px 0px;
}
.story .imageleft,.story .imageright,.story .imagecenter {
	clear:none;
	}
.story ul, .story li {
   list-style-type:disc;
}
/************** .divisoria styles *****************/

.divisoria{
	/*clear: both;*/
	padding: 3px 0px 3px 10px;
	margin-bottom:5px;
	margin-top:5px;
	border-bottom: 1px solid #154000;
	border-top: 1px solid #154000;
	font-size: 13px;
	color: #93A817;
	background-color:#fffbe7;
	vertical-align:middle;
}
.divisoria a:link {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:13px;
	color:#93A817;
	text-decoration:none;
}
.divisoria a:hover {
	text-decoration:underline;
}

.divisoria a:visited {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:13px;
	color:#93A817;
	text-decoration:none;
}
.divisoria a:visited:hover{
	text-decoration:underline;
}
.divisoria p {
	vertical-align:middle;
	padding: 0px 0px 0px 0px;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	position:relative;
	border: 1px solid #cccccc;
	font-size: 11px;
	color: #cccccc;
	margin: 20px 0px 0xp 0px;
	padding: 7px 10px 7px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* Modificaciones al buscador #search  ***************/

#search{
	padding: 5px 0px 5px 10px;
	background-image: url(../images/bio_imagen/bg_search.png);
	font-size:13px;
	border-bottom: 1px solid #554400;
}
#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	color: #554400;
	margin: 0px;
	padding: 0px;
}

/************* Modificaciones al estilo #vote**********/

#vote{
	padding: 5px 0px 5px 10px;
	background-image: url(../images/bio_imagen/bg_search.png);
	font-size:13px;
	border-bottom: 1px solid #554400;
}
#vote form{
 margin: 0px;
 padding: 0px;
}

#vote label{
	display: block;
	color: #554400;
	margin: 0px;
	padding: 0px;
}

/*********** #nvBar link styles ***********/
#navBar ul a:link, #navBar ul a:visited {
   font-family: Verdana;
   font-size: 11px;
}
#navBar ul a:visited {
   display: block;
   text-decoration: none;
}
#navBar ul a:hover {
   font-color: #000000;
   text-decoration: underline;
}
#navBar ul {
   list-style: none;
   margin: 0;
   padding: 0px 0px 0px 0px;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #FFEEA8;}

#navBar li.separator {
   border:1px solid #c0c0c0;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/************* nvBarDos Menu Derecha *********************/
#navBarDos ul a {
   font-family: Verdana;
   font-size: 11px;
   text-decoration: none;
} 
#navBarDos ul a:hover {
   text-decoration: underline;
} 
#navBarDos ul {
   list-style: none;
   margin: 0;
   padding: 0px 0px 0px 0px;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBarDos li {border-bottom: 1px solid #FFEEA8;}

/* fix for browsers that don't need the hack */
html>body #navBarDos li {border-bottom: none;}


/*********** #sectionLinks styles Links Izquierdo***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

#titulo{
	position: relative;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	font-size: 12px;
	background-color: #939904;
}

#titulo h3{
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:14px;
	font-weight:bold;
	color:#f7ebbd;
	padding: 0px 0px 0px 10px;
}

#sectionLinks ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003300;
	text-decoration:none;
	list-style:none;
	display: block;
	padding: 3px 5px 3px 10px;
	/*border-bottom: 0px solid #554400;*/
}

#sectionLinks ul li a:hover{
	list-style:none;
	text-decoration: underline;
	background-color: #F7FBDB;
}
span.Contactenos {
	padding:0;
	margin:0;
	}	
span.Contactenos form{
	display:inline;
	padding:0;
	margin:0;
	}
span.Contactenos form fieldset{
	display:inline;
	padding:0;
	margin:0;
}

.botonmenu {
	margin:0;
	padding: 0px 0px 3px 15px;	
	border:0;
	border-style:none;
	height:18px;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003300;
	background-color:#eff6c7;
	text-decoration:none;
	text-align:left;
	text-indent:-10;
	list-style:none;
	display: block;
	text-decoration: none;
	vertical-align: center;
	cursor:pointer;
	/*border-bottom: 0px solid #554400;*/
}

.botonmenu:hover{
	list-style:none;
	text-decoration: underline;
	background-color: #F7FBDB;
}
/*********** #sectionLinks styles Links Derecho***********/

#sectionLinksdos{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	overflow:hidden;
}

#titulodos {
	position: relative;
	padding: 5px 0px 5px 0px;
	font-size: 12px;
	background-color: #939904;
}

#titulodos h3 {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:14px;
	font-weight:bold;
	color:#f7ebbd;
	padding: 0px 0px 0px 10px;
}

#sectionLinksdos ul li a {
	color:#003300;
	text-decoration:none;
	list-style:none;
	display: block;
	padding: 3px 5px 3px 10px;
	/*border-bottom: 0px solid #554400;*/
}

#sectionLinksdos ul li a:hover {
	list-style:none;
	text-decoration: underline;
	background-color: #F7FBDB;
}
/*#sectionLinksdos a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003333;
	display: block;
	padding: 3px 0px 3px 15px;
	border-bottom: 1px solid #554400;
	text-decoration:none;
}*/

#fb-fan {
	border-top: 1px solid #C0C0C0;
	padding:3px 10px;
	margin-top:5px;
}
/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 10px;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	color:#003300;
	text-decoration:none;
}
.relatedLins a:link:hover {
	text-decoration:underline;
}
.relatedLinks a:visited {
	display: block; 
}

/************** #advert styles **************/

#advert{
	padding: 30px 0px 0px 10px;
}

#advert img{
	display: block;
}


/************** Modificaciones a la noticas **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

/************Modificaciones al estilos del formularios y Login ******************/

.impusearch {
	font-family: Verdana;
	font-size: 10px;
	color: #64715B;
	background-color: #FFFAE6;
	height: 15px;
	width: 95px;
	border: 1px solid #64715B;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
}

.bottonSearch {
	font-family: Verdana;
	font-size: 10px;
	color: #64715B;
	background-color: #FFFAE6;
	height: 20px;
	border: 1px solid #64715B;
        padding:0 3px;
}
.impulog {
	font-family: Verdana;
	font-size: 10px;
	color: #662D22;
	height: 15px;
	width: 110px;
	border: 1px solid #000000;
	background-color:#FFFAE6;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
}
.bottonLog {
	font-family: Verdana;
	font-size: 10px;
	color: #8c2010;
	font-weight:bold;
	height: 19px;
	width: 89px;
	border: 1px solid #000000;
	cursor: hand;
	background-color:#FFFAE6;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: -1px;
	text-align:center;
}
#banner {
	float:right;
 	width:auto;
	margin: 0px;
	margin-left: auto;
	padding-top: 2px;
	padding-right: 2px;
	vertical-align:middle;
}
#banner img {
	display:block;
	}
#banner2 {
 	width:auto;
	height:60px;
	margin: 0px;
	margin-left: 10px;	
	padding-top: 0px;
	vertical-align:middle;
	float:right;
}
#banner2 img {
	display:block;
}

#editform {
	width:500px;
}

.buttonblock {
/*	width:100%;*/
	padding-left:0px;
}
.button {
	background-image: url(../images/bio_imagen/boton.png);
	background-repeat:no-repeat;
	background-position:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	color: #8c2010;
	height:25px;
	width:98px;
	border: 0px;
}
.button2 {
	background-color: #e7f3a5;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	color: #8c2010;
	height:25px;
	width:98px;
	border: 1px solid;
	border-color:#003300;
	width:129px;
	
}

/**************************************************/
/*  		CSS del Foro 						  */
/**************************************************/
.forumheader  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#662D22;
	font-weight:bold;
	}
#contenedorForo{
	width:100%;
	height:auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
#status {
	width: 10%;
	float:left;
	clear:left;
	padding: 5px 0px 5px 0px;
	background-color:#333333;
	border-right: 1px solid #000000;
}
#area {
	width:45%;
	float:left;
}
#temas {
	width:10%;
	float:left;
}
#mensajesCant {
	width:10%;
	height:auto;
	float:left;
}
#ultimoMensaje {
	width: 25%;
	height:auto;
	float: left;
}
#forotitulo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#8c2010;
}
/************************/
/*     Box imput foro  */
/*************************/

.box {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:11px;
	color:#003300;
	border: 1px solid #003300;
	background-color: #ffffef;
	width: 500px;
}	

.checkbox {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:10px;
	color:#003300;
	border: 1px solid #003300;
	background-color: #ffffef;
	width: 10px;
}	

#titulositio {
	float:left;
 	width:auto;
	height:50px;
	margin: 0px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 2px;
}

#titulositio h1 {
	font-size: 16px;
	font-family: Verdana,Arial,sans-serif;
	color: #555500;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#titulositio h2 {
	font-size: 20px;
	font-family: Verdana,Arial,sans-serif;
	font-weight:bold;
	color: #555500;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#comentario h2{
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:14px;
	color:#003300;
	margin-bottom: 5px;
	border-bottom: 1px dotted;
	border-bottom-color:#003300;
	border-top: 1px dotted;
	border-top-color: #003300;
	background-color:#fffbe7;
}
#comentario h3{
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:14px;
	color:#003300;
	margin-bottom: 5px;
	border-bottom: 1px dotted;
	border-bottom-color:#003300;
}
#comentario {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:10px;
	color:#003300;
	border-bottom: 1px dotted;
}

div.column {
   float:left;
   width:48%;
}
div.column-separator {
   float:left;
   width:3%;
   height:10px;
}
.box-portada {
   margin:30px 4px;
   text-align:left;
}
.box-portada h3 {
   margin:0;
}
.box-portada h5 {
   text-align:center;
}
.box-portada .story {
   padding:0;
}
.box-portada .ver-todas {
   background-color:#FFFBE7;
   border-bottom:1px solid #154000;
   border-top:1px solid #154000;
   font-size:13px;
   margin-bottom:5px;
   margin-top:5px;
   padding:2px 0px 2px 5px;
}
.box-portada .ver-todas a {
   color:#93A817;
}
.box-portada .ver-mas a {
  color:#662D22;
  font-size:11px;
  font-weight:bold;
}
.box-portada ul.titles {
   margin:10px 0;
   list-style:none;
   font-size:12px;
   padding-left:0;
   border-top:1px dotted #959595;
}
.box-portada ul.titles li {
   margin:10px 0;
}
.box-portada ul.titles a {
   color:#8C2010;
}


.blind {
   padding:5px 0px;
   font-weight:bold;
   color:#555500;
   text-align:center;
   background-color:#fdfff1;
   margin:8px;
   border-bottom:1px solid #949a96;
   border-right:1px solid #949a96;
   border-left:1px solid #d1d8a4;
   cursor:pointer;
   -moz-user-select:none;
   -khtml-user-select: none;
   user-select: none;
}
div.content-view-full div.class-tema h1,
div.content-view-full div.class-pais h1,
div.content-view-full div.class-autor h1 {
   color:#662D22;
   text-align:center;
   margin:10px 0;
}
div.content-view-full div.class-tema div.cantidad,
div.content-view-full div.class-pais div.cantidad,
div.content-view-full div.class-autor div.cantidad {
   text-align:right;
   font-weight:bold;
}

/* CLASS ARTICLE */
div.class-article div.attribute-tema {
   float:left;
   margin:0px 8px 8px 0px;
}
div.content-view-full div.class-article div.attribute-temas {
   margin-top:15px;
}
div.content-view-full div.class-article div.attribute-tema {
   margin-top:10px;
}
div.content-view-full div.class-article div.attribute-intro p {
   font-style:italic;
}
div.content-view-full div.class-article div.addthis {
   overflow:hidden;
}
div.content-view-full div.class-article div.addthis div.addthis_toolbox {
   float:right;
}
div.content-view-full div.class-article div.addthis a {
   text-decoration:none;
   font-weight:normal;
}

/* PRINT */
@media print {
   #navBar,
   #navBarDos,
   #breadCrumb,
   #masthead #banner2,
   #masthead #banner,
   #masthead h1,
   #comentario,
   .content-view-full .class-article .divisoria,
   .addthis {
      display:none;
   }
   #content {
      margin:0;
   }
   #masthead,
   #titulositio {
      height:auto;
   }
   #masthead h2 {
      font-size:15px;
   }
}

/* CLASS FOLDER */
.content-view-full.class-folder .grid-temas {
	font-size:0;
}
.content-view-full.class-folder .grid-temas .tema {
	width:120px;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	margin:7px;
}
.content-view-full.class-folder .grid-temas .tema h3 {
	margin:5px 0;
	text-align:center;
}
.content-view-full.class-folder .grid-temas .tema h3 a {
	color:#8C2010;
}

/* CLASS FORM PETICION */
.class-form-peticion {
	font-size:12px;
}
.class-form-peticion div.attribute {
	margin:5px 0;
}
.class-form-peticion label {
	display:block;
}
.class-form-peticion div.attribute-carta {
	height:200px;
	overflow-y:auto;
	background-color:#ffffff;
	padding:10px;
	border:1px solid #154000;
	margin:15px 0;
}