body {
    background-color: #f7f7f7;
    color: #231f20;
    margin: 0;
}

@font-face {
    font-family: 'OpenSansExtraBold';
    src: url('fonts/OpenSans-ExtraBold.eot');
    src: url('fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('fonts/OpenSans-ExtraBold.woff') format('woff'), url('fonts/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'LatoLight';
    src: url('fonts/Lato-Light.eot');
    src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Light.woff2') format('woff2'), url('fonts/Lato-Light.woff') format('woff'), url('fonts/Lato-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'LatoRegular';
    src: url('fonts/Lato-Regular.eot');
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Regular.woff2') format('woff2'), url('fonts/Lato-Regular.woff') format('woff'), url('fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.ret {
    font-family: OpenSansExtraBold;
    font-size: 24px;
    margin-bottom: 20px;
}

#content {
    width: 450px;
}

#close {
    float: right;
    font-weight: bold;
}

#element {
    margin: 0px auto;
    min-height: 100px;
    width: 450px;
    padding: 50px;
    background: #ffffff;
    border: 1px solid #d0d0d0;
}


a {
    text-decoration: none !important;
}

#ohy {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    transition: opacity 500ms;
    z-index: 2;
    display: flex;
    align-items: center;
}

.morsradio {
    float: left;
}

.mwid {
    width: 248px !important;
}

.grutip {
    margin-bottom: 40px;
    margin-top: -20px;
    display: table;
}

.tiinfo {
    margin-bottom: -3px;
    margin-left: 6px;
    margin-right: 20px;
}

.trecla {
    font-family: LatoLight;
    font-size: 19px;
    font-weight: bold;
}

.tsu {
    font-family: LatoLight;
    font-size: 23px;
    margin-right: 20px;
    float: left;
}

.nolef {
    float: none !important;
}

.lavv3 {
    display: table;
    margin-top: 18px;
    margin-bottom: 20px !important;
}

.lof {
    margin-left: 50px;
}

.aglef {
    display: table;
    margin-bottom: 50px;
}

.plef {
    float: left;
}

.pesele {
    font-family: LatoLight;
    font-size: 18px;
}

.lavv {
    display: table;
    margin-top: 246px;
    margin-bottom: 20px !important;
}

.centext {
    font-family: LatoLight;
    font-size: 19px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 15px;
}


.ma {
}

.newp {
    font-size: 15px;
    margin-bottom: 0px;
    font-family: LatoLight;
    color: #00abec;
    font-weight: bold;
}

.dow {
    float: right;
    margin-top: -35px;
    margin-right: 17px;
}

.lerad {
    margin-left: 20px;
}

.deseo {
    display: table;
    background: #bbbbbb;
    width: 101%;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 12px;
    margin-bottom: 0px;
}

.grufactura {
    background: #efefef;
    display: table;
    width: 101%;
    padding-top: 20px;
    margin-bottom: 30px;
}

.nomb {
    font-family: LatoLight;
    font-size: 18px;
    font-weight: bold;
    float: left;
    width: 200px;
    margin-left: 15px;
    margin-top: 20px;
}

.stcaja {
    width: 738px;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 10px;
    font-family: LatoRegular;
    font-size: 18px;
}

.part1 {
    width: 97% !important;
}

.part2 {
    width: 98% !important;
}

.btnleftmenu {
    width: 15px;
    height: 24px;
    position: absolute;
    left: 25px;
    top: 27px;
}

.btnrightmenu {
    width: 25px;
    height: 24px;
    position: absolute;
    right: 25px;
    top: 26px;
}

.tec {
    margin: 0 auto;
    width: 182px;
    padding-top: 16px;
}

.barratop {
    height: 78px;
    width: 100%;
    background: white;
    margin-bottom: 50px;
    box-shadow: 0 0 20px 1px #b5b5b5;
    /*position: fixed;*/
}

.ri {
    text-align: right;
    text-decoration: underline;
    margin-top: 20px;
}

.gra {
    font-family: OpenSansExtraBold;
    font-size: 53px;
    text-align: center;
    margin-left: 6%;
    margin-right: 6%;
}


