/*
    HOJA DE ESTILO PARA EL PROYECTO
*/

/* Aplica estilo al cuerpo de la página */
body{      /* Cuerpo de la página sobre la que se construye todo lo demás */
  background-color:#efefef;                   /* Color de fondo gris */
  color:#666666;                              /* Color del texto     */
  font:10px/26px Verdana, Arial, Helvetica, sans-serif; /* Estilo de la fuente */
}

 /* Definición de la lista de opciones para el menú */
ul{
    font-size:small;		                       /* Tamaño del texto */
    /*color:navy;			                       /* Color del título */
    margin: 0;
    padding:15px;
    cursor: default;
    list-style-type: cicle;
    text-align:left;
    line-height: 1.5em;
}

 /* Definición de la lista de opciones para el menú */
ol{
    font-size: small;		                       /* Tamaño del texto */
    /*color:navy;			                       /* Color del título */
    margin: 0;
    padding:15px;
    padding-left: 30px;
    cursor: default;
    list-style-type: decimal-leading;
    text-align:left;
    line-height: 1.2em;
}

 /* Definición de la lista de opciones para el menú */
ul.navegar{
    font-size:12px;		                       /* Tamaño del texto */
    color:navy;			                       /* Color del título */
    margin: 0;
    padding:1px;
	cursor: default;
	list-style-type: none;
    text-align:center;
}
 
ul.navegar li{
    background-image: url(../estilo/plata.jpg);
    display: block;                          /* Muestra la lista en una línea */
    float:   none;
    /* width: 400px;*/
   /* padding: 0.2em 1em;*/
  /*  letter-spacing:1.5px;	                  /* Espacio entre las letras */
    font-weight:bold;                         /* Negrita */
    border-right:  1px solid #a0a0a0;         /* Muestro borde inferior y derecho para darle profundidad*/
    border-bottom: 1px solid #a0a0a0;
}

ul.navegar2{
    font-size:12px;		                       /* Tamaño del texto */
    color:navy;			                       /* Color del título */
    margin: 0;
    padding:1px;
	cursor: default;
	list-style-type: none;
    text-align:center;
}

ul.navegar2 li{
    background-image:url(../estilo/fuego.jpg);
    display: inline;                          /* Muestra la lista en una línea */
    float: center;
    /*width: 400px;*/
    padding: 0.2em 1em;
    letter-spacing:1.5px;	                  /* Espacio entre las letras */
    font-weight:bold;                         /* Negrita */
    border-right:  2px solid #a0a0a0;         /* Muestro borde inferior y derecho para darle profundidad*/
    border-bottom: 2px solid #a0a0a0;
}

/* **************** */
/* Definición de las diferentes capas de la página, con la aplicación de
   colores de fondo que permitan apreciar cada una ellas en el conjunto de la página. */

#principal{  /* Capa Principal que contiene a todas las otras capas. */
  background-color:white;          /* Color de fondo blanco */
  width:99%;                       /* ancho de la capa 99% del total de la pantalla */
  margin:5px;
  padding:5px;
 }
 
#cabecera{
  background-image:url(../estilo/plata3.jpg);
  height:110px;                                /* alto de la capa 100 pixel */
  width:99%;                                   /* ancho de la capa 95% de la pantalla */
  letter-spacing:1.5px;	                       /* Espacio entre las letras */
/* Bordes y márgenes de la capa */
  border-bottom: 2px solid #1E0090;  
  border-left:2px solid #1E0090;
  border-top: 2px solid #1E0090;
  border-right:2px solid #1E0090;
  margin:1px;
  padding:1px;
  text-align:center;
  position: relative;
 }
 
#contenido{
  background-color:white;                       /* Color de fondo blanco */
  margin:1px;
  margin-left:1px;
  margin-top:1px;
  padding:1px;
  text-align:justify;
 /* float: none;*/
 }
 
#navegacion{
  background-image:url(../estilo/plata2.jpg);
  /* Bordes de la capa */
  border-bottom: 1px solid #1E9000;  
  border-left:1px solid #1E9000;
  border-top: 1px solid #1E9000;
  border-right:1px solid #1E9000;
  width:99%;
  /* height:20px;*/
  float: none;
  margin:1px;
  margin-top:1px;
  padding:1px;
  text-align:center;
 }
 
