BODY {
  background: #dddddd;
  color: #000000;
  /* font-family: sans-serif; */
  font-family: "Georgia", serif;
  /* font-family: serif; */
  font-size: 90%;
}
Q {quotes: "«" "»"}
BLOCKQUOTE Q {quotes: '"' '"'}
P, DL, BLOCKQUOTE {text-align: justify; line-height: 140%;}
SAMP, CODE, PRE, KBD {
  font-family: "Bitstream Vera Sans Mono", monospace;
  font-size: 100%;
}
DT {margin-top: 1ex}
DL.normal DT {font-weight: bold}
SAMP {color: #006600}
CODE {color: #000066}
CODE.varsistema {color: #006666}
KBD {color: #660000}
.extr {font-style: oblique}
EM CITE {font-style: normal}
DIV.notas {margin-top: 0.7em; margin-bottom: 1em}
P.nota {text-align: left; font-size: 80%; margin: 0px 0px 0.5ex 0px}
DIV#logo {
  width: 693px;
  margin: 0px auto 2ex auto;
}
DIV.vineta IMG, TABLE.galeria IMG {border: 0px;}
DIV.vinetaancha IMG {border: 0px}
DIV.vineta2 IMG {border: 0px}
DIV.vineta, DIV.vineta2, DIV.vinetaancha {
  background: #cccccc;
  float: right;
  text-align: center;
  margin: 1ex 0px 1em 1em;
  padding: 1em;
}
DIV.vineta P, TABLE.galeria TD P, DIV.vineta2 P {
  font-size: 85%;
  text-align: left;
  margin: 1ex 0px 0px 0px;
  width: 240px;
  line-height: 130%
}
DIV.vinetaancha P {
  font-size: 85%;
  text-align: left;
  margin: 1ex 0px 0px 0px;
  width: 300px;
  line-height: 130%
}
DIV.vinetaancha P.conespacioabajo, DIV.vineta P.conespacioabajo {margin-bottom: 2em}
DIV.vineta HR, DIV.vineta2 HR, DIV.vinetaancha HR, DIV.vinetatotal HR, DIV.barratareas HR {
  display: none
}

DIV.barratareas, DIV.vinetatotal {
  background: #cccccc;
  text-align: center;
  margin: 1ex 0px 1em 1em;
  padding: 1em;
}
DIV.scrollhoriz {overflow-x: scroll;}
DIV.barratareas P, DIV.vinetatotal P {
  font-size: 85%;
  text-align: left;
  margin: 1ex 0px 0px 0px;
  line-height: 130%;
}
A:hover {background: #ffffff}
A {text-decoration: underline}
A IMG {border: 0px}
TABLE.galeria TD {
  background: #cccccc;
  padding: 1em;
  text-align: center;
  vertical-align: top;
}
TABLE.galeria {
  border-collapse: separate;
  border-spacing: 2em 1ex;
}

#contenido {
  /* min-width: 750px; */
  width: 98%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

/* Tablas resumiendo caracteristicas de los gestores */
TABLE.resumen,
TABLE.comparativa, TABLE.resumencorto {
  width: 100%;
  max-width: 960px;
  font-size: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background: #eeeeee;
}
TR.contraste TD {background: #e3e3e3}
TABLE.resumencorto {width: 60%; margin-left: 0px}
TABLE.comparativa {font-size: 80%}
TABLE.comparativa TD.gestor {text-align: right}
TABLE.resumen TH,
TABLE.comparativa TH, TABLE.resumencorto TH {
  padding: 2px
}
TABLE.resumen TD,
TABLE.comparativa TD, TABLE.resumencorto TD {
  padding: 0.6ex 2px 0.6ex 2px;
   vertical-align: bottom;
}
TABLE.comparativa TD {vertical-align: middle}
TD.si, TR.contraste TD.si {background: #99ff99}
TD.masomenos, TR.contraste TD.masomenos {background: #ffff99}
TD.no, TR.contraste TD.no {background: #ff9999}
TD.desc, TR.contraste TD.desc {width: 35%}
.opcional {color: #666666}

/* Navegacion, a la izquierda */
#navegacion {
  float: left;
  background: #bbbbc5;
  margin: 0px 1em 0px 0px;
  width: 23%;
}
#navegacion H3 {
  text-align: center;
  background: #bbbbff;
  font-variant: small-caps;
  margin: 0px;
  padding: 1ex 0px 1ex 0px;
  font-size: 125%;
}
#secciones LI {
  line-height: 120%;
  padding-top: 0.5ex;
  padding-bottom: 1ex;
  font-size: 110%;
}
#gestorespil LI, #gestoresmos LI, #gestoresotros LI {
  line-height: 110%;
  padding-top: 0.5ex;
  padding-bottom: 0.5ex;
  font-size: 85%
}
#gestorespil, #gestoresmos, #gestoresotros  {
  list-style-type: none;
  padding-left: 1ex
}
#secciones {
  list-style-type: none;
  padding-left: 0ex;
}
#secciones LI { padding-left: 2ex }
#secciones LI.actual { background: #bbd5bb; color: #555555 }
.programa {color: #990000}

#textoprincipal {
  float: left;
  width: 72%;
  margin: 0px 0px 0px 1ex;
}
#textoprincipal LI {
  line-height: 140%; margin-top: 1ex;
  text-align: justify; clear: left;
}
#textoprincipal UL.compacta LI {margin-top: 0ex}

/* Esto era para una lista horizontal en la seccion de Accesorios
#textoprincipal UL.compactahoriz LI {
  margin: 0px 2em auto auto;
  float: left; clear: none;
} */

P#fechatexto {margin-bottom: 0px}
#autobombo {margin-top: 4em}
#autobombo P#cartelitos {text-align: right; font-size: 75%; margin-bottom: 1ex}
#autobombo P#aviso {text-align: right; margin: 0px 0px 1em 0px; font-size: 75%}
#autobombo P#email {text-align: right; margin: 0px 0px 1em 0px; font-size: 75%}
#autobombo IMG {margin: 0px 1ex 0px 1ex; border: 0px}
#autobombo A:hover {background: inherit}
DIV#espacionavstexto {display: none}

P#lema {
  text-align: left;
  margin: 1ex auto 0px 3em;
  line-height: 130%;
  background: #cccccc;
  background-image: url('imgs_pag/tux_trans.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  padding: 1ex 3em 1ex 1ex;
  width: 65%;
  font-size: 110%;
}

/* Bloques de codigo */
PRE {line-height: 140%}
PRE.codigo {
  margin-left: 2em;
  background: #cccccc;
  padding: 1em;
  white-space: pre-wrap;
}
PRE.codigo .varfunc {color: #006666}
PRE.codigo .textovar {color: #660000}
PRE.codigo .execvar {color: #660066}
PRE.codigo .comment {color: #009933}
PRE.codigo .lispsymb {color: #660066}
PRE.codigo .lispetiq {color: #006600}

/* Para pantallas pequeñas */
@media all and (max-width: 740px) {
  #navegacion { float: left; width: 100%; margin-bottom: 2em}
  #navegacion LI { clear: left }
  UL#gestorespil LI { float: left; clear: none }
  UL#gestoresmos LI { float: left; clear: none }
  UL#gestoresotros LI { float: left; clear: none }
  #navegacion LI.actual { padding-right: 2em; margin-left: 1em; background: #aad0aa }
  #textoprincipal { width: 100%; float: none }
  P#lema { clear: left }
}