﻿
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?cjylv5');
    src: url('fonts/icomoon.eot?#iefixcjylv5') format('embedded-opentype'), url('fonts/icomoon.ttf?cjylv5') format('truetype'), url('fonts/icomoon.svg?cjylv5#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icone-"], [class*=" icone-"] {
    font-family: 'icomoon';
}

a {
    outline: none;
    text-decoration: none;
    margin: 0px 5px;
    padding: 0px;
    display: inline-block;
}

body {
    background: #FFFFFF;
    color: #53565A;
    font-family: Arial;
    font-size: 14px;
    margin: 103px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
}

    body.cambiarColor2, #main2.cambiarColor2 {
        background: #676767;
    }

h1 {
    font-size: 1.5em;
    margin: 0;
    padding: 10px 0px 10px 35%;
    color: #0072CE;
}

h2 {
    color: #0072CE;
    font-size: 1em;
    font-weight: bold;
    padding: 0px 0px 0px 40%;
    margin: 15px 0px;
}

h4 {
    margin: 1px 0px;
    padding: 10px 15px;
    background: #7295B8;
    color: white;
    cursor: pointer;
}

p {
    padding: 5px 0px 5px 45%;
    margin: 0px;
}

span {
    color: #53565A;
    /*font-weight: bold;*/
    text-align: right;
    font-size: 0.84em;
}

ol {
    counter-reset: li; /* Inicia el contador */
    list-style: none; /* Elimina el número por defecto */
    *list-style: decimal; /* Continúa usando el número por defecto en IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
}

.rounded-list a {
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    margin: .5em 0 .5em 20px;
    background: #c8c9c7;
    color: #66737B;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
    font-weight: 900;
}

    .rounded-list a:hover {
        background: #eee;
    }

        .rounded-list a:hover::before {
            transform: rotate(360deg);
        }

    .rounded-list a:before {
        content: counter(li);
        counter-increment: li;
        position: absolute;
        left: -1.3em;
        top: 50%;
        margin-top: -1.3em;
        background: #0072ce;
        height: 2em;
        width: 2em;
        line-height: 2em;
        border: .3em solid #fff;
        text-align: center;
        font-weight: bold;
        border-radius: 2em;
        transition: all .3s ease-out;
        color: white;
    }

#contenedorHeader {
    background: #C8C9C7;
    height: 85px;
    margin: 0px 0px 0px 0px;
    min-width: 300px;
    overflow: hidden;
    padding: 0px;
    width: 100%;
    z-index: 10;
    position: fixed;
    top: 0px;
}

    #contenedorHeader.cambiarColor, #contenedorMenu.cambiarColor, #contenedorMenu ul li.cambiarColor {
        background: #000000;
    }

/* MODIFICACION ESTILOS LEVIC.MX 2018-08-01 ******************************************************************************************/
.footer {
    position: fixed;
    background-color: var(--azulPrimario);
    bottom: 0;
    left: 0;
    color: #fff;
    width: 100%;
    z-index: 1;
    padding: 10px;
    box-sizing: border-box;
}

#footer P {
    margin: 0px;
    text-decoration: none;
}

#footer.cambiarColor3 {
    background: transparent;
}

.img_logo_pie_blanco {
    /*    float: right;
    margin-top: 3px;
    box-sizing: border-box;*/
    width: 70px;
}

#headerLog {
    padding: 0px 25% 22px 25%;
    text-align: center;
    width: 50%;
}

#loginControls {
    padding: 10px;
}

    #loginControls .textBox2 {
        margin: 0px 10px 20px 0px;
        border-radius: 5px;
    }

    #loginControls .LoginBotton {
        margin: 10px;
    }

    #loginControls span {
        margin: 10px;
        font-size: 1em;
    }

#login {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .25);
    margin: 0px 0px 5px 0px;
    padding: 30px 40px 30px 40px;
    box-sizing: border-box;
}

    #login span {
        color: #336699;
        font-weight: bold;
        text-align: right;
        position: fixed;
        margin-left: 20px;
    }

.LoginButton {
    background: var(--azulPrimario);
    border: none;
    color: White;
    font-size: 16px;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
    cursor: pointer;
    box-sizing: border-box;
}

.lbl_registro_contrasena_login {
    color: var(--azulPrimario);
    margin: 0px;
    /*font-size: 13px;*/
    box-sizing: border-box;
}

#main {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 20px;
    left: 0px;
    margin: 90px auto 0px auto;
    min-height: 400px;
    min-width: 300px;
    padding: 0px;
    position: relative;
    top: 0px;
    width: 100%;
}

#page {
    display: block;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    clear: both;
}

#wrapper {
    margin: 0px auto;
    min-height: 174px;
    position: relative;
    top: 10px;
    width: 400px;
}

.div_ajustarCentro {
    text-align: center;
}

.icon {
    text-align: center;
    width: 25px;
}

.icone-LvOnline:before {
    content: "\e908";
}

.icone-LvCarrito:before {
    content: "\e907";
}

