<style type="text/css">

* {
margin: 0;
padding: 0;
border: 0;
position: relative;
}


body {
text-align: center;
background-color: #191970;
height: auto;
font-size: 76%;
margin-top: 50px;
margin-bottom: 38px;/* center navcontainer in IE5 */
}


h1 {
font-weight: bold;
font-size: 26px;
font-family: Arial;
font-color: black;
padding-top: 80px;
padding-bottom: 50px;
text-transform: uppercase;
text-align: center;
}

h2.cita {
font-weight: normal;
font-size: 18px;
font-family: Arial;
font-color: black;
font-style: italic;
text-indent: 0;
text-align: justify;
}

h2.relato {
font-weight: normal;
font-size: 18px;
font-family: Arial;
color: black;
text-align: justify;
}


h2.pagina {
font-weight: normal;
font-size: 18px;
font-family: Arial;
color: green;
text-align: center;
}

h2.inicio {
font-weight: normal;
font-size: 18px;
font-family: Arial;
font-color: white;
text-align: center;
margin-left: 118px; 
}

h2.jaramillo {
font-weight: normal;
font-size: 18px;
font-family: Arial;
color: navy;
text-align: justify;
}

h2.numero {
font-weight: normal;
font-size: 18px;
font-family: Arial;
color: maroon;
text-align: center;
}

h2.fin {
font-weigt: normal;
font-family: Arial;
font-size: 20px;
font-color: black;
text-transform: uppercasse;
margin-left: 347px;
}

h2.verimagen {
font-weight: normal;
font-size: 22px;
font-family: Arial;
color: yellow;
}

#contenido {
width: 760px;
position: relative;
background-color: #F5F5F5;
text-align: justify;
text-indent: 1cm;
margin: 0 auto;
padding: 40px 60px 20px 60px;  
}

#menor {
width: 760px;
background: #191970;
position: absolute;
top: 770px;
left: 0;
}


a.retorno {
color: yellow;
text-decoration: underline;
}


a.siguiente {
   color: blue;
   text-decoration: none;
}

a.inicio {
   color: green;
   text-decoration: none; 
}


a:visited {
    color: purple;
}

a:hover {
    color: red;
}

a:active {
    color: green;
}

table { 
background-color: #F5F5F5; 
width: 681px;
position: absolute; 
border: 2px solid; 
border-color: #FF0000; 
cellpadding: 0px; 
cellspacing: 0px; 
text-align: center; 
margin left: auto; 
margin right: auto;
}

#verimagen {
display: block;
width: 618px;
position: relative;
text-align: center;
background: #191970;
}

h4 {
font: bold, 14px Arial, sans-serif;
color: #FF0000;
margin: 10px 15px 10px 15px;
padding: 10px 18px 10px 10px;
} 

#auxiliar {
width: 900px;
background: #191970;
position: relative;
top: 70px;
left: 0px;
text-align: center;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 45px;
margin-bottom: 30px; 
}


#navcontainer {
margin: 0 auto;

}

#navlist {
width: 100%;
padding: 1px 1px 1px;
font: bold 12px Verdana, sans-serif;
}

#navlist li {
list-style: none;
margin: 0 auto;
border-top: 1px solid gray;
display: inline;
}

#navlist li a {
padding: 0.25em 0.5em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
width: 150px;
display: inline;
float: left;
}

#navlist li a:link {
           color: #448;
}

#navlist li a:visited {
           color: #667;
}

#navlist li a:hover {
border-color: #FF0000;
color: #FFF;
background: #332;
}


#rellenillo {
width: 30px
height: 40px;
background: red;
}

</style>