@media only screen and (min-width: 426px) and (max-width: 768px) {
/* ************************************* ESTILOS COMPARTIDOS ************************************* */
form,
#cajaImagenes {
    height: 60%;
    width: 55%;
}

nav button,
#botonesMapa button {
    padding: 2% 0px;
}

.noOrdenador,
#cajaImagenesInterna div {
    display: inline-block;
}
/* **************************************** ESTILOS UNICOS **************************************** */
nav button {
    width: 45%;
}

.caja {
    float: left;
    height: 47%;
    width: 47.4%;
}

.nav {
    height: 96%;
    width: 97%;
}

#botonesMapa button {
    width: 10%;
}

#cajaImagen button {
    width: 15%;
}

#cajaImagen img {
    max-width: 60%;
}

#cajaImagenesInterna div {
    width: 46%;
}

#fondo {
    background-size: 60%;
}

#mapa {
    height: 50%;
    margin: auto;
    width: 75%;
}
/* ********************************* ESTILOS COMPARTIDOS DERIVADOS ********************************* */
/* ************************************ ESTILOS UNICOS DERIVADOS ************************************ */
}