body{
    width: 80%;
    margin: 0 auto;
    }


header {
    background-color: whitesmoke;
    padding-bottom: 5rem;
  
}

#menunavegacion{
    width: 80%;
    position: fixed;
    margin: 0;
    background-color: whitesmoke;
    
}

#menunavegacion nav{
    float: right;
    padding: 1rem;
    /* padding-right: 2rem; */
}

#menunavegacion a{
    padding-inline: 1rem;
    text-decoration: none;
    color: black;
}

#menunavegacion a:visited{
    color: black;
}

#menunavegacion a:hover{
    transition: color ease 500ms;
    color: coral;
    
}

#titulopagina{
    height: 100px;
    width: 98%;
    display: inline-flex;
    padding-top: 5rem;
    /* padding-left: 1rem; */
    padding-bottom: 1rem;
    background-color: whitesmoke;
    
}

#titulopagina .headingcentral{
    display: inline-flex;
    width: 500px;
    margin: 0 auto;
    vertical-align: middle;
    
} 

#titulopagina img {
    padding-right: 2rem;
}

.textotitulo{
    display: flex;
    align-items: center;
}

main{
    height: auto;
    padding: 10%;
    /* width: 100vh; */
    background-image:url("imagenes/alpes.png") ;
    background-size: cover;
    vertical-align: middle;
       
}

main section{
    height:100%;
    display: flex; 
    align-items: center;
}

.valores {
    display: inline-flex;
    width: 900px;
    margin:0 auto;     
}

.valor {
    width:30%;
    height: 200px;
    padding-top: 10%;
    display: block;
    align-items: center;
    background-color: rgba(61, 61, 61, 0.7);      
    margin: 0 auto;
    text-align: center;
    border-radius: 10px;
}

.valor p{
    color: whitesmoke;
    font-weight: bold;
}

.valor:hover{
    transition: background-color ease 500ms;
    background-color: coral;
    cursor:grab;
}

.valor img{
    width: 40%;
}

.contenido {
    display: inline-flex;
    width: 900px;
    margin:0 auto;     
}

.texto {
    width:80%;
    height: auto;
    padding: 5%;
    display: inline;
    align-items: center;
    background-color: rgba(61, 61, 61, 0.7);       
    margin: 0 auto;
    text-align: left;
    border-radius: 10px;
    
}

.texto h1{
    margin-bottom: 14pt;
    margin-top: 14pt;
    color: whitesmoke;
}

.texto p{
    margin-bottom: 12pt;
    color: whitesmoke;
}
.texto .direccion{
    margin-bottom: 3pt;
    color: whitesmoke;
}


.texto ul{
    padding-left: 14pt;
    color:whitesmoke;
}

.texto a{
    text-decoration: none;
    color:whitesmoke;
}

.texto a:hover{
    transition: color ease 500ms;
    color: whitesmoke;
}

.texto:hover{
    transition: background-color ease 500ms;
    background-color: coral;
    cursor: grab;
    
}


footer{
    width: 500px;
    margin: 0 auto;
    font-size: 8pt;
    text-align: center;
    padding: 2rem;
}

footer img{
    width: 20%;
}

*{
    /* font-family: Helvetica,sans-serif; */
    font-family: 'Quicksand', sans-serif;
    margin: 0;
    padding: 0;
}