.paddatos {
    width: 928px;
    background: #dedede;
    margin-bottom: 35px;
    display: table;
    padding: 28px;
}


.pk1 {
    font-weight: bold;
}

.pk2 {
    display: grid;
}


.agruparnu {
    font-family: LatoLight;
    font-size: 18px;
    width: 231px;
    float: left;
}


.text-acom {
    font-family: LatoLight;
    font-weight: bold;
    font-size: 18px;
    padding-top: 11px;
}

.imgposi {
    float: left;
    margin-right: 20px;
}

.grupo-bt {
    width: 278px;
    float: left;
    margin: 64px 42px 115px 42px;
    cursor: pointer;
}

.subgr {
    font-family: LatoRegular;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 50px;
    text-align: center;
}

.m8 {
    margin-bottom: 60px !important;
    margin-top: 50px !important;
}

.ma6 {
    width: 250px !important;
}

.m3 {
    margin-bottom: 100px !important;
}

.m2 {
    margin-top: 50px;
}

.m1 {
    font-size: 38px !important;
    margin-bottom: 0px !important;
}


.spaww {
    margin-top: 70px;
    margin-bottom: 0px !important;
}

.wdww {
    width: 273px !important;
}

.boldw {
    font-family: OpenSansExtraBold;
    font-size: 53px;
    text-align: center;
    margin-left: 6%;
    margin-right: 6%;
    margin-bottom: 30px;
    margin-top: -20px;
}

.qd {
    width: 452px;
    padding-left: 14px;
    float: left;
    margin-bottom: 40px;
}

.oo {
    width: 95% !important;
}

.divi0 {
    width: 500px;
    float: left;
    margin-bottom: 40px;
}

.c0 {
    width: 98%;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 10px;
    font-family: LatoRegular;
    font-size: 18px;
}

.dn5 {
    width: 447px;
    padding-right: 33px;
    float: left;
}

.qq {
    padding: 19px 28px !important;
}

form {
    font-family: LatoLight;
    font-size: 18px;
    margin-bottom: 8px;
}

.inqq {
    float: left;
    margin-top: 7px;
}

.contenido {
    font-size: 17px;
    display: table;
    margin-bottom: 38px;
}

.pago {
    font-family: LatoRegular;
    width: 160px;
    float: left;
}

.infopago {
    font-family: LatoLight;
    width: 590px;
    float: left;
}

.botona {
    float: left;
    background: #00abec;
    color: #ffffff;
    font-family: LatoRegular;
    border-radius: 10px;
    padding: 7px 28px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    width: 169px;
    cursor: pointer;
}


.encuentra {
    color: #00abec;
    text-decoration: underline;
    margin-top: 10px;
}

.medios {
    font-family: LatoRegular;
    font-weight: bold;
    font-size: 30px;
    margin-top: 40px;
}

.minfo {
    font-family: LatoLight;
    font-size: 18px;
    margin-top: 6px;
    margin-bottom: 35px;
}

.sepa {
    width: 100%;
    height: 1px;
    background: #231f20;
    margin-top: 16px;
}

.inga {
    height: 57px;
    font-family: LatoLight;
    font-size: 19px;
}

.caja2 {
    width: 170px;
    margin-left: 20px;
    height: 38px;
    float: left;
    margin-right: 20px;
    font-family: LatoLight;
    font-size: 19px;
    padding-left: 13px;
    padding-right: 13px;
}

.busar {
    float: left;
    font-family: OpenSansExtraBold;
    text-transform: uppercase;
    font-size: 15px;
    border: 1px solid;
    padding: 9px 17px;
    border-radius: 5px;
    cursor: pointer;
}

.cont01 {
    font-family: LatoLight;
    font-size: 26px;
    margin-bottom: 45px;
}

.cont02 {
    float: right;
    font-family: LatoRegular;
    font-weight: bold;
}

.aplic {
    float: right;
    font-family: LatoRegular;
    font-weight: bold;
    font-size: 23px;
    margin-top: 7px;
}


.cont03 {
    font-family: LatoLight;
    font-size: 19px;
    margin-bottom: 10px;
}

.cont04 {
    float: right;
    font-family: LatoRegular;
    font-weight: bold;
}


