/*
    Document   :Tienda_css
    Created on : 14 de Febrero de 2008, 13:29
    Author     : 
    Description:
        Purpose of the stylesheet follows.
*/
/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
  margin: 0px;
  padding: 0px;
}

/*-- --------------------   Cuerpo de la Aplicación Tienda    ---------------------- --*/

H1 {
  FONT: 16pt "Times new roman", Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #375673;
}

H2 {
  FONT: 10pt Verdana;
  font-weight: bold;
  color: #375673;
}

H3 {
  FONT: 15pt Verdana;
  font-weight: bold;
  color: black;
}

H4 {
  FONT: 11pt Verdana;
  font-weight: bold;
  color: #375673;
}

H5 {
  FONT: 13pt Verdana;
  font-weight: bold;
  color: blue;
}

H6 {
  FONT: 11pt Verdana;
  font-weight: bold;
  color: red;
}

HR {
  Color: #375673;
  background-color: #375673;
  padding: 0.5px !important;
  width: 99% !important;
  left: 2cm !important;
}

hr.grueso{
  height: 1px;
  color: #375673;
  border-bottom: 1px solid;
}

.linea {
  padding: 7px !important;
  padding: 0px;
}

.linea hr{
 Color: #375673;
  background-color: #375673;
}


P1 {
  FONT: 11pt Verdana;
  font-weight: bold;
  color: blue;
}

body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #375673;
  background: #e3e8f2;
}

INPUT.text {
  width: 30px;
}

TABLE {
  font-size: 8.4pt;
  font-family: verdana, arial;
  padding: 0pt 0pt 0pt 0pt;
  letter-spacing: -0.5px;
  text-align: justify;
  text-decoration: none;
  color: black;
}

TR#titulo {
  FONT: 9pt Verdana;
  font-weight: bold;
  color: #375673;
  background: #d9dadc;
}


TR#principal {
  FONT: 9pt Verdana;
  color: black;
  font-weight: bold;
  background: #d9dadc;
}

TR#marcoboton{
  FONT: 9pt Verdana;
  color: green;
  background: #d9dadc;
}

TD#asterisco1{
  FONT: 9pt Verdana;
  color: blue;
}

TD#asterisco2{
  FONT: 9pt Verdana;
  color: #f10d2d;
}

TD#asterisco3{
  FONT: 9pt Verdana;
  color: green;
}

TD#asterisco4{
  FONT: 10pt Verdana;
  color: #027620;
}

TD#cabecera {
  FONT: 11pt Verdana;
  font-weight: bold;
  color: #375673;
  background: #d9dadc;
}

TD#buscar {
  FONT: 7.5pt Verdana;
  font-weight: bold;
  color: #375673;
}

TD#select {
  FONT: 8pt Verdana;
}

TD#estado {
  FONT: 7.5pt Verdana;
  font-weight: bold;
  color: #375673;
}

/*------------------------*/

TD {
  FONT: 9pt Verdana;
  color: #375673;
}

SELECT {
  width: 100px;
}

.imagenMinis {
  display: block;
  border: 1px solid black;
}

.imagenBorde {
  margin-left: auto;
  margin-right: auto;
  display: block;
  border: solid 1px black;
}

.buscar{
  FONT: 12px Verdana, arial;
  background: white;
  HEIGHT: 20px;
  color: #375673;
}

.buscar2{
  FONT: 12px verdana, arial;
  background: white;
  height: 1.6em !important;
  height: 1.8em;
  width: 27em !important;
  width: 29em ;
  color: #375673;
}
/*----------------------    Clases usuario     ----------------------*/

.matado{
  background-color: #fedad8;
}

.datos{
  TEXT-ALIGN: center;
}

.numero{
  TEXT-ALIGN: right;
}

.puntos{
  TEXT-ALIGN: right;
  background-color: #ddc0c0;
  font-weight: bold;
}

.parcial{
  TEXT-ALIGN: right;
  background-color: #ddc0c0;
  font-weight: bold;
}

.negra {
  color: black;
}

.roja {
  color: red;
}

.verde {
  color: green;
}

.amarilla{
  FONT: 1.80em "Times new roman", Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #375673;
}

.calendario {
  FONT: 1.0em Verdana, sans-serif;
  color: #ffffff;
}

.titulo{
  FONT: 11pt Verdana;
  font-weight: bold;
  color: #375673;
}

