/* Bartolomé Sintes Marco
   http://www.mclibre.org
   
   CSS examen: Centenarios 2012
   27 de enero de 2012
*/

html {
  background-color: #C9F76F;
  font-family: sans-serif;
  text-align: justify;
}

h1 {
  font-size: 300%;
  letter-spacing: 0.25em;
  margin: 0px;
  text-transform: uppercase;
  text-align: center;
}

div#menu p {
  background-color: #009999;
  border: black 1px solid;
  font-size: 600%;
  margin: 0px;
  text-align: center;
  position: absolute;
  width: 3em;
  height: 1.2em;
  z-index: 5;
}

a {
  color: white;
  text-decoration: none;
}

div#menu p:hover { 
  background-color: #BF3030;
  color: black;
}

p#F1912 {
  top: 10%;
  left: 2%;
}

p#F1812 {
  top: 10%;
  right: 2%;
}

p#F1712 {
  bottom: 5%;
  right: 2%;
}

p#F1612 {
  bottom: 5%;
  left: 2%;
}

div#marco {
  background: url("fondo.png");
  border: black 1px solid;
  position: absolute;
  top: 20%;
  bottom: 10%;
  left: 13%;
  right: 13%;
  overflow: hidden;
}

div#marco:hover {
  z-index: 10;
}

div div {
  height: 100%;
  padding: 0% 10%;
  overflow: auto;
  width: 80%;
}

h2 {
  text-align: center;
  text-decoration: underline;
}
