/* This code is only meant for previewing your Reflow design. */
.primaryContainer {
    height: auto;
    margin: 0px auto;
    min-height: 100%;
    width: 100%;
    min-width: 1024px;
    max-width: 1350px;¿
    position: relative;
    padding: 0px;
    float: none;
}

body {
    background-color: rgb(255, 255, 255);
    font-family: kaffeesatz;
    color: rgb(89, 90, 92);
}

#header {
    float: left;
    height: 179px;
    clear: none;
    width: 100%;
    background-image:url("../img/BG-Header%202.png");
    background-attachment: scroll;
     background-size: 1350px 50%;
    position: relative;
    top: 0px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0);
    margin: 0px;
    max-width: 1350px;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}

#menu-nav {
  float: left;
    z-index:1000;
    height: 53px;
    clear: none;
    width:100%;
    width: 640px;
    
    position: absolute;
    top: 18px;
    left: auto;
    right: 110px;
    background-color: rgba(123, 123, 123, 0.0);
}

.bt-menu{display:none;}

#menu-nav a {
font-size: 24px;
font-family: "kaffeesatz";    

}

#menu-nav nav ul{
    list-style:none;
}
#menu-nav nav ul li{
    display:inline-block;
    position: relative;
        top: 0;
}



#menu-nav nav ul li a {
    color:rgba(222, 18, 18, 0.99);
    display:block;
    text-decoration:none;
    padding: 10px 17px;
}
#menu-nav nav ul li:hover{
    background: rgba(70, 70, 70, 0.32);
    
}

#menu-nav nav ul li a:hover {
 color:rgba(252, 250, 250, 0.99);
}

#menu-nav nav ul li .children{
    display:none;
    position:absolute;
    width:100%;
    z-index:1000;
}
#menu-nav nav ul li .children li{
    font-size: 19px;
    display:block;
    
    
}

/*Submenu*/
#menu-nav nav ul li:hover .children{
    display:block;
    background: rgba(255, 255, 255, 0.8);
    Top: 49px;
    width: 190%;
    
    
}


#Logo {
    float: left;
    height: 200px;
    clear: none;
    width: 282px;
    position: absolute;
    top: 0px;
    left: 17%;
    right: auto;
    z-index: 1;
    max-height: 200px;
    max-width: none;
}

.logo_wrapper       {
    width:282px;
    height:200px;
    margin:0 0;
    
}

.logo_iframe        {
    position:relative;
}

.logo_iframe .ratio {
    display:block;
    width:100%; 
    height: 1%;
}
.logo_iframe iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%; 
    height:100%;
}


#contenido {
    float: left;
    height: 992px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    width: 1350px;
    position: absolute;
    top: 150px;
    left: 0px;
    bottom: auto;
    min-width: 1024px;
    max-width: 1350px;
    right: auto;
    overflow: visible;
    background-color: rgba(255, 255, 255, 0);
    background-image:url("../img/BG-contacto.png"),url("../img/BG-alterno.fw.png");
    background-attachment: scroll;
    background-size: 1350px 88.1%, 100%;
    background-position: 0% 7.8%, 0% 0%;
    background-repeat: no-repeat no-repeat;
}

#idioma {
    float: left;
    height: 58px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 130px;
    min-height: 50px;
    position: absolute;
    top: 70px;
    left: auto;
    right: 108px;
    bottom: auto;
    
}

#Image-spanish {
    float: left;
    width: 53px;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 6px;
    left: 0%;
}

#Image-english {
    float: left;
    width: 53px;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 7px;
    left: 50px;
}



#footer {
    float: left;
    height: 250px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    width: 100%;
    position: absolute;
    background-image:url("../img/BG-footer%201.png");
    background-attachment: scroll;
    background-size: 1350px 100%;
    background-color: rgba(255, 255, 255, 0);
    left: 0px;
    right: auto;
    top: 1173px;
    bottom: auto;
    overflow: visible;
    visibility: visible;
    max-width: 1350px;
    min-width: 1024px;
    background-position: 0% 0px;
    background-repeat: no-repeat no-repeat;
}

#logoFooter {
    float: left;
    width: 203px;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 63px;
    left: auto;
    right: 12px;
    bottom: auto;
}

#ConactoFooter {
    float: left;
    font-size: 20px;
    width: 440.52px;
    height: 109px;
    text-align: right;
    font-weight: normal;
    line-height: 25px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: kaffeesatz;
    color: rgb(55, 54, 54);
    position: absolute;
    top: 82px;
    left: auto;
    right: 17.54%;
    bottom: auto;
}

