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

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

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

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

h1 { 
  border-bottom: white 4px solid;   
  border-top: white 4px solid; 
  color: white;
  letter-spacing: 15px; 
  margin: 0px; 
  margin-top: 5px; 
  text-align: center; 
  text-transform: uppercase;
}

ul#indice { 
  font-size: 80%;
  list-style-type: none; 
  margin-left: 10px; 
  padding: 0px; 
  position: fixed; 
  top: 4em; 
}

ul#indice li { 
  float: left; 
  padding-right: 20px;  
}

a{ 
  border-bottom: white 2px solid; 
  color: black; 
  text-decoration: none; 
}

div#principal { 
  border-top: white 6px dotted; 
  border-bottom: white 6px dotted; 
  height: 75%; 
  left: 5%; 
  overflow: hidden;
  padding: 0px; 
  position:absolute; 
  top: 15%; 
  width: 90%; 
}

div#principal div { 
  height: 96%; 
  margin-bottom: 2%;
  overflow: auto;
  width: 100%; 
}

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

p { 
  margin: 10px; 
}

address { 
  bottom: 5px; 
  font-size: 90%; 
  left: 0px; 
  position: absolute; 
  text-align: center; 
  width: 100%; 
}

address a{ 
  text-decoration: underline; 
  border: none; 
}

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; 
}
