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

   CSS para ejercicio Listas: Diseño de listas 1
*/

body { font-family: sans-serif; background: #FFECB9; }
h2 { clear: both; margin-top: 50px; margin-bottom: 5px;  }
address { border-top : black 2px dashed; text-align: right; 
  padding-top: 5px; margin-top: 40px;}

ul.lista1 { list-style-type: none; }
ul.lista1 li { float:left; margin: 5px 1em;
  background-color: lightyellow; }

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

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

ul.lista4 { list-style-type: none; }
ul.lista4 li { float:left; 
  width: 9em; padding: 10px 0px; margin: 5px 0px; text-align: center;
  background-color: lightyellow; border-top: black 3px solid; 
  border-bottom: black 3px solid; }
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 { list-style-type: none; }
ul.lista5 li { float: left; padding: 4px 15px; 
  border: black 2px solid; border-top: none; margin-bottom: 10px; }
ul.lista5 li.par { border: none; border-top: black 2px solid; }

ul.lista6 { list-style-type: none; }
ul.lista6 li { float: left; padding: 4px 15px; border-right: black 2px solid; }
ul.lista6 li.ultimo { border-right: none; }


ul.lista7 { list-style-type: none; }
ul.lista7 li { width: 9em; margin: 3px 0px; padding: 3px;
  background-color: lightyellow; }

ul.lista8 { list-style-type: none; 
  border: black 1px solid; width: 10em; padding: 10px ; }
ul.lista8 li { width: 9em; margin: 3px 0px 3px 4px; padding: 3px; 
  text-align: center; background-color: lightyellow; border: black 1px solid; }

ul.lista9 { text-align: center; }
ul.lista9 li { display: inline; padding: 4px 10px; margin: 0px 5px; 
  background-color: lightyellow;
  border: white 2px solid; border-color: lightyellow black black lightyellow; }
ul.lista9 li:hover { background-color: #FFECB9; 
  border: white 2px solid; border-color: black lightyellow lightyellow black; }