#flotante_izq{
  background-image:url(../estilo/plata2.jpg);
  /* Bordes de la capa */
  border-bottom: 1px solid #1E0090;
  border-left:1px solid #1E0090;
  border-top: 1px solid #1E0090;
  border-right:1px solid #1E0090;
  width:250px;
  text-align:center;
  /*height:20px;*/
  float: left;
  margin:5px;
  margin-top:3px;
  padding:1px;
  letter-spacing:1px;
  line-height: 1.2em;				  /* Espacio entre líneas, 1.2 del tamaño normal */

 }
 
 #flotante_der{
  background-image:url(../estilo/plata2.jpg);
  /* Bordes de la capa */
  border-bottom: 1px solid #1E0090;
  border-left:1px solid #1E0090;
  border-top: 1px solid #1E0090;
  border-right:1px solid #1E0090;
  width:275px;
  text-align:center;
  /*height:20px;*/
  float: right;
  margin:5px;
  margin-top:3px;
  padding:1px;
  letter-spacing:1px;
  line-height: 1.2em;				  /* Espacio entre líneas, 1.2 del tamaño normal */
 }

 #derecha{
  /* Bordes de la capa */
  border-bottom: 2px solid #1E0090;
  border-left:2px solid #1E0090;
  border-top: 2px solid #1E0090;
  border-right:2px solid #1E0090;
  width:170px;
  text-align:center;
  /*height:20px;*/
  float: right;
  margin:5px;
  margin-top:3px;
  padding:1px;
  letter-spacing:1px;
  line-height: 1.2em;				  /* Espacio entre líneas, 1.2 del tamaño normal */
 }
 
#pie{
  background-image:url(../estilo/plata2.jpg);
  height:20px;                 /* alto de la capa 20 pixel */
  width:99%;                   /* ancho de la capa 95% de la pantalla */
  margin:1px;
  padding:1px;
  /* Bordes de la capa */
  border-bottom: 2px solid #1E0090;  
  border-left:2px solid #1E0090;
  border-top: 2px solid #1E0090;
  border-right:2px solid #1E0090;
  float: left;
  position: inherit;
 }

  #PanelControl{
  /* Bordes y mArgenes de la capa */
  border-bottom: 2px solid #1E9000;  
  border-left:2px solid #1E9000;
  border-top: 2px solid #1E9000;
  border-right:2px solid #1E9000;
  margin:2px;
  padding:2px;
  /* El contenido de la capa aparecerá justificado */
  text-align:center;  
  float: right;
  /* ancho de la capa 20% de la pantalla */
  width:20%;                                   
 }
 
#panel_der{
  /* Bordes de la capa */
  border-bottom: 1px solid #1E9000;
  border-left:1px solid #1E9000;
  border-top: 1px solid #1E9000;
  border-right:1px solid #1E9000;
  width:250px;
  text-align:center;
  float: left;
  margin:5px;
  margin-top:3px;
  padding:1px;
  letter-spacing:1px;
  line-height: 1.2em;				  /* Espacio entre lIneas, 1.2 del tamaNo normal */
 }
 
  
#vergrande{
  width:120px;
  height:120px;
  text-align:center;  
  float: left;
  margin:5px;
  margin-top:1px;
  padding:1px;
  line-height: 1em;
  position: inherit;
 }
  
#verlista{
  background-color: aliceblue;          /* Color de fondo lima */
  width:300px;
  height:300px;
  text-align:left;  
  float: left;
  margin:8px;
  margin-top:3px;
  padding:4px;
  line-height: 1em;
  position: inherit;
  /* Bordes de la capa */
  border-bottom: 1px solid #001E00;
  border-left:1px solid #001E00;
  border-top: 1px solid #001E00;
  border-right:1px solid #001E00;
 }
 
 #verdetalle{
  /*background-image:url(../estilo/plata2.jpg);*/
  /*background-color: white;                       /* Color de fondo blanco */
  /* Bordes de la capa */
  /*border-bottom: 1px solid #001E00;
  border-left:1px solid #001E00;
  border-top: 1px solid #001E00;
  border-right:1px solid #001E00;*/
  width:300px;
  text-align:left;
  height:170px;
  float: left;
  margin:5px;
  margin-top:2px;
  padding:5px;
  letter-spacing:1px;
  line-height: 1.1em;   /* Espacio entre líneas, 1.2 del tamaño normal */
 }
 
 
  #error{  /* Capa Principal que contiene a todas las otras capas. */
  background-color:lightgrey;          /* Color de fondo blanco */
  width:75%;                    /* ancho de la capa % del total de la pantalla */
  color: red;
  margin:5px;
  padding:5px;
  font-size:18px;		 /* TamaNo del texto */
 }
 
  #aviso{  /* Capa Principal que contiene a todas las otras capas. */
  background-color: lightgrey;  /* Color de fondo gris claro */
  width:75%;                    /* ancho de la capa % del total de la pantalla */
  color: green;
  margin:5px;
  padding:5px;
  font-size:16px;		 /* TamaNo del texto */
 }
 
 
