/* Hoja de estilos genérica de Ágora. */

  body {
    font-family:  Verdana, Geneva, sans-serif;
    font-size: 1em;
    /* max-width: 800px; */
    min-width: 800px;
    margin: 0 auto;
  }

  h1, h2, h3 {
    clear: both;
    font-weight: bold;
  }

  h1 {
    border-bottom: 0.1em solid black;
    font-size: 2em;
  }

  h2 {
    border-bottom: 0.05em solid black;
    font-size: 1.5em;
  }

  h3 {
    font-size: 1.25em;
  }

  p {
    text-align: justify;
  }

    p.cabecera {
      background-color: #005E8B;
      color: white;
      font-size: 3em;
      font-weight: bolder;
      text-align: center;
      margin: 0;
    }

    p.cabecera a {
      color: white;
      text-decoration: none;
    }

  s {
    color: red;
  }

  .error {
    background-color: red;
    color: white;
  }

  main {
    max-width: 75%;
    margin: 0 auto;
  }

  footer {
    background-color: #008DD1;
    clear: both;
    font-style: italic;
    margin: 0.5em 0;
    padding: 1em;
    text-align: center;
  }

  footer p {
    margin: 0;
  }

  footer a, footer .logo {
    color: #FFF;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0.1em 0.1em #003752;
  }


/* Tablas de datos. */

  table {
    background-color: white;
    margin: 0 auto;
  }

  th {
    background-color: #005E8B;
    color: #FFF;
    padding: 0.1em;
  }

  td {
    background-color: #C9E1ED;
    padding: 0.1em;
  }



/* Formularios. */

  fieldset {
    background-color: #C9E1ED;
    border: none;
    margin: 0.5em auto;
    max-width: 50%;
    padding: 0;
  }

  fieldset legend {
    background-color: #005E8B;
    border: none;
    color: #FFF;
    font-weight: bold;
    margin: 0;
    padding: 0.1em;
    width: 100%;
  }

  fieldset p {
    margin: 1em;
  }

  label {
    font-weight: bold;
  }

  input, textarea {
    border: 0.05em solid black;
    margin: 0.15em 0 0 2em;
    padding: 0.15em;
  }

  textarea {
    width: 75%;
  }



/* Menú. */

  nav {
    background-color: #008DD1;
    font: 1em Arial,sans-serif;
    font-weight: bold;
    padding: 0;
    width: 100%;
  }

  nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0.1em 0.2em;
  }

  nav ul li {
    padding: 0 0.25em;
  }

  nav ul li a {
    color: #000;
    display: block;
    text-decoration: none;
  }

  nav ul li:hover {
    background-color: #005E8B;
  }

  nav ul li:hover a {
    color: #FFF;
    text-shadow: 0.05em 0.05em #003752;
  }

  nav > ul {
    height: 1.35em;
  }

  nav > ul > li {
    float: left;
  }
