@charset "UTF-8";
@import url('Font.css');

/* Estilos Generales JL_somirp SASS */
/* Reseteo completo de las etiquetas */
/* line 3, ../../../../../Desarrollo_SASS/reset.sass */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color: inherit;
    font-family: normal normal m 20px/24px Ubuntu;
}



:root {
    /* Colors: */
    --negro: #000000;
    --gris-claro: #E3E3E3;
    --gris: #C4C4C4;
    --gris-oscuro: #989898;
    --azul: #00B1EB;
    --blanco: #FFFFFF;
    --azul-rey: #292F4F;
    --unnamed-color-d3d3d3: #D3D3D3;
    /* Font/text values */
    --unnamed-font-family-ubuntu: Ubuntu;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-300: 300px;
    --unnamed-font-weight-medium: medium;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-size-10: 10px;
    --unnamed-font-size-14: 14px;
    --unnamed-font-size-15: 15px;
    --unnamed-font-size-20: 20px;
    --unnamed-font-size-30: 30px;
    --unnamed-font-size-40: 40px;
    --unnamed-font-size-50: 50px;
    --unnamed-font-size-77: 77px;
    --unnamed-font-size-80: 80px;
    --unnamed-font-size-25-799999237060547: 25.799999237060547px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-line-spacing-11: 11px;
    --unnamed-line-spacing-17: 17px;
    --unnamed-line-spacing-24: 24px;
    --unnamed-line-spacing-30: 30px;
    --unnamed-line-spacing-35: 35px;
    --unnamed-line-spacing-46: 46px;
    --unnamed-line-spacing-50: 50px;
    --unnamed-line-spacing-57: 57px;
    --unnamed-line-spacing-60: 60px;
    --unnamed-line-spacing-89: 89px;
    --unnamed-line-spacing-92: 92px;
}

.t1 {
    color: var(--negro);
    text-align: center;
    font: normal normal m 20px/24px Ubuntu;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 20px
}

.cost {
    margin-top: 30px;
    text-align: center;
    font: normal normal medium 35px/24px Ubuntu;
    letter-spacing: 0px;
    color: #000000;
}

    .cost span {
        font-size: 28px;
    }

.foot-peep {
    position: relative;
    margin-top: -3500px;
}

.foot-peep2 {
    display: none;
}

.Cabeza-2 {
    display: none;
}

.nav-content-home > ul li:nth-child(2):before {
    left: 0;
}

.nav-content-home > ul li:nth-child(2):after {
    right: 0;
}

.nav-content-home > ul li:nth-child(2):before, .nav-content-home > ul li:nth-child(2):after {
    content: '';
    display: inline-block;
    height: 20px;
    width: 1px;
    background: #bab1a6;
    line-height: 32px;
    position: absolute;
    top: 5px;
}

#Planes2 {
    display: none;
}
/*.ba1 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-35) var(--unnamed-font-family-ubuntu);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--azul);
    text-align: center;
    font: normal normal medium 30px/35px Ubuntu;
    letter-spacing: 0px;
    color: #13A3D1;
    opacity: 1;
    font-size:25px;
}*/
.Lbl_Classic {
    color: #00B1EB;
    font-size: 40px;
    /* float: left; */
    font-family: normal normal medium 35px/24px Ubuntu;
    text-align: left;
    font-weight: 500;
    margin: 40px 0px 12px 6px;
}

.Lbl_Peeptrade {
    color: #00B1EB;
    font-size: 40px;
    /* float: left; */
    text-align: left;
    font-weight: 500;
}

.Lbl_Premium {
    color: #00B1EB;
    font-size: 40px;
    /* float: left; */
    text-align: left;
    margin: 40px 0px 12px 6px;
    font-weight: 500;
}

.portadaSliders {
    width: 1366px;
    height: 550px;
}

.welc {
    font-size: 40px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-80)/var(--unnamed-line-spacing-92) var(--unnamed-font-family-ubuntu);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-00b1eb);
    text-align: left;
    font: normal normal normal 80px/92px Ubuntu;
    letter-spacing: 0px;
    color: #00B1EB;
    opacity: 1;
}

.welc-card {
    text-align: center;
    margin-top: 7px;
}
/* line 28, ../../../../../Desarrollo_SASS/reset.sass */
a:hover {
    text-decoration: underline;
}

/* line 30, ../../../../../Desarrollo_SASS/reset.sass */
textarea, input {
    outline: none;
}

textarea {
    resize: none;
    height: 87px !important;
}

/* Reseteo HTML5 para navegadores viejos */
/* line 34, ../../../../../Desarrollo_SASS/reset.sass */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* line 38, ../../../../../Desarrollo_SASS/reset.sass */
body {
    line-height: 1;
}

/* line 41, ../../../../../Desarrollo_SASS/reset.sass */
ol, ul {
    list-style: none;
}

/* line 44, ../../../../../Desarrollo_SASS/reset.sass */
blockquote, q {
    quotes: none;
}

    /* line 47, ../../../../../Desarrollo_SASS/reset.sass */
    blockquote:before, blockquote:after, q:before, q:after {
        content: "";
        content: none;
    }

/* line 52, ../../../../../Desarrollo_SASS/reset.sass */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* line 58, ../../Maestro/SASS/Generales.sass */
body, html {
    /*background-color: #faebdf;*/
    width: 100%;
    height: 100%;
    background-image: url(../Images/fondo.png);
}

/* line 63, ../../Maestro/SASS/Generales.sass */
p, h1, h2, h3, h4, h5, h6, a, label, textarea, select {
    font-family: Relato;
}

/* line 67, ../../Maestro/SASS/Generales.sass */
.Btn {
    width: 180px;
    height: auto;
    padding: 10px 0;
    border: none;
    margin: 0 auto;
    font-family: Relato, Helevetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    color: white;
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-smooth: always;
}

.Btn1Billing {
    width: 80%;
    height: 40px;
    padding: 10px 0;
    border: 1px solid #00AEEF;
    margin: 20px auto;
    font-family: Relato, Helevetica, sans-serif;
    font-weight: 100;
    font-size: 20px;
    line-height: 20px;
    color: white;
    background-color: #00AEEF;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-smooth: always;
}

/* line 88, ../../Maestro/SASS/Generales.sass */
.Btn:hover {
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    text-decoration: none;
}

/* line 92, ../../Maestro/SASS/Generales.sass */
.Btn1, .Btn2, .Btn1Services {
    width: 258px;
    height: 18px;
    padding: 10px 0;
    border: 1px solid #00AEEF;
    margin: 0 auto;
    font-family: Relato, Helevetica, sans-serif;
    font-weight: 100;
    font-size: 20px;
    line-height: 20px;
    color: white;
    background-color: #00AEEF;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-smooth: always;
    border-radius: 10px;
}

.Btn1Services {
    margin: 0px 10px
}

    /* line 113, ../../Maestro/SASS/Generales.sass */
    .Btn1:hover, .Btn2:hover, .Btn1Services:hover {
        background-color: #107BA3;
        color: white;
        border-color: #107BA3;
        text-decoration: none;
    }

/* line 118, ../../Maestro/SASS/Generales.sass */
.Volver {
    background-color: #B3B3B3;
    border-color: #B3B3B3;
}

/* line 121, ../../Maestro/SASS/Generales.sass */
.Btn2 {
    width: 298px;
    color: white;
    border-color: white;
    background-color: transparent;
}

    /* line 127, ../../Maestro/SASS/Generales.sass */
    .Btn2:hover {
        border-color: #CDA349;
        background-color: #CDA349;
        color: white;
    }

