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

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

body { font-family: sans-serif; }
h2 { clear: both; margin-top: 50px; margin-bottom: 5px;  }

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; text-transform: uppercase;
  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 { width: 9em; margin: 3px 0px; padding: 3px;
  background-color: lightyellow; }

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

