html { 
    background-color: #000;
 } 

body {
    min-height: 117vh;
    max-width: 800px;
    background-color: papayawhip; 
    margin: 0 auto;

}

header{
    display: block;
    background:url(../imagenes/3turons.jpg) center center no-repeat;
    max-width: 100%vh;
    min-height: 117px;
    background-size: 100%vh;
    
}


.titulo_principal h1{

    font-size: 25px;
    position: realtive;
    text-align: center;
    color:black; 
    padding-top: 5px;

}


nav{
    float: left;
    position: realtive;
    background-color: black;
    width: 800px;
    max-width: 100%vh;
    min-height: 50px;
    text-align: center;

}


a.boton{
    text-decoration:none;
    color:white;
    margin-left: 20px;
    margin-right: 20px;
    
}

a.boton:hover{
    color: orangered;
    
}

a.boton2{
    text-decoration:none;
    color:rgb(0, 0, 0);
    margin-left: 20px;
    margin-right: 20px;
    
}

a.boton2:hover{
    color: orangered;
    
}