html, body, form
{
 background-color:#011a21;
 font-family:arial, verdana, sanserif;
 font-size:10pt;
 color:#b5ebfc;
 margin:0px;

 /* background: url('../imagenes/fondo1.gif'); */
 /* background-image: url(../imagenes/bgazul.jpg); */
 /* background-repeat: repeat-x; */
}


#form1 {
    position:relative;
    left:100px;
    top:20px;
}

#form2 {
    position:relative;
    left:300px;
    top:0px;
}

#form3 {
    position:relative;
    left:675px;
    top:-20px;
    height:17px;
}

#form4 {
    position:relative;
    left:560px;
    top:-20px;
    height:0px;
}

#form5 {
    position:relative;
    left:510px;
    top:-20px;
    height:0px;
}

#form_login1 {
    height:30px;
    width:5%;
    position:relative;
    left:330px;
    top:-8px;
}

#form_login2 {
    height:30px;
    width:5%;
    position:relative;
    left:450px;
    top:-40px;
}

#form_login3 {
    height:80px;
    position:relative;
    left:0px;
    top:0px;
}

#form_login4 {
    height:80px;
    position:relative;
    left:680px;
    top:10px;
}



#cita {
    height:60px;
    align:left;
    position:relative;
    left:75px;
    top:12px;
}

#titulo {
    height:60px;
    align:left;
    position:relative;
    left:50px;
    top:20px;
}

#utm1 {
    height:35px;
    position:relative;
    left:0px;
    top:16px;
}

#utm2 {
    height:0px;
    position:relative;
    left:130px;
    top:-20px;
}

#utm3 {
    height:0px;
    position:relative;
    left:400px;
    top:-18px;
}

#utm4 {
    height:0px;
    position:relative;
    left:528px;
    top:-20px;
}

#utm5 {
    height:0px;
    position:relative;
    left:400px;
    top:-20px;
}

#utm6 {
    height:40px;
    position:relative;
    left:240px;
    top:10px;
}

#periodos {
    height:0px;
    position:relative;
    center:0px;
    top:-43px;
}

#form_especies1 {
    height:0px;
    width:100%;
    position:relative;
    left:8px;
    top:5px;
}

#form_especies2 {
    height:0px;
    width:100%;
    position:relative;
    left:228px;
    top:5px;
}

#form_especies3 {
    height:0px;
    width:100%;
    position:relative;
    left:0px;
    top:10px;
}

#form_especies4 {
    height:0px;
    width:100%;
    position:relative;
    left:703px;
    top:10px;
}



.fondo_opciones
{
 margin:10px;
 width:950px;
 /* background-color:#e0e0e0; */
 background-color:#0c3c4a;
 color:#dddddd;
 font-size:9pt;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:1px;
 border-bottom-width:0px;
}

.boton
{
 background-color:#FFF;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 border-color:red;
 font-size:9pt;
 color:#808080;
}

.leyenda
{
 background-color:#FFF;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 border-color:#192c51;
 font-size:9pt;
 color:#e0e0e0;
}

.celda0
{
 width:90%;
 background-color:#C0C0C0;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 color:#333333;
 border-color:#000000;
 font-size:10pt;
}

.celda1
{
 padding:5px;
 background-color:#fff;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 border-color:#000000;
 color:#444444;
 font-size:10pt;
}

.celda2
{
 padding:5px;
 background-color:#666666;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 border-color:#000000;
 color:#eeeeee;
 font-size:10pt;
}

.celda3
{
 padding:5px;
 background-color:#004191;
 background-color:#2bb5de;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 border-color:#000000;
 color:#0c3c4a;
 font-size:10pt;
}

.caja_azul
{
 background-color:#0099FF;
 background: url('../imagenes/fondo_azul.png');
 border-color:#990000;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 background-color:#cfdee5;
 border-color:#004191;
 color:#004191;
 font-size:11pt;
}

.caja_texto_azul
{
 background-color:#0099FF;
 border-color:#990000;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 background-color:#cfdee5;
 border-color:#004191;
 color:#004191;
 font-size:8pt;
}

