/*  Reglas generales */

img
{
	display: block;
	border: 0;
}


/*  
***************************************
Establecimiento de parámetros generales
*************************************** 
*/
body
{
	background: #002A4D;
	color: #000;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 25px;
}
#wrapper
{
	color: #000;
	margin: 10px auto;
	padding: 0;
	width: 945px;
	background: #fff;
}

#header
{
	color: #000;
	border: 0;
	margin: 0;
	padding: 0;
	background-image: url(images/fondo_header.gif);
	background-repeat: repeat-x;
	height: 100px;
	background-color: #164491;
}

#header img
{
	margin: 0;
	padding: 0;
	border: 0;
}

#logos
{
	margin: 0;
	padding: 5px;
	border: 0;
}


#pagebody
{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	color: #091A37;
	clear: both;
}
#pagina
{
	padding: 10px;
	background: #fff;
}

#titular 
{
/*	padding: 0 0 10px 0;   */
	padding: 5px 5px 5px 10px;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #164491;

	margin: 0 0 0 10px;
	background: #E8EDF5;
	border-color: #B4BECE;
	border-width: 1px;
	border-style: solid;
}

#subtitular
{
	padding: 5px;
	margin: 0 0 5px 10px;
	border-color: #B4BECE;
	border-width: 0 0 1px 0;
	border-style: solid;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #164491;
}

#tools
{
	padding: 0 20px 0 0;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	text-transform: uppercase;
	color: #92A8D2;
}

#tools a
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	text-transform: uppercase;
	color: #92A8D2;
	text-decoration: none;
}

#content
{
	padding: 10px;
	margin: 0 0 10px 10px;
	background: #fff;
	border-color: #B4BECE;
	border-width: 1px;
	border-style: solid;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
}

#contenttit
{
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 10px;
	background: #E8EDF5;
	border-color: #B4BECE;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
}

#contenttit2
{
	padding: 10px 10px 1px 10px;
	margin: 0 0 0 10px;
	background: #E8EDF5;
	border-color: #B4BECE;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
}


/*
************************************************************
Texto. Diseño de estilos de texto.
************************************************************
*/

/* Resaltado en rojo. Avisos y novedades */
.txtRojo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FF0000;
}


/*
************************************************************
Diseño del panel lateral izquierdo de navegación por la web
************************************************************
*/

#subnav
{
	margin: 0 0 25px 0;
	padding: 12px;
	background: #E8EDF5;
	border-color: #B4BECE;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}

#subnav td a
{
	margin: 0;
	padding: 0;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	line-height: 2em;
	font-size: 12px; 
	font-weight:normal; 
}

/*
html>#subnav dt { font-size: small; }
html>#subnav td { font-size: small; }
*/

#subnav img
{
	margin: 0;
	padding: 5px;
}

#subnavegacion
{
	margin: 10px 0 10px 10px;
/*	font-size: 12px;   */
}


/*
********************************************
		Diseño de subtítulos
********************************************
*/
#subtit
{
	margin: 0 0 10px 0;
	padding: 5px;
}
#subtit ul
{
	margin: 0;
	padding: 0;
	text-align: left;
	border: 0;
}
#subtit ul li
{
	list-style: disc url(images/bullet.gif) inside;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	font-size: 12px;
}

#subtit ul li a { font-weight: normal; }
#subtit dl
{
	margin: 0;
	padding: 0;
}
#subtit dd
{
	padding: 0;
	margin: 0;
}
#migas
{
	padding: 0 0 5px 20px;
	font-size: 9px;
}
#migas div, #migas a
{
	font-size: 9px;
}


/*
********************************************
		Diseño de Pie de páginas
********************************************
*/
#footer
{
	border: 0;
	background: #164491;
	padding: 3px 3px 3px 10px;
	text-align: center;
	clear: both;
	font-size: xx-small;
	voice-family: female;
	voice-family: inherit;
	font-size: x-small;
	color: #92A8D2;
}

html>#footer { font-size: x-small; }
#footer p
{
	margin: 5px;
	padding: 0;
}
#footer a
{
	color: #92A8D2;
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}

/*  
******************
--- Tipografía ---
****************** 
*/

h1, h2, h3, h4, h5, h6
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 2px;
	letter-spacing: 2px;
}
#pagebody h1
{
	margin-top: 0;
	font-size: medium;
	font-size: large;
}
#pagebody h2
{
	margin-top: 0;
	font-size: 14px;
	text-transform: uppercase;
}

#sidebar h2
{
	font-size: 16px;
	margin: 5px 0 0 0;
}

