p.nota {
   font-style: italic;
}

p.nota em {
   font-style: normal;
}

p.nota:before {
   content: "Nota";
   display: inline-block;
   color: #777;
   padding-right: .5em;
   font-style: normal;
   font-variant: small-caps;
   vertical-align: top;
   font-size: smaller;
}

h1 {
   text-align: center;
   font-variant: small-caps;
}

h1, h2, h3, h4, h5 {
   font-family: sans-serif;
}

div#indice {
   border-top: 2px solid black;
   border-bottom: 2px solid black;
   background-color: #EEEEEE;
   padding: 0 4px;
}

.advertencia {
   border: dashed #B30 2px;
   margin: .5em auto;
   padding: .5em 1em;
   background-color: #FDD;
   color: #510;
}

.advertencia:before {
   content: '¡Advertencia!  ';
   font-variant: small-caps;
   font-size: smaller;
   vertical-align: super;
   color: darkblue;
}

object[type="text/plain"] {
   width: 75%;
   min-width: 400px;
   height: 200px;
   background-color: #EFEFEF;
   border: 2px solid #AAA;
   overflow: auto;
   padding: .5em 1em;
   margin-top: 5px;
   margin-bottom: 5px;
}
pre {
   border: dotted #CCC 1px;
   margin-right: 15%;
   padding: .5em 1em;
}
@media screen {
   pre {
      background-color: black;
      color: #DD8;
      overflow: auto;
   }
   object {
      background-color: #DDD;
   }
   object.alt {
      background-color: #EDD;
   }
   pre.alt {
      background-color: #755 /*#422*/;
   }

   pre.wrong {
      background-color: #557;
   }

   pre.wrong:before {
      display: inline-block;
      width: 2em;
      content: "Mal";
      font-variant: small-caps;
      font-size: smaller;
      vertical-align: super;
      color: #EA3;
   }

   pre em {
      color: #EA3;
      font-style: normal;
   }

}

var {
   font-family: monospace;
   font-weight: bold;
   font-style: normal;
   font-size: larger;
}
dd {
   display: compact;
}
code {
   background-color: #DDD;
}
dl {
   padding-left: 1em;
}
dt {
   font-weight: bold;
}
dl.num {
   counter-reset: dl-counter;
}
dl.num dt:before {
   display: inline-block;
   width: 1.25em;
   padding-right: .5em;
   text-align: right;
   content: counter(dl-counter);
   counter-increment: dl-counter;
}
span.dominio {
   color: #444;
}

.obsoleto, .desaconsejado {
   background-color: #EE8;
   padding: 2px 4px;
}

.obsoleto:before, .desaconsejado:before {
   display: block;
   content: "Obsoleto";
   color: #555;
   font-variant: small-caps;
   vertical-align: top;
   font-size: smaller;
}

.desaconsejado {
   background-color: #BFA;
}

.desaconsejado:before {
   content: "Desaconsejado";
}

.obsoleto p.causa {
   background-color: #FC5;
   padding: 4px;
   font-style: italic;
   color: #472;
   border: 2px dashed #472;
}

ol.num-letra {
   list-style-type: lower-alpha;
}

#actualizacion {
   text-align: right;
}

#actualizacion em {
   font-weight: bold;
}

*[id^=spoiler-] {
   display: none;
}