.caja_amarilla
{
 background: url('../imagenes/fondo_form.png');
 border-color:#990000;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 background-color:#cfdee5;
 border-color:#994800;
 color:#994800;
 font-size:9pt;
}

.banner
{
 width:950px;
 height:100px; 
 //background: url('../imagenes/banner_azul.png');
 //background-color:#2bb5de;
 //background-color:#2bb5de;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:1px;
 border-bottom-width:0px;
 color:#000000;
 font-size:9pt;
}

.banner1
{
 width:150px;
 background: url('../imagenes/pa.png');
 color:#000000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:1px;
 border-left-width:0px;
 border-top-width:0px;
 border-bottom-width:0px;
}

.banner2
{
 width:796px;
 height:71px; 
 background-color:#2bb5de;
 //background: url('../imagenes/degradado.jpg');
 background: url('../imagenes/fondo_banner.png');
 border-collapse:collapse;
 border-style:solid;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:0px;
 border-bottom-width:0px;
}

.banner3
{
 background-color:#bdd6f9;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:1px;
 border-bottom-width:0px;
}

.apartado
{
 width:950px;
 height:60px;
 margin:10px;
 color:#b5ebfc;
 background-color:#0c3c4a;
 border-color:#011a21;
 border-style:solid;
 border-collapse:collapse;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:0px;
 border-bottom-width:1px;
}

.cita_externa
{
 width:950px;
 height:60px;
 margin:10px;
 color:#000;
 font-size:10pt;
 background-color:#ffee47;
 border-color:#011a21;
 border-style:solid;
 border-collapse:collapse;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:0px;
 border-bottom-width:1px;
}

.fondo
{
 width:950px;
 margin:10px;
 background-color:#0c3c4a;
 //background: url("../imagenes/bg_cuadricula.gif");
 font-size:9pt;
 font-color:#bdd6f9;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:0px;
 border-bottom-width:0px;
}

.fondo_gris
{
 width:950px;
 background-color:#dddddd;
 font-size:9pt;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:1px;
 border-bottom-width:0px;
}

.pie
{
 width:950px;
 height:40px; 
 background-color:#0c3c4a;
 margin:10px;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-width:0px;
 border-left-width:0px;
 border-top-width:0px;
 border-bottom-width:0px;
 font-size:9pt;
}

.portada
{
 width:950px;
 margin:10px;
 /* background-color:#e0e0e0; */
 /* background-color:#CCCCFF; */
 background-color:#0c3c4a;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:0px;
 border-bottom-width:0px;
}

.portada_blanco
{
 width:950px;
 margin:10px;
 background-color:#ffffff;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:0px;
 border-bottom-width:0px;
}

.portada1
{
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:1px;
 border-left-width:0px;
 border-top-width:1px;
 border-bottom-width:0px;
}

.portada2
{
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:1px;
 border-left-width:1px;
 border-top-width:1px;
 border-bottom-width:0px;
}

.portada3
{
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:0px;
 border-left-width:1px;
 border-top-width:1px;
 border-bottom-width:0px;
}

.portada4
{
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:1px;
 border-bottom-width:0px;
}

.portada5
{
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:1px;
 border-bottom-width:0px;
 background-color:#99ccff;
}


.formulario
{
 width:950px;
 height:40px;
 margin:10px;
 background-color:#ffcd17;
 background-image: url("../imagenes/fondo_form.png");
 background-repeat: repeat-x; 
 color:#000;
 font-size:10.5px;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:0px;
 border-bottom-width:0px;
}

.cita
{
 border-collapse:collapse;
 border-style:solid;
 border-width:0px;
 background-color:#C0C0C0;
 color:#333333;
 font-size:10pt;
}

.tabla_grafica
{
 background-color:#ffffff;
 background-image: url("../imagenes/bg_cuadricula.gif");
}

.tabla, .tabla td
{
 width:90%;
 //background-color:#E0E0E0;
 background-color:#e1e8ed;
 padding:1;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-width:0px;
 color:#000;
 font-size:10pt;
}

