body { font-family: cursive; }

p#portal { position: absolute; right: 0%; 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.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; }