#textspan3 {
    font-weight: 600;
    line-height: 16px;
}

#textspan5 {
    font-weight: 600;
}

#textspan4 {
    line-height: 1em;
    font-weight: 400;
}

#textspan8 {
    line-height: 1em;
    font-weight: 400;
}

#textspan2 {
    font-weight: 600;
    color: rgb(255, 26, 26);
    line-height: 16px;
    font-size: 25px;
}

#textspan7 {
    font-weight: 600;
}

#textspan6 {
    font-weight: 400;
    line-height: 16px;
}

#RedSocial1 {
    float: left;
    width: 3%;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 197px;
    left: auto;
    right: 29.25%;
    bottom: auto;
    display: block;
}

#RedSocial2 {
    float: left;
    width: 3%;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 197px;
    left: auto;
    display: block;
    bottom: auto;
    right: 25.7%;
}

#RedSocial3 {
    float: left;
    width: 3%;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 197px;
    left: auto;
    display: block;
    right: 22.06%;
    bottom: auto;
}

#RedSocial4 {
    float: left;
    width: 3%;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 197px;
    left: 78.53%;
    display: block;
    bottom: auto;
    right: auto;
}

#CopyRight {
    float: left;
    font-size: 15px;
    width: 565.8px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 24px;
    position: absolute;
    top: 214px;
    left: 18.22px;
    bottom: auto;
    right: auto;
}

#textspan {
    line-height: 1em;
    font-size: 18px;
}

#TermYCondicion {
    float: left;
    font-size: 20px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: 500;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 25px;
    color: rgba(42, 42, 42, 0.980392);
    position: absolute;
    top: 183px;
    left: 18.22px;
    display: block;
    bottom: auto;
    right: auto;
}

#image2 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    visibility: hidden;
    position: absolute;
}

#image1 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    visibility: hidden;
    position: absolute;
}

#image {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    visibility: hidden;
    position: absolute;
}

#textspan1 {
    font-size: 15px;
}

#Mapa {
    float: left;
    height: 379px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 620px;
    position: absolute;
    top: 498px;
    left: 9.23%;
    right: auto;
    bottom: auto;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0);
}

    .Map_wrapper       {width:100%;height:100%;margin:0 auto;}
    .Map_iframe        {position:relative;}
    .Map_iframe .ratio {display:block;width:100%; height:auto;}
    .Map_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}




#From-box {
    float: left;
    height: 721px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 426px;
    margin-right: 0px;
    position: absolute;
    top: 156px;
    left: 58%;
    bottom: auto;
    right: auto;
    background-color: rgba(255, 255, 255, 0);
}

#Datos-contact {
    float: left;
    height: 311px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 588.13px;
    position: absolute;
    top: 156px;
    left: 17.56%;
    bottom: auto;
    right: auto;
}

#text {
    float: left;
    font-size: 54px;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 52px;
    color: rgb(237, 28, 36);
    position: absolute;
    top: 0px;
    left: 0px;
}

#image3 {
    float: left;
    width: 45px;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 71px;
    left: 0.01%;
    bottom: auto;
    right: auto;
}

#text1 {
    float: left;
    font-size: 29px;
    width: 536.31px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1.3em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 44px;
    position: absolute;
    top: 74px;
    left: 8.81%;
    bottom: auto;
    right: auto;
}

#image4 {
    float: left;
    width: 45px;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 140px;
    left: 0%;
    bottom: auto;
    right: auto;
}

#text2 {
    float: left;
    font-size: 29px;
    width: 91.19%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1.1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 63px;
    position: absolute;
    top: 140px;
    left: 8.81%;
    bottom: auto;
    right: auto;
}

#image5 {
    float: left;
    width: 45px;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 211px;
    left: 0%;
    bottom: auto;
}

#text3 {
    float: left;
    font-size: 29px;
    width: 532.61px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1.1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 41px;
    position: absolute;
    top: 223px;
    left: 9.44%;
    bottom: auto;
    right: auto;
}

#encabezado-form {
    float: left;
    font-size: 25px;
    width: 100.003668%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 88px;
    position: absolute;
    top: 2px;
    left: 0%;
}

#formulario {
    float: left;
    height: 631px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 426px;
    position: absolute;
    top: 90px;
    left: 0.01100352%;
    background-color: rgba(89, 90, 92, 0.0980392);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid rgba(71, 71, 71, 0.4);
}