.tabla th
{
 background-color:#2bb5de;
 padding:10px;
 color:#e0e0e0;
}

.tabla_login, .tabla_login td
{
 width:60%;
 padding:1px;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-width:0px;
 background-color:#E0E0E0;
 color:#000;
 font-size:10pt;
}

.tabla_login th
{
 background-color:#2bb5de;
 padding:10px;
 color:#e0e0e0;
}

#.titulo
#{
 #background-color:#2bb5de;
 #padding:10px;
 #color:#e0e0e0;
 #font-size:10pt;
 #border-width:0px;
 #border-color:#000;
 #border-collapse:collapse;
 #border-style:solid;
#}

.tabla_sin_borde
{
 width:90%;
 margin:0px;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-width:0px;
 font-size:10pt;
}

.titulo_gris
{
 background-color:#e0e0e0;

 color:#e0e0e0;
 font-size:9pt;
 border-width:1px;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
}

.tabla_blanco
{
 background-color:#FFFFFF;
 color:#000000;
 font-size:7pt;
 border-width:1px;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
}

.listado
{
 background-color:#0c3c4a;
 color:#b5ebfc;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-width:0px;
 font-color:#ffffff;
 font-size:10pt;
}

.listado2
{
 background-color:#e0e0e0;
 color:#000;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 border-right-width:1px;
 border-left-width:1px;
 border-top-width:1px;
 border-bottom-width:1px;
 font-size:7pt;
}

.cuadrado
{
 color:#000;
 border-color:gray;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 background-color:#E0E0E0;
 font-size:7.5pt;
}

# Obsoleto
.observaciones1
{
 background-color:#e0e0e0;
 color:#000;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 font-size:9pt;
}

# Obsoleto
.observaciones2
{
 background-color:#2bb5de;
 border-width:1px;
 color:#0c3c4a;
 border-color:#000;
 font-size:10pt;
}

.observaciones
{
 width:90%;
 background-color:#fff;
 border-width:1px;
 border-collapse:collapse;
 border-style:solid;
 border-color:#000;
 color:#000;
 font-size:9pt;
}

.resultados
{
 width:40%;
 background-color:#fff;
 border-width:1px;
 border-collapse:collapse;
 border-style:solid;
 border-color:#000;
 color:#000;
 font-size:9pt;
}

.observaciones td, .resultados td
{
 padding:5px;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
}

.observaciones th, .resultados th
{
 padding:5px;
 background-color:#2bb5de;
 border-width:1px;
 border-collapse:collapse;
 border-style:solid;
 border-color:#000;
 color:#0c3c4a;
 font-size:10pt;
}


.cabecera
{
 background-color:#2bb5de;
 border-width:1px;
 color:#000000;
 border-color:#000;
 font-size:12px;
}

.cabecera_azul
{
 background-color:#004191;
}

.cabecera_gris
{
 background-color:#555555;
}

.cabecera_esp
{
 background-color:#ff8000;
}

.cabecera_obs
{
 background-color:#0cff00;
}

.cabecera_ind
{
 background-color:#ff0000;
}

.cabecera_utm
{
 background-color:#5594e4;
}

.cabecera_usu
{
 background-color:#ebf12b;
}

.titulo_cita1
{
 background-color:#ffda4b;

 border-color:#ffcd17;
 border-color:#666;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 color:#000;
 font-size:9pt;
 padding:6px;
}

.titulo_cita2
{
 background-color:#666;
 color:#eee;
 padding:6px;
}

.titulo_cita3
{
 background-color:#ffcc00;
 background: url('../imagenes/fondo_form.png');
 color:#000;
 padding:6px;
}

.titulo_especie1
{
 background-color:#bdd6f9;
 border-color:#666;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 color:#0c3c4a;
 font-size:9pt;
 padding:6px;
}

.titulo_especie2
{
 background-color:#bdd6f9;
 color:#0c3c4a;
 border-color:#666;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 padding:2px;
}

.titulo_especie3
{
 background-color:#bdd6f9;
 color:#0c3c4a;
 padding:6px;
}