.icone-LvOnline:before {
    content: "\e908";
}

.icone-star:before {
    content: "\e906";
    color: #0072CE;
    font-size: .5em;
}

.icone-starRed:before {
    content: "\e906";
    color: red;
    font-size: .5em;
}

.icone-archive:before {
    content: "\e901";
}

/* MODIFICACION ESTILO BOOKMARK LOGIN 2018-08-01 ****************************************************/
.icone-bookmark:before {
    color: #ffffff;
    content: "\f07b";
    font-size: 75px;
    outline: none;
    position: absolute;
    top: -20px;
    left: -45px;
}

.icone-bookmark2:before {
    color: #980000;
    content: "\e9d2";
    font-size: 100px;
    outline: none;
}

.icone-box-add:before {
    color: #0099CC;
    content: "\e95e";
    font-size: 20px;
    outline: none;
}

.icone-bin:before {
    color: #336699;
    content: "\e601";
    font-size: 20px;
}

.icone-cart:before {
    color: #336699;
    content: "\e93a";
    font-size: 40px;
    padding: 0px 2px;
}

.icone-cartDisponible:before {
    color: #00FF1F;
    content: "\e93a";
    font-size: 25px;
    padding: auto 2px;
}

.icone-cartAgotado:before {
    color: #980000;
    content: "\e93a";
    font-size: 25px;
    padding: auto 2px;
}

.icone-checkbox-checked:before {
    content: "\ea52";
}

.icone-checkbox-unchecked:before {
    content: "\ea53";
}

.icone-checkmark:before {
    color: #336699;
    content: "\e60a";
    font-size: 20px;
    padding: auto 2px;
}

.icone-cross:before {
    color: #336699;
    content: "\e609";
    font-size: 20px;
    padding: auto 2px;
}

.icone-crossRed:before {
    color: #CA0000;
    content: "\e609";
    font-size: 20px;
    padding: auto 2px;
}

.icon-discout:before {
    content: "\e801";
}

.icone-enter:before {
    content: "\ea13";
    font-size: 20px;
    outline: none;
}

.icone-enterRed:before {
    color: #CA0000;
    content: "\ea13";
    font-size: 20px;
    outline: none;
}

.icone-exit:before {
    content: "\ea14";
    font-size: 20px;
    outline: none;
}

.icone-exitRed:before {
    color: #CA0000;
    content: "\ea14";
    font-size: 20px;
    outline: none;
}

.icone-file-text:before {
    color: #0099CC;
    content: "\e922";
    font-size: 20px;
    outline: none;
}

.icone-first:before {
    color: #0072CE;
    content: "\e60b";
    font-size: 23px;
}

.icone-facebook2:before {
    content: "\e60f";
    font-size: 60px;
    padding: 10px;
}

.icone-hammer2:before {
    content: "\e9a8";
    outline: none;
}

.icone-home:before {
    content: "\e900";
}

.icone-image:before {
    content: "\e90d";
}

.icone-instagram:before {
    content: "\e610";
    font-size: 60px;
    padding: 10px;
}

.icone-last:before {
    color: #0072CE;
    content: "\e60c";
    font-size: 23px;
}

.icon-list2:before {
    content: "\e9bb";
}

.icone-key:before {
    content: "\e98d";
    outline: none;
}

.icone-keyRed:before {
    color: #CA0000;
    content: "\e98d";
    outline: none;
}

.icone-lock:before {
    color: #0099CC;
    content: "\e98f";
    font-size: 20px;
    outline: none;
}

.icone-map:before {
    color: #0099CC;
    content: "\e94b";
    font-size: 20px;
    outline: none;
}

.icone-menu:before {
    color: #0099CC;
    content: "\e604";
    font-size: 16px;
}

.icone-menu1:before {
    color: #336699;
    content: "\e604";
    font-size: 40px;
    padding: 0px 2px;
}

.icone-menu3:before {
    color: #336699;
    content: "\e605";
    font-size: 23px;
}

.icone-menu4:before {
    color: #336699;
    content: "\e606";
    font-size: 23px;
}

.icone-minus:before {
    color: #336699;
    content: "\e608";
    cursor: pointer;
    font-size: 20px;
}

.icone-next2:before {
    color: #0072CE;
    content: "\e60e";
    font-size: 23px;
}

.icone-plus:before {
    color: #336699;
    content: "\e607";
    cursor: pointer;
    font-size: 20px;
}

.icone-plusSustancia:before {
    color: #336699;
    content: "\e607";
    cursor: pointer;
    font-size: 10px;
}

.icone-previous2:before {
    color: #0072CE;
    content: "\e60d";
    font-size: 23px;
}

.icone-price-tags:before {
    color: #00FF1F;
    content: "\e936";
    font-size: 25px;
    padding: auto 2px;
}

.icone-radio-checked:before {
    content: "\ea54";
    float: left;
    position: absolute;
    display: block;
    top: 5px;
    left: 5px;
    font-size: 1.3em;
    color: #8C2D38;
}