/* line 131, ../../Maestro/SASS/Generales.sass */
.Izq {
    margin-left: 0 !important;
}

/* line 133, ../../Maestro/SASS/Generales.sass */
.Der {
    margin-right: 0 !important;
}

/* line 135, ../../Maestro/SASS/Generales.sass */
/* .Volver { margin-top: -50px !important; } */

/* line 138, ../../Maestro/SASS/Generales.sass */
.Icon25x18 {
    padding-left: 35px;
    background-size: 25px 18px;
    background-position: left center;
    background-repeat: no-repeat;
}

/* line 143, ../../Maestro/SASS/Generales.sass */
.Tarjeta {
    background-size: 65px 30px;
    background-position: center;
    background-repeat: no-repeat;
}

/* line 148, ../../Maestro/SASS/Generales.sass */
.Premium strong {
    color: #CDA349;
}

/* line 150, ../../Maestro/SASS/Generales.sass */
.Clasica strong {
    color: #00AEEF;
}

/* line 152, ../../Maestro/SASS/Generales.sass */
.Digital strong {
    color: #B2D235;
}

.upper-case {
    text-transform: uppercase
}
/* line 156, ../../Maestro/SASS/Generales.sass */
div#Todo {
    width: 100%;
    height: auto;
    min-width: 300px;
    min-height: 100%;
    max-height: auto;
    background-color: #F2F2F2;
    margin: 0 auto;
    position: relative;
}
    /* line 165, ../../Maestro/SASS/Generales.sass */
    div#Todo div#Cabezal {
        width: 100%;
        height: 80px;
        font-size:15px;
        background-color: rgba(0, 174, 239, 0.85);
        opacity: 1;
        display: inline-flex;
    }
        /* line 169, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Cabezal .logo-eco {
            width: 50%;
            height: 70%;
            display: block;
            background-image: url(../Images/NewView/Grupo11.png);
            background-repeat: no-repeat;
            background-position: top center;
            /* background-size: 980px 160px; */
            margin-left: 17px;
        }

        div#Todo div#Cabezal alogo-eco {
            background-position: bottom left;
        }

    div#Todo div#Cabeza a {
        width: 50%;
        height: 70%;
        display: block;
        /*background-image: url(../Images/NewView/Grupo11.png);
        background-repeat: no-repeat;
        background-position: top center;**/
        /* background-size: 980px 160px; */
        margin-left: 17px;
    }

.botones {
    width: 50%;
    height: 106%;
    text-align: center;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 50px;
    font-size:17px;
}

    .botones a {
        margin: 0 54px;
        color: #FFFFFF;
        background: none !important;
    }