/* Ajustes del Texto */
/* Definición del título principal del documento */
 h1{
 /*font-family: serif; */
 font-size:26px;		/* Tamaño del texto */
 text-transform:uppercase;	/* Texto en mayúsculas */
 letter-spacing:2px;		/* Espacio entre letras */
 color:navy;		        /* Color del título */
 line-height: 1.2em;	        /* Espacio entre líneas, 1.5 del tamaño normal */
 }

/* Definición del título 2*/
 h2{
 font-size:22px;		    /* Tamaño del texto */
 text-transform:uppercase;	/* Texto en mayúsculas */
 color:navy;			    /* Color del título */
 line-height: 1.1em;	        /* Espacio entre líneas, 1.5 del tamaño normal */
 }
 
 /* Definición del título 3*/
 h3{
 font-size:18px;		    /* Tamaño del texto */
 text-transform:uppercase;	/* Texto en mayúsculas */
 color:navy;			    /* Color del título */
 line-height: 1em;	        /* Espacio entre líneas, 1.5 del tamaño normal */
 }
 
 /* Definición del título 4*/
 h4{
 font-size:14px;		    /* Tamaño del texto */
 text-transform:uppercase;	/* Texto en mayúsculas */
 color:navy;			    /* Color del título */
 line-height: 1em;	        /* Espacio entre líneas, 1.5 del tamaño normal */
 }
 
 /* Definición del título 5*/
 h5{
 font-size:12px;		    /* Tamaño del texto */
 color:navy;			    /* Color del título */
 }
 
  /* Definición del título 5*/
 h6{
 font-size:9px;		    /* Tamaño del texto */
 color:navy;			    /* Color del título */
 }
 
 /* Dirección */
address {
  text-align: center;				  /* Alinación centrada respecto a su contenedor */
  font-size: 99%;				      /* tamaño de fuente, lo incrementa al 100% */
  font-style: normal;				  /* estilo de fuente normal */
  letter-spacing: 2px;				  /* Espacio entre letras 2 pixels */
  line-height: 1.5em;				  /* Espacio entre líneas, 1.5 del tamaño normal */
  color:navy;					      /* Color del texto*/
}

 /* datos */
datos {
  text-align: center;				  /* Alinación centrada respecto a su contenedor */
  font-size: 105%;				      /* tamaño de fuente, lo incrementa al 100% */
  font-style: normal;				  /* estilo de fuente normal */
  letter-spacing: 1.5px;				  /* Espacio entre letras 2 pixels */
  line-height: 1.5em;				  /* Espacio entre líneas, 1.5 del tamaño normal */
  color:navy;					      /* Color del texto*/
}

 /* datos2 */
datos2{
  text-align: center;				  /* Alinación centrada respecto a su contenedor */
  font-size: 125%;				      /* tamaño de fuente, lo incrementa al 100% */
  font-style: italic;				  /* estilo de fuente itálica */
  font-weight: bold;				  /* estilo de fuente bold */
  letter-spacing: 1.5px;			  /* Espacio entre letras 2 pixels */
  line-height: 1.5em;				  /* Espacio entre líneas, 1.5 del tamaño normal */
  color:blue;					      /* Color del texto*/
}

 /* firma */
firma {
  text-align: right;				  /* Alinación a la derecha de su contenedor */
  font-size: 105%;				      /* tamaño de fuente, lo incrementa al 100% */
  font-style: italic;				  /* estilo de fuente normal */
  letter-spacing: 1.5px;				  /* Espacio entre letras 2 pixels */
  line-height: 1.5em;				  /* Espacio entre líneas, 1.5 del tamaño normal */
  color:navy;					      /* Color del texto*/
}

 /* párrafos */