.cont05 {
    float: right;
}

.cont06 {
    font-family: LatoRegular;
    font-weight: bold;
    font-size: 23px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.cont07 {
    float: right;
}

.ci {
    font-family: LatoLight;
    text-align: center;
    font-size: 17px;
    margin-bottom: 56px;
    margin-top: 75px;
}

.w1 {
    width: 100% !important;
}

.sal {
    float: right;
}


.ub {
    float: right;
}

.spaa {
    margin-right: 10px;
}

.pass {
    float: right;
    color: #00abec;
    font-size: 33px;
    margin-top: 11px;
}
/*
.text {
    font-family: LatoLight;
    font-size: 23px;
    text-align: center;
    margin-left: 6%;
    margin-right: 6%;
    margin-bottom: 30px;
}
*/

.cont-1a {
    font-family: LatoRegular;
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 15px;
    text-align: center;
}

.cont-1 {
    font-family: LatoRegular;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 40px;
}

.ne2 {
    font-family: OpenSansExtraBold;
    font-size: 21px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sp {
    padding-top: 21px;
    padding-bottom: 28px;
}

.ca {
    font-family: LatoLight;
    font-size: 18px;
    margin-bottom: 30px;
    padding-left: 6px;
    margin-bottom: 50px;
}

/*.gp {
    width: 1100px;
    margin: 0 auto;
    padding-top: 140px;
}
*/

/*.t-pa {
    font-family: OpenSansExtraBold;
    text-transform: uppercase;
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
}
*/

.s-pa {
    font-family: LatoLight;
    font-size: 21px;
    margin-bottom: 30px;
}

.hj {
    background: #ffffff;
    padding: 35px 60px;
}

.t-item {
    font-family: LatoLight;
    font-size: 23px;
}

.cel {
    color: #00abec !important;
}

.c1 {
    width: 100%;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 10px;
    font-family: LatoRegular;
    font-size: 18px;
}

.c2 {
    width: 245px;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 10px;
    font-family: LatoRegular;
    font-size: 18px;
}

input, textarea, select {
    border-radius: 5px;
    border: 1px solid #bfbfbf;
}

select {
    width: 196px;
    height: 46px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 10px;
    font-family: LatoRegular;
    font-size: 18px;
    margin-right: 8px;
}

textarea {
    resize: none;
    width: 93.5%;
    margin-top: 13px;
    height: 100px;
    font-family: LatoLight;
    font-size: 18px;
    padding: 25px 25px 30px 25px;
    margin-bottom: 20px;
}

.texa {
    width: 100%;
    height: 200px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 13px;
    padding-top: 10px;
    font-family: LatoRegular;
    font-size: 18px;
}

.bc {
    background: #00abec;
    color: #ffffff;
    font-family: LatoRegular;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 15px 28px;
    border-radius: 11px;
    font-weight: bold;
}

.bcd {
    /*width: 254px;*/
    margin: 0 auto;
}

.ubi {
    width: 229px;
    margin: 0 auto;
    margin-bottom: 35px;
}

.ubi2 {
    width: 255px;
    margin: 0 auto;
    margin-top: 73px;
    margin-bottom: 20px;
}


.divi {
    width: 466px;
    float: left;
}

.dl {
    padding-right: 48px;
}

.dn {
    width: 481px;
    padding-right: 33px;
    float: left;
}


@media (max-width: 1200px) {

    .lavv {
        margin-top: 13px;
    }

    .ubi {
        margin-top: 30px;
        width: 173px;
    }


    .nomb {
        width: 28%;
        margin-right: 20px;
    }

    .stcaja {
        width: 61%;
    }

    .part1 {
        width: 98% !important;
    }

    .paddatos {
        width: 93%;
    }

    .agruparnu {
        width: 23%;
    }


    .grupo-bt {
        width: 278px;
        float: none;
        margin: 0 auto;
        display: table;
        margin-top: 18px;
        margin-bottom: 66px;
    }



    .cent {
        text-align: center;
    }

    .ee {
        margin-bottom: 0px !important;
    }

    .qd {
        width: 100%;
        padding-left: 0px;
    }

    .oo {
        width: 98% !important;
    }

    .qwh {
        width: 98% !important;
    }

    .nq {
        width: 100% !important;
    }

    .dn5, .divi0 {
        width: 100%;
    }

    .inqq {
        float: none;
        margin-bottom: 20px;
    }

    .pago {
        width: 23%;
        padding-right: 2%;
    }

    .caja2 {
        float: none;
    }

    .inga {
        height: auto;
    }

    .botona {
        padding: 16px 28px !important;
        width: auto;
    }


    .infopago {
        width: 75%;
        margin-bottom: 23px;
    }


    .cont07 {
        float: none;
    }

    .cont02 {
        float: none;
        margin-bottom: -19px;
    }

    .cont04, .cont05 {
        float: none;
        margin-top: 5px;
        margin-bottom: 27px;
    }


/*
    .t-pa {
        font-size: 30px;
    }
*/
    .pass {
        font-size: 26px;
        margin-top: 3px;
    }

    .w1 {
        width: 101% !important;
    }

    /*.gp {
        width: 90%;
    }*/

    .dl {
        padding-right: 0px;
    }

    .divi {
        width: 100%;
        float: none;
    }

    .dn {
        width: 100%;
        padding-right: 0px;
    }

    .c2 {
        width: 100%;
    }

    select {
        width: 101.5%;
    }
}


@media (max-width: 720px) {

    .bc {
        padding: 15px 15px !important;
    }

    .wmovi {
        width: 100% !important;
    }

    #element {
        width: 68% !important;
    }

    .tsu {
        width: 100%;
        margin-bottom: 13px;
    }

    .plef {
        width: 100%;
    }

    .lof {
        margin-left: 0px;
        margin-top: 25px;
    }

    .stcaja {
        width: 87%;
        margin-left: 16px;
    }

    .nomb {
        width: 100%;
        margin-right: 0px;
    }

    .agruparnu {
        width: 100%;
        margin-bottom: 32px;
    }

    .ri {
        margin-bottom: -22px;
    }

    .paddatos {
        width: 89%;
    }

    .subgr {
        font-size: 19px;
        margin-bottom: 28px;
    }


    .gra {
        font-size: 30px;
    }

    .rd1 {
        font-size: 25px;
    }

    .rd2 {
        font-size: 35px;
    }

    .caja2 {
        width: 150px;
    }

    .caja2 {
        float: none;
        width: 94%;
        margin-left: 0;
        margin-right: 0;
    }

    .aplic {
        float: none;
    }

    .busar {
        width: 92%;
        float: none;
        margin-top: 20px;
        margin-bottom: 20px;
    }


    .pago {
        width: 100%;
        padding-right: 0%;
        margin-bottom: 15px;
    }

    .infopago {
        width: 100%;
    }

    .sal {
        float: none;
        display: table;
        margin-top: 10px;
    }

    .cont-1 {
        margin-bottom: 25px;
    }

    .pass {
        float: none;
    }


    .w1 {
        width: 103% !important;
    }
}

@media (max-width: 480px) {

    .grutip {
        margin-bottom: 0px;
    }

    .mwid {
        width: 210px !important;
    }

    .morsradio {
        margin-bottom: 23px;
    }

    .ubi {
        width: 150px;
    }

    .stcaja {
        width: 80%;
    }

    .peqtec {
        width: 120px;
    }

    .tec {
        width: 120px;
        padding-top: 24px;
    }


    .paddatos {
        width: 79%;
    }

    .ma6 {
        width: 209px !important;
        margin-bottom: 49px !important;
    }

    .cont-1 {
        font-size: 28px;
    }

/*
    .t-pa {
        font-size: 31px;
    }
*/

    .bcd {
        /*width: 226px;*/
        margin: 0 auto;
    }

    .bc {
        font-size: 15px;
    }



    .t-item, .s-pa, .text {
        font-size: 19px;
    }

    .hj {
        padding: 35px 43px;
    }

    .c1, .c2, .texa {
        width: 98%;
    }
}

@media (max-width: 370px) {

    .dow {
        display: none;
    }

    .grupo-bt {
        width: 98%;
    }

/*
    .t-pa {
        font-size: 31px;
    }
*/
}