.titulo_form1{
  FONT: 13pt Verdana, Arial;
  font-weight: bold;
  color: #375673;
}

.titulo3{
  FONT: 12.5pt Verdana;
  font-weight: bold;
  color: #375673;
}

.titulo_form2{
  FONT: 11pt Verdana, Arial;
  font-weight: bold;
  color: #375673;
}

.articulo{
  FONT: 10pt Verdana;
  font-weight: bold;
  color: #2a2e84;
}

.precio{
  FONT: 10pt Verdana;
  font-weight: bold;
  color: #2a2e84;
}

.boton {
  width: 22px;
  height: 22px;
}

.boton2 {
  height: 20px;
  background-color: #e6e6fa;
  FONT: 9pt Verdana;
  color: #00008b;
}

.boton3 {
  height: 22px;
  background-color: #e6e6fa;
  FONT: 9pt Verdana;
  color: #00008b;
  font-weight: bold;
}

.boton4 {
  height: 20px;
  background-color: #e6e6fa;
  FONT: 9pt Verdana;
  color: #00008b;
  font-weight: bold;
}

.boton5 {
  width: 150px;
  height: 20px;
  background-color: #BCBCE7;
  FONT: 9pt Verdana;
  color: #B90131;
  font-weight: bold;
}

.boton6 {
  width: 200px;
  height: 25px;
  background-color: #e6e6fa;
  FONT: 8pt Verdana;
  color: #00008b;
  font-weight: bold;
}

.boton7 {
  width: 600px;
  height: 25px;
  background-color: #f9091f; /*#e6e6fa;*/
  FONT: 8pt Verdana;
  color: #00008b;
  font-weight: bold;
}

.novedades {
  float: left;
  top: 3.4cm;
  width: 100px !important;
  height: 60px !important;
  width: 110px;
  height: 68px;
  margin: 0px;
  padding: 5px;
  border-right: black solid 1px;
  border-left: black solid 1px;
  border-top: black solid 1px;
  border-bottom: black solid 1px;
  text-align: center;
  background-image: url("../img/FondoNovedades.png");
}

.vendidos {
  float: left;
  top: 3.4cm;
  width: 100px !important;
  height: 60px !important;
  width: 110px;
  height: 68px;
  margin: 0px;
  padding: 5px;
  border-top: black solid 1px;
  border-bottom: black solid 1px;
  text-align: center;
  background-image: url("../img/FondoVendidos.png");

}

.materias {
  float: left;
  top: 3.4cm;
  width: 100px !important;
  height: 60px !important;
  width: 110px;
  height: 68px;
  margin: 0px;
  padding: 5px;
  border-right: black solid 1px;
  border-left: black solid 1px;
  border-top: black solid 1px;
  border-bottom: black solid 1px;
  text-align: center;
  background-image: url("../img/FondoMaterias.png");
}

.destacados {
  float: left;
  top: 3.4cm;
  width: 100px !important;
  height: 60px !important;
  width: 110px;
  height: 68px;
  margin: 0px;
  padding: 5px;
  border-left: black solid 1px;
  border-top: black solid 1px;
  border-bottom: black solid 1px;
  text-align: center;
  background-image: url("../img/FondoDestacados.png");
}

.corte {
  clear: both;
}
/*----------------------    MENÚS Y DIV     -----------------------*/

#cabecera {
  FONT: 9pt Verdana;
  font-weight: bold;
  color: #375673;
  background: #d9dadc;
  width: 99.9% !important;
  height: 11.6% !important;
  width: 99.8%;
  height: 10%;
}

#titulocabecera {
  float: left;
  display: block;
  width: 60%;
  position: absolute;
  left: 8.45cm;
  text-align: center; 
  top: 7px;
}

#titulocalendario {
  float: left;
  display: block;
  top: 3px;
  position: absolute;
  right: 3px;
  width: 1cm;
 
}
/*-- Ménu horizontal superior --*/
#menuh {
  border: 1px solid #375673;
  border-width: 2px 2px 2px 2px;
  display: block;
  position: absolute;
  top: 1.9cm;
  left: 2px;
  width: 99.1% !important;
  width: 99.5%;
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #e0e5f4;
  color: #375673;
  height: 0.7cm;
}

#menuh a {
  color: #375673;
  text-decoration: none;
}

#menuh a:hover {
  background: #ffffff;
  text-decoration: none;
}

