/* Comienzo de Hoja de Estilo */
/* Para definir la página completa */ 
body {
background-color: white; /* blanco */
color: navy; /* azul oscuro */
font-size: 12pt;
font-family: Arial, Courier New, monospace;
}

/* Definición de párrafos */
p {
display: block; /* en bloque, separado de antes y después */
margin-left: 10%;
margin-right: 10%;
text-align: justify; /* parejo en ambos lados */
}

/* Definición de los encabezados */
h1, h2, h3, h4, h5, h6 {
background-color: navy;
color: white;
text-transform: capitalize; /* Primera letra mayúscula */
text-align: center;
}

/* Tamaño de la letra */
h1 {font-size: 24pt; }
h2 {font-size: 20pt; }
h3 {font-size: 16pt; }
h4 {font-size: 14pt; }
h5 {font-size: 12pt; }
h6 {font-size: 9pt; }

/* Definición de enlaces sin visitar */
a:link {
text-decoration: underline; /* subrayado */
font-variant: small-caps; /* Mayúsculas pequeñas */
color: blue; /* azul */
}

/* Definición del enlace sobre donde estamos */
a:active {
text-decoration: underline;
font-variant: small-caps;
color: green; /* verde */
}

/* Definición de enlace ya visitado */
a:visited {
text-decoration: underline;
font-variant: small-caps;
color: maroon; /* marrón o rojo oscuro */
}

/* Definición de listas */
ul, ol {
margin: 0;
padding: 0.5em;
text-align: left; /* alineado a la izquierda */
}

/* Lista sin numerar */
ul {
list-style-type: square; /* Símbolo es un cuadrado */
}

/* Listas numeradas */
ol {
list-style-type: upper-roman; /* Letras romanas mayúsculas */
}

/* Definición de Negritas */
b {
font-weight: bolder;
}

/* Definición de italizado */
i {
font-style: italic;
}

/* Definición de subrayado */
	u {
text-decoration: underline;
}

/* para páginas divididas en div */
div.container {
width:100%;
margin:0px;
border:1px solid navy;
}

div.header, div.footer {
width: 100%;
margin: 0px;
padding: 20px 0px 0px 20px;
color:white;
background-color:navy;
line-height:120%;
clear:left;
}

div.header {
height: 20%;
margin: 0px 0px 10px 0px;
font-size: 20pt;
text-align: center;
}

div.left {
float:left;
width:20%;
margin:0;
padding:1em;
}

div.content {
margin-left:22%;
border-left:1px solid navy;
padding:1em;
}

ul.bar {
float:left;
width:100%;
padding:0.4em;
margin:0;
list-style-type:none;
}

a.bar {
float:left;
width:6em;
text-decoration:underline;
color:white;
background-color:navy;
border-right:1px solid white;
}

li.bar {display:inline}

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

a.left {
text-decoration:none;
color:white;
background-color:navy;
}

.hidden {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}


/* Fin de Hoja de Estilo */

/*Copyright 2007, Humberto Rodríguez, Derechos Reservados */