/* XHTML y CSS con AMAYA
   Bartolomé Sintes Marco
   http://www.mclibre.org
   
   CSS examen: Viena 3
   4 de febrero de 2011
*/

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

h1 {
  background-color: #737373;
  border-bottom: white 2px solid;
  border-top: white 2px solid;
  color: white;
  font-size: 300%;
  letter-spacing: 1em;
  text-align: center;
  text-transform: uppercase;
}

p {
  margin: 10px;
  text-indent: 20px;
}

div#centro {
  position: absolute;
  top: 5%;
  left: 15%;
  width: 70%;
  height: 90%;
  overflow: hidden;
  background-color: #DED4B4;
}

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

div#pie {
  background: url("inferior.png");
  position: absolute;
  top: 95%;
  left: 15%;
  height: 15px;
  width: 70%;
}

div#solapas {
  background: url("lateral.png") top left repeat-y;
  position: absolute;
  top: 5%;
  left: 85%;
  height: 90%;
  width: 50px;
}

ul { 
  list-style-type: none; 
  margin: 0px;
  margin-top: 5px;
  padding: 0px;
  padding-left: 5px;
}

li { 
  background-color: #DED4B4;
  height: 3em;
  width: 1.5em; 
  margin-bottom: 5px;
}

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

h2 {
  margin: 0px 10px;
  padding-top: 20px;
}

span.h2 {
  border-top: black 1px solid;
  border-bottom: black 1px solid;
}

img { 
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

div#Musikverei img {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

address {
  background-color: white;
  border-bottom: #737373 2px solid;
  border-top: #737373 2px solid;
  color: #737373;
  font-size: 90%;
  position: absolute;
  bottom: 30px;
  width: 100%;
}

span.nombre {
  font-weight: bold;
}

span.lugar {
  font-variant: small-caps;
  background-color: white;
}
