header {
    margin: 0px;
    padding: 15px;
    text-align: center;
    background-image: url("imagenes/encabezado.gif") center center cover no-repeat fixed;
}

#titulo {
    font: bold 26px Verdana, sans-serif;

}

* {
    margin: 0px;
    padding: 0px;
}

#cabeceralogo {
    width: 96%;
    height: 150px;
    padding: 0% 2%;
    background-image: url("imagenes/encabezado.gif");
    
}

#cabeceralogo > div {
    width: 960;
    margin: 0px auto;
    padding-top: 5px;
}

#cabeceralogo h1 {
    font: 70px Arial, sans-serif;
    color: aquamarine;
}

#cabeceralogo h2 {
    color: #f5b916;
}

#cabeceralogo h3 {
    color: aquamarine
}

#menuprincipal {
    width: 96%;
    height: 25%;
    padding: 0% 2%;
    background-color: darkkhaki;
    border-top: 1px solid #355c0e;
    border-bottom: 1px solid #094660
}

#menuprincipal > div {
    width: 960px;
    margin: 0px auto;
}

#menuprincipal li {
    display: inline-block;
    height: 35px;
    padding: 15px 10px 0px 10px;
    margin-right: 5px;
}

#menuprincipal li:hover {
    background-color: burlywood;
}

#menuprincipal a {
    font: normal;

    color: azure;
    text-decoration: none;
}

#listamenu > li {
    position: relative;
    display: inline-block;
    height: 35px;
    padding: 15px 10px 0px 10px;
    margin-right: 5px;
}

#listamenu li > ul {
    display: none;
    position: absolute;
    top: 50px;
    left: 0px;

    background-color: #b6c374;
    box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.7);
    border-radius: 0px 0px 5px 5px;

    list-style: none;
    z-index: 1000;
}

#listamenu li > ul > li {
    width: 120px;
    height: 35px;
    padding-top: 15px;
    padding-left: 10px;
}

#listamenu li:hover ul {
    display: block;
}

#listamenu a {
    font: normal 16px Arial, sans-serif;
    color: #716213;
    text-decoration: none;
}

#menuprincipal li:hover {
    background-color: #b6c374;
}

ul {
    text-align: center
}

p {
    text-align: center;
}


section {
    font:normal 40px Arial, Helvetica, sans-serif;
    text-align: center;
    color: #5d3d0c;
    
}

body {
    background-image: url("imagenes/fondo-agua.jpg");
    background-size: 100vw 100vw;
   
    background-attachment: fixed;
    margin: 0;
}
.contenedor {
    height: 50vh;
    margin: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
}