.orden
{
 color:#000;
 font-size:9pt;
 background-color:#CCCCFF;
}

.menu1
{
 width:950px;
 height:20px; 
 color:#FFF;
 font-size:8pt;
 background-color:#444444;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:1px;
 border-left-width:0px;
 border-top-width:1px;
 border-bottom-width:0px;
}

.menu2
{
 color:#FFF;
 font-size:8pt;
 background-color:#444444;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:1px;
 border-bottom-width:0px;
}

.form_select, .form_select_ancho, .form_texto {
 background-color:#eee;
 height:20px;
 vertical-align:middle;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 border-color:#999;
 font-size:10pt;
}

.lupa {
 border-color:#999;
}

.form_buscar {
 height:20px;
 vertical-align:middle;
 font-size:10pt;
 color:#777;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 border-color:#999;
}

.form_boton {
 height:20px;
 //background-color:#ddd;
 background-color:#ddd;
 border:1px solid #000;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 border-color:#999;
 font-size:10pt;
 color:#000;
}

.boton1 {
 height:30px;
 //background: url("../imagenes/boton1.png");
 //background-color:#2bb5de;
 //background-color:#2bb5de;
 background-color:#bdd6f9;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 border-color:#002f59;
 font-size:10pt;
 font-weight:bold;
 //color:#fff;
 color:#002f59;
}

.boton2 {
 height:30px;
 //background: url("../imagenes/boton2.png");
 //background-color:#ffee5e;
 background-color:#ffee5e;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 border-color:#994800;
 font-size:10pt;
 font-weight:bold;
 color:#994800;
}

.boton3 {
 height:30px;
 background-color:#bdd6f9;
 border-collapse:collapse;
 border-style:solid;
 border-width:0px;
 border-color:#002f59;
 font-size:10pt;
 font-weight:bold;
 color:#002f59;
}

.boton_grande, .boton_grande td
{
 width:40%;
 height:40px;
 padding:10px;
 background-color:#011a21;
 border-collapse:collapse;
 border-style:solid;
 border-width:0px;
 border-color:#b5ebfc;
 color:#b5ebfc;
 font-size:11pt;
}

.aviso
{
 width:90%;
 height:130px;
 border-color:#011a21;
 border-collapse:collapse;
 border-style:solid;
 border-width:1;
 background-color:#bdd6f9;
 color:#011a21;
 font-size:11pt;
}

.alerta
{
 width:90%;
 height:130px;
 border-color:#994800;
 border-collapse:collapse;
 border-style:solid;
 border-width:1;
 background-color:#ffffcc;
 color:#994800;
 font-size:11pt;
}

.caja_resultados
{
 border-color:#011a21;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 background-color:#e1e8ed;
 color:#011a21;
 font-size:10pt;
}

.caja_resultados th
{
 background-color:#2bb5de;
 padding:10px;
 color:#fff;
}

.menu_opciones
{
 #background-color:#dddddd;
 background-color:#0c3c4a;
 color:#dddddd;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-width:0px;
 font-size:12pt;
 border-style:solid;
 border-collapse:collapse;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:0px;
 border-bottom-width:1px;
}

.menu_filtros
{
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-width:0px;
 background-color:#dddddd;
 color:#000;
 font-size:9pt;
 #background-image: url("../imagenes/fondo_filtros.png");
 #background-repeat: repeat-x; 
}

.menu_mapa
{
 border-color:#004191;
 border-collapse:collapse;
 border-style:solid;
 border-width:0px;
 background-color:#e1e8ed;
 font-size:10pt;
 color:#011a21;
 #background-image: url("../imagenes/fondo_mapa.png");
 #background-repeat: repeat-x; 
}

.menu_mapa_ok
{
 border-color:#000000;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 background-color:#696969;
 color:#FFFFFF;
 font-size:12px;
}

.mensajes
{
 width:90%;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-width:0px;
 font-size:10pt;
}

.mensajes0
{
 padding:5px;
 background-color:#2bb5de;
 color:#000;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:1px;
 border-bottom-width:1px;
 font-size:10pt;
}