h3
{
	font-weight: bold;
	font-size: medium;
}

#sidebar h3
{
	font-size: 13px;
	margin: 0;
}

h3.byline
{
	font-size: 10px;
	padding: 0;
	margin: 7px 0;
	text-transform: uppercase;
}

h4
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
}

#sidebar h4 { margin: 0 0 5px 0; }

h5
{
	font-size: x-small;
}

h6
{
	margin: 0 0 25px 0;
	padding: 0;
	background: transparent;
	color: #333;
	text-transform: uppercase;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}

p
{
	line-height: 140%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
}


#sidebar p
{
	font-size: 12px;
	text-align: left;
}

#pagina dl
{
	line-height: 1.4em;
	margin-top: 0;
	padding-top: 0;
}

#pagina dd
{
	margin-bottom: 5px;
	padding-left: 5px;
	margin-left: 5px;
}

/* links */
#subnav a:link, #subnav a:visited, #subnav a:active
{
	font-weight: bold;
	text-decoration: underline;
	color: #164491;
	background: transparent;
}

#subnav a:hover
{
	font-weight: bold;
	text-decoration: none;
	color: #164491;
	background: transparent;
}

a:link, a:visited
{
	text-decoration: underline;
	color: #103066;
	background: transparent;
}

a:hover
{
	text-decoration: none;
	color: #091A37;
	background: transparent;
}

a:active
{
	text-decoration: none;
	color: #091A37;
	background: transparent;
}

/*  formularios */
#formarea
{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
}

#formarea label
{
	font-size: 12px;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 5px;
	display: block;
}

.postdata
{
	background: #fff;
	color: #999;
	font-size: 10px;
	margin: 10px 0 5px 0;
	border: 0;
	border-bottom: 1px dotted #ccc;
	border-top: 1px solid #f3f3f3;
}

.postdata p
{
	margin: 10px 0;
	padding: 0;
}

.postbody
{
	margin: 0 0 25px 0;
	padding: 0;
	overflow: hidden;
	line-height: 1.4;
}

.hide
{
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}


/*
********************************************
		Diseño del módulo Proyecto
********************************************
*/
#proyecto
{
	padding: 0;
	border: 0;
	margin: 0;
}

#proyecto table
{
	margin: 0 0 0 10px;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
}

#inner table
{
	margin: 0;
}

#proyecto p
{
	padding: 5px 10px 0 5px;
	line-height: 130%;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
}
#proyecto h5 {
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	margin:  5px 5px 10px 0;
	padding: 0 0 0 2px;
}
#proyecto h6 {
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #164491;
	letter-spacing: 1px;
	text-align: left;
	margin: 0 0 0 10px;
	padding: 0px;
}
td#proytop
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	padding: 5px 5px 10px 2px;
}
td#proyleft
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #B4BECE;
	padding: 5px;
}
td#proycenter
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #B4BECE;
	padding: 5px;
	margin: 0;
}
td#proyright
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #B4BECE;
	padding: 5px;
	margin: 0;
}
td#tabcaptionL
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #B4BECE;
	padding: 5px;
}
td#tabcaptionC
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 11px;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #B4BECE;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
td#tabcaptionR
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 11px;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #B4BECE;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
#pubs
{
	padding: 0;
	border: 0;
	margin: 0;
}
#pubs table {
	margin: 0 0 0 10px;
	text-align: left;
	border-width: 1px 1px 0 1px;
	border-style: solid;
   	border-color: #B4BECE;
}
#pubs td {
	vertical-align: top;
	padding: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B4BECE;
}
#pubs h5 {
	margin: 0 0 5px 0;
	padding: 2px 0 2px 5px;
	font-size: 11px;
	font-weight: bold;
	background-color: #B4BECE;
}
#pubs h6 {
	margin: 0 0 5px 0;
	padding: 2px 0 2px 3px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #B4BECE;
}
#pubs p {
	margin: 0 0 3px 0;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}



/*
********************************************
		Diseño del módulo Publicaciones
********************************************
*/

#libros
{
	margin: 0;
	border: 0;
	padding: 0;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
}
img#book{
	margin: 0;
	padding: 10px;
}
#libros table
{
	margin: 0 0 0 10px;
	padding: 0;
	border: 1px solid #BAC8E2;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
}
#libros p
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
/*	text-align: left;   */
	vertical-align: top;
}
#libros td
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
/*	text-align: left;   */
	vertical-align: top;
