body{
background-color: rgb(240,255,255); /*azul muy palido*/
color: #090950;
font-size: 12pt;
font-family: Arial, Courier New, monospace;
}
p {
margin-left: 10%;
margin-right: 10%;
text-align: justify;
}

h1, h2, h3, h4, h5, h6{
background-color: yellow;
color: navy;
font-family: Verdana, Courier New, monospace;
text-align: center;
}

h1 {
font-size: 24pt; 
z-index: 2;
}
h2 {
font-size: 20pt; 
z-index: 2;
}
h3 {
font-size: 16pt; 
z-index: 2;
}
h4 {font-size: 14pt; }
h5 {font-size: 12pt; }
h6 {font-size: 9pt; }

/* Formato de enlaces sin visitar */
a:link {
text-decoration: underline; /* subrayado */
font-variant: small-caps; /* Mayúsculas pequeñas */
color: blue; /* azul */
}
/* formato del enlace sobre el que  estamos */
a:active {
text-decoration: underline;
font-variant: small-caps;
color: green; /* verde */
}
/* formato de enlaces ya visitados */
a:visited {
text-decoration: underline;
font-variant: small-caps;
color: maroon; /* marrón o rojo oscuro */
}



fieldset {
background-color: yellow;
}

/*Creo una clase para el fondo amarillo */
/* para usarlo, insertar en cualquier etiqueta class="fondoyel" */
.fondoyel
{
background-color: yellow;
}

/* comenzamos con el formato de las divisiones de la página*/
/* división que contiene a las demás */ 
div.contenedor {
width: 100%;
margin: 0%;
padding: 0%;
}
/*Creamos la clase bar para listas  sin orden (listas ul) */
ul.bar {
float:left; /*la barra flota a la izquierda*/
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
/*definimos una clase para los enlaces de la lista  */
a.bar {
float:left;
width:12em;
text-decoration:none;
color:white;
background-color:blue;
padding:0.2em 0.6em;
border-right:1px solid white;
font-size: 10pt;

}
/* hacemos que la lista de enlaces quede en horizontal */ 
li.bar {
display:inline;
}

/* Ahora un par de clases para flotar cosas a izquierda y derecha*/
div.left{
float:left;
width:45%;
margin:0%;
padding:1em;
}
div.right{
margin-left:50%;
border-left:1px solid gray;
padding:1em;
}