@media only screen and (max-width: 1350px) {
    #header {
        width: 100%;
        height: 179px;
        background-image:url("../img/BG-Header%202.png");
        background-attachment: scroll;
        background-size: 1350px 100%;
        position: relative;
        top: 0px;
        left: 0px;
        background-color: rgba(255, 255, 255, 0);
        background-position: 50% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #contenido {
        clear: both;
        left: 0px;
        width: 1350px;
        bottom: auto;
     
        height: 992px;
    }

    #Logo {
        width: 282px;
        height: 200px;
        left: 26px;
        right: auto;
        top: 18px;
        bottom: auto;
    }

    .primaryContainer {
        position: relative;
        clear: none;
    }

    #menu-nav {
        position: absolute;
        margin-left: 0px;
        margin-top: 0px;
        top: 35px;
        height: 53px;
        right: 48px;
        left: auto;
    }

    #idioma {
        float: left;
        height: 58px;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        width: 130px;
        min-height: 50px;
        position: absolute;
        bottom: auto;
        top: 116px;
    }

    #footer {
        clear: both;
        width: 100%;
        left: 0px;
        bottom: auto;
        height: 250px;
        top: 1173px;
    }

    #logoFooter {
        float: left;
        max-width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        color: rgb(0, 0, 0);
        position: absolute;
        left: auto;
        width: 203px;
        bottom: auto;
    }

    #ConactoFooter {
        float: left;
        clear: none;
        min-height: 0px;
        font-family: kaffeesatz;
        bottom: auto;
        left: auto;
    }

    #textspan3 {
        float: none;
        font-weight: 600;
    }

    #textspan5 {
        float: none;
        line-height: 1em;
        font-weight: 600;
    }

    #textspan4 {
        float: none;
    }

    #textspan8 {
        float: none;
    }

    #textspan2 {
        float: none;
        font-weight: 600;
    }

    #textspan7 {
        float: none;
        line-height: 1em;
        font-weight: 600;
    }

    #textspan6 {
        float: none;
    }

    #RedSocial1 {
        float: left;
        max-width: 100%;
        height: auto;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        color: rgb(0, 0, 0);
        position: absolute;
        bottom: auto;
        display: block;
        width: 3%;
        left: auto;
        top: 197px;
    }

    #RedSocial2 {
        float: left;
        max-width: 100%;
        height: auto;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        color: rgb(0, 0, 0);
        position: absolute;
        display: block;
        bottom: auto;
        width: 3%;
        top: 197px;
        left: auto;
    }

    #RedSocial3 {
        float: left;
        max-width: 100%;
        height: auto;
        clear: none;
        color: rgb(0, 0, 0);
        display: block;
        width: 3%;
        left: auto;
    }

    #RedSocial4 {
        float: left;
        max-width: 100%;
        height: auto;
        clear: none;
        color: rgb(0, 0, 0);
        display: block;
        width: 3%;
    }

    #CopyRight {
        float: left;
        height: auto;
        text-align: left;
        font-weight: normal;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        min-height: 24px;
        position: absolute;
        right: auto;
        bottom: auto;
        top: 214px;
    }

    #textspan {
        float: none;
    }

    #TermYCondicion {
        float: left;
        font-size: 20px;
        width: 255px;
        height: auto;
        text-align: left;
        font-weight: 500;
        line-height: 1em;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        min-height: 25px;
        color: rgba(42, 42, 42, 0.980392);
        position: absolute;
        display: block;
        bottom: auto;
    }

    #image2 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        color: rgb(0, 0, 0);
        visibility: hidden;
        position: absolute;
    }

    #image1 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        color: rgb(0, 0, 0);
        visibility: hidden;
        position: absolute;
    }

    #image {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        color: rgb(0, 0, 0);
        visibility: hidden;
        position: absolute;
    }

    #Mapa {
        float: left;
        height: 379px;
        clear: none;
        bottom: auto;
        right: auto;
        width: 636px;
    }

    #From-box {
        float: left;
        clear: none;
        width: 426px;
    }

    #Datos-contact {
        float: left;
        clear: none;
        bottom: auto;
        right: auto;
        height: 311px;
        width: 588.125px;
    }

    #text {
        float: left;
        font-size: 54px;
        width: 100%;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        min-height: 52px;
        color: rgb(237, 28, 36);
        position: absolute;
        top: 0px;
        left: 0px;
    }

    #image3 {
        float: left;
        max-width: 100%;
        height: auto;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        color: rgb(0, 0, 0);
        position: absolute;
        bottom: auto;
        right: auto;
        width: 45px;
    }

    #text1 {
        float: left;
        height: auto;
        font-weight: normal;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        position: absolute;
        bottom: auto;
        right: auto;
    }

    #image4 {
        float: left;
        max-width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        color: rgb(0, 0, 0);
        position: absolute;
        bottom: auto;
        width: 45px;
    }

    #text2 {
        float: left;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1.1em;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        min-height: 63px;
        position: absolute;
        bottom: auto;
        right: auto;
    }

    #image5 {
        float: left;
        max-width: 100%;
        height: auto;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        color: rgb(0, 0, 0);
        position: absolute;
        left: 0%;
        bottom: auto;
        top: 216px;
        width: 45px;
    }

    #text3 {
        float: left;
        height: auto;
        font-weight: normal;
        clear: none;
        bottom: auto;
        right: auto;
    }

    #encabezado-form {
        float: left;
        width: 100.003668%;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        min-height: 88px;
        position: absolute;
        top: 2px;
        left: 0%;
    }

    #formulario {
        float: left;
        height: 631px;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        position: absolute;
        top: 90px;
        left: 0.01100352%;
    }
}