#myCarousel {
    display: none;
}
/* line 169, ../../Maestro/SASS/Generales.sass */
/*div#Todo div#Cabezal a { width: 100%; height: 70%; display: block; background-image: url(../Images/NewView/Grupo11.png); background-repeat: no-repeat; background-position: top center;*/ /*background-size: 980px 160px;*/
#newCarousel {
    display:block;
    top:80px;
}
/* line 177, ../../Maestro/SASS/Generales.sass */
div#Todo div#Contenido {
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
}
    /* line 181, ../../Maestro/SASS/Generales.sass */
    div#Todo div#Contenido div#Portada, div#Todo div#Contenido div#PortadaB {
        width: 100%;
        height: 520px;
        margin-bottom: 20px; /*background-color: #CCCCCC;*/
        margin: 0;
        display: block;
        overflow: hidden;
        position: relative;
    }

    div#Todo div#Contenido div#PortadaB {
        height: 250px;
        margin-bottom: 50px;
    }
        /* line 189, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Contenido div#Portada ul, div#Todo div#Contenido div#PortadaB ul {
            width: 100%;
            height: 100%;
            position: relative;
        }
            /* line 193, ../../Maestro/SASS/Generales.sass */
            div#Todo div#Contenido div#Portada ul li, div#Todo div#Contenido div#PortadaB ul li {
                display: none;
                width: 100%; /*height: 550px;*/
                position: absolute;
                top: 0;
                left: -50%;
                right: -50%;
                margin: 0 auto;
            }
                /* line 202, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Contenido div#Portada ul li img, div#Todo div#Contenido div#PortadaB ul li img {
                    width: 100%;
                    max-height: 530px;
                    position: absolute;
                    top: 77px;
                    left: 0;
                }

                div#Todo div#Contenido div#Portada ul li input, div#Todo div#Contenido div#PortadaB ul li input {
                    width: 100%;
                    max-height: 440px;
                    position: absolute;
                    top: 77px;
                    left: 0;
                }

                div#Todo div#Contenido div#PortadaB ul li img {
                    height: 250px;
                }
                /* line 208, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Contenido div#Portada ul li div {
                    width: 679px;
                    height: 420px;
                    position: absolute;
                    top: auto;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    text-align: center;
                }
                    /* line 218, ../../Maestro/SASS/Generales.sass */
                    div#Todo div#Contenido div#Portada ul li div img {
                        width: 679px;
                        height: 278px;
                        margin: 0 0 20px 0;
                        position: static;
                        top: auto;
                        left: auto;
                    }
                    /* line 226, ../../Maestro/SASS/Generales.sass */
                    div#Todo div#Contenido div#Portada ul li div h1 {
                        font-size: 20px;
                        font-weight: 500;
                        line-height: 20px;
                        color: white;
                        text-transform: uppercase;
                        margin: 0 0 10px 0;
                        text-align: center;
                        width: 100%;
                    }
                    /* line 235, ../../Maestro/SASS/Generales.sass */
                    div#Todo div#Contenido div#Portada ul li div p {
                        color: white;
                        font-weight: 400;
                        line-height: 16px;
                        margin: 0 0 20px 0;
                        width: 100%;
                    }
                /* line 241, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Contenido div#Portada ul li.Sel, div#Todo div#Contenido div#PortadaB ul li.Sel {
                    display: block;
                }
    /* line 243, ../../Maestro/SASS/Generales.sass */
    div#Todo div#Contenido div#Portada ol {
        width: 80px;
        height: 10px;
        position: absolute;
        bottom: 6px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
        /* line 251, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Contenido div#Portada ol li {
            width: 10px;
            height: 10px;
            border-radius: 10px;
            background-color: white;
            opacity: 0.5;
            float: left;
            margin: 0 10px 0 0;
            cursor: pointer;
        }
            /* line 260, ../../Maestro/SASS/Generales.sass */
            div#Todo div#Contenido div#Portada ol li.Sel {
                opacity: 1;
            }
    /* line 262, ../../Maestro/SASS/Generales.sass */
    div#Todo div#Contenido div#Planes {
        width: 100%;
        height: auto;
        padding: 0 0 380px 0;
    }
        /* line 266, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Contenido div#Planes h1 {
            font-weight: 400;
            font-size: 17px;
            line-height: 22px;
            text-align: center;
            text-transform: uppercase;
            color: #666666;
            margin: 0 10px 20px 10px;
        }
        /* line 274, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Contenido div#Planes ul {
            width: 100%;
            height: auto;
            margin: 0;
        }
            /* line 278, ../../Maestro/SASS/Generales.sass */
            div#Todo div#Contenido div#Planes ul li {
                width: 100%;
                height: auto;
                padding: 20px 0;
                border-bottom: 1px solid #F2F2F2;
            }
                /* line 283, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Contenido div#Planes ul li img {
                    border: 0;
                    max-width: 260px;
                    width: 100%;
                    margin: 18px auto;
                    display: none;
                }
                /* line 289, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Contenido div#Planes ul li h2 {
                    position: relative;
                    font-weight: 100;
                    font-size: 20px;
                    line-height: 20px;
                    margin: 0 20px 15px 20px;
                    color: white;
                    text-transform: uppercase;
                    cursor: pointer;
                }
                    /* line 298, ../../Maestro/SASS/Generales.sass */
                    div#Todo div#Contenido div#Planes ul li h2 strong {
                        font-weight: 700;
                        font-family: inherit;
                    }
                        /* line 301, ../../Maestro/SASS/Generales.sass */
                        div#Todo div#Contenido div#Planes ul li h2 strong em {
                            font-family: inherit;
                            display: none;
                        }
                    /* line 304, ../../Maestro/SASS/Generales.sass */
                    div#Todo div#Contenido div#Planes ul li h2 span.more {
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        right: 0;
                        margin: auto 0;
                        color: white;
                        width: 16px;
                        height: 16px;
                        line-height: 10px;
                        font-size: 30px;
                        font-weight: 100;
                        overflow: hidden;
                        font-family: inherit;
                    }

                    div#Todo div#Contenido div#Planes ul li h2 span {
                        font-family: inherit;
                        font-weight: inherit;
                        line-height: inherit;
                    }
                /*text-decoration-line:line-through;*/ /*Colocar text-decoration-line Modo promocion*/
                /*#BodyPlace_Lbl_Premium2,#BodyPlace_Lbl_Classic2,#BodyPlace_Lbl_Digital2 { background-color: #ff0000; padding: 3px 10px; margin-left: 12px; border-radius: 4px;}*/ /*Modo proomoción*/
                /* line 318, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Contenido div#Planes ul li h3 {
                    font-weight: 100;
                    font-size: 18px;
                    line-height: 22px;
                    color: white;
                    margin: 0 20px 20px 20px;
                    text-align: left;
                    overflow: hidden;
                }
                /* line 326, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Contenido div#Planes ul li:nth-child(1) {
                    background: var(--blanco) 0% 0% no-repeat padding-box;
                    background: #FFFFFF 0% 0% no-repeat padding-box;
                    box-shadow: 0px 8px 27px #0000003E;
                    border-radius: 46px;
                    opacity: 1;
                    /*background-color: #CDA349;*/
                }
                /* line 328, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Contenido div#Planes ul li:nth-child(2) {
                    background-color: #00AEEF;
                }
                /* line 330, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Contenido div#Planes ul li:nth-child(3) {
                    background-color: #B2D235;
                }

                div#Todo div#Contenido div#Planes ul li:nth-child(4) {
                    background-color: #df8f5b;
                }
        /* line 332, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Contenido div#Planes p {
            font-weight: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
            font-size: 12px;
            line-height: 14px;
            color: #969696;
            text-align: center;
            margin: 10px;
        }
    /* line 339, ../../Maestro/SASS/Generales.sass */
    div#Todo div#Contenido div#EEClub, div#Todo div#Contenido div#EERevistas {
        width: 100%;
        height: auto;
        padding-bottom: 240px;
        /*background-image: url(../Images/NewView/Footer.png);*/
        background-size: 1366px 550px;
        background-position: top center;
        background-repeat: no-repeat;
        display: none;
        position: relative;
    }
    /* line X, ../../Maestro/SASS/Generales.sass */
    div#Todo div#Contenido div#Planes ul li div {
        position: inherit;
        top: 572px;
        float: right;
        margin: 0 20px 0 0;
    }
        /* line X, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Contenido div#Planes ul li div img {
            height: auto;
        }
    /* line 348, ../../Maestro/SASS/Generales.sass */
    div#Todo div#Contenido div#EEClub div.Cabezal, div#Todo div#Contenido div#EERevistas div.Cabezal {
        width: 100%;
        height: 40px;
        padding: 20px 0 0 0;
    }
        /* line 352, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Contenido div#EEClub div.Cabezal span, div#Todo div#Contenido div#EERevistas div.Cabezal span {
            width: 42px;
            height: 40px;
            /*background-image: url(../Images/logoEE.png);*/
            display: block;
            background-position: left -100px;
            background-size: 980px 160px;
            float: left;
            margin: 0 15px 0 0;
        }
        /* line 361, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Contenido div#EEClub div.Cabezal p, div#Todo div#Contenido div#EERevistas div.Cabezal p {
            padding: 0 0 0 15px;
            border-left: 1px solid white;
            height: 40px;
            font-size: 24px;
            line-height: 40px;
            font-weight: 100;
            color: white;
            float: left;
        }
    /* line 370, ../../Maestro/SASS/Generales.sass */
    div#Todo div#Contenido div#EEClub div.Col300, div#Todo div#Contenido div#EERevistas div.Col300 {
        width: 300px;
        height: 420px;
        position: absolute;
        left: 0;
        right: 0;
        top: 130px;
        margin: 0 auto;
    }
        /* line 378, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Contenido div#EEClub div.Col300 div, div#Todo div#Contenido div#EERevistas div.Col300 div {
            width: 180px;
            height: 240px;
            border: 10px solid white;
            margin: 0 auto 20px auto;
        }
            /* line 383, ../../Maestro/SASS/Generales.sass */
            div#Todo div#Contenido div#EEClub div.Col300 div img, div#Todo div#Contenido div#EERevistas div.Col300 div img {
                width: 100%;
                height: 100%;
            }
        /* line 386, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Contenido div#EEClub div.Col300 h1, div#Todo div#Contenido div#EERevistas div.Col300 h1 {
            font-weight: 500;
            font-size: 20px;
            line-height: 26px;
            color: white;
            text-align: center;
            margin: 0 0 15px 0;
            text-transform: uppercase;
        }
        /* line 394, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Contenido div#EEClub div.Col300 h2, div#Todo div#Contenido div#EERevistas div.Col300 h2 {
            font-weight: 400;
            font-size: 20px;
            line-height: 20px;
            color: white;
            margin: 0 0 20px 0;
            text-align: center;
        }
        /* line 401, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Contenido div#EEClub div.Col300 ul, div#Todo div#Contenido div#EERevistas div.Col300 ul {
            list-style: disc;
            color: white;
            width: 280px;
            margin: 0 0 20px 20px;
        }
            /* line 406, ../../Maestro/SASS/Generales.sass */
            div#Todo div#Contenido div#EEClub div.Col300 ul li, div#Todo div#Contenido div#EERevistas div.Col300 ul li {
                color: inherit;
                font-family: Relato;
                font-weight: 400;
                font-size: 20px;
                line-height: 24px;
            }
    /* line 412, ../../Maestro/SASS/Generales.sass */
    div#Todo div#Contenido div#EERevistas {
        padding-bottom: 260px;
        background-image: url(../Images/fondoEERevistas.jpg);
    }
        /* line 416, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Contenido div#EERevistas div.Col300 {
            width: 679px;
            height: 470px;
            top: 80px;
        }
            /* line 420, ../../Maestro/SASS/Generales.sass */
            div#Todo div#Contenido div#EERevistas div.Col300 div {
                width: 679px;
                height: 288px;
                border: none;
            }
                /* line 424, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Contenido div#EERevistas div.Col300 div img {
                    width: 679px;
                    height: 288px;
                }
    /* Pantalla de error */
    /* line 428, ../../Maestro/SASS/Generales.sass */
    div#Todo div#Contenido .Error {
        padding:147px 0 337px 0;
        width: 100%;
    }
        /* line 431, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Contenido .Error .h1 {
            font-family: Relato, Helevetica, sans-serif;
            font-size: 23px;
            line-height: 18px;
            font-weight: 500;
            color: #00B1EB;
            padding: 30px 0;
            border-bottom: 1px solid #CCCCCC;
            text-align: center;
            text-transform: uppercase;
            margin: 0 0 20px 0;
        }
        /* line 442, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Contenido .Error .h2 {
            width: 640px;
            margin: 0px auto;
            font-family: Relato, Helevetica, sans-serif;
            font-size: 14px;
            line-height: 17px;
            font-weight: 500;
            color: #808080;
            text-align: center;
        }
/* Terminan pantalla de error */
/* line 428, ../../Maestro/SASS/Generales.sass */
div#Todo div#Pie {
    width: 100%;
    height: 330px;
    padding: 20px 0;
    background-color: #5B5C66;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
    /* line 437, ../../Maestro/SASS/Generales.sass */
    div#Todo div#Pie h1 {
        margin: 0 20px 20px 20px;
        font-size: 18px;
        font-weight: 100;
        color: #C8C9CC;
        line-height: 18px;
    }
    /* line 443, ../../Maestro/SASS/Generales.sass */
    div#Todo div#Pie ul#Contacto {
        width: 100%;
        height: auto;
    }
        /* line 446, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Pie ul#Contacto li {
            width: 100%;
            height: auto;
        }
            /* line 449, ../../Maestro/SASS/Generales.sass */
            div#Todo div#Pie ul#Contacto li h3 {
                margin: 0 20px 5px 20px;
                font-weight: 500;
                font-size: 14px;
                line-height: 14px;
                color: #C8C9CC;
            }
            /* line 455, ../../Maestro/SASS/Generales.sass */
            div#Todo div#Pie ul#Contacto li h2 {
                margin: 0 20px 15px 20px;
                font-weight: 700;
                font-size: 20px;
                line-height: 20px;
                color: #C8C9CC;
            }
                /* line 461, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Pie ul#Contacto li h2 a {
                    margin: 0;
                    font-size: inherit;
                    color: inherit;
                    font-weight: inherit;
                    line-height: inherit;
                }
                /* line 467, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Pie ul#Contacto li h2.Icon25x18 {
                    background-image: url(../Images/iconoSobre.png);
                }
            /* line 469, ../../Maestro/SASS/Generales.sass */
            div#Todo div#Pie ul#Contacto li a {
                margin: 0 20px 15px 20px;
                font-family: Relato;
                font-size: 16px;
                line-height: 16px;
                font-weight: 100;
                display: block;
                color: #C8C9CC;
            }
    /* line 477, ../../Maestro/SASS/Generales.sass */
    div#Todo div#Pie div#Pago {
        position: absolute;
        width: 100%;
        height: 80px;
        bottom: 40px;
        left: 0;
        right: 0;
        background-color: #F2F2F2;
    }
        /* line 485, ../../Maestro/SASS/Generales.sass */
        div#Todo div#Pie div#Pago ol {
            width: 350px;
            height: 34px;
            margin: 15px auto 10px auto;
            padding: 0 0 0 20px;
        }
            /* line 490, ../../Maestro/SASS/Generales.sass */
            div#Todo div#Pie div#Pago ol li {
                height: 34px;
                margin: 0 10px 0 0;
                float: left;
            }
                /* line 494, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Pie div#Pago ol li a.Tarjeta {
                    width: 100%;
                    height: 100%;
                    display: block;
                }
                /* line 498, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Pie div#Pago ol li.Visa {
                    width: 45px;
                }
                    /* line 500, ../../Maestro/SASS/Generales.sass */
                    div#Todo div#Pie div#Pago ol li.Visa a {
                        background-image: url(../Images/ClogoVisa.png);
                    }
                /* line 498, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Pie div#Pago ol li.AmericanExpress {
                    width: 30px;
                }
                    /* line 500, ../../Maestro/SASS/Generales.sass */
                    div#Todo div#Pie div#Pago ol li.AmericanExpress a {
                        background-image: url(../Images/ClogoAmericanExpress.png);
                    }
                /* line 502, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Pie div#Pago ol li.MasterCard {
                    width: 35px;
                }
                    /* line 504, ../../Maestro/SASS/Generales.sass */
                    div#Todo div#Pie div#Pago ol li.MasterCard a {
                        background-image: url(../Images/ClogoMasterCard.png);
                    }
                /* line 506, ../../Maestro/SASS/Generales.sass */
                div#Todo div#Pie div#Pago ol li.PayPal {
                    width: 60px;
                }

