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

   CSS ejercicio: Citas
   1 de diciembre de 2006
*/

body { 
  background-color: #98F4AA; 
}

div.citas { 
  background-color: lightblue; 
  left: 25%; 
  height: 50%; 
  overflow: hidden;
  position: absolute; 
  top: 25%; 
  width: 50%; 
}

div div { 
  background-color: lightblue;
  height: 100%; 
  overflow: auto; 
  width: 100%; 
}

p.t { 
  font-family: cursive; 
  font-size: 150%; 
  margin: 20px; 
  text-align: justify; 
}

p.a { 
  font-family: sans-serif; 
  font-size: 120%; 
  margin: 20px; 
  text-align: right;
}

p.t:first-letter { 
  color: red; 
  font-size: 250%
}

img { 
  border: none;
  position: absolute; 
}

a { 
  border: none;
}

img#d01 { top: 10%; left: 15%; }
img#d02 { top:  5%; left: 30%; }
img#d03 { top: 10%; left: 45%; }
img#d04 { top: 10%; left: 65%; }
img#d05 { top:  5%; left: 80%; }

img#d06 { top: 25%; left: 85%;}
img#d07 { top: 50%; left: 80%;}
img#d08 { top: 70%; left: 85%;}

img#d09 { top: 80%; left: 75%; }
img#d10 { top: 85%; left: 65%; }
img#d11 { top: 90%; left: 45%; }
img#d12 { top: 85%; left: 30%; }
img#d13 { top: 90%; left: 20%; }

img#d14 { top: 75%; left: 10%;}
img#d15 { top: 55%; left: 15%;}
img#d16 { top: 30%; left: 10%;}