p {
  text-align: justify;				  /* Alinación centrada respecto a su contenedor */
  font-size: small;				      /* tamaño de fuente, lo incrementa al 100% */
  font-style: normal;				  /* estilo de fuente normal */
  letter-spacing: 1.2px;				  /* Espacio entre letras 1.2 pixels */
  line-height: 1.2em;				  /* Espacio entre líneas, 1.2 del tamaño normal */
  /*color:navy;					      /* Color del texto*/
}

 /* Enlaces */
a {
    text-decoration: none;
    outline: none;
    }
a:link {                       /* Color para los enlaces azul*/
    color: blue
    }
a:visited {                    /* Color enlaces visitados azul marino */
    color: navy;
    font-style:italic
    }
a:hover, a:focus {
    text-decoration: none;
    text-transform:uppercase;	  /* Texto en mayúsculas */
    color:red
    }	                  /* Cuando apunta a un enlace */
a:active {
    color: white;
    background-color: #1E88FF;
    }   /* El enlace activo queda marcado con el color de fondo */

    /*----------------------------------------------------------*/
    #cajapeque{
  /*background-image:url(../estilo/plata2.jpg);*/
  background-color: white;                       /* Color de fondo blanco*/
  /* Bordes de la capa */
  border-bottom: 1px solid #1E0090;
  border-left:1px solid #1E0090;
  border-top: 1px solid #1E0090;
  border-right:1px solid #1E0090;
  width:200px;
  text-align:center;
  /*height:20px;*/
  float: left;
  margin:1px;
  margin-top:1px;
  padding:1px;
  letter-spacing:1px;
  line-height: 1.2em;   /* Espacio entre líneas, 1.2 del tamaño normal */
  position: inherit;
 }
 
     #cajapeque1{
  /*background-image:url(../estilo/plata2.jpg);*/
  background-color: orange;                       /* Color de fondo naranja */
  /* Bordes de la capa */
  border-bottom: 1px solid #1E0090;
  border-left:1px solid #1E0090;
  border-top: 1px solid #1E0090;
  border-right:1px solid #1E0090;
  width:150px;
  text-align:center;
  height:40px;
  float: left;
  margin:1px;
  margin-top:1px;
  padding:1px;
  letter-spacing:1px;
  line-height: 1.2em;   /* Espacio entre líneas, 1.2 del tamaño normal */
  position: inherit;
 }
     #cajapeque2{
  /*background-image:url(../estilo/plata2.jpg);*/
  background-color: lime;                       /* Color de fondo lima */
  /* Bordes de la capa */
  border-bottom: 1px solid #1E0090;
  border-left:1px solid #1E0090;
  border-top: 1px solid #1E0090;
  border-right:1px solid #1E0090;
  width:150px;
  text-align:center;
  height:40px;
  float: left;
  margin:1px;
  margin-top:1px;
  padding:1px;
  letter-spacing:1px;
  line-height: 1.2em;   /* Espacio entre líneas, 1.2 del tamaño normal */
  position: inherit;
 }
      #caja{
  /*background-image:url(../estilo/plata2.jpg);*/
  background-color: white;                       /* Color de fondo blanco */
  /* Bordes de la capa */
  border-bottom: 1px solid #1E0090;
  border-left:1px solid #1E0090;
  border-top: 1px solid #1E0090;
  border-right:1px solid #1E0090;
  width:400px;
  text-align:center;
  /*height:20px;*/
  float: left;
  margin:1px;
  margin-top:1px;
  padding:1px;
  letter-spacing:1px;
  line-height: 1.2em;   /* Espacio entre líneas, 1.2 del tamaño normal */
  position: inherit;
 }
     #cajanormal{
  /*background-image:url(../estilo/plata2.jpg);*/
  background-color: white;                       /* Color de fondo blanco */
  /* Bordes de la capa */
  border-bottom: 1px solid #1E0090;
  border-left:1px solid #1E0090;
  border-top: 1px solid #1E0090;
  border-right:1px solid #1E0090;
  width:400px;
  text-align:left;
  /*height:20px;*/
  float: left;
  margin:1px;
  margin-top:1px;
  padding:1px;
  letter-spacing:1px;
  line-height: 1.2em;   /* Espacio entre líneas, 1.2 del tamaño normal */
  position: inherit;
 }
     #cajagrande{
  /*background-image:url(../estilo/plata2.jpg);*/
  background-color:greenyellow ;                       /* Color de fondo verde claro */
  /* Bordes de la capa */
  border-bottom: 3px solid #1E0090;
  border-left:3px solid #1E0090;
  border-top: 3px solid #1E0090;
  border-right:3px solid #1E0090;
  width:600px;
  text-align:left;
  /*height:20px;*/
  float: left;
  margin:1px;
  margin-top:1px;
  padding:1px;
  letter-spacing:1px;
  line-height: 1.2em;   /* Espacio entre líneas, 1.2 del tamaño normal */
 }
 
      #cajagrande2{
  /*background-image:url(../estilo/plata2.jpg);*/
  background-color: white;                       /* Color de fondo blanco */
  /* Bordes de la capa */
  border-bottom: 3px solid #1E0090;
  border-left:3px solid #1E0090;
  border-top: 3px solid #1E0090;
  border-right:3px solid #1E0090;
  width:600px;
  text-align:left;
  /*height:20px;*/
  float: left;
  margin:1px;
  margin-top:1px;
  padding:1px;
  letter-spacing:1px;
  line-height: 1.2em;   /* Espacio entre líneas, 1.2 del tamaño normal */
 }
 
      #cajaenorme{
  /*background-image:url(../estilo/plata2.jpg);*/
  background-color: cyan;                       /* Color de fondo verde claro */
  /* Bordes de la capa */
  border-bottom: 3px solid #1E0090;
  border-left:3px solid #1E0090;
  border-top: 3px solid #1E0090;
  border-right:3px solid #1E0090;
  width:800px;
  text-align:left;
  /*height:20px;*/
  float: center;
  margin:1px;
  margin-top:1px;
  padding:1px;
  letter-spacing:1px;
  line-height: 1.2em;   /* Espacio entre líneas, 1.2 del tamaño normal */
 }
 
       #cajaenorme2{
  /*background-image:url(../estilo/plata2.jpg);*/
  background-color: white;                       /* Color de fondo blanco*/
  /* Bordes de la capa */
  border-bottom: 3px solid #1E0090;
  border-left:3px solid #1E0090;
  border-top: 3px solid #1E0090;
  border-right:3px solid #1E0090;
  width:800px;
  text-align:left;
  /*height:20px;*/
  float: center;
  margin:1px;
  margin-top:1px;
  padding:1px;
  letter-spacing:1px;
  line-height: 1.2em;   /* Espacio entre líneas, 1.2 del tamaño normal */
 }
    /*----------------------------------------------------------*/
    
    /*********************************************************************/

 /* Estilo para menús desplegables */
