/* XHTML y CSS con AMAYA
   Bartolomé Sintes Marco
   http://www.mclibre.org
   
   CSS ejercicio: Cartelera de cine diciembre 2007
   19 de enero de 2009
*/

body {
  background-color: #DCD0FF;
  font-family: sans-serif;
  text-align: justify;
}

h1 {
  color: #663399;
  font-size: 200%;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
}

div#todo {
  background-color: #DCD0FF;
  border: #663399 5px solid; 
  height: 70%;
  left: 10%;
  overflow: hidden;
  position: absolute;
  top: 5em;
  width: 80%;
}

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

ul { 
  font-size: 200%;
  list-style-type: none; 
  padding: 0px;
  text-align: center;
}

li { 
  display: inline; 
}

ul a { 
  background-color: #663399;
  border: white 4px solid; 
  color: white; 
  margin-left: 2em;
  margin-right: 2em; 
  padding: 0 10px; 
  text-decoration: none; 
}

ul a:hover { 
  background-color: white; 
  border: #663399 4px solid; 
  color: #663399; 
}

h2 {
  background-color: #663399;
  color: white;
  font-variant: small-caps;
  margin: 0px;
  padding: 10px;
  text-align: center;
  text-transform: capitalize;
}

img {
  border: #663399 3px solid;
  float: left; 
  margin: 0px 10px;
  padding: 5px;
}

p.atras a { 
  bottom: 5px;
  color:#663399;
  font-weight: bold;
  left: 5px;
  position: absolute;
  text-decoration: none;
}