div#Todo div#ImagenServicios {
    text-align: center;
}

.contenido-servicios {
    height: 575px;
    padding-top: 20px;
}

div#Todo div#Pie div#Pago ol li.OxxoPay {
    width: 65px;
}

    div#Todo div#Pie div#Pago ol li.OxxoPay a {
        background-image: url(../Images/ClogoOxxoPay.png);
    }

div#Todo div#Pie div#Pago ol li.Spei {
    width: 49px;
}

    div#Todo div#Pie div#Pago ol li.Spei a {
        background-image: url(../Images/ClogoSPEI.png);
    }
/* line 508, ../../Maestro/SASS/Generales.sass */
div#Todo div#Pie div#Pago ol li.PayPal a {
    background-image: url(../Images/ClogoPayPal.png);
}
/* line 510, ../../Maestro/SASS/Generales.sass */
div#Todo div#Pie div#Pago p {
    font-family: Relato;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: #5B5C66;
    text-align: center;
    padding: 0 20px;
}
/* line 520, ../../Maestro/SASS/Generales.sass */
div.modal-EE {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    z-index: 100;
    font-family: normal normal medium 35px/24px Ubuntu;
}
    /* line 530, ../../Maestro/SASS/Generales.sass */
div.modal-EE > div{
        width: 40%;
        min-width: 300px;
        max-width: 450px;
        height: 300px;
        min-height: 250px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: white;
        border: 1px solid black;
        padding: 10px;
        text-align: center;
    }
    /* line 546, ../../Maestro/SASS/Generales.sass */
div.modal-EE div h1 {
    /*color: #ED1C24;*/
    color: #00B1EB !important;
    padding: 20px;
    margin: 0 0 20px 0;
    text-align: center;
    font-family: Relato;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    border-bottom: 1px solid #CCCCCC;
}
    div.modal-EE div button {
        color: #00B1EB;
    }
    /* line 557, ../../Maestro/SASS/Generales.sass */
    div.modal-EE div p, .modal-EE ul li {
        /*color: #1A1A1A;*/
        color: #00B1EB;
        font-family: Relato;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
    }

    /* line 563, ../../Maestro/SASS/Generales.sass */
div.modal-EE div div.btn {
        width: 30px;
        min-width: 30px;
        max-width: 30px;
        height: 30px;
        min-height: 30px;
        max-height: 30px;
        padding: 0;
        margin: 0;
        background-color: #00B1EB;
        position: absolute;
        top: 5px;
        right: 5px;
        left: auto;
        bottom: auto;
        border: none;
        cursor: pointer;
        background-image: url(../Images/cerrarModal.png);
    }