/*	line-height: 130%;      */
	padding: 5px;
}
#librotop 
{
	padding: 5px;
	background-color: #BAC8E2;
	border-bottom: 1px solid #BAC8E2;
	font-size: 14 px;
	font-weight: bold;
}
#librocontent
{
	margin: 0;
	padding: 10px;

}
#librocontent p
{
	line-height: 130%;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
}

h5#librocontent {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#librocontent h2 {
	margin: 0 0 .5em 0;
	font-size: 14px;
	text-transform: none;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
}
#librodesc
{
	clear: both;
	margin: 0;
	padding: .5em;
	color: #000;
	background-color: #fff;
	border-top: 1px solid #BAC8E2;
}
#librodesc p
{
	line-height: 1.5;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	text-indent: 20px;
	margin-bottom: 10px;
/*	margin: 0px;  */
	padding: 0px;
}
#librodesc dt
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
}
#librodesc dl
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
}
#book{
	margin: 0;
	padding: 0;
}
ul#book 
{
	list-style-type: none;
}
li#book
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	list-style-type: none;
	line-height: 130%;
}
#book a:link, #book a:visited
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #666;
}
#book a:hover
{
	padding-bottom: 2px;
	background: transparent;
	text-decoration: underline;
}
#book a:hover { color: #000; }

table#errata {
	margin: 0;
	width: 100%;
}
#erratatop {
	border-style: solid;
	border-color: #B4BECE;
	border-width: 1px;
	text-align: left;
	padding: 5px
}
#q {
	margin: 0 0 0 10px;
}
table#q {
/*	width: 572px;   */
	border-width: 1px;
	border-style: solid;
	border-color: #B4BECE;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	background-color: #FFFFFF;
}
td#q {
	align: left;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	padding: 10px;
	vertical-align: top;

}
h5#q
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #164491;
	padding: 0px;
	margin: 0px;
}
td#qtop{
/*	width: 572px;    */
	padding: 10px;
	text-align: left;
	font-size: 12px;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B4BECE;
}
td#qleft{
	width: 90px;
	padding: 10px 10px 5px 10px;
	text-align: left;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
}
td#qright{
	width: 130px;
	padding: 10px 10px 5px 0;
	text-align: left;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B4BECE;
}
td#last {
	padding: 10px 10px 10px 0;
}
td#qrightfar{
	background-image: url(images/grupo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
table#taxon {
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	background-color: #FFFFFF;
}
form#taxon {
	margin: 0px;
	padding: 0px;
}
td#taxonleft{
	width: 90px;
	padding: 5px;
	text-align: left;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B4BECE;
}
td#indexleft{
	padding: 5px;
	text-align: left;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B4BECE;
}
td#indexright{
	padding: 5px;
	text-align: left;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
}
td#taxonright{
	width: 375px;
	padding: 5px;
	text-align: left;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
}
h6#taxon {
	margin: 0px;
	padding: 2px 0 2px 5px;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #B4BECE;
}
input#qtext {
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
}
input#qsubmit {
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
}

select#qlist{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
}
td#paging {
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	padding: 0 5px 0 0;
}
div#database
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	margin: 0 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px #B4BECE;
}
#database table {
	font-family: arial, verdana, lucida, helvetica, sans-serif;
}
#database td
{
	padding: 5px;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
}
#database li
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
}

#database ul 
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 0 120px;
}

td.dataline
{
	border-left: solid 1px #B4BECE;
}

#database_inner table {
	font-family: arial, verdana, lucida, helvetica, sans-serif;
}
#database_inner td
{
	padding: 5px;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
}

#database th {
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #164491;
	letter-spacing: 2px;
	text-align: center;
}

#database_links td 
{
	padding: 0;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
div#biodiverse
{
	background-color: #E6EEF7;
	padding:10px;
}

table#biodiverse
{
	border: solid 1px #294D6B;
}

td#biodiverse 
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;
	text-align: left;
}

td#biomain
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;
	text-align: left;
	line-height: 145%;
	border-top: solid 1px #294D6B;
	border-bottom: solid 1px #294D6B;
}

div#biolinks
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

h5#biodiverse  
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 16px;
	padding: 10px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 10px;
	background: #104594;
	font-weight: bold;
	color: #fff;
}

h4#biodiverse
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 5px;
	text-align: center;
}

h3#biodiverse
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 0px;
	text-align: left;
}

form#biodiverse
{
	margin: 0px;
	padding: 0px;
}

input#biodiverse
{
	font-size: 10px;
	vertical-align: middle;
}

UL#biodiverse
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
}

LI#biodiverse
{
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
}
