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

   CSS ejercicio: Casa de Citas - Estilo azul
   29 de noviembre de 2006
*/

html, body { 
  margin:0px; 
  padding: 0px; 
}

html { 
  font-family: sans-serif; 
  text-align: justify; 
}

h1 { 
  background-color: lightblue; 
  font-style: italic; 
  letter-spacing: 5px;  
  margin: 0px; 
  padding-top: 10px;
  text-align: right; 
  text-transform: uppercase; 
}

ul#indice { 
  font-size: 80%;
  left: 5px; 
  list-style-type: none; 
  margin: 0px;  /* Para Internet Explorer 7 */
  padding: 0px; /* Para Firefox */
  position: fixed; 
  top: 4em; 
}

a { 
  color: black; 
}

div#contenido { 
  border: none; 
  margin-left: 10em; 
  margin-right: 10em; 
  padding: 0px; 
}

div#principal div { 
  border: black 2px solid; 
  margin: 10px 0px 40px; 
  padding: 0px; 
}

h2 { 
  background-color: lightblue; 
  margin: 0px; 
  padding-left: 10px;
}

p { 
  margin: 15px; 
}

address { 
  bottom: 1px; 
  font-size: 70%; 
  left: 1px; 
  position: fixed; 
}

div#css { 
  bottom: 10px; 
  font-family: monospace; 
  font-weight: bold; 
  position: fixed; 
  right:10px; 
  text-align: center; 
  z-index: 3;
}

div#css table { 
  border-collapse: collapse; 
}

div#css caption { 
  color: black;  
  font-size: 80%; 
}

div#css a { 
  display: block; 
  height: 20px; 
  padding-top: 3px; 
  text-decoration: none; 
  width: 22px; 
}

a.azul { 
  background-color: blue;
  color: white;  
}

a.rojo { 
  background-color: red;    
  color: white; 
}

a.verde { 
  background-color: green;  
  color: white; 
}

a.amarillo { 
  background-color: yellow; 
  color: black; 
}
