@keyframes moverMenu {
  from {top: -80px;}
  to {top: 0px;}
}
@keyframes cajaASES {
  from {-webkit-filter: blur(40px);}
  to {-webkit-filter: blur(0px);}
}

html, body {
  margin: 0;
  height: 100%;
  font-family: 'Titillium Web', sans-serif;
}
p {
    font-size: 1.2em;
}
#menu {
  color: white;
  height: 60px;
  width: 100%;
  position: fixed;
  top: 0px;
  font-size: 17px;
  animation: moverMenu 1s;
}
    #ulMenu {
      list-style-type: none;
      margin: 0;
      padding:0;
      display: flex;
      flex-direction: row;
    }
          #listaNombre {
            flex-grow: 0.4;
            height: 60px;
            margin-right: 1.5px;
          }
            #saludMental {
              background-color: #18212a;
              display: block;
              text-align: center;
              height: 76%;
              padding: 0.38em 0.4em 0.18em;
              font-size: 26px;
            }
            #saludMental:hover {
              background-color: #4d4d4d7d;
              cursor: pointer;
            }
          .liMenu {
            flex-grow: 1;
            height: 26px;
            margin: 0 1.5px
          }
          .aLista {
            background-color: #05acaf; /*#0065bd6a;*/
            display: block;
            padding: 0.82em;
            text-align: center;
            font-size: 19px;
            text-decoration: none;
          }
          .aLista:hover {
            background-color: #002033c2;
            cursor: pointer;
        }
        #flechaMenu {
          flex-grow: 0.2em;
          display: none;
          background-color: #1e517eb0; /*#0065bd6a;*/
          text-align: center;
          margin-top: 2px;
          font-weight: bold;
          width: 8em;
          height: 20px;
        }
        #flechaMenu:hover {
          background-color: #002033c2;
          cursor: pointer;
        }

  #cajaTitulo {
    position: absolute;
    right: 3%;
    top: 10%;
    width: 20em;
    height: 11em;
    background-color: #ffffff00;
    color: white;
    animation: cajaASES 1s;
  }
        #ulCaja {
          flex-direction: column;
          list-style-type: inherit;
          padding-left: 50px;
          font-size: 1.6em;
          margin: 0;
        }
        .liCaja {
          margin-bottom: 15px;
        }

  #principal {
    min-height: 100%;
    width: 100%;
  }
      .textos {
        margin: 4em;
        padding: 2em;
        text-align: justify;
        background-color: #05acaf2e;
      }
      .titulos {
        font-size: 3em; margin:0;
      }

  #bottomInfo {
  color: white;
  height: 45px;
  width: 100%;
  font-size: 17px;
  background-color: black;
  padding:5px;
}