/*
    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:12px/26px Arial, Helvetica,sans-serif; /* Estilo de la fuente */
}

 /* Definición de la lista de opciones para el menú */
ul.navegar{
    font-size:14px;		                       /* 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: 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:98%;                       /* ancho de la capa 98% del total de la pantalla */
  margin:5px;
  padding:5px;
 }
 
#cabecera{
  background-image:url(../imag/cabecera.jpg); /* Imagen de la entrada */
  /* background-image:url(../estilo/menta2.jpg);*/  /* Imagen con color degradado */
  height:100px;                                /* alto de la capa 100 pixel */
  width:98%;                                   /* ancho de la capa 98% 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:5px;
  padding:5px;
  text-align:center;
 }
 
#contenido{
  background-color:white;                       /* Color de fondo blanco */
  margin:5px;
  margin-left:10px;
  margin-top:1px;
  padding:2px;
  text-align:justify;
  width:98%;  
  /*font-size:12px;*/
  line-height: 1.2em;
 }
 
#navegacion{
  background-image:url(../estilo/plata.jpg);
  /* 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:98%;                                   /* ancho de la capa 98% de la pantalla */
 /* height:20px;*/
  float: none;
  margin:5px;
  margin-top:3px;
  padding:1px;
 }
 
#flotante_izq{
  background-image:url(../estilo/plata3.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:20%;
  text-align:center;
  /*height:20px;*/
  float: left;
  margin:5px;
  margin-top:3px;
  padding:1px;
  letter-spacing:1px;
  line-height: 1em;				  /* Espacio entre líneas, 1.2 del tamaño normal */
 }
 #flotante_central{
  /*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:50%;
  text-align:center;
  height:20px;
  float: right;
  margin:5px;
  margin-top:3px;
  padding:5px;
  letter-spacing:1px;
  line-height: 1em;				  /* Espacio entre líneas, 1.2 del tamaño normal */
 }
#flotante_der{
  background-image:url(../estilo/plata3.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:20%;
  text-align:center;
  /*height:20px;*/
  float: RIGHT;
  margin:5px;
  margin-top:3px;
  padding:1px;
  letter-spacing:1px;
  line-height: 1em;				  /* Espacio entre líneas, 1.2 del tamaño normal */
 }
 
#pie{
  background-image:url(../estilo/plata2.jpg);
  height:40px;                 /* alto de la capa 20 pixel */
  width:98%;                                   /* ancho de la capa 98% de la pantalla */
  margin:5px;
  padding:5px;
  /* Bordes de la capa */
  border-bottom: 2px solid #1E0090;  
  border-left:2px solid #1E0090;
  border-top: 2px solid #1E0090;
  border-right:2px solid #1E0090;
 }

/* Ajustes del Texto */
/* Definición del título principal del documento */
 h1{
 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 */
 }

/* Definición del segundo título del documento */
 h2{
 font-size:15px;		    /* Tamaño del texto */
 color:navy;			    /* Color del título */
 text-transform:uppercase;	/* Texto en mayúsculas */
 }
 
 /* Definición del tercer título del documento */
 h3{
 font-size : 14px;		    /* Tamaño del texto */
 color : orangered;		    /* Color del título */
 }
 
  /* Definición del cuarto título del documento */
 h4{
 font-size : 14px;		    /* Tamaño del texto */
 color : gray;		    /* Color del título */
 }
 
 /* Dirección */
 address {
  text-align: center;				  /* Alinación centrada respecto a su contenedor */
  font-size: 100%;				  /* 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*/
}

 /* 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 */

/* FORMULARIOS */

input { 
    font-family: Arial, Tahoma, Verdana; 
    font-size:12px; 
    color: #000000; 
    background-color: #55ffff; 
    border:#000099;
    border-style: solid; 
    border-top-width: 1px; 
    border-right-width: 1px;
    border-bottom-width: 1px; 
    border-left-width: 1px;
}

textarea {
    font-family: Tahoma, Verdana, Arial; 
    font-size:12px; 
    color: #000000; 
    background-color: #55ffff; 
    border:#000099;
    border-style: solid; 
    border-top-width: 1px; 
    border-right-width: 1px;
    border-bottom-width: 1px; 
    border-left-width: 1px;
}