/*-- Menú vertical lateral --*/
#menuv {
  border: 1px solid #375673;
  border-width: 2px 2px 2px 2px;
  width: 14.2em !important;
  width: 14.7em;
  position: absolute;
  top: 2.85cm;
  left: 2px;
  background-color: #e0e5f4;
  color: #375673;
  padding: 1px 1px;
}

#menuv ul, li {
  list-style-type: none;
}

#menuv ul {
  margin: 0;
  padding: 0;
}

#menuv li {
  color: #375673;
  display: block;
  width: 4.5cm;
  background: #e3e4e8;
  padding: 2px 0px;
}

#menuv a {
  border-bottom: 1px solid #375673;
  text-decoration: none;
  color: #375673;
  background: #d9dadc;
  display: block;
  padding: 3px 6px;
  width: 4cm !important;
  width: 4.5cm;
}

#menuv a:hover {
  background: #ffffff;
}

#menuv2 {
  border: 1px solid #375673;
  border-width: 2px 2px 2px 2px;
  width: 14.2em !important;
  width: 14.7em;
  position: absolute;
  top: 2.85cm;
  right: 2px;
  background-color: #e0e5f4;
  color: #375673;
  padding: 1px 1px;
}

#menuv2 ul, li {
  list-style-type: none;
}

#menuv2 ul {
  margin: 0;
  padding: 0;
}

#menuv2 li {
  color: #d9dadc;
  display: block;
  width: 4.5cm;
  background: #d9dadc;
  padding: 2px 0px;
}



/*-- Visualizar Carro  --*/
#vercarro {
  border: 1px solid #375673;
  border-width: 1px 1px 1px 1px;
  width: 14.7em !important;
  width: 15.2em;
  position: absolute;
  top: 14.5cm !important;
  top: 13.6cm;
  background-color: #e0e5f4;
  color: #2a2e84;
  padding: 1px 1px;
  text-align: center;
}

/*-- Visualizar Carro Descargas --*/
#vercarroDescarga {
  border: 1px solid #375673;
  border-width: 1px 1px 1px 1px;
  width: 14.7em !important;
  width: 15.2em;
  position: absolute;
  top: 15.7cm !important;
  top: 15cm;
  background-color: #e0e5f4;
  color: #2a2e84;
  padding: 1px 1px;
  text-align: center;
}

/*-- Pie MAPA --*/
#escudo {
  display: block;
  position: absolute;
  top: 13.4cm;
  left: 11.5cm;
  width: 50%;
  height: 5%;
  color: blue; /*#7a7d3e;*/
}

#pie {
  display: block;
  position: absolute;
  top: 13.7cm;
  left: 6cm;
  width: auto;
  height: 5%;
  color: blue; /*#7a7d3e;*/
  padding-left: 240px;
  
}

#pie a {
  color: blue; /*#7a7d3e;*/
}

#piebajo {
  display: block;
  position: absolute;
  top: 14.1cm;
  left: 9cm;
  width: 60%;
  height: 5%;
  color: #375673;
}

#piew3c {
  display: block;
  position: absolute;
  top: 14.70cm;
 /* left: 9.60cm; */
  left: 10.70cm;
  width: auto !important;
  height: auto !important;
  width: 31%;
  height: 5%;
  color: #7a7d3f;
  /*border-style: outset; /*ridge;*/
}

/* DIV general ajustado a una resolución de pantalla de 1024px 768px */
#general {
  width: 970px;
  height: 570px;
  position: absolute;/* esto debe ser absoluto */
  left: 50%;/* como la posición es absoluta no sirve el margin left y right auto, debes usar la misma regla, por tanto se posiciona al 50% del ancho */
  margin-left: -485px;/* -485 y también el margen debe ser la mitad del ancho */
  text-align: left;
}

/* DIV cuerpo del formulario de página */
#formulario {
  border: 1px solid #375673;
  position: absolute;
  top: 3cm;
  left: 6cm;
  width: 74% !important;
  width: 76%;
  min-height: 11.5cm;
  height: auto !important;
  height: 11.5cm;
  background-color: #f2f6fd;
  color: #375673;
  padding: 10px 10px !important;
  padding: 10px 20px;
}

/*-- DIV VARIOS DE POSICIÓN --*/

/* Soporta diversas opciones en la parte superior */

#centro {
  display: block;
  position: absolute;
  top: 3cm;
  left: 5cm;
  width: auto !important;
  height: auto !important;
  width: 55%;
  height: 10%;
}