@media only screen and (max-width: 1024px) {
    #header {
        background-image:url("../img/BG-Header%202.png");
        background-attachment: scroll;
        background-size: 1024px 100%;
        width: 1024px;
        height: 179px;
        max-width: 1024px;
        min-width: 768px;
        background-position: 50% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #idioma {
        bottom: auto;
    }

    #menu-nav {
        position: absolute;
        margin-left: 0px;
        margin-top: 0px;
        top: 35px;
        height: 53px;
        right: 48px;
        left: auto;
    }

    #contenido {
        clear: both;
        left: 0px;
        min-width: 768px;
        max-width: 1024px;
        width: 1024px;
        height: 962px;
        top: 179px;
    }

    #Logo {
        width: 282px;
        height: 200px;
        right: auto;
    }

    #footer {
        clear: both;
        width: 1024px;
        left: 0px;
        bottom: auto;
        height: 380px;
        max-width: 1024px;
        min-width: 768px;
        top: 1141px;
    }

    .primaryContainer {
        max-width: 1024px;
        width: 100%;
        min-width: 768px;
    }

    #TermYCondicion {
        width: 255px;
        left: 18.21875px;
        top: 314px;
        bottom: auto;
    }

    #CopyRight {
        left: 18.21875px;
        bottom: auto;
        top: 345px;
    }

    #logoFooter {
        top: 33px;
        right: 12px;
        width: 203px;
    }

    #RedSocial3 {
        top: 330px;
        left: 90.167236%;
        width: 3.999329%;
    }

    #RedSocial4 {
        top: 330px;
        left: 94.921875%;
        width: 3.999329%;
    }

    #RedSocial1 {
        top: 330px;
        width: 3.999329%;
        right: 15.284729%;
    }

    #RedSocial2 {
        top: 330px;
        width: 3.999329%;
        right: 10.65979%;
    }

    #ConactoFooter {
        top: 211px;
        right: 1.171875%;
    }

    #Mapa {
        height: 388px;
        top: 460px;
        left: 3.302002%;
        width: 506.15625px;
    }

    #Datos-contact {
        height: 311px;
        bottom: auto;
        right: auto;
        width: 528.171875px;
        top: 127px;
        left: 3.302002%;
    }

    #From-box {
        width: 426px;
        height: 721px;
        top: 127px;
        left: 54.879761%;
    }

    #text2 {
        height: auto;
        width: 91.187173%;
    }

    #text {
        width: 100%;
    }

    #image3 {
        width: 45px;
    }

    #text1 {
        height: auto;
        width: 481.625px;
    }

    #image4 {
        width: 45px;
    }

    #image5 {
        width: 45px;
    }

    #text3 {
        height: auto;
        width: 478.3125px;
    }
}

