html { padding-right: 0px; padding-left: 0px; font-size: 100%; padding-bottom: 0px; margin: 0px; padding-top: 0px; }
body { padding-right: 0px; padding-left: 0px; font-size: 100%; padding-bottom: 0px; margin: 0px; padding-top: 0px; }
DIV { padding-right: 0px; padding-left: 0px; font-size: 100%; padding-bottom: 0px; margin: 0px; padding-top: 0px; }
SPAN { padding-right: 0px; padding-left: 0px; font-size: 100%; padding-bottom: 0px; margin: 0px; padding-top: 0px; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; margin-left: 10px; margin-right: 10px; }
b { font-weight: bold }
strong { font-weight: bold }
em { font-style: italic }
caption	{font-family: Arial, Helvetica, sans-serif; font-weight: bold }
hr { border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0.1em 0px; color: #000; height: 1px; background-color: #000; border-right-width: 0px; }
hr.corto { border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px; color: #000; height: 1px; background-color: #000; border-right-width: 0px; width: 200px; text-align: left; }

/* Grandes secciones.*/
#doc { background-color: #fff; margin-top: 5px; margin-bottom: 10px; text-align: left; max-width: 850px; min-width: 600px } /* Características de todo el documento*/
#hd {background-color: #f2c045;  margin-bottom: 0em; text-align: left;} /* El header*/
#bd { background-color: #ffffff; clear: both; margin-bottom: 0em; text-align: left; padding-bottom: 0.2em; padding-top: 0.2em;} /* Sección entre header y pie*/
#bd-right { margin-left: 180px; margin-right: 5px; } /* Sección central derecha, con contenido*/
#bddown { clear: both; padding-bottom: 0.0em; border-top: #000000 1px dotted; } /* Sección central de abajo, ocupando todo el espacio*/
#ft { clear: both; padding-bottom: 1.0em; } /* Sección del pie*/

#contentleft { clear: right; font-size: 1.0em; float: left; padding-bottom: 0em; width: 170px; position: relative; background-color: #fef5ce; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; margin-top: 0 }
#menu-izq { width: 99.4%; padding-left: 1px; padding-top: 0.5em; border: #800000 1px solid; color: #800000; }
#menu-izq a, #menu-izq a:visited { color: #800000; text-decoration: none; }
#menu-izq a:hover { color: #008000; text-decoration: none; }
#menu-izq .segundo { font-size: 90%; font-weight: 100; margin-top: -10px; margin-bottom: 5px; }

/* Textos.*/
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif }
h1.titulo { font-size: 1.5em; color: #415780; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin-top: 0; margin-bottom: 0.1em; }
h2.subtitulo { font-size: 1.1em; color: #415780; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin-top: 0.1em; }
h2.especie { text-align: center; font-size: 1.5em; color: green; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-bottom: 0em; margin-bottom: 0.2em; }
h2.subtitulo-verde { font-size: 1.1em; color: #008000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin-top: 0; margin-bottom: 0.1em; }

.latino { text-align: center; font-size: 1.1em; color: black; font-family: Arial, Helvetica, sans-serif; }
.piedefoto { font-size: 0.7em; color: black; font-family: Arial, Helvetica, sans-serif; }
.pie-autor { font-size: 0.55em; color: black; font-family: Arial, Helvetica, sans-serif; text-align: right; }

.texto { font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; }
.textomedio { font-family: Arial, Helvetica, sans-serif; font-size:0.8em; }
.textoverdana { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; }
.TextPetit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; }

/* Secciones pequeñas específicas.*/
#acceso { font-size: 0.7em; padding-top: 0.3em; margin-bottom: 0px; text-align: right; height: 1.5em; }
#acceso a, #acceso a:visited { color: #000000; text-decoration: none; }
#acceso a:hover { color: #000000; text-decoration: underline; }

#rutas { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; padding-top: 0px; margin-top: 0px; text-align: left; background-color: #fff; padding-bottom: 1.2em;  margin-bottom: 1.0em; display: inline; }
#ruta { padding-right: 0px; display: inline; padding-left: 0px; float: left; width: 80%; background-color: #fff; }
#ruta a, #ruta a:visited { color: #000000; text-decoration: none; }
#ruta a:hover { color: #000000; text-decoration: underline; }
#ruta-der { padding-right: 0px; display: inline; padding-left: 0px; float: left; width: 20%; text-align: right; background-color: #fff; }
#ruta-der a, #ruta-der a:visited { color: #000000; text-decoration: none; }
#ruta-der a:hover { color: #000000; text-decoration: underline; }

#encabezado { width: 100%; height: 75px; border-bottom: 1px white solid; background-image: url(./graficos/header_back.jpg); }
#encabezado img {float: left; }
#encabezado .header { margin-left: 265px; font-family: 'trebuchet ms', Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: #ffffff; padding-top: 0.4em; font-size: 1.6em; }
#encabezado .header span { font-size: 0.6em; }

#menu-arriba { width: 100%; height: 2.0em; color: #000000; background-color: #7182a0; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; text-decoration: none; text-align: center; margin-bottom: 0em;}
#menu-arriba ul { list-style-type: none; margin: 0; padding: 0; text-align: center; }
#menu-arriba ul li { display: inline; float: left; width: 12.3%; border-right: #fff 1px solid; padding-top: 0.8em; padding-bottom: 1.0em; overflow: hidden; }
#menu-arriba ul li.doble { padding-top: 0.1em; padding-bottom: 0.5em;}
#menu-arriba ul li.last { background-color: #7182a0; padding-bottom: 0.8em; border-right: none; }

#topmenu	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: bold; color: #ffffff; text-decoration: none; text-align: center; }
#topmenu .selected { color: #000000; }
#topmenu a, #topmenu a:visited { color:#ffffff; text-decoration:none; }
#topmenu a:hover { color:#000000; text-decoration:none; }

#footer { clear: both; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000000; text-align: center; }

#ftcontlg { clear: both; height: 1.5em; width: 100%; text-align: center; padding-top: 0px; margin-top: 0; font-family: sans-serif, Verdana, Arial, Helvetica; font-size: 0.7em; color: #000000; text-decoration: none; border-bottom: #000000 1px solid; padding-bottom: 0.2em; }
#ftcontlg a, #ftcontlg a:visited { color: #7182a0; text-decoration: none; }
#ftcontlg a:hover { color: #000000; text-decoration: none; }

#visita	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; }
#visita a, #visita a:visited { color: #000000; text-decoration: none; }
#visita a:hover { color: #FF0000; text-decoration: underline; }
#visita li { padding-bottom: 2px; list-style-image: url(./graficos/aro_blue.gif); }

.sect-maroon { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color: #951608; font-weight: bold; text-decoration: underline; }
.blq-serv	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; margin-left: 1.5em; }

/* Casos especiales.*/
.ocultado { display: none; }
.centrado { text-align: center; }
.visualClear { clear: both; height: 0.8em; }
.back-center { text-align: center; clear: both; }
.news-separador { border-bottom: 1px #008000 dashed; }

.imagen { background-color: #f9f9f9; border: #ccc 1px solid; padding: 3px; overflow: hidden; text-align: center; }
.imagen-right	{ float: right; width: 203px; margin: 0 0 .385em .462em; display: block; }
.imagen-left	{ float: left; width: 203px; margin: 0 .462em .385em 0; display: block; }

/* Itemes*/
li.listado	{ margin-left: -0.8em; padding-right: 0.3em; padding-bottom: 1.5em; list-style-image: url(graficos/redsquare.gif) }
li.lista-ord	{ padding-right: 0.3em; padding-bottom: 1.5em; }

.litem { margin-left: 3px; margin-top: 1px; padding-left: 12px; padding-bottom: 10px; background: url(./graficos/aro_blue.gif) #fef5ce no-repeat }
.sitem { margin-left: 15px; margin-top: 2px; padding-left: 8px; padding-bottom: 2px; background: url(./graficos/bullet.gif) #fef5ce no-repeat }

.species-list li { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; }
.species-list li a:link, li a:visited { color: #000000; text-decoration: none; }
.species-list li a:hover { color: #FF0000; text-decoration: underline; }

/* Links.*/
a:link    { color: #0000EE; text-decoration: underline; }
a:visited { color: #551A8B; text-decoration: underline; }
a:hover { text-decoration: none; color:#FF0000; }
a:active  { color: #FF0000; text-decoration: underline; }

.arial9azulbold { font-size: 0.9em; color: #000080; font-family: Arial, Helvetica, sans-serif; width: 95%; text-align: right; }
.arial9azulbold a:link { font-size: 0.9em; color: #000080; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.arial9azulbold a:visited { font-size: 0.9em; color: #000080; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.arial9azulbold a:hover { font-size: 0.9em; color: #449fd2; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
.arial9azulbold a:active { font-size: 0.9em; color: #000080; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

#sistematica { width: 480px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 1.0em; display: block; }
#sistematica table { width: 220px; border: #aaa 1px solid; padding: 5px; background-color: #f9f9f9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; }
#sistematica th { background-color: #c0c0c0; }
#sistematica span { float: right; width: 250px; padding-left: 5px; text-align: right; font-size: 0.6em; color: #000; font-family: Arial, Helvetica, sans-serif; }

/* Solo en la página principal?*/
#bloquecito-left { width: 98%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: right; padding-right: 0.3em; margin-top: 2.0em; margin-bottom: 1.0em; padding-left: 0.1em; }
#bloquecito-left .titulo { color: #008000;  font-size: 1.1em; }
#bloquecito-left .subtitulo { color: #800080; font-size: 0.75em; }
#bloquecito-left .extra { margin-top: 0.6em; font-size: 0.8em; color: #006200; font-style: italic; font-family: Georgia, sans-serif; }
#bloquecito-left img { border: none; margin-top: 0.6em; }
#bienvenida { font-family: Arial, Helvetica, sans-serif; font-size:1.2em; color: #008000; text-indent: 2.0em; font-weight: bold; padding-top: 0.5em; }

#container { margin: 10px; }
#leftwindow { float: left; width: 48%; margin: 0; padding: 0em; border: 1px solid rgb(136, 152, 191); vertical-align: top; background-color: rgb(240, 245, 255); height: 33em; }
#leftwindow .bordertop { padding: 0em; border-bottom: 1px solid rgb(136, 152, 191); background-color: rgb(168, 211, 255); font-size: 1px; height: 8px; }
#rightwindow { float: right; width: 49%; margin: 0; padding: 0em; border: 1px solid rgb(216, 188, 108); vertical-align: top; background-color: rgb(255, 244, 213); height: 33em; }
#rightwindow .bordertop { padding: 0em; border-bottom: 1px solid rgb(216, 188, 108); background-color: rgb(250, 217, 125); font-size: 1px; height: 8px; }
#rightwindow .text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; text-indent: 1.5em; text-align: justify; padding-left: 4px; padding-right: 4px; }
#downwindow { clear: both; width: 100%; margin: 0.6em 0 0 0; padding: 0em; border: 1px solid rgb(136, 152, 191); vertical-align: top; background-color: rgb(255, 255, 255); }
#downwindow .bordertop { padding: 0em; border-bottom: 1px solid rgb(136, 152, 191); background-color: rgb(168, 211, 255); font-size: 1px; height: 8px; }
#downwindow .text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; text-indent: 1.5em; text-align: justify; padding-left: 4px; padding-right: 4px; }

.head-container { border-bottom: 1px solid rgb(170, 170, 170); padding: 5px; font-family: Verdana, sans-serif; font-size: 105%; font-weight: bold; }

.informacion-box { background-color: #fee392; border: 1px solid #b6c8a8; margin-left: 0.3em; margin-bottom: 0.3em; padding: 4px; width: 145px; float: right; }
.informacion-titulo { font-weight: bold; font-size: 75%; margin-bottom: 0; }
.informacion-texto { margin: 6px; font-size: 70%; margin-top: 0; }

#esp-nombres { float: left; width: 190px; margin: 0 .462em .385em 0; display: block; background-color: #fff; border: #ccc 1px solid; padding: 3px; overflow: hidden; }
#esp-nombres h3 { font-size: 95%; text-align: center; margin-top: 0; margin-bottom: 0.1em; }
#esp-nombres p { font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 4px; }