/*}*/
/* line 520, ../../Maestro/SASS/Generales.sass */
div.modalBilling {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}
    /* line 530, ../../Maestro/SASS/Generales.sass */
    div.modalBilling > div {
        width: 40%;
        min-width: 300px;
        max-width: 450px;
        height: 265px;
        min-height: 265px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: white;
        border: 1px solid black;
        padding: 10px;
        text-align: left;
    }
    /* line 546, ../../Maestro/SASS/Generales.sass */
    div.modalBilling div h1 {
        color: #00AEEF;
        padding: 20px;
        margin: 0 0 20px 0;
        text-align: center;
        font-family: Relato;
        font-size: 24px;
        font-weight: 700;
        line-height: 24px;
        text-transform: uppercase;
        border-bottom: 1px solid #CCCCCC;
    }
    /* line 557, ../../Maestro/SASS/Generales.sass */
    div.modalBilling div p, .modal-EE ul li {
        color: #1A1A1A;
        font-family: Relato;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
    }
    /* line 563, ../../Maestro/SASS/Generales.sass */
    div.modalBilling div div.btn {
        width: 30px;
        min-width: 30px;
        max-width: 30px;
        height: 30px;
        min-height: 30px;
        max-height: 30px;
        padding: 0;
        margin: 0;
        background-color: #ED1C24;
        position: absolute;
        top: 5px;
        right: 5px;
        left: auto;
        bottom: auto;
        border: none;
        cursor: pointer;
        background-image: url(../Images/cerrarModal.png);
    }
/* Agregados a mano */
.form_error:not(span) {
    color: #00B1EB !important;
    position: relative;
    width: auto;
    height: auto;
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    color: #1A1A1A;
    line-height: 20px;
}

.form_error ul li, p.form_error, span.form_error {
    color: #00B1EB !important;
    font-family: Relato, arial, Sans-serif, helvetica;
    font-weight: 400;
    font-size: 16px;
}

.modal_body {
    overflow: auto;
    max-height: 162px;
}

.modalBilling_body {
    overflow: auto;
    max-height: 176px;
    text-align: center;
}
/* SASS Suscripciones */
/* line 9, ../../Maestro/SASS/Suscripcion.sass */
div#Todo div#Contenido form div#Formulario {
    width: 100%;
    height: auto;
    padding: 0 0 390px 0;
}
    /* line 13, ../../Maestro/SASS/Suscripcion.sass */
    div#Todo div#Contenido form div#Formulario h1 { /*margin: 0 20px;*/
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        text-align: center; /*text-transform: uppercase;*/
        color: #24B8EF;
    }
        /* line 21, ../../Maestro/SASS/Suscripcion.sass */
        /**div#Todo div#Contenido form div#Formulario h1 strong { font-family: inherit; font-size: inherit; font-weight: 700; }**/
        div#Todo div#Contenido form div#Formulario h1 strong {
            color: var(--azul);
            text-align: center;
            font: normal normal medium 50px/57px Ubuntu;
            letter-spacing: 0px;
            color: #13A3D1;
            opacity: 1;
            font-size: 43px;
            margin-bottom: 12px;
        }
    /* line 25, ../../Maestro/SASS/Suscripcion.sass */
    div#Todo div#Contenido form div#Formulario h2 {
        font-size: 18px;
        line-height: 22px;
        font-weight: 400; /*color: #969696;*/
        margin: 6px 0 15px 0;
        padding: 0 0 15px 0;
        text-align: left; /*border-bottom: 1px solid #CCCCCC;*/
    }

        div#Todo div#Contenido form div#Formulario h2 span {
            font-family: inherit;
            font-weight: inherit
        }
    /* line 34, ../../Maestro/SASS/Suscripcion.sass */
    div#Todo div#Contenido form div#Formulario h3 {
        /*font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-35) var(--unnamed-font-family-ubuntu);*/
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--azul);
        text-align: center;
        font: normal normal medium 30px/35px Ubuntu;
        letter-spacing: 0px;
        color: #13A3D1;
        opacity: 1;
        font-size: 30px;
    }


    /* line 43, ../../Maestro/SASS/Suscripcion.sass */
    div#Todo div#Contenido form div#Formulario h4 {
        margin: 16px 20px 40px 0px;
        font-weight: 400;
        font-size: 15px;
        line-height: 16px;
        color: #1A1A1A;
        text-align: center;
    }
/* line 50, ../../Maestro/SASS/Suscripcion.sass */
div#Todo div#Contenido form div#Formulario {
    width: auto;
    padding: 0 0 10px 0;
    margin: 0 20px;
    border-bottom: 1px solid #CCCCCC;
    width: auto;
}
    /* line 55, ../../Maestro/SASS/Suscripcion.sass */
    div#Todo div#Contenido form div#Formulario label {
        margin: 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
        color: #999999;
        display: block;
    }
    /* line 62, ../../Maestro/SASS/Suscripcion.sass */
    div#Todo div#Contenido form div#Formulario input[type="text"],
    div#Todo div#Contenido form div#Formulario input[type="password"],
    div#Todo div#Contenido form div#Formulario textarea {
        resize: none;
        display: inline-block;
        background-color: #F2F2F2;
        width: 99.79592%;
        height: 28px;
        margin: 8px 0;
        padding: 0;
        border: 1px solid #B3B3B3;
        font-size: 14px;
        line-height: 28px;
        font-weight: 500;
        color: #969696;
        overflow: hidden;
        border-radius: 10px;
    }
    /* line 76, ../../Maestro/SASS/Suscripcion.sass */
    div#Todo div#Contenido form div#Formulario select {
        width: 100%;
        height: 28px;
        margin: 8px 0;
        padding: 0;
        border-radius: 0;
        border: 1px solid #B3B3B3;
        background-color: #F2F2F2;
        font-size: 14px;
        line-height: 28px;
        font-weight: 500;
        color: #969696;
        border-radius: 10px;
    }
/* line 76, ../../Maestro/SASS/Suscripcion.sass */
#BodyPlace_DdlDataBilling {
    width: 80%;
    height: 28px;
    margin: 8px 0;
    padding: 0;
    border-radius: 0;
    border: 1px solid #B3B3B3;
    background-color: #F2F2F2;
    font-size: 14px;
    line-height: 28px;
    font-weight: 500;
    color: #969696;
}
/* line 89, ../../Maestro/SASS/Suscripcion.sass */
div#Todo div#Contenido form div#Formulario input[type="radio"] {
    border: 1px solid #CCCCCC;
    background-color: #F2F2F2;
    float: left;
    margin: 0 10px;
}
/* line 94, ../../Maestro/SASS/Suscripcion.sass */
div#Todo div#Contenido form div#Formulario div.botones {
    display: table;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    height: auto;
}

    div#Todo div#Contenido form div#Formulario div.botones div.boton {
        display: table-cell;
    }

        div#Todo div#Contenido form div#Formulario div.botones div.boton input[type="submit"] {
            height: 40px;
            display: inline-block;
            -webkit-appearance: none;
            border-radius: 10px;
        }

div#Todo div#Contenido div#Servicios .botones {
    display: table;
    text-align: center;
    width: 100%;
    padding: 10px 0;
}

    div#Todo div#Contenido div#Servicios .botones div.boton {
        display: table-cell;
    }

        div#Todo div#Contenido div#Servicios .botones div.boton input[type="submit"] {
            width: 418px;
            max-width: 418px;
            min-width: 260px;
            height: 40px;
            display: inline-block;
            -webkit-appearance: none;
        }
/* line 97, ../../Maestro/SASS/Suscripcion.sass */
div#Todo div#Contenido form div#Formulario hr {
    height: 1px;
    width: 100%;
    border: none;
    background-color: #CCCCCC;
    padding: 0;
    margin: 20px 0 19px;
}
/* line 105, ../../Maestro/SASS/Suscripcion.sass */
div#Todo div#Contenido form div#Formulario div#Paso2 {
    margin-bottom: 10px;
}
/* line 109, ../../Maestro/SASS/Suscripcion.sass */
div#Todo div#Contenido form div#Formulario div#Paso3 .Pasarela, div#Todo div#Contenido form div#Formulario div#Paso3B .line {
    width: 100%;
    height: 60px;
    position: relative;
    background-color: #DDD;
    margin: 10px 0 20px 0;
    border-radius: 10px;
}
    /* line 115, ../../Maestro/SASS/Suscripcion.sass */
    div#Todo div#Contenido form div#Formulario div#Paso3 div img, div#Todo div#Contenido form div#Formulario div#Paso3B div .cc {
        height: 40px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        float: right;
    }

