/* XHTML y CSS con AMAYA
   Bartolomé Sintes Marco
   http://www.mclibre.org
   
   Hoja de estilo para ejercicio de examen OidoBarra

   14 de junio de 2005
*/

body { font-family: cursive; text-align: justify; }

p#portal { position: absolute; right: 1%; top: 0%; width: 100%; 
  font-size: 200%; text-align: right; color: lightgrey; margin: 0px;}

p.titulo { font-size: 200%; font-weight: bold; }
span.titulo-izq { border: red 3px solid; padding: 10px 0px 10px 10px; 
  background-color: white; color: black;}
span.titulo-der { border: red 3px solid; padding: 10px 10px 10px 0px;; 
  background-color: red; color: white;}

div.historias { width: 70%; }

div.historia { border: red 5px solid; padding: 0px 10px; }
div.historia p { margin: 5px; }

div.historia p.hist-nombre { font-size: 150%; background-color: lightgrey; 
  margin: 0px -10px; padding: 0px 5px; }
div.historia p.hist-recibido { text-align: right; }
div.historia p.hist-texto:first-letter { font-size: 200%; 
  border: red 3px dashed; 
  margin: 4px; padding: 3px; color: red; float: left; }

div.anuncios { position: absolute; right: 5%; top: 100px; width: 20%; 
  border: red 1px solid; padding; text-align: left; }
div.anuncios h2 { font-size: 90%; background-color: #eeeeee; margin: 0px; padding: 5px; }

div.anuncios p { padding: 10px 5px; border-top: red 1px solid; margin: 0px; }