/* Soporta la opción de registro*/
#registro {
  position: relative; 
  background: url("../img/Registro.jpg"); 
  border: 1px solid #375673; 
}

#registro a {
  display: inherit; /* Lo muestras en bloque para darle ancho y alto */
  height: 58px !important;/* alto de tu imagen */
  width: 165px !important;/* ancho de tu imagen */
  height: 66px;/* alto de tu imagen */
  width: 175px;/* ancho de tu imagen */
  text-decoration: none;/* quitas el subrayado */
  position: relative; 
  background: url("../img/RegistroNublado.jpg"); 
/*   border-style: outset; ridge; */
}

#registro a:hover {
   background: url("../img/Registro.jpg");
}

/* Soporta la opción de registro*/
#mapas {
  position: relative; 
  /*background: url("../img/Cartografia.jpg");  */
   border: 1px solid #375673;
}

#mapas a {
  display: inherit; /* Lo muestras en bloque para darle ancho y alto */
  height: 165px !important;/* alto de tu imagen */
  width: 165px !important;/* ancho de tu imagen */
  height: 170px;/* alto de tu imagen */
  width: 175px;/* ancho de tu imagen */
  text-decoration: none;/* quitas el subrayado */
  position: relative; 
  background: url("../img/CartografiaNublado.jpg"); 
/*   border-style: outset; ridge; */
}

#mapas a:hover {
   background: url("../img/Cartografia.jpg");
/*    border-style: inset;  */
}


/* Soporta la opción de registro*/
#recomendados {
  position: relative; 
  background: url("../img/Recomendados_p.jpg");
   border: 1px solid #375673;
}

#recomendados a {
  display: inherit; /* Lo muestras en bloque para darle ancho y alto */
  height: 35px !important;/* alto de tu imagen */
  width: 165px !important;/* ancho de tu imagen */
  height: 43px;/* alto de tu imagen */
  width: 175px;/* ancho de tu imagen */
  text-decoration: none;/* quitas el subrayado */
  position: relative; 
  background: url("../img/RecomendadosNublado_p.jpg");
/*   border-style: outset; ridge; */
}

#recomendados a:hover {
   background: url("../img/Recomendados_p.jpg");
/*    border-style: inset;  */
}

#revistas {
  position: relative;
  background: url("../img/Revistas.jpg");
  border: 1px solid #375673;
}

#revistas a {
  display: inherit; /* Lo muestras en bloque para darle ancho y alto */
  height: 35px !important;/* alto de tu imagen */
  width: 165px !important;/* ancho de tu imagen */
  height: 43px;/* alto de tu imagen */
  width: 175px;/* ancho de tu imagen */
  text-decoration: none;/* quitas el subrayado */
  position: relative;
  background: url("../img/RevistasNublado.jpg");
/*   border-style: outset; ridge; */
}

#revistas a:hover {
   background: url("../img/Revistas.jpg");
/*    border-style: inset; */
}

#clases_titulo {
   float: left;
   top: 1.8cm;
   left: 3.9cm;
   position: absolute;
   width: 5cm;
}

#clases {
  float: left;
  top: 2.4cm;
  left: 3.0cm;
  position: absolute;
  margin: 0px;
  padding: 5px;
  border-right: black solid 1px;
  border-left: black solid 1px;
  border-top: black solid 1px;
  border-bottom: black solid 1px;
  text-align: center;
  background-image: url("../img/caratula_clases.jpg");
  width: 5cm;
}

#clases a {
  display: inherit; /* Lo muestras en bloque para darle ancho y alto */
  width: 205px !important;
  height: 250px !important;
  width: 210px;
  height: 250px;
  text-decoration: none;/* quitas el subrayado */
  position: relative; 
  background: url("../img/caratula_clases.jpg"); 
  border-style: outset; /*ridge;*/
}

#clases a:hover {
   background: url("../img/caratula_clases.jpg");
   border-style: inset; 
}

#cultivos_titulo {
   float: left;
   top: 1.8cm;
   left: 10.4cm;
   position: absolute;
   width: 7cm;
}

#cultivos {
  float: left;
  top: 2.4cm;
  left: 10.5cm;
  position: absolute;
  margin: 0px;
  padding: 5px;
  border-right: black solid 1px;
  border-left: black solid 1px;
  border-top: black solid 1px;
  border-bottom: black solid 1px;
  text-align: center;
  background: url("../img/caratula_cultivos_1975.jpg");
  width: 5cm;
}