div#Todo div#Contenido form div#Formulario div#Paso3B .rcpt .g-recaptcha div {
    margin: 5px auto 0;
}
/* line 127, ../../Maestro/SASS/Suscripcion.sass */
div#Todo div#Contenido form div#Formulario div#Paso4 h4,
div#Todo div#Contenido form div#Formulario div#Paso4 h4 span p {
    color: #808080 !important;
    margin: 10px 0 20px 0 !important;
    background-color: transparent;
    padding: 0
}

    div#Todo div#Contenido form div#Formulario div#Paso4 h4 span p {
        margin: 0 !important;
        min-height: auto;
        line-height: 20px;
    }
/* line 130, ../../Maestro/SASS/Suscripcion.sass */
div#Todo div#Contenido form div#Formulario div#Paso4 label {
    margin: 0 20px 0 0;
    width: 145px;
    text-align: right;
    float: left;
}
/* line 136, ../../Maestro/SASS/Suscripcion.sass */
div#Todo div#Contenido form div#Formulario div#Paso4 p {
    font-family: Relato;
    font-size: 14px;
    line-height: 30px;
    min-height: 30px;
    padding: 0 10px;
    margin: -5px 0 15px 165px;
    background-color: #DDD;
    border-radius: 10px;
}
/* line 146, ../../Maestro/SASS/Suscripcion.sass */
/*div#Todo div#Contenido div#Formulario ol { width: 130px; height: 30px; margin: 10px auto 20px auto; }

div#Todo div#Contenido div#Formulario ol li { width: 30px; height: 30px; background-color: #B3B3B3; color: white; text-align: center; font-size: 18px; font-family: Relato; font-weight: 400; line-height: 30px; float: left; margin: 0 20px 0 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }

div#Todo div#Contenido div#Formulario ol li:last-child { margin: 0; }

div#Todo div#Contenido div#Formulario ol li.Sel { background-color: #00AEEF; }*/
/* No esta en ningun sass, directo al código: */
div#Todo div#Contenido div#Formulario div.div_note {
    margin: 20px 0 20px 0;
    padding: 10px 0 20px 0;
    font-weight: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #969696;
    text-align: center;
    margin: 10px;
    font-family: Relato;
    border-bottom: 1px solid #ccc;
}

    div#Todo div#Contenido div#Formulario div.div_note span {
        font-size: inherit;
        font-family: inherit;
        line-height: inherit;
    }

div#Todo div#Contenido div#Formulario a img#digicert {
    margin: 0px auto 20px auto;
    text-align: center;
    display: block;
}
/* line 169, ../../Maestro/SASS/Suscripcion.sass */
.Col_2 {
    display: inline-block !important;
    width: 48.57143% !important;
    height: auto !important;
    margin: 0 !important;
    background-color: transparent !important;
}

/* line 175, ../../Maestro/SASS/Suscripcion.sass */
.Col_4 {
    display: inline-block !important;
    width: 22.95918% !important;
    background-color: transparent !important;
    height: auto !important;
    margin: 0 !important;
}

/* line 181, ../../Maestro/SASS/Suscripcion.sass */
.S20 {
    width: 2.04082% !important;
    height: auto !important;
    display: inline-block !important;
    background-color: transparent !important;
    margin: 0 -3px 0 -2px !important;
}

.potLegBen {
    font-size: 10px;
    vertical-align: super;
}

/* line 188, ../../Maestro/SASS/Suscripcion.sass */
div#Todo div#Contenido form div#Formulario label strong {
    color: #1A1A1A !important;
    font-weight: inherit;
    font-family: inherit;
    font-size: inherit
}

/** Diseño Adaptable Con ayuda de Paranoida */
@media only screen and (min-width: 0px) and (max-width: 480px) { /* line 44, ../../Maestro/SASS/Adaptable.sass */
    div#Todo {
        width: 100%;
    }
        /* line 47, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido div.Error {
            width: 100%;
            padding: 0 0 420px 0;
            margin-top: -20px;
        }
            /* line 51, ../../Maestro/SASS/Adaptable.sass */
            div#Todo div#Contenido div.Error .h2 {
                width: auto;
                margin: 0 20px;
            }
    /* line 46, ../../Maestro/SASS/Adaptable.sass */
    .Col_2 {
        width: 46.875% !important;
    }
    /* line 48, ../../Maestro/SASS/Adaptable.sass */
    .Col_4 {
        width: 20.83333% !important;
    }
    /* line 50, ../../Maestro/SASS/Adaptable.sass */
    .S20 {
        width: 4.16667% !important;
    }

    div#Todo div#Contenido form div#Formulario {
        /*padding-bottom: 380px*/
    }
}

@media only screen and (min-width: 0px) and (max-width: 750px) {
    #Planes {
        display: none !important;
    }

    #Planes2 {
        display: block !important;
        margin-bottom: 50px;
    }

    .slider1 {
        display: none !important;
    }

    .foot-peep {
        display: none !important;
    }

    .foot-peep2 {
        display: block;
    }

    .img1premium {
        display: none !important;
    }

    .img2premium {
        display: block !important;
    }

    .img1peep {
        display: none !important;
    }

    .img2peep {
        display: block !important;
    }

    .img1clas {
        display: none !important;
    }

    .img2clas {
        display: block !important;
    }
    #newCarousel {
        display:none;
    }
    #myCarousel2 {
        display: block;
    }
    .footer-mob {
        display: block;
    }
    .footer_desk {
        display: none;
    }
}

#tab destacados active a::after hoover{
    background-color: black;
}


@media only screen and (min-width: 0px) and (max-width: 680px) {
    div#Todo div#ImagenServicios div img {
        width: 100%;
    }

    div#Todo div#Contenido div#Servicios .botones div.boton input[type="submit"] {
        width: 100%;
        max-width: none;
        min-width: 240px;
    }

    #Cabezal {
        display: none !important;
    }

    .Cabeza-2 {
        display: block;
    }

    .slider1 {
        display: none !important;
    }

    #myCarousel {
        display: block;
    }

    #Planes {
        display: none;
    }

    .foot-peep {
        display: none !important;
    }

    .foot-peep2 {
        display: block;
    }

    #Planes {
        display: none !important;
    }

    #Planes2 {
        display: block !important;
    }

    div#Todo div#Contenido div#Portada {
        display: none !important;
    }
    #newCarousel{
        display:none;       
    }
    .legales {
        font-size: 13px !important;
        margin: 0 auto;
        color: #989898;
        padding: 1px 50px 13px 50px;
        text-align: left;
    }

}

