/* XHTML y CSS con AMAYA
   Bartolomé Sintes Marco
   http://www.mclibre.org
   
   CSS examen: Los 75 años del Pato Donald
   11 de junio de 2009
*/

body {
  background-color: #A6D1DB; 
  font-family: sans-serif;
  margin: 0px;
  text-align: justify;
}

h1 {
  background-color: #EC9B0D;
  color: white;
  margin-top: 1em;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
}

ul { 
  list-style-type: none;
}

li {
  background-color: #34577F;
  bottom: 80%;
  color: white;
  position: absolute;
}

li#item1 {
  text-align: left;
  left: 2%;
  right: 75%;
}

li#item2 {
  text-align: right;
  left: 25%;
  right: 52%;
}

a {
  color: white;
  font-weight: bold;
  padding: 5px;
  text-decoration: none;
}

div#texto {
  border: #34577F 2px solid;
  position: absolute;
  bottom: 2%;
  left: 2%;
  right: 52%;
  top: 20%;
  overflow: hidden;
}

div#texto p:first-letter {
  color: #34577F;
  float: left;
  font-size: 250%;
}

p {
  margin: 10px;
}

span.autor {
  font-variant: small-caps;
}

span.personaje {
  font-family: cursive;
}

strong {
  font-weight: normal;
  text-decoration: underline;
}

div#dibujos {
  background-color: #CBC6C3;
  border: #DF303F 2px solid;
  color: black;
  text-align: center;
  position: absolute;
  bottom: 2%;
  left: 52%;
  right: 2%;
  top: 20%;
  overflow: hidden;
}

span.subrayado {
  border-bottom: red 1px solid;
}

div div {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}

img {
  border: #DF303F 2px solid;
  padding: 5px; 
}

address {
  background-color: white;
  font-family: monospace;
  font-size: 75%;
  font-style: normal;
  text-align: right;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
}