#cultivos a {
  display: inherit; /* Lo muestras en bloque para darle ancho y alto */
  width: 205px !important;
  height: 107px !important;
  width: 210px;
  height: 107px;
  text-decoration: none;/* quitas el subrayado */
  position: relative; 
  background: url("../img/caratula_cultivos_1975.jpg");
  border-style: outset; /*ridge;*/
}

#cultivos a:hover {
   background: url("../img/caratula_cultivos_1975.jpg");
   border-style: inset; 
}

#cultivos_nuevos_titulo {
   float: left;
   top: 5.6cm;
   left: 10.4cm;
   position: absolute;
   width: 7cm;
}

#cultivos_nuevos {
  float: left;
  top: 6.2cm;
  left: 10.5cm;
  position: absolute;
  margin: 0px;
  padding: 5px;
  border-right: black solid 1px;
  border-left: black solid 1px;
  border-top: black solid 1px;
  border-bottom: black solid 1px;
  text-align: center;
  background: url("../img/caratula_cultivos_1999.jpg");
  width: 5cm;
}

#cultivos_nuevos a {
  display: inherit; /* Lo muestras en bloque para darle ancho y alto */
  width: 205px !important;
  height: 107px !important;
  width: 210px;
  height: 107px;
  text-decoration: none;/* quitas el subrayado */
  position: relative;
  background: url("../img/caratula_cultivos_1999.jpg");
  border-style: outset; /*ridge;*/
}

#cultivos_nuevos a:hover {
   background: url("../img/caratula_cultivos_1999.jpg");
   border-style: inset;
}

#visitas {
  display: block;
  position: absolute;
  right: 0.3cm;
  top: 14.55cm;
  FONT: 9pt Verdana;
  font-weight: bold;
}

/* Soporta la foto central */
.fotocentro {
  border: 1px solid #375673;
  border-width: 1px 1px 1px 1px;
  display: block;
  position: absolute;
  top: 4cm;
  left: 6.8cm;
  width: 50%;
  height: 55%;
  background-image: url('../img/PMinis.jpg'); /* url('../img/Caballos.jpg'); */
}

.nodisponible {
  border: 10px solid #375673;
  border-width: 10px 10px 10px 10px;
  display: block;
  position: absolute;
  top: 4cm;
  left: 6.8cm;
  width: 50%;
  height: 55%;
  vertical-align: middle;
  text-align: center;
  FONT: 22pt Verdana;
  background-color: white;
  background-image: url('../img/img_noDisponible2.jpg');
  background-attachment: inherit;
  background-repeat: no-repeat;
  background-position: center;  


 /* background-position: center;*/

}

.proteccionDatos {
	FONT: 12pt Verdana;
	margin: 16px;
}
 
/* Soporta aviso de no JAVASCRIPT */
#avisojavascript {
  border: 1px solid black;
  border-width: 1px 1px 1px 1px;
  display: block;
  position: absolute;
  top: 6cm;
  left: 0.1cm;
  height: 10%;
  background-color: white;
  padding: 20px 10px 0px 10px;
  text-align: center;
}

#novedades_img {
  border-width: 1px 1px 1px 1px;
  position: absolute !important; 
  position: relative; 
  top: 0.6cm !important;
  top: 0cm;
  left: 0.90cm !important;
  left: 0cm;
   
}

#novedades_img a {
  /* filter: alpha(opacity=50);
  opacity: 0.5;*/
  display: inherit; /* Lo muestras en bloque para darle ancho y alto */
  height: 34px !important;/* alto de tu imagen */
  width: 47px !important;/* ancho de tu imagen */
  height: 37px;/* alto de tu imagen */
  width: 50px;/* ancho de tu imagen */
  text-decoration: none;/* quitas el subrayado */
  position: absolute !important; 
  position: relative; 
  background: url("../img/NovedadesNublado.jpg");
 /* border-style: none !important;
  border-style: inset;   */
}

#novedades_img a:hover {
  /* filter: alpha(opacity=100);
  opacity: 1.0;*/
  background: url("../img/Novedades.jpg"); 
  border-style: none !important;
  border-style: inset; 
}

