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

   CSS para ejercicio Posicionamiento: Leyes de Murphy
*/

body { font-family: "Comic Sans MS", fantasy, sans-serif;
  background-color: lightgrey; }

h1 { position: absolute; top: 0%; left: 0%; width: 100%; text-align: center; }

p { font-size: 150%; }

p#m1 { position: absolute; top: 9%; left: 10%; width: 80%; height: 8%; 
  padding: 10px; text-align: center;
  background-color: #DBC9A6; 
  border: #9B8F76 2px solid;}

p#m2 { position: absolute; top: 42%; left: 31%; width: 35%; height: 28%;
  padding: 10px; text-align: center;
  background-color: #91FF91; 
  border: #64B064 4px solid;
  z-index: 2;}

p#m3 { position: absolute; top: 22%; left: 5%; width: 35%; height: 28%;
  padding: 10px; text-align: left;
  background-color: #FFFFB3; 
  border: #EBEBA5 4px solid;}

p#m4 { position: absolute; top: 22%; right:5%; width: 35%; height: 28%;
  padding: 10px; text-align: right;;
  background-color: #C6FFFF; 
  border: #98C4C4 4px solid;}

p#m5 { position: absolute; top: 63%; left: 5%; width: 35%; height: 28%;
  padding: 10px; text-align: left;
  background-color: #FFE5FF; 
  border: #BAA7BA 4px solid;}

p#m6 { position: absolute; top: 63%; right:5%; width: 35%; height: 28%;
  padding: 10px; text-align: right;
  background-color: #FFB4B4; 
  border: #865F5F 4px solid;}

p:hover { z-index: 3; }