@media only screen and (max-width: 768px) {
    #menu-nav {
        height: 53px;
        top: 203px;
        right: 86.21875px;
        width: 627px;
    }

    #Logo {
        width: 227px;
        height: 161px;
        top: -2px;
    }

    #idioma {
        width: 130px;
        height: 58px;
        top: 25px;
        bottom: auto;
    }

    #header {
        background-image:url("../img/BG-Header%202.png");
        background-attachment: scroll;
        background-size: 768px 60%;
        width: 100%;
        height: 268px;
        max-width: 768px;
        background-color: rgba(255, 255, 255, 0);
        background-position: 50% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #contenido {
        clear: both;
        left: 0px;
        max-width: 768px;
        min-width: 640px;
        width: 768px;
        top: 269px;
        height: 1586px;
    }

    #footer {
        clear: both;
        width: 768px;
        left: 0px;
        max-width: 768px;
        min-width: 640px;
        right: auto;
        height: 399px;
        background-image:url("../img/BG-footer%201.png");
        background-attachment: scroll;
        background-size: 1350px 100%;
        background-color: rgba(255, 255, 255, 0);
        top: 1889px;
        background-position: 0% 0px;
        background-repeat: no-repeat no-repeat;
    }

    .primaryContainer {
        max-width: 780px;
        width: 768px;
        min-width: 640px;
    }

    #TermYCondicion {
        width: 255px;
        top: 327px;
        bottom: auto;
    }

    #CopyRight {
        bottom: auto;
        top: 358px;
    }

    #ConactoFooter {
        top: 221px;
        right: 1.171875%;
    }

    #logoFooter {
        top: 73px;
        right: 12px;
        width: 167px;
    }

    #RedSocial1 {
        top: 340px;
        right: 20.229085%;
        width: 5%;
    }

    #RedSocial2 {
        top: 340px;
        right: 13.783773%;
        width: 5%;
    }

    #RedSocial3 {
        top: 340px;
        left: 87.823486%;
        width: 5%;
    }

    #RedSocial4 {
        top: 340px;
        left: 94.401042%;
        width: 5%;
    }

    #Mapa {
        height: 378px;
        width: 768px;
        top: 1147px;
        left: 0%;
    }

    #Datos-contact {
        top: 80px;
        left: 22.406006%;
        width: 528.171875px;
        height: 311px;
    }

    #From-box {
        width: 426px;
        top: 391px;
        left: 22.406006%;
        height: 721px;
    }
}

@media only screen and (max-width: 640px) {
    #footer {
        left: 0px;
        width: 640px;
        bottom: auto;
        max-width: 640px;
        min-width: 480px;
        height: 361px;
        background-image:url("../img/BG-footer%201.png");
        background-attachment: scroll;
        background-size: 850px 100%;
        background-color: rgba(255, 255, 255, 0);
        top: 1824px;
        background-position: 0px 0px;
        background-repeat: no-repeat no-repeat;
    }

    #contenido {
        left: 0px;
        max-width: 640px;
        min-width: 480px;
        right: auto;
        bottom: auto;
        width: 640px;
        height: 1555px;
        top: 269px;
    }

    #header {
        width: 640px;
        height: 269px;
        background-image:url("../img/BG-Header%202.png");
        background-attachment: scroll;
        background-size: 768px 67%;
        background-color: rgba(255, 255, 255, 0);
        max-width: 640px;
        min-width: 480px;
        background-position: 50% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #menu-nav {
        top: 0px;
        right: 0px;
        width: 640px;
        left: 0px;
        height: 53px;
    }
    
    .menu_bar{
        display:block;
        z-index:1000;
        width:640px;
        height: 53px;
        top:0;
        background:rgba(203, 203, 203, 0.98);
        position:fixed;
        color:rgba(222, 18, 18, 0.99);
    }
    .bt-menu{
        font-size:30px;
        padding:10px 35px;
        display:block;
        font-weight:bold;
        overflow:hidden;
        text-decoration:none;
    }
    .icon-menumenu{
        font-size:28px;
        
        
    }
    .bt-menu span{
        float:right;
       
    }
    #menu-nav nav {
        width:80%;
        position:fixed;
        right:100%;
        top: 53px;
        margin:0;

        overflow:hidden;
        height:calc(100% - 53px)
    }
    #menu-nav nav ul li {
        display:block;
        border-bottom:1px solid #fff;
        background: rgb(204, 204, 204);
    }
    #menu-nav nav ul li a{
        color: rgb(255, 250, 250);
        display:block;
    }
    #menu-nav nav ul li .children{
        position: relative;
        width:100%;
    }
    
    #menu-nav nav ul li span {
    float:right;
    margin-right: 10px;
    }
    
    #menu-nav nav ul li:hover .children{
        display:none;
    }

   #menu-nav nav ul li:hover{
    background:rgba(47, 47, 47, 0.99);
    border-radius: 10px;    
     }


    #Logo {
        width: 227px;
        height: 161px;
        top: 66px;
        left: 16px;
    }

    #idioma {
        width: 130px;
        height: 58px;
        top: 195px;
        bottom: auto;
    }

    #CopyRight {
        font-size: 13px;
        left: 18.21875px;
        width: 565.796875px;
        bottom: auto;
        top: 327px;
    }

    #TermYCondicion {
        font-size: 18px;
        width: 255px;
        left: 18.21875px;
        top: 302px;
        bottom: auto;
    }

    #RedSocial1 {
        top: 265px;
        right: 24.345703%;
        width: 5%;
    }

    #RedSocial2 {
        top: 264px;
        right: 17.844238%;
        width: 5%;
    }

    #RedSocial3 {
        top: 264px;
        left: 83.759766%;
        width: 5%;
    }

    #RedSocial4 {
        top: 264px;
        left: 90.36377%;
        width: 5%;
    }

    #ConactoFooter {
        top: 151px;
        right: 1.171875%;
        min-height: 0px;
    }

    #logoFooter {
        top: 13px;
        right: 12px;
        width: 167px;
    }

    #Datos-contact {
        top: 82px;
        left: 16.665039%;
        width: 528.171875px;
        height: 311px;
    }

    #Mapa {
        height: 327px;
        width: 640px;
    }

    #From-box {
        width: 426px;
        top: 391px;
        left: 16.665039%;
        height: 721px;
    }

    .primaryContainer {
        max-width: 640px;
        width: 640px;
        min-width: 480px;
    }
}

