header {clear: both;
    top: 2%;
    height: 20%;
    width: 85%;
}
    
nav {position: relative;
    display: inline-block;
    top: 3%;
    width: 20%;
    height: 75%;
}

    
section {position: relative;
    display: block;
    width: 75%;
    float: right;
    padding: 20px;
}
    
#logo{position: absolute; 
    width: 28%; 
    left: 35%;
}

#arribaD{position: absolute;
    width: 20%;
    right: 2%;
}

#arribaI{position: absolute;
    width: 20%;
    left: 2%;
    margin-bottom: 20px;
}

#fotoI{display: block;
    width: 65%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 90px;
}

#fotoD{display: block;
    width: 65%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 90px; 
}
#foto1 { padding: 10px; 
    margin: 10px;  
    float: right; 
    width: 250px; 
}