/********************************** Mediaquery hasta 480px */

@media (max-width: 480px) {
    body {
        margin: 0;
        padding: 0;
    }
    .mapalocal {
        width: 90%;
        height: 90%;
    }
    .compra {
        color: #a21010;
    }
    .titulosfotos {
        width: 50%;
        font-family: monospace;
        font-size: 1.3em;
        background: rgb(51, 46, 46);
        border-radius: 5px;
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
        box-shadow: 1px 1px 1px 1px grey;
        border-bottom: solid 6px #b5b0b0;
        color: white;
        padding: 0.4em;
    }
    .fotosbloques {
        border-radius: 10px;
        box-shadow: 5px 5px 5px 5px grey;
    }
    p {
        font-family: arial;
        font-size: 0.8em;
    }
    ul {
        margin-top: 0em;
        background: black;
        text-align: center;
        color: white;
        margin: 0;
        padding: 0;
    }
    li {
        padding: 0.4em;
        list-style-type: none;
        border-bottom: solid 1px;
    }
    li:hover {
        background: #b47604;
        color: white;
    }
    a {
        text-decoration: none;
        color: white;
        font-size: 1.2em;
    }
    a.contact {
        text-decoration: none;
        color: white;
    }
    a.contact:hover {
        text-decoration: none;
        color: white;
    }
    iframe {
        margin-top: -0.3em;
        width: 100%;
        height: 13.65em;
    }
    .cam3 {
        width: 95%;
    }
    .etiqueta3cam {
        width: 50%;
    }
    .varianta {
        font-size: 1.3em;
        background: grey;
        padding: 0.3em;
        border-radius: 5px;
        color: white;
    }
    footer {
        background: black;
        color: white;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        font-family: sans-serif;
        border-radius: 5px;
    }
    .sus {
        color: black;
        margin-bottom: 1em;
    }
}


/************************************** Mediaquery a partir de 480px y hasta ... */

@media (min-width: 480px) {
    body {
        margin: 0;
        padding: 0;
    }
    .titulosfotos {
        width: 25%;
        font-family: monospace;
        font-size: 1.3em;
        background: rgb(51, 46, 46);
        border-radius: 5px;
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
        box-shadow: 1px 1px 1px 1px grey;
        border-bottom: solid 6px #b5b0b0;
        color: white;
        padding: 0.4em;
    }
    .fotosbloques {
        border-radius: 10px;
        box-shadow: 5px 5px 5px 5px grey;
    }
    .mapalocal {
        width: 90%;
        height: 90%;
        background-image: url(../img/MapaLocalDesktop.jpg)
    }
    p {
        font-family: arial;
        font-size: 0.8em;
    }
    ul {
        /* margin-top: 0em; */
        margin: 0px;
        background: black;
        text-align: center;
        color: white;
        margin: 0;
        padding: 0;
        box-shadow: 5px 5px 5px 5px grey;
    }
    li {
        padding: 0.4em;
        list-style-type: none;
        /* border-bottom: solid 1px;*/
        display: inline-block;
    }
    li:hover {
        background: #b47604;
        color: white;
    }
    a {
        padding-left: 2em;
        padding-right: 2em;
        text-decoration: none;
        color: white;
        font-size: 1.2em;
        display: inline-block;
    }
    a.contact {
        padding-left: 2em;
        padding-right: 2em;
        text-decoration: none;
        color: white;
        display: inline-block;
    }
    a.contact:hover {
        text-decoration: none;
        color: white;
    }
    iframe {
        margin: auto;
        margin-top: -0.3em;
        display: block;
        width: 600px;
        height: 347px;
    }
    .cam3 {
        width: 95%;
    }
    .etiqueta3cam {
        width: 10%;
    }
    .varianta {
        width: 40%;
        margin: auto;
        font-size: 1.3em;
        background: grey;
        padding: 0.3em;
        border-radius: 5px;
        color: white;
    }
    footer {
        background: black;
        color: white;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        font-family: sans-serif;
        border-radius: 5px;
    }
    .blocsomes1 {
        width: 550px;
        height: 100%;
    }
    .sus {
        color: black;
        margin-bottom: 1em;
    }
}