body {
     margin: 10px;
     padding: 0;
     color: black;
     background-color: #cde;
     font-family: "Bookman Old Style", serif;
 }
 
 body a {
     text-decoration: none;
     color: #000
 }
 
 body a:hover, #menu-seleccion {
     color: #06f;
 }
 
 #barra-menu {
     border-bottom: dotted 2px black;
 }
 
 #contenido {
     padding: 1em 5em 1em 5em;
 }
 
 #pie {
     text-align: center;
     background-color: #B6C5D3;
     font-size: 0.9em;
     font-style: bold;
 }
 
 #logo {
     float: right;
     background-color: #789;
     color: #fff;
     padding: 0 1em 0 1em;
     font-style: italic;
     text-align: center;
 }
 
 #menu {
     background-color: #B6C5D3;
     padding-left: 1em;
 }
 
 #menu-seleccion, #menu a {
     margin: 0.2em 0.4em 0em 0.4em;
 }
 
 #contacto {
     font-size: 0.9em;
     

 }
 
 #contacto a {
     font-style: bold;
 }
 
 .centro {
     padding-bottom: 2em;
 }
 
 .dato {
     font-style: italic;
     font-size: small;
     border-bottom: dashed 1px black;
 }
 
 .titulo {
     font-variant: small-caps;
     font-weight: bold;
     font-style: italic
 }
 
 .resumen {
     text-indent: 2em;
     text-align: justify;
 }
 
 .autor {
     text-align: right;
     font-style: italic;
 }
 

li {
	margin:0px 0px 10px;
	color: #CC0033;
	}
	
	
#contenedor {
     border: solid 0px black;
     width: 100%
 }
 
#contenedor ul {
     margin: 0em;
     padding: 0em;
     list-style: inside;
     margin-left: 1em;
 }
 
#contador1 {
	width: 30px;
	height: 12px;
	position: absolute;
	top: 60px;
	right: 1px;
	} 
	
#contador2 {

	width: 600;
	height: 50;
	position: relative;
	top: 50px;
	center: 1px;

	}  
	
#contador3 {
	width: 25px;
	height: 12px;
	position: absolute;
	top: 15px;
	right: 0px;
	} 
	
	
	
h4  { 
		margin:0px 0px 10px;
		color: #006699; 
		font-weight: bold 
		
	}