/* XHTML y CSS con AMAYA
   Bartolomé Sintes Marco
   http://www.mclibre.org
   
   CSS examen: Viena (turno de mañana)
   30 de enero de 2011
*/

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

body {
  margin: 0px;
}

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

p {
  margin: 10px;
}

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

li { 
  float: left;
  font-variant: small-caps;
  font-weight: bold;
  padding-top: 20px;
  padding-left: 5px;
  margin-left: 5%;
  width: 15%;
  height: 2.5em;
}

li#Palacios {
  background-color: #feb645;
}

li#Musica {
  background-color: #b3bead;
}

li#Arte {
  background-color: #6bba70;
}


a { 
  color: black;
  padding: 5px 5px; 
  text-decoration: none; 
  border-top: black 3px solid;  
  border-bottom: black 3px solid;
}

a:hover { 
  color: white;; 
}

div#centro {
  width: 90%;
  height: 400px;
  overflow: hidden;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

div div {
  width: 98%;
  height: 98%;
  padding: 1%;
  overflow: auto;
}

h2 {
  margin: 10px 10px 0px;
  text-align: right;
}

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

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

div#Belvedere {
  background-color: #feb645;
}

div#Musikverei {
  background-color: #b3bead;
}

div#Secesi {
  background-color: #6bba70;
}


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

address {
  background-color: #737373;
  border-bottom: white 2px solid;
  border-top: white 2px solid;
  color: white;
  font-size: 90%;
  margin: 10px 0px;
  padding: 10px;
}

address a {
  color: black;
  border: none;
}
