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

   CSS ejercicio: Diseño de listas 1
   20 de noviembre de 2005
*/

body { 
  background: #FFECB9; 
  font-family: sans-serif; 
}

h2 { 
  clear: both; 
  margin-bottom: 0.5em;  
  padding-top: 1em;
}

address { 
  border-top : black 2px dashed; 
  margin-top: 3em;
  padding-top: 0.5em; 
  text-align: right; 
}

ul { 
  list-style-type: none; 
}

ul.lista0 {
  list-style-type: disc; 
}  

ul.lista1 li { 
  background-color: lightyellow; 
  float:left; 
  margin: 0.5em 1em;
}

ul.lista2 li { 
  background-color: #C8FFE3; 
  border: 3px dashed #954A95; 
  color: #954A95;
  float:left; 
  font-variant: small-caps;
  font-weight: bold;
  margin: 0.5em; 
  padding: 0.5em 0em; 
  text-align: center; 
  width: 12em; 
}

ul.lista3 li { 
  background-color: lightyellow; 
  color: #3366CC; 
  float:left; 
  font-weight: bold;
  margin: 0px;
  padding: 0.5em 0em; 
  text-align: center;
  width: 10em; 
}

ul.lista3 li.par { 
  background-color: #3366CC; 
  color: lightyellow; 
}

ul.lista4 li { 
  background-color: lightyellow; 
  border-top: black 3px solid; 
  border-bottom: black 3px solid; 
  float:left; 
  margin: 0em; 
  padding: 0.5em 0em; 
  text-align: center;
  width: 9em; 
}

ul.lista4 li.par { 
  background-color: lightblue; 
}

ul.lista4 li.primero { 
  border-left: black 3px solid; 
}

ul.lista4 li.ultimo { 
  border-right: black 3px solid; 
}

ul.lista5 li { 
  border: black 2px solid; 
  border-top: none; 
  float: left; 
  margin: 0em; 
  padding: 0.5em 1em; 
}

ul.lista5 li.par { 
  border: none; 
  border-top: black 2px solid; 
}

ul.lista6 li { 
  border-right: black 2px solid; 
  float: left; 
  padding: 0.5em 1em; 
}

ul.lista6 li.ultimo { 
  border-right: none; 
}

ul.lista7 li { 
  background-color: lightyellow; 
  margin: 0.25em 0em; 
  padding: 0.25em;
  width: 9em; 
}

ul.lista8 { 
  border: black 1px solid; 
  padding: 0.5em; 
  width: 11em; 
}

ul.lista8 li { 
  background-color: lightyellow; 
  border: black 1px solid; 
  margin: 0.5em 0 0.5em 0.5em; 
  padding: 0.5em; 
  text-align: center; 
  width: 9em; 
}

ul.lista9 { 
  text-align: center; 
}

ul.lista9 li { 
  background-color: lightyellow;
  border: white 2px solid; 
  border-color: lightyellow black black lightyellow; 
  display: inline; 
  margin: 0em 0.5em; 
  padding: 0.25em 0.5em; 
}

ul.lista9 li:hover { 
  background-color: #FFECB9; 
  border: white 2px solid; 
  border-color: black lightyellow lightyellow black; 
}