* { margin: 0px;
padding: 0px; outline: 0;
}
html, body { width: 100%;}

#menu 
{  
    background-image:url(../estilo/plata2.jpg);
    text-align: center;
    font-size: 1.4em;
    /* Bordes de la capa */
    border-bottom: 2px solid #1E0090;  
    border-left:2px solid #1E0090;
    border-top: 2px solid #1E0090;
    border-right:2px solid #1E0090;
    width:99%;
    /* height:20px;*/
    float: none;
    margin:1px;
    margin-top:1px;
    padding:1px;
        /*    
    width: 100%;
    margin: 10px auto; */
    position: absolute;
}
#menu ul 
{ 
    list-style-type: none;
    text-align: center;
}
#menu ul li.nivel1 
{ 
    float: left;
    width: 160px;
    margin-right: 1px;
    text-align: center;
}
#menu ul li a 
{
    display: block;
    text-decoration: none;
    color: #fff;
    background-color: #000;
    border: solid 2px #aaa;
    padding: 1px;
    position: relative;
}
#menu ul li:hover 
{
    position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 
{
    background-color: #0cc;
    color: #000;
    position: relative;
}
#menu ul li a.nivel1 
{
    display: block!important;display: none;
    position: relative;
}
#menu ul li ul 
{
    display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul 
{
    display: block;
    position: absolute;left: 0px;
}
#menu ul li ul li a 
{
    width: 200px;
    padding: 2px 0px 1px 0px;
    border-top-color: #000;
}
#menu ul li ul li a:hover 
{
    border-top-color: #00a;
    position: relative;
}
table.falsa 
{
    border-collapse:collapse;
    border:0px;
    float: left;
    position: relative;
}