/* 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);
}


.modal {
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.8);
    
    position: fixed;
    top: 0;
    left: 0;
    bottom: auto;
    
    display: flex;
    
    animation: modal 2s forwards;
    visibility: hidden;
    opacity: 0.8;
    filter:alpha(opacity=80);
    z-index: 1001;
    overflow-y: hidden;
    margin-bottom: 0px;
    
}

.contenido-modal {

    margin: auto;
    width: 70%;
    height: 75%;
    background: white;
    border-radius: 10px;
    font-size: 20px;
    padding: 20px 40px;
    text-align: justify;
    line-height: normal;
    color: rgba(0,0,0,1);
    font-size: 20px;

    
}

.btn-NO {
    position: absolute;
    top: auto;
    bottom: 20%;
    right: 25%;
    font-size: 28px;
    animation: modal 2s forwards;
    visibility: hidden;
    opacity: 0;
}


#cerrar {
    display:none;
}

#cerrar + label {
    position: fixed;
    z-index: 1002;
 
    left: 25%;
    
    bottom: 18%;
    cursor: pointer;
    font-size: 28px;
    color: rgba(0,0,0,1);
 
    
    animation: modal 2s forwards;
    visibility: hidden;
    opacity: 0;
}

#cerrar:checked + label, #cerrar:checked ~ .modal {
    display: none;
}

@keyframes modal {
    100% {
        visibility: visible;
        opacity: 1;
    }
}




#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: 3538px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    width: 1350px;
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
    top: 150px;
    left: 0px;
    bottom: auto;
    min-width: 1024px;
    max-width: 1350px;
    right: auto;
    background-image:url("../img/BG-producVentRestri.png");
    background-position: 50% 0px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 1350px;
}

#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: 3765px;
    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.515625px;
    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;
}

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

#textspan5555 {
    font-weight: 600;
}

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

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

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

#textspan7777 {
    font-weight: 600;
}

#textspan6666 {
    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.796875px;
    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.21875px;
    bottom: auto;
    right: auto;
}

#textspan1000 {
    line-height: 1em;
    font-size: 15px;
}

#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.21875px;
    display: block;
    bottom: auto;
    right: auto;
}

#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;
}

#banner-ProducVentFormula {
    float: left;
    width: 1024px;
    max-width: 1024px;
    height: 670px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
    position: absolute;
    top: -30px;
    
    left: 15%;
}

#img-preview5 {
    float: left;
    width: 506px;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 1389px;
    left: 747.703125px;
    bottom: auto;
}

#img-preview4 {
    float: left;
    width: 506px;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 833px;
    left: 122.45px;
    bottom: auto;
    right: auto;
}

#txt-preview4 {
    float: left;
    height: 533px;
    clear: none;
    width: 589px;
    position: absolute;
    top: 742px;
    left: 49.89%;
    bottom: auto;
    right: auto;
}

#text2 {
    float: left;
    font-size: 58px;
    width: 252.9375px;
    height: auto;
    text-align: center;
    font-weight: 500;
    line-height: 0.83em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 124px;
    color: rgb(237, 28, 36);
    position: absolute;
    top: -18px;
    left: 338.98px;
    bottom: auto;
    right: auto;
}

#text {
    float: left;
    font-size: 37px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: 500;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 37px;
    color: rgb(237, 28, 36);
    position: absolute;
    top: 24px;
    left: 0px;
    right: auto;
    bottom: auto;
}

#text1 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 27px;
    color: rgb(237, 28, 36);
    position: absolute;
    top: 78px;
    left: 0%;
    bottom: auto;
    right: auto;
}

#text3 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: 27px;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    position: absolute;
    top: 106px;
    left: 0%;
    bottom: auto;
}

#text4 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: 27px;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    position: absolute;
    top: 139px;
    left: 0%;
    color: rgb(237, 28, 36);
    bottom: auto;
    right: auto;
}

#text5 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: 27px;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    position: absolute;
    top: 167px;
    left: 0%;
    max-width: 100%;
    bottom: auto;
    right: auto;
}

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

#text7 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: 27px;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    position: absolute;
    top: 229px;
    left: 0%;
    bottom: auto;
}

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

#text9 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: 27px;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    min-height: 27px;
    position: absolute;
    top: 290px;
    left: 0%;
    bottom: auto;
}

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

#text11 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1.1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 49px;
    position: absolute;
    top: 350px;
    left: 0%;
    bottom: auto;
    right: auto;
    color: rgb(89, 90, 92);
    font-family: kaffeesatz;
    text-indent: 0px;
}

#text12 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 27px;
    color: rgb(237, 28, 36);
    position: absolute;
    top: 406px;
    left: 0%;
    bottom: auto;
    right: auto;
}

#text13 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1.1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 35px;
    position: absolute;
    top: 434px;
    left: 0%;
    bottom: auto;
    color: rgb(89, 90, 92);
    font-family: kaffeesatz;
    text-indent: 0px;
}

#txt-preview5 {
    float: left;
    height: 604px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    width: 699px;
    position: absolute;
    margin-right: 0px;
    margin-bottom: 0px;
    top: 1336px;
    left: 7.43%;
    bottom: auto;
    right: auto;
}

#text15 {
    float: left;
    font-size: 71px;
    width: 31.667491%;
    height: auto;
    text-align: center;
    font-weight: 500;
    line-height: 0.83em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 65px;
    color: rgb(237, 28, 36);
    position: absolute;
    top: 11px;
    left: 413.22px;
    bottom: auto;
    right: auto;
}

#text14 {
    float: left;
    font-size: 37px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: 500;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 44px;
    color: rgb(237, 28, 36);
    position: absolute;
    top: 12px;
    left: 0%;
}

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

#text17 {
    float: left;
    font-size: 22px;
    width: 99.997396%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1em;
    clear: none;
    min-height: 27px;
    position: absolute;
    top: 102px;
    left: 0%;
    bottom: auto;
}

#text18 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    clear: none;
    min-height: 27px;
    color: rgb(237, 28, 36);
    position: absolute;
    top: 140px;
    left: 0%;
    bottom: auto;
}

#text19 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1em;
    clear: both;
    min-height: 27px;
    position: absolute;
    top: 169px;
    left: 0%;
    bottom: auto;
}

#text20 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    clear: none;
    min-height: 27px;
    color: rgb(237, 28, 36);
    position: absolute;
    top: 208px;
    left: 0%;
    bottom: auto;
}

#text21 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1em;
    clear: none;
    min-height: 27px;
    position: absolute;
    top: 235px;
    left: 0%;
    bottom: auto;
}

#text22 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    clear: none;
    min-height: 27px;
    color: rgb(237, 28, 36);
    position: absolute;
    top: 273px;
    left: 0%;
    bottom: auto;
}

#text23 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1em;
    clear: both;
    min-height: 27px;
    position: absolute;
    top: 302px;
    left: -0.00520847%;
    bottom: auto;
}

#text24 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    clear: none;
    min-height: 27px;
    color: rgb(237, 28, 36);
    position: absolute;
    top: 341px;
    left: 0%;
    bottom: auto;
}

#text25 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1.1em;
    clear: none;
    min-height: 49px;
    position: absolute;
    top: 369px;
    left: 0%;
    bottom: auto;
}

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

#text27 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1.1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 27px;
    position: absolute;
    top: 484px;
    left: 0%;
    bottom: auto;
}

#img-prview6 {
    float: left;
    width: 506px;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
    position: absolute;
    left: 100.33px;
    top: 2024px;
    right: auto;
    bottom: auto;
}

#txt-preview6 {
    float: left;
    height: 686px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 691.27px;
    margin-right: 0px;
    position: absolute;
    top: 1912px;
    left: 46.94%;
    bottom: auto;
    right: auto;
}

#text30 {
    float: left;
    font-size: 58px;
    width: 284px;
    height: auto;
    text-align: center;
    font-weight: 500;
    line-height: 0.93em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 115px;
    position: absolute;
    top: 0px;
    left: 52.8%;
    color: rgb(237, 28, 36);
    bottom: auto;
    right: auto;
}

#text28 {
    float: left;
    font-size: 37px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: 500;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 44px;
    position: absolute;
    top: 23px;
    left: 0%;
    color: rgb(237, 28, 36);
    right: auto;
    bottom: auto;
}

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

#text31 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 115px;
    clear: none;
    min-height: 27px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#text32 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    min-height: 29px;
    color: rgb(237, 28, 36);
    position: absolute;
    top: 154px;
    left: 0%;
    bottom: auto;
}

#text33 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 27px;
    left: 0%;
    top: 184px;
    position: absolute;
}

#text34 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    min-height: 30px;
    color: rgb(237, 28, 36);
    position: absolute;
    top: 224px;
    left: 0%;
    right: auto;
    bottom: auto;
}

#text35 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    min-height: 27px;
    position: absolute;
    top: 256px;
    left: 0%;
    bottom: auto;
    right: auto;
}

#text36 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    min-height: 27px;
    position: absolute;
    top: 296px;
    left: 0%;
    right: auto;
    color: rgb(237, 28, 36);
}

#text37 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    min-height: 27px;
    left: 0%;
    position: absolute;
    top: 324px;
    bottom: auto;
}

#text38 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    min-height: 27px;
    color: rgb(237, 28, 36);
    position: absolute;
    left: 0%;
    top: 367px;
    bottom: auto;
    right: auto;
}

#text39 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1.1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    min-height: 37px;
    position: absolute;
    top: 394px;
    left: 0%;
    bottom: auto;
    right: auto;
}

#text40 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    min-height: 27px;
    position: absolute;
    top: 529px;
    left: 0%;
    color: rgb(237, 28, 36);
}

#text41 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1.1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    min-height: 85px;
    position: absolute;
    top: 557px;
    left: 0%;
}

#img-preview7 {
    float: left;
    width: 506px;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 2849px;
    left: 60.663194%;
}

#txt-preview7 {
    float: left;
    height: 673px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 685px;
    margin-right: 0px;
    position: absolute;
    top: 2728px;
    left: 7.591435%;
    bottom: auto;
}

#text43 {
    float: left;
    font-size: 58px;
    width: 36.58531%;
    height: auto;
    text-align: center;
    font-weight: 500;
    line-height: 1.2em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 84px;
    color: rgb(237, 28, 36);
    position: absolute;
    top: -25px;
    left:25%;
}

#text42 {
    float: left;
    font-size: 37px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: 500;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 44px;
    position: absolute;
    top: 62px;
    left: 0%;
    right: auto;
    color: rgb(237, 28, 36);
}

#text44 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 27px;
    position: absolute;
    top: 120px;
    left: 0%;
    right: auto;
    color: rgb(237, 28, 36);
    bottom: auto;
}

#text45 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: 9%;
    text-align: justify;
    font-weight: normal;
    line-height: 1.1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    position: absolute;
    top: 149px;
    left: 0px;
    right: auto;
    bottom: auto;
}

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

#text47 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1.1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 27px;
    position: absolute;
    top: 249px;
    left: 0%;
    right: auto;
}

#text48 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 27px;
    position: absolute;
    top: 287px;
    left: 0px;
    right: auto;
    color: rgb(237, 28, 36);
}

#text49 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1.1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 27px;
    position: absolute;
    top: 315px;
    left: 0%;
}

#text50 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 27px;
    position: absolute;
    top: 355px;
    left: 0%;
    right: auto;
    color: rgb(237, 28, 36);
    bottom: auto;
}

#text51 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1.1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 27px;
    position: absolute;
    top: 385px;
    left: 0%;
    right: auto;
    bottom: auto;
}

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

#text53 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1.1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 28px;
    position: absolute;
    top: 457px;
    left: 0%;
    right: auto;
}

#text54 {
    float: left;
    font-size: 24px;
    width: 255px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 27px;
    position: absolute;
    top: 543px;
    left: 0%;
    right: auto;
    color: rgb(237, 28, 36);
    bottom: auto;
}

#text55 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1.1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 39px;
    position: absolute;
    top: 571px;
    left: 0%;
    right: auto;
    bottom: auto;
}

#avisomedico-2 {
    float: left;
    font-size: 22px;
    width: 978.3437445000002px;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1.1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    position: absolute;
    top: 3442px;
    left: 212.84375px;
}



@media only screen and (max-width: 1024px) {


     .contenido-modal {
        padding: 20px 30px;
       line-height: normal;
        font-size: 19px;
    }

    



   #header {
        background-image:url("../img/BG-Header%202.png");
        background-attachment: scroll;
        background-size: 1015px 70%;
        width: 1020px;
        height: 179px;
        max-width: 1024px;
        background-position: 50% 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: 90px;
    left: auto;
    right: 68px;
    
        bottom: auto;
    }
    
   #menu-nav {
        top: 35px;
        height: 53px;
        right: 15px;
        left: auto;
        
    }


    #contenido {
        clear: both;
        top: 181px;
        left: 0px;
        min-width: 768px;
        max-width: 1024px;
        width: 1024px;
        background-image:url("../img/BG-producVentRestri.png");
        background-position: 50% -294px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 1024px 92.5%;
        background-color: rgba(255, 255, 255, 0);
    }

    #Logo {
        width: 200px;
        height: 180px;
        top: 18px;
        left: 70px;
    }

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

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

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

    #CopyRight {
        top: 318px;
        left: 18.21875px;
    }

    #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%;
    }

    #txt-preview4 {
        clear: both;
        top: 565px;
        left: 45.019531%;
        width: 532.484375px;
        height: 561px;
    }

    #banner-ProducVentFormula {
     
        width: 1020px;
        max-width: 1020%;
        min-width: 768px;
        left: 0px;
    }

    

    #img-preview4 {
        clear: both;
        top: 750px;
        left: 18.21875px;
        width: 425px;
    }

    #txt-preview4 {
        clear: both;
        top: 680px;
        left: 45.019531%;
        width: 532.484375px;
        height: 561px;
    }

    #text12 {
        top: 424px;
        left: 0%;
        width: 255px;
    }

    #text13 {
        top: 452px;
        left: 0%;
        width: 100%;
    }

    #text2 {
        top: -20px;
        left: 256px;
    }

    #text {
        width: 255px;
    }

    #text1 {
        width: 255px;
    }

    #text3 {
        width: 100%;
        height: 27px;
    }

    #text4 {
        width: 255px;
        height: 27px;
    }

    #text5 {
        width: 100%;
        height: 27px;
    }

    #text6 {
        width: 255px;
        height: 27px;
    }

    #text7 {
        width: 100%;
        height: 27px;
    }

    #text8 {
        width: 255px;
        height: 27px;
    }

    #text9 {
        top: 290px;
        left: 0%;
        width: 100%;
        height: 27px;
    }

    #text10 {
        width: 255px;
    }

    #text11 {
        width: 100%;
    }

    #img-preview5 {
        width: 425px;
        left: 577.484375px;
        top: 1429px;
    }

     
    #txt-preview5 {
        clear: both;
        top: 1324px;
        left: 3.579712%;
        width: 600px;
        height: 618px;
    }

    #text27 {
        left: 0%;
        width: 100%;
        top: 509px;
    }

    #text14 {
        width: 255px;
    }

    #text16 {
        width: 255px;
        top: 64px;
        left: 0%;
    }

    #text17 {
        width: 99.996567%;
        top: 92px;
        left: 0%;
    }

    #text18 {
        width: 255px;
        top: 146px;
        left: 0%;
    }

    #text19 {
        top: 175px;
        left: 0%;
        width: 100%;
    }

    #text20 {
        width: 255px;
        top: 214px;
        left: 0%;
    }

    #text21 {
        width: 100%;
        top: 241px;
        left: 0%;
    }

    #text22 {
        width: 255px;
        top: 279px;
        left: 0%;
    }

    #text23 {
        top: 308px;
        left: -0.00343336%;
        width: 100%;
    }

    #text24 {
        width: 255px;
        top: 347px;
        left: 0%;
    }

    #text25 {
        width: 100%;
        top: 375px;
        left: 0%;
    }

    #text26 {
        left: 0%;
        width: 255px;
        top: 481px;
    }

    #img-prview6 {
        width: 425px;
        clear: both;
        top: 2205px;
        left: 9.203125px;
        max-width: none;
    }

    #txt-preview6 {
        width: 539.15625px;
        height: 749px;
        top: 2078px;
        left: 45.10498%;
    }

    #text30 {
        top: 0px;
        left: 49.268847%;
    }

    #text28 {
        width: 255px;
    }

    #text29 {
        width: 255px;
    }

    #text31 {
        width: 100%;
    }

    #text32 {
        top: 154px;
        left: 0%;
        width: 255px;
    }

    #text33 {
        width: 100%;
    }

    #text34 {
        top: 224px;
        left: 0%;
        width: 255px;
    }

    #text35 {
        top: 256px;
        left: 0%;
        width: 100%;
    }

    #text36 {
        top: 296px;
        left: 0%;
        width: 255px;
    }

    #text37 {
        top: 324px;
        left: 0%;
        width: 100%;
    }

    #text38 {
        top: 367px;
        left: 0%;
        width: 255px;
    }

    #text39 {
        top: 394px;
        left: 0%;
        width: 100%;
    }

    #text40 {
        top: 557px;
        left: 0%;
        width: 255px;
    }

    #text41 {
        top: 585px;
        left: 0%;
        width: 100%;
    }

    #txt-preview7 {
        left: 3.684998%;
        height: 673px;
        width: 615.5px;
        top: 2978px;
    }

    #img-preview7 {
        top: 3145px;
        left: 56.253052%;
        width: 425px;
    }

    #avisomedico-2 {
        top: 3735px;
        left: 24.484375px;
        width: 978.34375px;
    }

    #text54 {
        top: 569px;
        left: 0%;
    }

    #text55 {
        top: 597px;
        left: 0%;
    }

    #text43 {
        top: 0px;
        left: 50.357941%;
    }
}

@media only screen and (max-width: 768px) {


     
    .contenido-modal {
        height: 80%;
        padding: 20px 30px;
       line-height: normal;
        font-size: 17px;
        
    }

    .btn-NO {
        
       
        bottom: 15.5%;
        right: 25%;
        font-size: 20px;
    }

    #cerrar + label {
       
        bottom: 13%;
        left: 25%;
        font-size: 20px;
    }



    #menu-nav {
        height: 53px;
        top: 206px;
        right: 50px;
        width: 640px;
    }

    #Logo {
        width: 200px;
        height: 180px;
        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;
        top: 285px;
        left: 0px;
        max-width: 768px;
        min-width: 640px;
        overflow-y: hidden;
        overflow-x: hidden;
        background-image:url("../img/BG-producVentRestri.png");
        background-position: 50% 0px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 100%;
        background-color: rgba(255, 255, 255, 0);
        width: 768px;
        height: 5850px;
    }

    #footer {
        clear: both;
        width: 768px;
        left: 0px;
        max-width: 768px;
        min-width: 640px;
        right: auto;
        height: 399px;
        top: 5437px;
    }

    #TermYCondicion {
        width: 255px;
    }

    #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%;
    }

    #banner-ProducVentFormula {
        width: 768px;
        min-width: 640px;
        max-width: 768px;
    }

    #txt-preview4 {
        top: 899px;
        left: 16.79484%;
        width: 511px;
        height: 616px;
    }

    #img-preview5 {
        width: 425px;
        left: 172.21875px;
        top: 1538px;
    }

    #img-preview4 {
        clear: both;
        top: 656px;
        left: 176px;
        width: 390px;
    }

    #text {
        width: 255px;
    }

    #text1 {
        width: 255px;
    }

    #text2 {
        width: 252.9375px;
        font-size: 55px;
        height: auto;
        top: 0px;
        left: 256px;
        min-height: 104px;
    }

    #text3 {
        width: 100%;
        height: 27px;
    }

    #text4 {
        width: 255px;
        height: 27px;
    }

    #text5 {
        width: 100%;
        height: 27px;
    }

    #text6 {
        width: 255px;
        height: 27px;
    }

    #text7 {
        width: 100%;
        height: 27px;
    }

    #text8 {
        width: 255px;
        height: 27px;
    }

    #text9 {
        top: 290px;
        left: 0%;
        width: 100%;
        height: 27px;
    }

    #text10 {
        width: 255px;
    }

    #text11 {
        width: 100%;
    }

    #text12 {
        width: 255px;
        top: 432px;
        left: 0%;
    }

    #text13 {
        width: 100%;
        top: 460px;
        left: 0%;
    }

    #txt-preview5 {
        clear: none;
        width: 508.9375px;
        height: 738px;
        top: 1874px;
        left: 16.79484%;
    }

    #img-prview6 {
        width: 425px;
        top: 2667px;
        left: 172.375px;
    }

    #text26 {
        left: 0%;
        width: 255px;
        top: 482px;
    }

    #text27 {
        left: 0%;
        width: 100%;
        top: 510px;
    }

    #text14 {
        width: 255px;
    }

    #text15 {
        width: 31.665234%;
        top: 12px;
        left: 307.234375px;
    }

    #text16 {
        width: 255px;
    }

    #text17 {
        width: 99.99386%;
    }

    #text18 {
        width: 255px;
    }

    #text19 {
        width: 100%;
        top: 174px;
        left: 0%;
    }

    #text20 {
        width: 255px;
        top: 215px;
        left: 0%;
    }

    #text21 {
        width: 100%;
    }

    #text22 {
        width: 255px;
    }

    #text23 {
        width: 100%;
        top: 308px;
        left: -0.00307012%;
    }

    #text24 {
        width: 255px;
    }

    #text25 {
        width: 100%;
    }

    #txt-preview6 {
        top: 2972px;
        left: 16.684977%;
        width: 511.84375px;
        height: 834px;
    }

    #text30 {
        top: 0px;
        left: 47.217875%;
    }

    #text40 {
        top: 553px;
        left: 0%;
    }

    #text41 {
        top: 581px;
        left: 0%;
    }

    #avisomedico-2 {
        top: 5087px;
        left: 3px;
        width: 760px;
        font-size: 19px;
    }

    #img-preview7 {
        width: 425px;
        top: 3903px;
        left: 22.444661%;
    }

    #txt-preview7 {
        width: 511.75px;
        height: 724px;
        top: 4238px;
        left: 16.79484%;
    }

    #text43 {
        top: 0px;
        left: 58.173547%;
    }
}

@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-position: 0% 0px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 850px 100%;
        background-color: rgba(255, 255, 255, 0);
        top: 5299px;
    }

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

    #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:50;
        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;
        top: 291px;
        left: 18.21875px;
        width: 565.796875px;
    }

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

    #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;
    }

    #txt-preview4 {
        width: 508.484375px;
        top: 751px;
        left: 10.231934%;
        height: 607px;
    }

    #img-preview4 {
        width: 425px;
        top: 446px;
        left: 111.328125px;
    }

    #banner-ProducVentFormula {
        width: 640px;
        min-width: 480px;
        max-width: 640px;
    }

    #img-preview5 {
        left: 107.484375px;
        width: 425px;
        top: 1412px;
    }

    #txt-preview5 {
        clear: none;
        width: 508.9375px;
        height: 738px;
        top: 1746px;
        left: 10.012207%;
    }

    #img-prview6 {
        top: 2512px;
        left: 107.484375px;
        width: 425px;
    }

    #txt-preview6 {
        width: 507.4375px;
        height: 834px;
        top: 2813px;
        left: 10.466309%;
    }

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

    #img-preview7 {
        top: 3742px;
        left: 17.23877%;
        width: 425px;
    }

    #txt-preview7 {
        width: 511.75px;
        height: 724px;
        top: 4078px;
        left: 10.222168%;
    }

    #avisomedico-2 {
        width: 632px;
        height: auto;
        top: 4910px;
        left: 4.25px;
    }

    #text5 {
        top: 167px;
        bottom: auto;
    }

    #text19 {
        top: 174px;
        left: 0%;
    }

    #text20 {
        top: 214px;
        left: 0%;
    }
}

@media only screen and (max-width: 480px) {

    .contenido-modal {
        height: 87%;
        width: 87%;
        padding: 20px 10px;
       line-height: 1.1;
        font-size: 18px;
        
    }

    .btn-NO {
        
      ;
        bottom: 15.5%;
        right: 12%;
        font-size: 20px;
    }

    #cerrar + label {
      
        bottom: 13%;
        left: 12%;
        font-size: 20px;
    }




    #contenido {
        top: 270px;
        left: 0px;
        max-width: 480px;
        min-width: 320px;
        width: 480px;
        height: 4929px;
    }

    #header {
        max-width: 480px;
        width: 480px;
        min-width: 320px;
        height: 269px;
    }

    

     #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;
        background-image:url("../img/BG-footer%201.png");
        background-position: 0% 0px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 850px 100%;
        background-color: rgba(255, 255, 255, 0);
        top: 5200px;
    }

    #CopyRight {
        top: 312px;
        left: 18.21875px;
    }

    #TermYCondicion {
        top: 346px;
        left: 18.21875px;
    }

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

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

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

    #RedSocial4 {
        width: 7%;
    }

    #ConactoFooter {
        top: 151px;
        right: 4.889323%;
    }

    #txt-preview4 {
        top: 670px;
        left: 1.422526%;
        width: 460px;
        height: 611px;
    }

    #banner-ProducVentFormula {
        width: 480px;
        min-width: 320px;
        max-width: 480px;
    }

    #img-preview4 {
        width: 425px;
        top: 356px;
        left: 26px;
    }

    #img-preview5 {
        width: 425px;
        left: 22.984375px;
        top: 1332px;
    }

    #text2 {
        height: auto;
        width: 206.484375px;
    }

    #text {
        width: 255px;
    }

    #text1 {
        width: 255px;
    }

    #text3 {
        width: 100%;
        height: 27px;
    }

    #text4 {
        width: 255px;
        height: 27px;
    }

    #text5 {
        width: 100%;
        height: 27px;
    }

    #text6 {
        width: 255px;
        height: 27px;
    }

    #text7 {
        width: 100%;
        height: 27px;
    }

    #text8 {
        width: 255px;
        height: 27px;
    }

    #text9 {
        width: 100%;
        height: 27px;
        top: 290px;
        left: 0%;
    }

    #text10 {
        width: 255px;
    }

    #text11 {
        width: 100%;
    }

    #text12 {
        width: 255px;
    }

    #text13 {
        width: 100%;
    }

    #txt-preview5 {
        clear: none;
        top: 1667px;
        left: 1.435547%;
        width: 460px;
        height: 718px;
    }

    #text26 {
        top: 511px;
        left: 0%;
    }

    #text27 {
        top: 539px;
        left: 0%;
    }

    #img-prview6 {
        width: 425px;
        top: 2449px;
        left: 26px;
    }

    #txt-preview6 {
        width: 460px;
        height: 834px;
        top: 2752px;
        left: 1.731771%;
    }

    #text15 {
        top: 12px;
        left: 293.234375px;
    }

    #text40 {
        top: 575px;
        left: 0%;
    }

    #text41 {
        top: 603px;
        left: 0%;
    }

    #text20 {
        top: 213px;
        left: 0%;
    }

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

    #img-preview7 {
        top: 3642px;
        left: 5.416667%;
        width: 425px;
    }

    #txt-preview7 {
        width: 453.125px;
        height: 724px;
        top: 3990px;
        left: 3.336589%;
    }

    #avisomedico-2 {
        width: 461.171875px;
        top: 4777px;
        left: 6.828125px;
        height: auto;
        font-size: 18px;
        text-align: center;
    }

    #text45 {
        height: 8.19%;
    }

    #text54 {
        top: 594px;
        left: 0%;
    }

    #text55 {
        top: 622px;
        left: 0%;
    }
}