.mensajes1
{
 padding:5px;
 background-color:#bdd6f9;
 color:#000;
 border-color:#000;
 border-collapse:collapse;
 border-style:solid;
 border-right-width:0px;
 border-left-width:0px;
 border-top-width:0px;
 border-bottom-width:1px;
 font-size:9pt;
}



a:link, a:visited, a:active {
    text-decoration:none;
    font-size:12px;
    color:blue;
}

a:hover {
    text-decoration:none;
    font-size:12px;
    color:blue;
}


a.blanco:link, a.blanco:visited, a.blanco:active {color:#FFF; text-decoration:none; }
a.blanco:hover { color:#000; text-decoration:none; }

a.negro:link, a.negro:visited, a.negro:active {color:#000; text-decoration:none; }
a.negro:hover { color:#FFF; text-decoration:none; }

a.lista:link, a.lista:visited, a.lista:active {color:#000; text-decoration:none; }
a.lista:hover { color:#000; text-decoration:none; }

a.link_obs1:link, a.link_obs1:visited, a.link_obs1:active { color:#000; font-size:9pt; text-decoration:none; }
a.link_obs1:hover { color:#2bb5de; font-size:9pt; text-decoration:none; }

a.link_obs2:link, a.link_obs2:visited, a.link_obs2:active { color:fff; font-size:9pt; text-decoration:none; }
a.link_obs2:hover { color:#000; font-size:9pt; text-decoration:none; }

a.cabecera_enlace1:link, a.cabecera_enlace1:visited, a.cabecera_enlace1:active { color:#FFF; font-size:10.5px; text-decoration:none; }
a.cabecera_enlace1:hover { color:#000; font-size:10.5px; text-decoration:none; }

a.cabecera_enlace2:link, a.cabecera_enlace2:visited, a.cabecera_enlace2:active { color:#000; font-size:10.5px; text-decoration:none; }
a.cabecera_enlace2:hover { color:#FFF; font-size:10.5px; text-decoration:none; }

a.enlace:link, a.enlace:visited, a.enlace:active { color:#000; font-size:10.5px; text-decoration:none; }
a.enlace:hover { color:#FFF; font-size:10.5px; text-decoration:none; }

a.gris:link, a.gris:visited, a.gris:active {color:#222; font-size:10pt; text-decoration:none; }
a.gris:hover { color:#FFF; text-decoration:none; }

a.gris_claro:link, a.gris_claro:visited, a.gris_claro:active { color:#ddd; font-size:13px; text-decoration:none; }
a.gris_claro:hover { color:#000; font-size:13px; text-decoration:none; }

a.rojo:link, a.rojo:visited, a.rojo:active {color:navy; text-decoration:none; }
a.rojo:hover { color:#000; text-decoration:none; }

a.azul:link, a.azul:visited, a.azul:active { font-size:10pt; color:#0091f1; text-decoration:none; }
a.azul:hover {font-size:10pt; color:#bdd6f9; text-decoration:none; }

a.azul_claro:link, a.azul_claro:visited, a.azul_claro:active { font-size:11pt; color:#b5ebfc; text-decoration:none; }
a.azul_claro:hover { font-size:11pt; color:#FFF; text-decoration:none; }

a.azul_oscuro:link, a.azul_oscuro:visited, a.azul_oscuro:active { font-size:10pt; color:#0c3c4a; text-decoration:none; }
a.azul_oscuro:hover { font-size:10pt; color:#bdd6f9; text-decoration:none; }

a.nuevo_usuario:link, a.nuevo_usuario:visited, a.nuevo_usuario:active { font-size:10pt; color:#011a21; text-decoration:none; }
a.nuevo_usuario:hover { font-size:10pt; color:#FFF; text-decoration:none; }

a.menu:link, a.menu:visited, a.menu:active {color:#DDDDDD; text-decoration:none; }
a.menu:hover { color:#000000; text-decoration:none; }

a.especies:link, a.especies:visited, a.especies:active { color:#blue; font-size:9pt; text-decoration:none; }
a.especies:hover { color:#000; font-size:9pt; text-decoration:none; }