/* Este ejemplo es aplicado directamente en la cabecera HEAD del archivo,
   por lo que este archivo de estilo no tiene sentido al no ser invocado.
*/

/* Aplica estilo exclusivamente 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 (fuente) */
  font:12px/16px Arial, Helvetica,sans-serif; /* Estilo de la fuente */
}

/* 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-color:#0090f0; /* Color de fondo azul celeste OAPEE*/
  background-color:white;
  height:100px;             /* alto de la capa 100 pixel */
  width:98%;                /* ancho de la capa 95% de la pantalla */
  letter-spacing:1.5px;	    /* Espacio entre las letras */
/* Bordes de la capa */
  border-bottom: 2px solid #0090f0;  
  border-left:2px solid #0090f0;
  border-top: 2px solid #0090f0;
  border-right:2px solid #0090f0;
  margin:5px;
  padding:5px;
  text-align:right;
 }
 
#contenido{
  background-color:white;     /* Color de fondo blanco */  
 /* width:95%;                /* ancho de la capa 95% de la pantalla */
  margin:5px;
  margin-left:180px;
  margin-top:1px;
  padding:3px;
  text-align:justify;
 }
 
#navegacion{
  background-image:url(../estilo/degradado.jpg);
    /*background-color:#0090f0;      /* Color de fondo celeste */
  /* Bordes de la capa */
  /*border-bottom: 1px solid #0090f0;  
  border-left:1px solid #0090f0;
  border-top: 1px solid #0090f0;
  border-right:1px solid #0090f0;*/
  width:98%;                                   /* ancho de la capa 98% de la pantalla */
  /*height:200px;            /* alto de la capa 200 pixel */
  float: none;
  margin:5px;
  margin-top:1px;
  padding:1px;
 }

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

#novedad{
  /*background-color:#f0f0cc; */     /* Color de fondo  */
  background-image:url(../imagenes/fuego2.jpg);
  /* Bordes de la capa */
  border-bottom: 2px solid #1E9000;  
  border-left:2px solid #1E9000;
  border-top: 2px solid #1E9000;
  border-right:2px solid #1E9000;
  width:260px;
  float: right;
  margin:5px;
  margin-top:1px;
  padding:1px;
 }

#aporte{
  background-color:#f0f0cc;      /* Color de fondo  */  
  /* Bordes de la capa */
  border-bottom: 2px solid #1E9000;  
  border-left:2px solid #1E9000;
  border-top: 2px solid #1E9000;
  border-right:2px solid #1E9000;
  width:420px;
  float: right;
  margin:5px;
  margin-top:1px;
  padding:1px;
 }
 
#seccion{
  background-color:#0090f0;      /* Color de fondo  */
  /* Bordes de la capa */
  border-bottom: 2px solid #1E9000;  
  border-left:2px solid #1E9000;
  border-top: 2px solid #1E9000;
  border-right:2px solid #1E9000;  
  width:600px;             /* ancho de la capa 600 pixel */
  /*float: right;*/
  margin:5px;
  margin-top:1px;
  padding:1px;
 } 
 
#pie{
  /*background-image:url(../imagenes/fuego.jpg);*/
  background-color:white; /* Color de fondo celeste OAPEE*/
  height:20px;                 /* alto de la capa 20 pixel */
  width:98%;                   /* ancho de la capa 95% de la pantalla */
  margin:5px;
  padding:5px;
  /* Bordes de la capa */
  border-bottom: 2px solid #0090f0;  
  border-left:2px solid #0090f0;
  border-top: 2px solid #0090f0;
  border-right:2px solid #0090f0;
  float: left;
 }

       #cajagrande{
  /*background-image:url(../estilo/plata2.jpg);*/
  background-color: white;                       /* Color de fondo blanco */
  /* Bordes de la capa */
  border-bottom: 2px solid #0090f0;
  border-left:2px solid #0090f0;
  border-top: 2px solid #0090f0;
  border-right:2px solid #0090f0;
  width:500px;
  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 */
 }
 
/* 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 título principal del documento */
 h2{
 font-size:16px;		/* Tamaño del texto */
 color:navy;			/* Color del título */
 }

 /* Definición del título principal del documento */
 h5{
 font-size:14px;		/* Tamaño del texto */
 color:green;			/* 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: blue}	 	/* Color para los enlaces azul*/
a:visited { color: navy; font-style:italic}		/* Color enlaces visitados azul marino*/
a:hover, a:focus { text-decoration: underline; color:red}	    /* Cuando apunta a un enlace */
a:active { color: white; background-color: #1E88FF; }   /* El enlace activo queda marcado con el color de fondo */