/* ==== Color y Fuente básicos ==== */

body {
  background-color: #fff;
  color: #000;
  margin-top:    0px;
  margin-bottom: 0px;
  margin-left:   0px;
  margin-right:  0px;
}

body, td, th, h1, h2, h3, p, small, big, ul, ol, dl, div {
  font-family: sans-serif;
}

td, th {
  font-size: 80%;
}

h1 {
  font-size: 150%;
}

h2 {
  font-size: 125%;
}

h3 {
  font-size: 110%;
}

code, textarea, pre {
  font-family: 'Lucida Console', Courier, monospace;
}

textarea {
  font-size: 100%;
}

code {
  font-size: 110%;
}

dl p {
  margin-top: 0;
}

.titulo {
  align: center;
}

.code {
  font-family: Courier, monospace;
  color: #f00;
}

.izq {
  text-align: left;
}

.centro, .envio {
  text-align: center;
}

.der {
  text-align: right;
}


tr.fila0 {
  background-color: #fff;
}

tr.fila1 {
  background-color: #eee;
}

table.lista {
  width: 40em;
}

td.paginacion {
  border-top:    1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

td.paginacion div.izq {
  float: left;
}

td.paginacion div.der {
  float: right;
}

/* ==== Contenido y Pie ==== */

.cabeza {
  color: #fff;
  background-color: #fc0;
  padding: 4px;
}

.menu_izq {
  color: #fff;
  background-color: #fc0;
  padding: 6px;
  line-height: 1.5em;
}

.menu_izq a {
  color: #009;
}

.menu_izq form {
  margin-top:    0px;
  margin-bottom: 0px;
}

.menu_izq div {
  border-top: solid 2px;
  margin-top: 4px;
  padding-top: 4px;
}

.cabeza h1,
.cuerpo h2 {
  margin: 0px;
}

.cuerpo {
  padding: 8px;
}

.pie {
  clear: both;
  margin-top: 2em;
  text-align: center;
  color: #999;
}

.pie p small {
  border-top: 1px solid;
  font-size: 60%;
}

.paginacion {
  border-top:    1px solid;
  border-bottom: 1px solid;
}


/* ==== Chistes ==== */

.chiste {
  border: solid 1px #ccc;
  background-color: #fff;
  padding: 4px;
}

.chiste pre {
  margin-top:    0px;
  margin-bottom: 0px;
}

.voto {
  border: solid 1px #69c;
  background-color: #9cf;
  padding: 4px;
  /* font-size: 0.7em; */
}

.voto form {
  margin: 0px;
}

.voto form input {
  font-size: 1em;
}