.icone-radio-checked2:before {
    content: "\ea55";
}

.icone-radio-unchecked:before {
    content: "\ea56";
}

.icone-sale:before {
    content: "\e800";
}

.icone-search:before {
    color: #0072CE;
    content: "\e986";
    font-size: 20px;
    outline: none;
}

.icone-spinner9:before {
    content: "\e982";
}

.icone-switch:before {
    content: "\e603";
    outline: none;
}

.icone-tag:before {
    content: "\f015";
}

.icone-tick:before {
    color: #0099CC;
    content: "\e903";
    font-size: 1em;
    outline: none;
}

.icone-times:before {
    color: #0099CC;
    content: "\e902";
    font-size: 1em;
    outline: none;
}

.icone-truck:before {
    color: #0099CC;
    content: "\e602";
    font-size: 20px;
    outline: none;
}

.icone-twitter2:before {
    content: "\e611";
    font-size: 60px;
    padding: 10px;
}

.icone-question:before {
    content: "\f02c";
    outline: none;
}

.icone-unlocked:before {
    color: #0099CC;
    content: "\e990";
    font-size: 20px;
    outline: none;
}

.icone-film:before {
    content: "\e90b";
}

.icone-user:before {
    content: "\e971";
    outline: none;
}

.icone-userRed:before {
    color: #CA0000;
    content: "\e971";
    outline: none;
}

.icone-user-plus:before {
    content: "\e973";
    outline: none;
}

.icone-user-plus-grande:before {
    content: "\e973";
    outline: none;
    color: #336699;
    font-size: 3em;
}

.icone-user-plusRed:before {
    color: #CA0000;
    content: "\e973";
    outline: none;
}

.icone-user-tie:before {
    color: #336699;
    content: "\e976";
    font-size: 35px;
    outline: none;
}

#notificacion {
    padding: 10px 5px;
    z-index: 2;
    text-align: center;
    box-sizing: border-box;
}

.textBox2 {
    border: 1px gray solid;
    border-radius: 15px;
    color: #747862;
    margin: 5px 0px;
    padding: 5px 10px;
    text-transform: uppercase;
    width: 0%;
    font-size: .8em;
    max-width: 253px;
    min-width: 200px;
}

.lbl_placeholder_txt_login {
    float: left;
    width: 100%;
    margin-top: -10px;
    text-align: center;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 12px;
}

.cnt_aviso_privacidad {
    background-color: #fff;
    width: 90%;
    max-width: 1200px;
    margin-left: 50%;
    transform: translateX(-50%);
    padding: 20px 40px;
    border-radius: 10px;
    box-sizing: border-box;
}

    .cnt_aviso_privacidad p {
        padding: 0px;
        text-align: justify;
        margin: 20px 0px;
    }

.cnt_titulo_cuenta {
    float: left;
    width: 95%;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 40px;
    margin-bottom: 40px;
    border-bottom: 1px #ffffff solid;
    box-sizing: border-box;
}

.h1_titulo_cuenta {
    float: left;
    font-size: 36px;
    position: absolute;
    margin-top: -25px;
    padding: 0px 60px;
    margin-left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
    background-color: #0072CE;
    box-sizing: border-box;
}

.div_contenedor_preguntas {
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .36);
    border-radius: 20px;
    text-align: center;
    padding-top: 10px;
    margin-top: 20px;
    max-width: 800px;
    margin-left: 50%;
    transform: translateX(-50%);
}

    .div_contenedor_preguntas h4 {
        background-color: transparent;
        color: rgb(51, 102, 153);
    }

.respuesta {
    margin: 0px;
    padding-bottom: 20px;
}

    .respuesta span {
        font-size: 1em;
        display: block;
        /*font-weight: bold;*/
        text-align: center;
        padding: 0px 20px;
    }

.cnt_datos_contacto_nd {
    width: 95%;
    max-width: 700px;
    margin-left: 50%;
    transform: translateX(-50%);
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    background-color: #ffffff;
}

.lbl_correo_tel_contact-_nd {
    width: 180px;
    background-color: var(--azulSecundario);
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 5px;
    color: #fff;
}

.cnt_datos_contacto_cabecera_nd {
    display: flex;
    justify-content: space-evenly;
}

    .cnt_datos_contacto_cabecera_nd h4 {
        background-color: transparent;
        color: rgb(51, 102, 153);
    }

.cnt_datos_contacto_cajas_nd {
    display: flex;
    justify-content: space-between;
    padding: 20px 0px;
}

.txt_contacto_levic_nd {
    background-color: lightblue;
    padding: 7px 10px;
    border: 1px;
    border: 1px var(--azulSecundario) solid;
    border-radius: 5px;
}

@media screen and (max-width:720px) {
    #main {
        margin-top: 23%;
        margin-bottom: 0px;
    }
}

/* ESTYLOS LEVIC.MX ************************************************************************************************************** */

.fondo_mx {
    background: #003869;
    background-image: -webkit-linear-gradient(top, #007CB7, #003869);
}