@media only screen and (max-width: 480px) {
    #contenido {
        left: 0px;
        max-width: 480px;
        min-width: 320px;
        width: 480px;
        background-image:url("../img/BG-contacto.png"),url("../img/BG-alterno.fw.png");
        background-attachment: scroll;
        background-size: 0px 88.0999984741211%, 100%;
        background-color: rgba(255, 255, 255, 0);
        overflow: hidden;
        background-position: 0% 7.8%, 0% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #header {
        max-width: 480px;
        width: 480px;
        min-width: 320px;
        position: absolute;
        margin: 0px;
        height: 269px;
    }

    #Logo {
        width: 227px;
        height: 161px;
    }

 #menu-nav {
        width: 100%;
        height: 53px;
        max-width: 480px;
        min-width: 320px;
        top: 0px;
        bottom: auto;
    }

     #menu-nav {
        width: 480px;
        height: 53px;
        
        
    }

    .menu_bar{
        
        width:480px;}
        

    .bt-menu{
        font-size:30px;
        padding:10px 35px;}

    #idioma {
        width: 130px;
        height: 58px;
        top: 195px;
        bottom: auto;
    }

    #footer {
        left: 0px;
        width: 480px;
        height: 390px;
        max-width: 480px;
        min-width: 320px;
    }

    #CopyRight {
        left: 18px;
        height: auto;
        top: 327px;
        width: 343.359375px;
    }

    #TermYCondicion {
        left: 18.21875px;
        width: 255px;
    }

    #RedSocial1 {
        width: 6.998698%;
        top: 265px;
        right: 35.384115%;
    }

    #RedSocial2 {
        width: 6.998698%;
        top: 264px;
        right: 24.716797%;
    }

    #RedSocial3 {
        width: 6.998698%;
        top: 264px;
        left: 79.593099%;
    }

    #RedSocial4 {
        width: 6.998698%;
    }

    #ConactoFooter {
        top: 151px;
        right: 4.889323%;
        width: 440.515625px;
        height: 109px;
    }

    #logoFooter {
        width: 167px;
    }

    #textspan1 {
        float: none;
        line-height: 1em;
    }

    #Datos-contact {
        top: 91px;
        left: 6.031901%;
        width: 528.171875px;
        height: 311px;
    }

    #Mapa {
        height: 345px;
        width: 480px;
    }

    #From-box {
        width: 426px;
        top: 403px;
        left: 5.201823%;
    }

    #text3 {
        height: auto;
    }

    #text {
        width: 100%;
    }

    #image5 {
        left: 0%;
    }

    .primaryContainer {
        max-width: 480px;
        width: 480px;
        min-width: 0px;
    }
}