/* XHTML y CSS con AMAYA
   Bartolomé Sintes Marco
   http://www.mclibre.org
   8 de abril de 2003

   CSS para ejercicio Posicionamiento: Chistes feministas y machistas
*/

body { background-color: #C2FFEB; font-family: sans-serif;}

h1 { position: absolute; top: 0em; left: 0em; width: 100%;
  text-align: center; text-transform: uppercase; color: #FF9966;
}

div#feministas
{ background-color: #FF99FF; color: #FFEBC2; font-weight: bold;
  position: absolute;
  top: 4em;
  left: 2%;
  width: 46%;
  padding: 0px 5px;
  border: 2px dashed gray;
}

div#feministas h2 { background-color: #FFEBC2; color: #FF99FF; font-weight: bold; 
  margin: 0 -5px; text-align: right;}

div#machistas
{ background-color: #FFEBC2; color: #FF99FF; font-weight: bold;
  position: absolute;
  top: 4em;
  right: 2%;
  width: 46%;
  padding: 0px 5px;
  border: 2px dashed gray;
}

div#machistas h2 { background-color: #FF99FF; color: #FFEBC2; font-weight: bold;
  margin: 0 -5px; text-align: right;}

p:first-letter { color: black; }