@media only screen and (min-width: 480px) and (max-width: 768px) { /* line 60, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Contenido div#Planes ul li {
        position: relative; /*min-height: 340px;*/
    }
        /* line 63, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido div#Planes ul li h2 {
            float: left;
            cursor: text;
        }
            /* line 67, ../../Maestro/SASS/Adaptable.sass */
            div#Todo div#Contenido div#Planes ul li h2 span.more {
                display: none;
            }
        /* line 69, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido div#Planes ul li h3 {
            position: absolute;
            bottom: 20px;
            left: 20px;
            right: 20px;
            margin: 0 auto;
        }
    /* line 75, ../../Maestro/SASS/Adaptable.sass */
    .Btn {
        width: 200px
    }
    /* line 87, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Contenido div.Error {
        width: 100%;
        padding: 0 0 420px 0;
        margin-top: -20px;
    }
        /* line 91, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido div.Error .h2 {
            width: auto;
            margin: 0 20px;
        }
    .footer-mob {
        display: none;
    }

    .footer_desk {
        display: block;
    }
}

.btn-comp {
    width: 80% !important;
    font-size: 30px !important;
}

@media only screen and (min-width: 480px) and (max-width: 768px) { /* line 83, ../../Maestro/SASS/Adaptable.sass */
    div #Todo div#Cabezal a {
        background-position: bottom left;
    }
    /* line 86, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Contenido div#Planes {
        padding-bottom: 310px;
    }
    /* line 88, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Contenido form div#Formulario {
        /*padding-bottom: 320px;*/
    }
    /* line 90, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Pie {
        height: 260px;
    }
        /* line 93, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Pie ul#Contacto li {
            float: left;
            width: 210px;
        }
    /* line 96, ../../Maestro/SASS/Adaptable.sass */
    .Col_2 {
        width: 48.17708% !important;
    }
    /* line 98, ../../Maestro/SASS/Adaptable.sass */
    .Col_4 {
        width: 22.39583% !important;
    }
    /* line 100, ../../Maestro/SASS/Adaptable.sass */
    .S20 {
        width: 2.60417% !important;
    }
    .footer-mob {
        display: block;
    }

    .footer_desk {
        display: none;
    }
}

@media only screen and (max-width: 550px) { /* line 107, ../../Maestro/SASS/Adaptable.sass */
    /* div#Todo div#Contenido form div#Formulario .Der, */
    /* div#Todo div#Contenido form div#Formulario .Izq { margin: 10px auto !important; } */
    div#Todo div#Contenido form div#Formulario div.botones {
        display: inline-block
    }

        div#Todo div#Contenido form div#Formulario div.botones div.boton {
            display: inline-block;
            margin-bottom: 20px
        }

    div#Todo div#contenido form div#Formulario div.div_note {
        margin: -20px auto 0 auto
    }
}

@media only screen and (min-width: 630px) and (max-width: 768px) { /* line 113, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Contenido div#Planes {
        padding-bottom: 270px;
    }
    /* line 115, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Contenido form div#Formulario {
        width: auto;
        /*padding-bottom: 20px !important;*/
        margin-top: 75px;
    }
        /* line 117, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido form div#Formulario div#Paso2 {
            width: 100%;
        }
        /* line 119, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido form div#Formulario div#Paso2B {
            width: 100%;
        }
    /* line 121, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Pie {
        height: 220px;
    }
        /* line 124, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Pie ul#Contacto li {
            width: 33%;
        }
    /* line 126, ../../Maestro/SASS/Adaptable.sass */
    .Col_2 {
        width: 47.39583% !important;
    }
    /* line 128, ../../Maestro/SASS/Adaptable.sass */
    .Col_4 {
        width: 22.52604% !important;
    }
    /* line 130, ../../Maestro/SASS/Adaptable.sass */
    .S20 {
        width: 2.60417% !important;
    }
    div#Todo div#Contenido div#EEClub, div#Todo div#Contenido div#EERevistas {
        width: 100%;
        height: auto;
        padding-bottom: 240px;
        /*background-image: url(../Images/NewView/Footer.png);*/
        background-size: 1366px 550px;
        background-position: top center;
        background-repeat: no-repeat;
        display: none;
        position: relative;
    }
    .legales {
        font-size: 13px !important;
        margin: 0 auto;
        color: #989898;
        padding: 50px 40px 13px 40px;
        text-align: left;
    }
    .footer-mob {
        display: block;
    }

    .footer_desk {
        display: none;
    }
}



@media only screen and (min-width: 768px) and (max-width: 980px) { /* line 137, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Cabezal a {
        background-position: bottom left;
    }

    /* line 140, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Contenido div#Planes {
        padding-bottom: 270px;
    }
        /* line 142, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido div#Planes h1 {
            font-size: 20px;
        }
        /* line 145, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido div#Planes ul li {
            position: relative; /*min-height: 290px;*/
        }
            /* line 148, ../../Maestro/SASS/Adaptable.sass */
            div#Todo div#Contenido div#Planes ul li h2 {
                float: left;
            }
                /* line 151, ../../Maestro/SASS/Adaptable.sass */
                div#Todo div#Contenido div#Planes ul li h2 span.more {
                    display: none;
                }
            /* line 153, ../../Maestro/SASS/Adaptable.sass */
            div#Todo div#Contenido div#Planes ul li h3 {
                position: absolute;
                bottom: 20px;
                left: 20px;
                right: 20px;
                margin: 0 auto;
            }
            /* line 159, ../../Maestro/SASS/Adaptable.sass */
            div#Todo div#Contenido div#Planes ul li a, div#Todo div#Contenido div#Planes ul li .Btn {
                float: right;
                margin: -10px 20px 0 0;
            }
    /* line 163, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Contenido form div#Formulario {
        padding-bottom: 280px;
    }
    /* line 182, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Contenido div.Error {
        padding: 0 0 420px 0;
        margin: -20px auto 0 auto;
    }
        /* line 185, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido div.Error .h2 {
            width: 640px;
            margin: 0 auto;
        }
    /* line 165, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Pie {
        height: 220px;
    }
        /* line 168, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Pie ul#Contacto li {
            float: left;
            width: 33%;
        }
        /* line 172, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Pie div#Pago ol {
            position: absolute;
            top: 0;
            bottom: 0;
            left: auto;
            right: 0px;
            margin: auto 0;
        }
        /* line 179, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Pie div#Pago p {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: auto;
            margin: auto 0;
            height: 12px;
        }
    div#Todo div#Contenido div#EEClub, div#Todo div#Contenido div#EERevistas {
        width: 100%;
        height: auto;
        padding-bottom: 240px;
        /*background-image: url(../Images/NewView/Footer.png);*/
        background-size: 1366px 550px;
        background-position: top center;
        background-repeat: no-repeat;
        display: block;
        position: relative;
    }
    .legales {
        font-size: 13px !important;
        margin: 0 auto;
        color: #989898;
        padding: 3px 73px 13px 73px;
        text-align: left;
    }
    .footer-mob {
        display: none;
    }

    .footer_desk {
        display: block;
    }
}

.prods {
    width: 100% !important;
}

#Planes {
    height: 1900px !important;
}

