/* Esta primera sección establece el color de fondo, en otras palabras el color
que rodea por fuera a la tabla principal. Esto mismo aplica a las fuentes que se 
colocan fuera del contenido de la página principal. Lo que es poco probable que suceda.
La expresión "max-width" es una indicación a Firefox para hacerle saber cuán ancha quiero que
sea la página. Este será el ancho máximo de la tabla de contenido.

Si establece un ancho de 1050px y se presenta en un monitor de 1024x768,
va a aparecer en pantalla completa. Si alguien lo ve en un monitor de 1200x1024,
va a aparecer coin un ancho de 1050, con un fondo a nuestra elección en cde 75px a cada lado */
body{
  background-color: #cccccc;
  font-family: Arial, Verdana, sans-serif;
  font-size: 93%;
  color: #000;
  margin: auto;
  padding: 0;
  text-align: center;
  background-image: url(../image-files/background_blue.jpg);
}/* Además de la básica, hay tres clases de reglas horizontales.
Se pueden cambiar los atributos para conseguir la apariencia deseada.
Las tres clases son solid, dotted, y dashed. Añada class="dashed" a su etiqueta hr en una
página html, para obtener la versión dashed de hr. Cambie los colores de acuardo a su gusto. *//* A la clase .solid  le cambié el estilo a dotted mientras tanto. */

.solid{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: dotted;
  border-left-style: none;
  border-top-color: #D6E7EF;
  border-bottom-color: #D6E7EF;
}

.dashed{
  border-bottom: 0.5px dashed #006699;
  border-top: none;
  border-left: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.dotted{
  border-bottom: 1px dotted #006699;
  border-top: none;
  border-left: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}/* Esta es la clase ajustada para la etiqueta negrita. 
Se puede alterar cualquier parámetro, o removerla totalmente para
usar la negrita básica. */

b{
  color: #000000;
  font-family: Arial;
  font-weight: 600;
  font-style: normal;
}/* Esta es la clase ajustada para las viñetas gráficas. Deberá cargar un gráfico de viñetas
apropiadas a la carpeta "image-files". Luego reemplace mi URL con la suya. No use
cremillas alrededor de la URL. */

ul{
  list-style-type: none;
  padding-left: 0;
  margin-left: 10px;
}

li.custom{
  padding-left: 20px;
  margin-bottom: 10px;
  list-style-type: square;
  list-style-position: inside;
}/* Esta sección es para los encabezados y vínculos. Se puede cambiar el tipo, color y 
tamaño de las fuentes. También se puede cambiar el a:hover, que es el texto para el vínculo
una vez que el puntero pasa sobre el. */

h1{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 134%;
  font-weight: bold;
  color: #003399;
}

h2{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 115%;
  color: #006699;
}

h2.ad{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 115%;
  color: #003399;
}

p.adfont{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 115%;
  color: #000;
  background-color: #fff;
}


h3{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #006699;
}


h4{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 87%;
  color: #006699;
}

h1.subsection{
  margin-top: 0em;
  margin-bottom: 2em;
}

h2.subsection{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 116%;
  color: #006699;
  margin-top: 0em;
  margin-bottom: 1em;
}

h2.fino{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 116%;
  color: #006699;
  margin-top: 0em;
  margin-bottom: 1em;
  border-bottom: 1px solid #dadada;
}

h3.subsection{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 108%;
  color: #006699;
  margin-top: 1px;
  margin-bottom: 1em;
}/* Cómo estamos usando una página con tablas, todo el texto está dentro de una tabla.
Es en esta área donde se ajusta el tamaño, color y familia de fuentes. */

table{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  color: #000;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
}/* Si usted cambia las fuentes y tamaños arriba, asegúrese de hacer lo mismo acá,
pero deje el peso como negrita. Está aquí solo para darle una opción de negrita 
sin el tamaño adicional. */

.note{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #fff;
  font-size: 77%;
  color: #666666;
  font-weight: bold;
  font-style: italic;
}/* Aquí están los colores de fondo de las celdas.
Supóngase que prefiere tener una imagen central más que un color sólido.
Reemplace background-color:#fff;  con este: y luego cargue la imagen a la carpeta 
de imágenes..... imagen-fondo: url('http://www.su-sitio.com/imagen-files/su-imagen.gif');
background-repeat: repeat; */

td.headerbg{
  background-color: #e8f5f8;
}

td.spacerbg{
  background-color: #fff;
}

td.contentbg{
  background-color: #fff;
}

td.rightbg{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  color: #000;
  background-color: #fff;
}

td.leftbg{
  font-size: 10px;
  margin-left: 10px;
  background-color: #fff;
}

td.footerbg{
  font-size: 75%;
  background-color: #fff;
}/* Esto es para el color de fondo del encabezado....las etiquetas H1, H2, and H3 */

.hbg{
  background-color: #fff;
  color: #000066;
  width: auto;
  z-axis: 1;
}/* Esta información es para remover los estilos de vínculos.
Déjelos tal cual....trabajan bien, no deberían ser modificados. */

a.jumplink{
  font-size: 100%;
  color: black;
  text-align: left;
  text-decoration: none;
  margin-top: 0px;
  margin-bottom: 10px;
}

p_20_0{
  margin-top: 20px;
  margin-bottom: 0px;
}

.p_0_bottom{
  margin-bottom: 0px;
}

.p_0_top{
  margin-top: 0px;
}

.p_5_top{
  margin-top: 5px;
}/* Esta sección es para la barra de navegación horizontal */

#nav ul{
  float: left;
  list-style: none;
  background: #d5d5ff;
  width: 100%;
  padding: 0;
  margin: 0 0 0 0px;
  height: 30px;
  display: inline;
  text-transform: uppercase;
}

#nav ul li{
  display: inline;
  margin: 0;
  padding: 0;
}

#nav ul li a{
  display: block;
  float: left;
  width: auto;
  margin: 0;
  padding: 0 15px;
  border-top: none;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: none;
  color: #523D66;
  font: bold 10px/30px Arial, Geneva, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
}

#nav ul li a:hover, #nav ul li a:active{
  color: #fff;
  background-color: #c0c0c0;
  font: bold;
}