body { margin: 0; font: 15px/1.6 -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #333; background: #fff; }
a { color: #1a5fb4; }
.aviso { background: #fff8e1; border-bottom: 1px solid #ecd9a0; color: #6b5518;
  padding: 10px 20px; font-size: 13.5px; }
.aviso strong { color: #4a3a0d; }
.marco { display: flex; align-items: flex-start; max-width: 1180px; margin: 0 auto; }
.nav { width: 265px; flex: 0 0 265px; padding: 20px 14px 40px; border-right: 1px solid #e6e6e6;
  font-size: 13.5px; }
.nav h2 { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: #888;
  margin: 0 0 10px; }
.nav ul { list-style: none; margin: 0; padding: 0; }
.nav li { margin: 1px 0; }
.nav a { display: block; padding: 3px 6px; border-radius: 4px; text-decoration: none; color: #333; }
.nav a:hover { background: #f0f4fa; }
.nav a.activo { background: #e8effa; font-weight: bold; color: #1a5fb4; }
.nav .n2 { padding-left: 14px; } .nav .n3 { padding-left: 30px; font-size: 13px; }
.cuerpo { flex: 1 1 auto; min-width: 0; padding: 22px 26px 60px; }
.cuerpo h1 { font-size: 25px; margin: 0 0 6px; }
.ruta { color: #888; font-size: 13px; margin-bottom: 18px; }
.contenido { overflow-x: auto; }
.contenido table { border-collapse: collapse; }
.contenido td, .contenido th { padding: 2px 6px; }
.contenido img { max-width: 100%; height: auto; }
.pie { margin-top: 36px; padding-top: 12px; border-top: 1px solid #e6e6e6;
  color: #888; font-size: 13px; }
@media (max-width: 820px) { .marco { display: block; }
  .nav { width: auto; border-right: 0; border-bottom: 1px solid #e6e6e6; } }