@media only screen and (min-width: 640px) { /* line 192, ../../Maestro/SASS/Adaptable.sass */
    div #Todo div#Contenido form div#Formulario {
        width: 600px
    }
        /* line 194, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido form div#Formulario h3,
        div#Todo div#Contenido div#Formulario h4,
        div#Todo div#Contenido form div#Formulario {
            margin-right: auto;
            margin-left: auto;
        }
}

@media only screen and (min-width: 768px) { /* line 206, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Contenido div#Planes ul li h2 strong em {
        display: inline;
    }
    /* line 223, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Contenido form div#Formulario div#Paso2 {
        width: 46.93878%;
    }
        /* line 225, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido form div#Formulario div#Paso2 .Col_2 {
            width: 45.91837% !important;
        }
        /* line 227, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido form div#Formulario div#Paso2 .Col_4 {
            width: 45.91837% !important;
        }
        /* line 229, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido form div#Formulario div#Paso2 .S20 {
            width: 6.12245% !important;
        }
    /* line 231, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Contenido form div#Formulario div#Paso2B {
        width: 46.93878%;
        float: right;
    }
        /* line 234, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido form div#Formulario div#Paso2B .Col_2 {
            width: 45.91837% !important;
        }
        /* line 236, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido form div#Formulario div#Paso2B .Col_4 {
            width: 45.91837% !important;
        }
        /* line 238, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido form div#Formulario div#Paso2B .S20 {
            width: 6.12245% !important;
        }
}

div#Todo div#Contenido div#Portada {
    display: none;
}

div#Todo div#Contenido div#PortadaB {
    display: block;
}

div#Todo div#Contenido div#Servicios .botones {
    display: block
}

    div#Todo div#Contenido div#Servicios .botones div.boton {
        display: block;
        margin-bottom: 10px
    }


@media only screen and (min-width: 980px) { /* line 256, ../../Maestro/SASS/Adaptable.sass */
    div#Todo {
        width: 100%;
    }
        /* line 258, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Cabezal {
            position: fixed;
            width: 100%;
            font-size:15px;
            max-width: 1366px;
            z-index: 10;
            top: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
            background-color: rgba(0, 174, 239, 0.85);
        }
            /* line 268, ../../Maestro/SASS/Adaptable.sass */
            div#Todo div#Cabezal alogo-eco {
                background-position: bottom left;
            }

            div#Todo div#Cabezal .logo-eco {
                background-position: bottom left;
            }

            div#Todo div#Cabezal a {
                background-position: bottom left;
                text-decoration:none;
            }

    h h1 {
        font-size: 24px;
        font-weweight: 400;
    }
    /* line 281, ../../Maestro/SASS/Ad
  /* line 270, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Contenido {
        margin-top: 0;
    }
        /* line 272, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido div#Portada, div#Todo div#Contenido div#PortadaB {
            display: block;
        }
        /* line 274, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido div#Planes {
            width: 100%; /*height: 1300px;*/
            max-height: 1000px !important;
            padding: 20px 0 0 0;
        }
            /* line 278, ../../Maestro/SASS/Adaptable.sass */
            div#Todo div#Contenido div#Planes h1 {
                font-size: 24px;
                font-weight: 400;
            }
            /* line 281, ../../Maestro/SASS/Adaptable.sass */
            div#Todo div#Contenido div#Planes ul {
                width: 100%;
            }
                /* line 283, ../../Maestro/SASS/Adaptable.sass */
                div#Todo div#Contenido div#Planes ul li {
                    width: 22.5%;
                    position: relative;
                    height: 987px;
                    float: left;
                    margin: 0 0 0 2.04082%;
                    padding: 0;
                }
                    /* line 290, ../../Maestro/SASS/Adaptable.sass */
                    div#Todo div#Contenido div#Planes ul li img {
                        display: block;
                    }
                    /* line 292, ../../Maestro/SASS/Adaptable.sass */
                    div#Todo div#Contenido div#Planes ul li h2 {
                        position: absolute;
                        top: 165px;
                        left: 0;
                        right: 0;
                        text-align: center;
                        font-size: 50px;
                        line-height: 50px;
                        cursor: text;
                    }
                        /* line 301, ../../Maestro/SASS/Adaptable.sass */
                        div#Todo div#Contenido div#Planes ul li h2 strong {
                            font-size: 18px;
                            line-height: 20px;
                            position: absolute;
                            left: 0;
                            right: 0;
                            top: 60px;
                        }
                        /* line 308, ../../Maestro/SASS/Adaptable.sass */
                        div#Todo div#Contenido div#Planes ul li h2 span.more {
                            display: none;
                        }
                    /* line 310, ../../Maestro/SASS/Adaptable.sass */
                    div#Todo div#Contenido div#Planes ul li h3 {
                        position: absolute;
                        top: 325px;
                        left: 0;
                        margin: 0 20px;
                    }
                    /* line 315, ../../Maestro/SASS/Adaptable.sass */
                    div#Todo div#Contenido div#Planes ul li a,
                    div#Todo div#Contenido div#Planes ul li .Btn {
                        position: absolute;
                        top: 265px;
                        left: 0;
                        right: 0;
                        margin: 10px auto;
                    }
            /* line 321, ../../Maestro/SASS/Adaptable.sass */
            div#Todo div#Contenido div#Planes p {
                width: 100%;
                margin: 20px 0 0 0;
                float: left;
            }
        /* line 325, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido form div#Formulario {
            width: 600px;
            padding: 100px 0 280px 0;
            margin: 0 auto
        }
        /* line 327, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido div#EEClub, div#Todo div#Contenido div#EERevistas {
            display: block;
        }
        /* line 329, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Contenido div#EERevistas {
            display: block;
        }
    /* line 331, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Pie {
        height: 220px;
    }
        /* line 334, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Pie ul#Contacto li {
            float: left;
            width: 33%;
        }
        /* line 338, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Pie div#Pago ol {
            position: absolute;
            top: 0;
            bottom: 0;
            left: auto;
            right: 0px;
            margin: auto 0;
        }
        /* line 345, ../../Maestro/SASS/Adaptable.sass */
        div#Todo div#Pie div#Pago p {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: auto;
            margin: auto 0;
            height: 12px;
        }
    .legales {
        font-size: 13px !important;
        margin: 0 auto;
        color: #989898;
        padding: 92px 145px 13px 145px;
        text-align: left;
    }
    .footer-mob {
        display: none;
    }

    .footer_desk {
        display: block;
    }



}

div#Todo div#Contenido div#Servicios .botones {
    display: inline-block
}

    div#Todo div#Contenido div#Servicios .botones div.boton {
        display: inline-block;
        margin-bottom: 10px
    }

@media only screen and (min-width: 1150px) { /* line 359, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Contenido div#Planes ul li {
        min-height: 50px;
    }
    /* line 362, ../../Maestro/SASS/Adaptable.sass */
    div#Todo div#Contenido form div#Formulario {
        width: 640px;
    }

}

@media only screen and (min-width: 1366px) { /* line 367, ../../Maestro/SASS/Adaptable.sass */
    div#Todo {
        width: 1366px;
    }

}

@media screen and (max-width: 980px) {
    div#Todo div#Contenido div#Portada, div#Todo div#Contenido div#newView_Banner {
        height: auto;
        margin-bottom: 30px;
    }

    div#Todo div#Contenido div#Portada {
        height: 420px !important;
        display: block;
    }

        div#Todo div#Contenido div#Portada ul li input {
            max-height: 350px !important;
            top: 0px;
        }

        div#Todo div#Contenido div#Portada ul li img, div#Todo div#Contenido div#newView_Banner ul li img {
            top: 0px;
        }
    #newCarousel {
        top: -20px;
    }

}

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

    div#Todo div#Contenido div#Portada, div#Todo div#Contenido div#newView_Banner {
        height: 450px;
        margin-bottom: 30px;
        background: white;
    }

        div#Todo div#Contenido div#Portada ul li input {
            max-height: 380px;
        }

    #newView_Banner img {
        width: 1366px;
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(-50%) scale(.98);
        -webkit-transform: translate(-50%) scale(.98);
        ms-transform: translate(-50%) scale(.98);
        margin-left: 50%;
        margin-right: 50%;
    }
}

@media screen and (max-width: 546px) {
    div#Todo div#Contenido #newView_Banner {
        height: 230px !important;
    }

        div#Todo div#Contenido #newView_Banner img {
            margin-top: 30px;
            width: 1366px;
            position: absolute;
            top: 0;
            left: 0;
            /*transform: translate(-50%) scale(.6);
                -webkit-transform: translate(-50%) scale(.6);
                ms-transform: translate(-50%) scale(.6);**/
            margin-left: 50%;
            margin-right: 50%;
        }
}