#vendidos_img {
  border-width: 1px 1px 1px 1px;
  position: absolute !important; 
  position: relative; 
  top: 0.6cm !important;
  left: 3.8cm !important;
  top: 0cm;
  left: 0cm; 
}

#vendidos_img a {
  display: inherit; /* Lo muestras en bloque para darle ancho y alto */
  height: 34px !important;/* alto de tu imagen */
  width: 47px !important;/* ancho de tu imagen */
  height: 37px;/* alto de tu imagen */
  width: 50px;/* ancho de tu imagen */
  text-decoration: none;/* quitas el subrayado */
  position: absolute !important; 
  position: relative; 
  background: url("../img/VendidosNublado.jpg");
 /* border-style: none !important;
  border-style: outset; /* /*ridge;*/  
}

#vendidos_img a:hover {
  background: url("../img/Vendidos.jpg"); 
  border-style: none !important;
  border-style: inset;
}

#materias_img {
  border-width: 1px 1px 1px 1px;
  position: absolute !important; 
  position: relative; 
  top: 0.6cm !important;
  left: 6.8cm !important;
  top: 0cm;
  left: 0cm;
}

#materias_img a {
  display: inherit; /* Lo muestras en bloque para darle ancho y alto */
  height: 34px !important;/* alto de tu imagen */
  width: 47px !important;/* ancho de tu imagen */
  height: 37px;/* alto de tu imagen */
  width: 50px;/* ancho de tu imagen */
  text-decoration: none;/* quitas el subrayado */
  position: absolute !important; 
  position: relative; 
  background: url("../img/MateriasNublado.jpg");
/*  border-style: none !important;
  border-style: outset; /*ridge;*/    
}

#materias_img a:hover {
  background: url("../img/Materias.jpg"); 
  border-style: none !important;
  border-style: inset; 
}

#Destacados_img {
  border-width: 1px 1px 1px 1px;
  position: absolute !important; 
  position: relative; 
  top: 0.6cm !important;
  left: 6.8cm !important;
  top: 0cm;
  left: 0cm;
}

#destacados_img a {
  display: inherit; /* Lo muestras en bloque para darle ancho y alto */
  height: 34px !important;/* alto de tu imagen */
  width: 47px !important;/* ancho de tu imagen */
  height: 37px;/* alto de tu imagen */
  width: 50px;/* ancho de tu imagen */
  text-decoration: none;/* quitas el subrayado */
  position: absolute !important; 
  position: relative; 
  background: url("../img/DestacadosNublado.jpg");
/*  border-style: none !important;
  border-style: outset; /*ridge;*/    
}

#destacados_img a:hover {
  background: url("../img/Destacados.jpg"); 
  border-style: none !important;
  border-style: inset; 
}


/* Soporta la ayuda en formulario */
#ayuda {
  position: absolute;
  top: 0.5cm;
  right: 1.5cm;
}

/* Soporta la ayuda en formulario de descargas*/
#ayudaDescargas {
  position: absolute;
  top: 3.2cm;
  right: 2.5cm;
}

/* Soporta la ayuda avanzada en formulario */
#busqueda {
  position: absolute;
  top: 1.5cm;
  left: 1cm;
}

#lupa {
/*   border: 1px solid #767a16; */
  border-bottom: 1px solid #767a16;
  border-right: 1px solid #767a16;
  position: absolute;
 /* top: 0.030cm !important;*/
 top: 0.035cm; 
/*   right: 16.8em !important; */
/*   right: 17.8em; */
 right: 22%;
 
}

/*
html>body #lupa {
  border: 1px solid #767a16;
  position: absolute;
  top: 0.030cm; 
  right: 13.7em; 
}
*/

#fin_pagina {
  display: block;
  position: absolute;
  left: 16.2cm;
  width: 5%;
  height: 5%;
}

#popup
   {
      position: absolute;
      border: 3px solid #666666;
      background-color: #F7F7F7;
      width: 600px;
      height: 100px;
      margin-top: 50px;
      top: 4.4cm;
      left: 4.85cm;
      text-align: center;
      
   }

/*----------------------    VARIOS    -----------------------*/

a {
  text-decoration: none;
  color: blue;
}

a:hover {
  text-decoration: none !important;
  text-decoration: underline;
}

a:visited {
  color: blue;
  font-size: 100%;
}

.letra {
  font-weight: bold;
  border: 1px solid #999999;
  margin: 3px 0px 3px 0px;
  padding: 2px;
}



/*------------------------------------*/