@charset "utf-8";
/*
==============================================
ESTILOS PARA CHAT
==============================================
*/

.status-icon{
    font-family: "Fedra Sans Std" !important;
    color:#4d4d4d !important;
}

#lhc_status_container #offline-icon {
    background: url(https://www.krismar-educa.com.mx/primaria/src/img/p_actividades_iconoffline.png) no-repeat left center !important;
}

#lhc_status_container {
    background-color:rgb(218, 235, 241) !important;
    box-shadow: none !important;
    padding:5px 5px 5px 5px !important;
    width:200px !important;
}

#lhc_status_container .status-icon {
    background: url(https://www.krismar-educa.com.mx/primaria/src/img/p_actividades_icononline.png) no-repeat left center !important;
    color: #4d4d4d !important;
    padding:10px 10px 10px 55px !important;
    font-size:14px !important;
}
/*
==============================================
CSS DESPLEGABLE CARRITO
==============================================
*/
.d_despl_carrito{
    width: 26%;
    min-height: 200px;
    min-width: 260px;
    top:30%;
    left:37%;
    position: fixed;
    border-radius: 5px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .30);
    background-color:#F2F2F2;
    z-index: 11;
}
.d_despl_carritoIN{
    width: 92%;
    margin: auto;
}
.d_carrito_cant{
    width: 100%;
    background-color:#0069B0;
    float: left;
}
.d_carrito_cantTXT{
    width: 70%;
    font-family: FedraSansStd;
    font-size: 1.2rem;
    text-align: center;
    padding: 2%;
    color:#FFFFFF;
    float:left; 
}
.d_carrito_cantNUM{
    width: 26%;
    float:left;
    padding: 2%;
}
.d_cantidad{
    width:80%;
    margin: auto;
    border-radius: 5px;
    font-family: FedraSansStd;
    text-align: center;
    font-size: 1.2rem;
    color:#808080;
    background-color:#F2F2F2;
}
.d_carrito_esp{
    width: 100%;
    height: 10px;
    float: left;
}
.d_carrito_INFO{
    width: 100%;
    float: left;
}
.d_carrito_infoIMG{
    width: 160px;
    height: 190px;
    float:left;
    position: relative;
}
.d_carritoIMG{
    width: 90%;
    height: 90%;
    margin: auto;
    margin-top: 5%;
    background: url(../img/prod1.png) no-repeat center;
    background-size: contain;
}
.d_carrito_infoTXT{
    width: 45%;
    height: 100%;
    float: left;
}
.d_carrito_titulo{
    width: 96%;
    float: left;
    padding: 2%;
    font-family: FedraSansStd;
    font-size: 1.2em;
    font-weight: bold;
    color:#0069B0;
}
.d_carrito_opciones{
    width: 100%;
    float: left;
}
.d_checkbox_gral{
    width: 15%;
    float: left;
}
.d_carrito_txt{
    width: 85%;
    float: left;
    font-family: FedraSansStd;
    font-size: 1em;
    color: #333333;
}
.d_carrito_precio{
    width: 100%;
    float: left;
    font-family: FedraSansStd;
    font-size: 1.4em;
    font-weight: bold;
    color:#F14950;
}
.d_carrito_btns{
    width: 100%;
    float: left;
    height: 13%;
}
.d_btn_comprar, .d_btn_pagar{
    width: 35%;
    height: 100%;
    background-color:#F14950;
    border-radius: 10px;
    cursor: pointer;
    opacity: 0.8;
    border: 0px;
}
.d_btn_comprar:hover, .d_btn_pagar:hover{
    opacity: 1;
}
.d_btn_TXT{
    width: 90%;
    height: 80%;
    margin: 5%;
    font-family: FedraSansStd;
    font-size: 0.8em;
    color: #FFF;
    text-align: center;
}
.d_btn_comprar{
    float: left;
}
.d_btn_pagar{
    float: right;
}
/*
==============================================
CSS SECCIÓN CARRITO
==============================================
*/

.d_contenidoE{
    width:100%;
    float: left;
    display: flex;
    margin-bottom: 70px;
}
.d_carrito_gral{
    width:70%;
    left: 15%;
    float: left;
    position: relative;
}
.d_carrito_nav{
    width: 100%;
    height: 40px;
    float: left;
    background-color:#0071C5;
}
.d_nav_titulo{
    width: 28%;
    height: 100%;
    float: left;
    font-family: FedraSansStd;
    font-size: 0.8rem;
    text-align: center;
    color:#FFF;
}
.d_nav_tituloSelected{
    width: 28%;
    height: 100%;
    float: left;
    font-family: FedraSansStd;
    font-size: 0.8rem;
    font-weight: bold;
    text-align: center;
    color:#E1E43C;
}
.d_nav_flecha{
    width: 5%;
    height: 100%;
    float: left;
    background: url(../img/flechaSeparadora.png) no-repeat center;
    background-size: contain;
    display: table;
}
.d_carrito_pedido{
    width: 100%;
    float: left;
    position: relative;
}
.d_pedido_tituloGral{
    float: left;
    width: 100%;
    height: 30px;
    background-color:#F3E8E3;
    border-radius: 10px;
}
.d_pedido_titulo{
    width: 16.6%;
    height: 100%;
    float: left;
    font-family: FedraSansStd;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    color:#303030;
}
.d_pedido_infoGRAL{
    width: 100%;
    float: left;
    position: relative;
    height: 150px;
}
.d_pedidoIMG_gral{
    width: 16.6%;
    height: 100%;
    float: left;
}
.d_pedidoIMG{
    width: 90%;
    height: 90%;
    position: relative;
    margin: auto;
    background: url(../img/prod1.png) no-repeat center;
    background-size: contain;
}
.d_pedidoINFO{
    width: 16.6%;
    height: 100%;
    float: left;
    font-family: FedraSansStd;
    font-size: 0.8em;
    text-align: center;
    color:#303030;
}
.d_espCANTIDAD{
    width: 100%;
    height: 40%;
    float: left;
}
.d_gralCANTIDAD{
    width: 100%;
    height: 20%;
    float: left;
}
.d_CANTIDADin_esp{
    width: 20%;
    height: 100%;
    float: left;
}
.d_CANTIDADin_info{
    width: 60%;
    height: 100%;
    float: left;
}
.d_CANTIDAD_signo, .d_CANTIDAD_signoB{
    width: 20%;
    height: 100%;
    float: left;
    background-color: #D8D5D8;
    font-family: FedraSansStd;
    font-size: 1em;
    text-align: center;
    color:#303030;
    cursor: pointer;
    border-radius: 5px 0px 0px 5px;
}
.d_CANTIDAD_signoB{
    border-radius: 0px 5px 5px 0px;
}
.d_CANTIDAD_num{
    width: 60%;
    height: 100%;
    float: left;
    background-color: #F3E8E3;
    font-family: FedraSansStd;
    font-size: 1em;
    text-align: center;
    color:#303030;
}
.d_pedido_separacion{
    width: 100%;
    height: 1px;
    float: left;
    background: #9D9FA2;
}
.d_pedido_subtotalGral , .d_pedido_totalGral{
    width: 100%;
    float: left;
     background-color:#9D9FA2;
    border-radius: 10px;
    height: 35px;
}
.d_pedido_totalGral{
    background-color:#003253;
}
.d_subtotalTXT{
    width: 20%;
    height: 100%;
    float: right;
    font-family: FedraSansStd;
    font-size: 1em;
    text-align: center;
    color: #FFFFFF;
}
.d_subtotal, .d_total{
    width: 8%;
    height: 80%;
    top: 10%;
    right: 1%;
    float: right;
    position: relative;
    background-color: #808284;
    border-radius: 10px;
    font-family: FedraSansStd;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    padding-left: 1%;
    padding-right: 1%;
    color: #FFFFFF;
}
.d_total{
    background-color: #0C2A3D;
}
.d_carritoBTNS{
    width: 100%;
    float: left;
    height: 35px;
}
.d_carritoBTN_regresar, .d_carritoBTN_pagar{
    width: 15%;
    height: 100%;
    float: left;
    background-color:#F14950;
    border-radius: 10px;
    cursor: pointer;
    font-family: FedraSansStd;
    font-size: 0.8em;
    text-align: center;
    color: #FFFFFF;
    border: 0px;
}
.d_carritoBTN_pagar{
    float: right;
}
.d_carrito_verificacion{
    width: 100%;
    float: left;
    position: relative;
}
.d_INPUTSgral{
    width: 100%;
    float: left;
}
.d_INPUTSin{
    width: 90%;
    margin: auto;
}
.d_INPUTcont, .d_INPUTcontB, .d_INPUTcontC{
    width: 100%;
    float: left;
    height: 40px;
    position: relative;
}
.d_INPUTcontB_esp{
    width: 100%;
    height: 5px;
    display: none;
}
.d_INPUTcont_rfc, .d_INPUTcont_A, .d_INPUTcont_B, .d_INPUTcont_C, .d_INPUTcont_D{
    width:98%;
    border: none;
    outline: none;
    border-radius: 5px;
    font-family: FedraSansStd;
    text-align: left;
    font-size: 1rem;
    padding:1%;
    color:#808080;
    background-color:#D8D5D8;
}
.d_INPUTcont_A{
    width: 98%;
}
.d_INPUTcont_B{
    width: 22.4%;
}
.d_INPUTcont_C,  .d_INPUTcont_D{
    width: 31.5%;
}
.d_verificacionEDITAR{
    width: 15%;
    height: 100%;
    float: right;
    background-color:#F14950;
    border-radius: 10px;
    cursor: pointer;
    font-family: FedraSansStd;
    font-size: 0.9em;
    text-align: center;
    color: #FFFFFF;
}
.d_carrito_aviso{
    width: 100%;
    float: left;
}
.d_aviso{
    width: 90%;
    margin: auto;
    font-family: FedraSansStd;
    text-align: center;
    font-size: 0.75rem;
    padding:1%;
    color:#808080;
}
.d_infoOCULTA{
    width: 100%;
    float: left;
    display: none;
}
.d_infoCOULTAtitulo{
    width: 90%;
    position: relative;
    left: 4%;
    font-family: FedraSansStd;
    font-size: 1rem;
    font-weight: bold;
    color:#0069B0;
    padding: 1%;
    text-align: center;
}
.d_infoOCULTA_cantidad{
    width: 90%;
    position: relative;
    left: 4%;
    height: 30px;
}

.d_infoCOULTAtxt{
    width: 90%;
    position: relative;
    left: 4%;
    font-family: FedraSansStd;
    font-size: 0.9rem;
    color:#808080;
    padding: 1%;
    text-align: center;
}
.d_infoCOULTAprecio{
    width: 90%;
    position: relative;
    left: 4%;
    font-family: FedraSansStd;
    font-size: 1rem;
    font-weight: bold;
    color:#F14950;
    padding: 1%;
    text-align: center;
}
.d_anchoMENOR{
    width: 15.9%;
    height: 100%;
}
.d_pedidoEliminar{
    width: 3%;
    height: 100%;
    float:left;
}
.d_eliminarIMG{
    width: 60%;
    height: 100%;
    position: relative;
    margin: auto;
    background: url(../img/eliminar.png) no-repeat center;
    background-size: contain;
    cursor: pointer;
}
/*
==============================================
CSS HEADER
==============================================
*/
.d_comprarCant{
    position: relative;
    top:5%;
    left: 40%;
    height: 50%;
    width: 50%;
    font-family: FedraSansStd;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    color:#FFF;
    text-shadow: -2px 2px 1px rgba(0, 0, 0, .50);
}
/*
==============================================
CSS GENERAL
==============================================
*/
a:link   
{   
 text-decoration:none;   
} 

.d_sitio_desplegable{
    display: none;
    width: 200px;
    position: fixed;
    top:45px;
}
.d_despl_cont{
    width: 100%;
    float: left;
    background-color: #F0F0F0;
    cursor: pointer;
}
.d_despl_txt{
    text-decoration:none;  
    width: 90%;
    padding: 2%;
    margin: 4%;
    font-family: FedraSansStd;
    font-size: 0.8em;
    border-radius:5px;
    text-align: left;
}
.d_sitio_desplegable a:link, .d_sitio_desplegable a:visited {
    text-decoration:none;  
    color: #003253;
}
.d_despl_txt:hover{ 
    background-color: #D1EDFD;
}


.d_tooltip{
    top:0%;
    left: 0%;
    position: absolute;
    background: #F2F2F2;
    position: absolute;
    font-family: Arial;
    font-size: 0.9em;
    text-align: center;
    color: #003253;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .30);
    padding: 9px;
    border-radius: 2px;
    display: none;
}
.temario{
    padding-left: 2%;
}
.temario li, .d_descr li{
    width:97%;
    text-align: left;
    font-style: italic;
    font-family: FedraSansStd;
    font-size: 0.9rem;
    margin-top: 0.5%;
    padding-left: 3%;
}

.contenedorDescripcion{
    float: left;
}

.d_construyendo{
    width: 28%;
    height: 30%;
    min-height: 200px;
    min-width: 260px;
    top:35%;
    left:36%;
    position: fixed;
    border-radius: 5px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .30);
    background: url(../img/cargando.png) no-repeat bottom #F0F0F0;
    background-size: 100%;
    z-index: 11;
    display: none;
}
.d_construyendo_in{
    margin: 7%;
    width: 86%;
    height: 86%;
}
.d_constr_txt{
    width: 100%;
    float: left;
    font-family: FedraSansStd;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
    color: #003253;
}
.d_constr_img{
    width: 100%;
    height: 70%;
    position: absolute;
    bottom: 0%;
    left: 0%;
    background: url(../img/cargando2.png) no-repeat bottom;
    background-size: contain;
}
/*
==============================================
CSS TIPOGRAFÍA
==============================================
*/
@font-face {
	font-family:FedraSansStd;
	src: url("../css/FedraSansStd Normal.otf") format("opentype");
}
table{
    border-collapse: separate;
    border-spacing: 0px;
}
/*
==============================================
CSS BACKGROUND
==============================================
*/
/**/
.primerDiv{
    margin-top:80px;
}
.d_contenedor{
    width:100%;
    position: absolute;
    top:0%;
    left: 0%;
}
.d_general{
    width:70%;
    margin:auto;
    position: relative;
}
/*
==============================================
CSS HEADER
==============================================
*/
.d_cont_header{
    width:70%;
    height:52px;
    margin:auto;
    
    position: fixed;
    top:0px;
}
.d_header{
    width:100%;
    margin: auto;
}
.d_headerMarcador{
    width:4%;
    height:52px;
    background:#005594 url(../img/iconoHome.png) no-repeat;
    background-size: contain;
    background-position: center right;
    float: left;
}
.d_headerMenu{
    background:#A3D165 url(../img/iconoMenu.png) no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    background-position: center right;
    float: left;
    display: none
}
.d_headerMenu:hover{
    background-color:#BEDF92;
}
.d_headerBuscar{
    background:#F79C7C url(../img/iconoBuscar.png) no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    background-position: center right;
    float: left;
    display: none
}
.d_headerBuscar:hover{
    background-color:#FAC4B0;
}
.d_headerKrismar{
    width:20%;
    height:52px;
    background:#0069B0 url(../img/iconoKrismar.png) no-repeat;
    background-position: center;
    background-size: contain;
    float: left;
    cursor: pointer;
}
.d_headerOpciones{
    width:64%;
    height:52px;
    float: left;
    background-color: #003253;
}
.d_buscar_gral{
    width:100%;
    height:100%;
}
.d_buscar{
    width:98%;
    height:96%;
    border:none;
    outline: none;
    padding-left: 2%;
    background-color:#F1F2F2;
    font-family: FedraSansStd;
    font-style: italic;
    color:#9D9FA2;
}
.d_opcionBtn{
    width:25%;
    height:100%;
    float:left;
    cursor: pointer;
    position: relative;
}
.d_opcionBtn_txt{
    width:100%;
    height:100%;
    font-family: FedraSansStd;
    text-align: center;
    font-size: 0.8rem;
    color:#FFFFFF;
}
.d_opcionBtn_hover{
    width:100%;
    height:4%;
    background-color:#E1E434;
    bottom: 0%;
    opacity: 0;
    position: absolute;
}
.d_opcionBtn:hover > div{
    opacity:1;
}
.d_iconos_gral{
    width:12%;
    height:52px;
    float: left;
}
.d_iconoBuscar, .d_iconoComprar, .d_iconoSoporte{
    width:33.3%;
    height:100%;
    float: left;
    cursor: pointer;
}
.d_iconoBuscar{
    background:#F79C7C url(../img/iconoBuscar.png) no-repeat;
    background-size: contain;
    background-position: center right;
}
.d_iconoBuscar:hover{
    background-color: #FAC4B0;
}
.d_iconoComprar{
    background:#F14950 url(../img/iconoComprar.png) no-repeat;
    background-size: contain;
    background-position: center right;
}
.d_iconoComprar:hover{
    background-color: #F46D73;
}
.d_iconoSoporte{
    background:#FFCF01 url(../img/iconoEnviar.png) no-repeat;
    background-size: contain;
    background-position: center right;
}
.d_iconoSoporte:hover{
    background-color: #FFE267;
}
/*
==============================================
CSS MAPA DE NAVEGACIÓN
==============================================
*/
.d_cont_nav{
    width:70%;
    height:30px;
    margin:auto;
    position: fixed;
    top:52px;
    background-color:#003253;
}
.d_txt_nav{
    width:13.5%;
    height:100%;
    float: left;
    font-family: FedraSansStd;
    font-style: italic;
    font-size: 0.7rem;
    color:#F3F2F1;
    text-align: center;
    cursor: pointer;
}
.d_txt_nav:hover{
    color:#E1E43C;
}
.d_flecha_nav{
    width:30px;
    height:100%;
    float: left;
    background: url(../img/flecha_nav.png) no-repeat;
    background-size: contain;
}
/*
==============================================
CSS MENU MÓVILES
==============================================
*/
.d_transparencia{
    width:100%;
    height:100%;
    background-color: black;
    opacity: 0.7;
    position: fixed;
    display: none;
    top:0px;
    left: 0px;
    z-index: 10;
}

.d_menu_scroll{
    width:92%;
    height: 80%;
    max-height: 400px;
    top:45px;
    position: fixed;
    overflow-y: scroll;
    display: none;
    z-index: 11;

}

.d_menu_gral{
    width:100%;
    height: 100%;
}
.d_menu_opcn{
    width:100%;
    height:50px;
    float: left;
    background-color: #003253;
}
.d_menu_opcn_txt, .d_menu_opcn_txtB, .d_menu_opcn_txtC{
    font-family: FedraSansStd;
    height:100%;
    font-weight: bold;
    font-size: 0.75em;
    color:#FFFFFF;
    cursor: pointer;
}
.d_menu_opcn_txt{
    width:82%;
    cursor: pointer;
    margin: auto;
}
.d_menu_opcn_txtB{
    width:70%;
    height:50px;
    margin: auto;
}
.d_menu_opcn_txtC{
    width:76%;
    height:50px;
    float: right;
}
.d_menu_opcn_txt:hover{
    color:#A3D165;
}
.d_menu_gralB{
    width:100%;
    float: left;
}
.d_menu_opcnB{
    width:100%;
    height:50px;
    float: right;
    background-color: #0069B0;
}
.d_menu_flechaA{
    width:9%;
    height:100%;
    float: left;
    background: url(../img/menuFlechaA.png) no-repeat;
    background-size: contain;
    cursor: pointer;
}
.d_menu_flechaB{
    width:9%;
    height:100%;
    float: right;
    background: url(../img/menuFlechaB.png) no-repeat;
    background-size: contain;
    cursor: pointer;
}
.d_menu_opcn_txtB:hover{
    color:#A3D165;
}
.d_menu_gralC{
    width:100%;
    float: left;
}
.d_menu_opcnC{
    width:100%;
    height:50px;
    float: right;
    background-color: #25496F;
}
.d_menu_opcn_txtC:hover{
    color:#A3D165;
}
/*
==============================================
CSS CONTENIDO
==============================================
*/
.d_contenido{
    width:100%;
    background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009bc8+0,005c96+100 */
background: #009bc8; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #009bc8 0%, #005c96 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #009bc8 0%,#005c96 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #009bc8 0%,#005c96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009bc8', endColorstr='#005c96',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;
    display: flex;
    position: relative;
}
.d_btnIzq{
    width:27px;
    height:100%;
    cursor: pointer;
    background: url(../img/iconoLeft.png) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    cursor: pointer;
}
.d_btnIzq:hover{
    background: url(../img/iconoLeft_hover.png) no-repeat;
    background-size: contain;
        background-position: center;

}
.d_btnDer{
    width:27px;
    height:100%;
    cursor: pointer;
    background: url(../img/iconoRight.png) no-repeat;
    background-size: contain;
    position: absolute;
    background-position: center;
    right: 0%;
}
.d_btnDer:hover{
    background: url(../img/iconoRight_hover.png) no-repeat;
    background-size: contain;
    background-position: center;
}
.d_cont_txt{
    width:50%;
    float: left;
    order: 1;
    flex-flow:1;
}
.d_txt_gral{
    width:55%;
    margin-top: 50px;
    margin-bottom: 50px;
    float: right;
}
.d_txt_titulo{
    width:100%;
    float: right;
    font-family: FedraSansStd;
    font-weight: bold;
    text-align: right;
    font-size: 2.4rem;
    color:#FFFFFF;
    right: 0%;
    top:15%;
}
.d_caja_txt{
    width:90%;
    margin-top: 5%;
    float: right;
}
.d_txt{
    font-family: FedraSansStd;
    text-align: right;
    font-size: 0.8rem;
    color:#FFFFFF;
}
span.d_txt{
    color:#E1E43C;
    cursor: pointer;
}
span.d_txt_B{
    color:#009BC8;
    cursor: pointer;
}
.d_play{
    width:50px;
    height:50px;
    background: url(../img/imgPlay.png) no-repeat;
    background-size: contain;
    margin-top: 6%;
    cursor: pointer;
    float: right;
}
.d_play_B{
    width:50px;
    height:50px;
    background: url(../img/imgPlay_B.png) no-repeat;
    background-size: contain;
    margin-top: 6%;
    cursor: pointer;
    float: right;
}
.d_cont_img1{
    background: url(../img/imgCel.png) no-repeat;
}
.d_cont_img2{
    background: url(../img/imgDVD.png) no-repeat;
}
.d_cont_img3{
    background: url(../img/imgEdu.png) no-repeat;
}
.d_cont_img4{
    background: url(../img/imgNova.png) no-repeat;
}
.d_cont_img5{
    background: url(../img/imgPaq.png) no-repeat;
}
.d_cont_img6{
    background: url(../img/imgLic.png) no-repeat;
}
.d_cont_img{
    
    width:50%;
    float: left;
    background-size: contain;
    background-position: bottom right;
    order: 2;
}

.d_playB{
    width:90px;
    height:90px;
    margin: auto;
    background: url(../img/imgPlayB.png) no-repeat;
    background-size: contain;
    background-position:bottom;
    margin-top:20%;
    cursor: pointer;
    display: none;
}
/*
==============================================
CSS BOTONES 
==============================================
*/
.d_secciones{
    position: fixed;
    bottom: 0;
    width:70%;
    height:52px;
    background: url(../img/sombra.png) no-repeat;
    background-size: 100% 100%;
}
.d_sombra{
    width:100%;
    height:52px;
    background: url(../img/sombra.png) no-repeat;
    background-size: 100% 100%;
    background-position: 0px -22px;
}
.d_seccion1, .d_seccion2, .d_seccion3, .d_seccion4{
    width:25%;
    height:52px;
    float: left;
    cursor: pointer;
    position: relative;
}
.d_seccion1{
    background-color: #0071C5;
}
.d_sec_hover{
    width:100%;
    height:4%;
    background-color:#E1E434;
    opacity: 0;
    position: absolute;
}
.d_seccion1:hover > div{
    opacity:1;
}
.d_seccion2{
    background-color: #005594;
}
.d_seccion2:hover > div{
    opacity:1;
}
.d_seccion3{
    background-color: #25496F;
}
.d_seccion3:hover > div{
    opacity:1;
}
.d_seccion4{
    background-color: #003253;
}
.d_seccion4:hover > div{
    opacity:1;
}
.d_secIcono1, .d_secIcono2, .d_secIcono3, .d_secIcono4{
    width:30%;
    height:100%;
    float: left;
}
.d_secIcono1{
    background: url(../img/iconoCD.png) no-repeat;
    background-position: center right;
    background-size: contain;
}
.d_secIcono2{
    background: url(../img/iconoEdup.png) no-repeat;
    background-position: center right;
    background-size: contain;
}
.d_secIcono3{
    background: url(../img/iconoNova.png) no-repeat;
    background-position: center right;
    background-size: contain;
}
.d_secIcono4{
    background: url(../img/iconoPaquetes.png) no-repeat;
    background-position: center right;
    background-size: contain;
}
.d_secTxt{
    width:70%;
    height: 100%;
    float: left;
    font-family: FedraSansStd;
    text-align: center;
    font-size: 0.7rem;
    color:#FFFFFF;
}
.d_btnIzqB:hover{
    background: url(../img/iconoLeft_hover.png) no-repeat;
    background-size: contain;
}
.d_btnDerB{
    width:3.5%;
    height:54px;
    cursor: pointer;
    background: url(../img/iconoRight.png) no-repeat;
    background-size: contain;
    position: absolute;
    top:45%;
    right: 0%;
}
.d_btnDerB:hover{
    background: url(../img/iconoRight_hover.png) no-repeat;
    background-size: contain;
}
/*
==============================================
CSS SECCIÓN FOOTER
==============================================
*/
.d_footer_gral{
    width:100%;
    float: left;
    margin-top: 2%;
    margin-bottom: 6%;
}
.d_footerSlogan{
    width:30%;
    height:20px;
    margin: auto;
    background: url(../img/footer.png) no-repeat;
    background-size: contain;
}

.p_footerdatosboxredes{
    width: 20%;
    float: left;
    cursor: pointer;
    border: 1px solid transparent;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
}
.p_footerdatosboxredes > div{
    width: 40px;
    height: 40px;
    float: left;
    background-image: url(../img/p_footericon_rsociales.png);
    background-size: 300%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.p_footerdatosboxredes > div:nth-child(1){
   background-position: 0%;
}
.p_footerdatosboxredes > div:nth-child(2){
   background-position: 50%;
    margin-left: 5px;
}
.p_footerdatosboxredes > div:nth-child(3){
   background-position: 100%;
    margin-left: 5px;
}

.d_footer{
    width: 100%;
    bottom: 0%;
    background-color: #003253;
    position: relative;
    display: table;
    font-family: Arial;
}
.d_footer_in{
    max-width: 1024px;
    position: relative; 
    margin: auto;
    margin-top:5px;
}
.d_footer_datosGral{
    width: 100%;
    height: 50%;
}
.d_footer_datos{
    width: 20%;
    height: 100%;
    float: left;
}
.d_KrismarEducacion{
    width: 35%;
    height: 50%;
    margin: auto;
}
.d_footer_krismar, .d_footer_ubicacion, .d_footer_telefono, .d_footer_manual, .d_footer_contacto, .d_footer_ayuda{
    width:40px;
    height:40px;
    float: left;
    background: url(../img/p_footericonos.png) no-repeat;
}
.d_footer_krismar{
    background-position: 0%;
    background-size: 600%;
}
.d_footer_ubicacion{
    background-position: 20%;
    background-size: 600%;
}
.d_footer_telefono{
    background-position: 40%;
    background-size: 600%;
}
.d_footer_manual{
    background-position: 60%;
    background-size: 600%;
}
.d_footer_contacto{
    background-position: 80%;
    background-size: 600%;
}
.d_footer_ayuda{
    background-position: 100%;
    background-size: 600%;
}
.d_footer_info{
    height: 40px;
    width: 80%;
    font-size: 0.7rem;
    color:#FFFFFF;
    float: left;
}
.cambio{
    display: inherit;
}

/*
==============================================
CSS SECCIÓN SOMOS
==============================================
*/
.d_contenidoB1{
    width:100%;
    background-color: #005C96;
    background-image: url(../img/fondo.png);
    background-size: contain;
    position: relative;
    display: flex;
}
.d_contenidoB2{
    width:100%;
    background-color: #F0F0F0;
    background-image: url(../img/fondo2.png);
    background-size: contain;
    position: relative;
    display: flex;
    font-family: FedraSansStd;
    color:#005c96;
}
.d_txt_gralB{
    width:55%;
    margin-top: 50px;
    margin-bottom: 25px;
    margin-right:0px;
    float: right;
}
.d_cont_txtB{
    width:40%;
    float: left;
}
.d_somos_gral{
    width:60%;
    float: left;
}
.d_somos{
    width:74%;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 13%;
}
.d_somos_txt{
    width:100%;
    font-family: FedraSansStd;
    text-align: left;
    font-size: 0.9rem;
    color:#FFFFFF;
}
.d_somos_txt_B, .d_titulo_B{
    color:#005c96;
}
.d_seccionesB{
    position: fixed;
    bottom: 0;
    width:70%;
    background: url(../img/sombra.png) no-repeat;
    background-size: 100% 100%;
}
.d_btnHistoria, .d_btnMision, .d_btnVision, .d_btnValores{
    width:25%;
    height:52px;
    float: left;
    background-color: #0069B0;
}
.d_btn_txt{
    width:100%;
    height: 100%;
    font-family: FedraSansStd;
    text-align: center;
    font-size: 0.7rem;
    color:#FFFFFF;
    cursor: pointer;
}
.d_btn_txt:hover{
    color:#E1E43C;
}

.d_txt_titulo_B{
    width:100%;
    float: right;
    font-family: FedraSansStd;
    font-weight: bold;
    text-align: right;
    font-size: 2.4rem;
    color:#005c96;
    right: 0%;
    top:15%;
}
.d_txt_B{
    font-family: FedraSansStd;
    text-align: right;
    font-size: 0.8rem;
    color:#005c96;
}
span.d_txt{
    color:#E1E43C;
    cursor: pointer;
}
/*
==============================================
CSS SECCIÓN CONTACTO
==============================================
*/
.d_contenidoC_scroll{
    width: 50%;
    position: fixed;
    background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009bc8+0,005c96+100 */
background: #009bc8; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #009bc8 0%, #005c96 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #009bc8 0%,#005c96 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #009bc8 0%,#005c96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009bc8', endColorstr='#005c96',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;
    top:25%;
    left:25%;
    z-index: 10;
}
.d_contenidoC{
    width:100%;
    height:100%;
}
.d_contacto_gral{
    width:45%;
    float: left;
    margin-top: 10px;
    margin-bottom: 30px;
}
.d_contacto_txt{
    width:80%;
    margin: auto;
    font-family: FedraSansStd;
    text-align: left;
    font-size: 0.9rem;
    color:#FFFFFF;
}
span.d_contacto_txt{
    color:#E1E43C;
    cursor: pointer;
}
.d_input_gral{
    width:55%;
    float: left;
    margin-top: 30px;
    margin-bottom: 40px;
    position: relative;
}
.d_input_cont{
    width:86%;
    margin: auto;
}
.d_inputA{
    width:96%;
    border: none;
    outline: none;
    margin-top: 2%;
    margin-bottom: 2%;
    border-radius: 5px;
    font-family: FedraSansStd;
    text-align: left;
    font-size: 1rem;
    padding:2%;
    color:#808080;
}
.d_captcha_gral{
    width:100%;
    float: left;
    margin-top: 2%;
    margin-bottom: 2%;
}
.d_captchaA{
    width:48%;
    border: none;
    outline: none;
    float: left;
    margin-right: 2%;
    border-radius: 5px;
    font-family: FedraSansStd;
    text-align: left;
    font-size: 1rem;
    color:#808080;
}
.d_captchaA img{
    border-radius: 5px;
    margin: auto;
}
.d_captchaB{
    width:44%;
    border: none;
    outline: none;
    float: right;
    margin-left: 2%;
    padding:2%;
    border-radius: 5px;
    font-family: FedraSansStd;
    text-align: left;
    font-size: 1rem;
    color:#808080;
}
.d_comentarios{
    width:96%;
    height:90px;
    float: left;
    margin-top: 2%;
    font-family: FedraSansStd;
    padding:2%;
    margin-right: 2%;
    color:#808080;
    font-size: 1rem;
    border:none;
    border-radius: 5px;
    outline:0px;
    resize: none;
}
.d_enviar_gral{
    width:100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 5px;
    position: relative;
}
.d_enviar{
    width:13%;
    height:30px;
    background: url(../img/enviar.png) no-repeat;
    margin: auto;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    opacity: 0.5;
    margin-left: 42%; 
    border: 0;
}
.d_enviar:hover{
    opacity: 1;
}
/*
==============================================
CSS SECCIÓN PRODUCTOS
==============================================
*/
.d_contenidoD{
    width:100%;
    display: flex;
}
.d_opcns_extra{
    width:100%;
    float: left;
}
 /*------MENU DE FILTROS-------*/
.d_aside_filtros{
    width:20%;
    float: left;
    display: block;
}
.d_filtros_gral{
    width:100%;
    float: left;
    background-color: #F2F2F2;
}
.d_filtros_btns{
    width:100%;
    height:52px;
    float: left;
}
.d_btnFiltro{
    width:20%;
    height:100%;
    background: #F7931E url(../img/iconoFiltro.png) no-repeat;
    background-size: contain;
    background-position: center right;
    float: left;
    cursor: pointer;
}
.d_btnFiltro:hover{
    background-color: #F7B76D;
}
.d_btnLimpiar{
    width:20%;
    height:100%;
    background: #908FB3 url(../img/iconoLimpiar.png) no-repeat;
    background-size: contain;
    background-position: center right;
    float: left;
    cursor: pointer;
}
.d_btnLimpiar:hover{
    background-color: #AEADC7;
}
.d_filtro_titulo{
    width:100%;
    float:left; 
    margin-top: 5%;
    margin-bottom: 5%;
}
.d_titulo_txt{
    width:40%;
    float: left;
    font-family: FedraSansStd;
    font-weight: bold;
    text-align: left;
    font-size: 0.9rem;
    color:#333333;
}
.d_flechaA{
    width:10%;
    height:20px;
    float: right;
    background: url(../img/flechaA.png) no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}
.d_flechaB{
    width:10%;
    height:20px;
    float: right;
    background: url(../img/flechaB.png) no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}
.d_filtro_opcns{
    width:100%;
    float:left;
}
.d_filtro{
    width:100%;
    float:left; 
    margin-top: 4%;
    margin-bottom: 4%;
}
.d_opcn{
    margin-right: 5%;
    float: left;
}
.d_opcn_txt{
    float: left;
    font-family: FedraSansStd;
    text-align: left;
    font-size: 0.85rem;
    color:#333333;
}
/*------SECCION DE PRODUCTOS-------*/
.d_productos_gral{
    width:80%;
    float: left;
}
.d_producto_cont{
    height: 200px;
    width:50%;
    float: left;
    display: flex;
    position: relative;
    cursor: pointer;
}
.d_producto_cont_hover{
    width:100%;
    height:2%;
    background-color:#E1E434;
    opacity: 0;
    position: absolute;
}
.d_producto_cont:hover > div{
    opacity:1;
}
.d_prod_img1, .d_prod_img2, .d_prod_img3, .d_prod_img4{
    width:50%;
    float: left;
}
.d_prod_img1{
    background:url(../img/prod1.png) no-repeat;
    background-size: 50% 100%;
    background-position: center;
}
.d_prod_img2{
    background:url(../img/prod2.png) no-repeat;
    background-size: 50% 100%;
    background-position: center;
}
.d_prod_img3{
    background:url(../img/prod3.png) no-repeat;
    background-size: 50% 100%;
    background-position: center;
}
.d_prod_img4{
    background:url(../img/prod4.png) no-repeat;
    background-size: 50% 100%;
    background-position: center;
}
.d_prod_txt_gral{
    width:30%;
    float: left;
    margin: auto;
    margin-bottom: 15px;
    margin-top: 15px;
}
.d_descripcion{
    width:100%;
    font-family: FedraSansStd;
    font-weight: bold;
    text-align: left;
    font-size: 1rem;
    color: #0069B0;
}
.d_descripcionB{
    font-family: FedraSansStd;
    font-style: italic;
    font-size: 0.8rem;
}
.d_precio{
    width:96%;
    font-family: FedraSansStd;
    text-align: left;
    font-size: 0.9rem;
    text-decoration: line-through;
    padding: 2%;
}
.d_precioB{
    width:96%;
    font-family: FedraSansStd;
    text-align: left;
    font-size: 1.2rem;
    font-weight: bold;
    color:#E02F34;
    text-decoration:inherit;
    padding:2%;
}
.d_linea, .d_lineaOculta{
    width:100%;
    height:1.5px;
    float: left;
    background-color: #B3B3B3;
}
.d_lineaOculta{
    display: none;
}
/*------INFORMACIÓN DE  LOS PRODUCTOS-------*/
.d_prod_detalles{
    width:100%;
    float: left;
    position: relative;
}
.d_ocultar_gral{
    width: 100%;
    float: left;
}
.d_ocultarDet{
    width:54px;
    height:27px;
    background: url(../img/ocultarDet.png) no-repeat;
    background-size: contain;
    float: right;
    margin-right: 1%;
    cursor: pointer;
}
.d_ocultarDet:hover{
    background: url(../img/ocultarDet_over.png) no-repeat;
    background-size: contain;
}
.d_prod_detalles_img{
    width:35%;
    float: left;
}
.d_detalles_img{
    width:100%;
    height:250px;
    background: url(../img/prod7.png) no-repeat;
    background-size: contain;
    background-position: center;
    float: left;
}
.d_img_icns, .d_img_icnsB{
    width:100%;
    height:50px;
    float: left;
    margin-top: 2%;
    margin-bottom: 4%;
}
.d_img_icnCD, .d_img_icnEDUP, .d_img_icnNOVA, .d_img_icnPAQ{
    width:25%;
    height:100%;
    float: left;
    cursor: pointer;
}
.d_img_icnCD{
    background: url(../img/CD.png) no-repeat;
    background-size: contain;
    background-position: center;
}
.d_img_icnCD:hover{
    background: url(../img/CDover.png) no-repeat;
    background-size: contain;
    background-position: center;
}
.d_img_icnEDUP{
    background: url(../img/EDUP.png) no-repeat;
    background-size: contain;
    background-position: center;
}
.d_img_icnEDUP:hover{
    background: url(../img/EDUPover.png) no-repeat;
    background-size: contain;
    background-position: center;
}
.d_img_icnNOVA{
    background: url(../img/NOVA.png) no-repeat;
    background-size: contain;
    background-position: center;
}
.d_img_icnNOVA:hover{
    background: url(../img/NOVAover.png) no-repeat;
    background-size: contain;
    background-position: center;
}
.d_img_icnPAQ{
    background: url(../img/PAQT.png) no-repeat;
    background-size: contain;
    background-position: center;
}
.d_img_icnPAQ:hover{
    background: url(../img/PAQTover.png) no-repeat;
    background-size: contain;
    background-position: center;
}
.d_iconoPDF, .d_iconoDOC, .d_iconoVER, .d_iconoCOMPRAB{
    width:25%;
    height:50px;
    float: left;
    cursor: pointer;
}
.d_iconoPDF {
    background:url(../img/iconoPDF.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    background-position: center;
}
.d_iconoPDF:hover {
    background:url(../img/iconoPDFover.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    background-position: center;
}
.d_iconoDOC{
    background:url(../img/iconoDoc.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    background-position: center;
}
.d_iconoDOC:hover{
    background:url(../img/iconoDocOver.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    background-position: center;
}
.d_iconoVER{
    background:url(../img/iconoVer.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    background-position: center;
}
.d_iconoVER:hover{
    background:url(../img/iconoVerOver.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    background-position: center;
}
.d_iconoCOMPRAB{
    background:url(../img/iconoComprarB.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    background-position: center;
}
.d_iconoCOMPRAB:hover{
    background:url(../img/iconoComprarBover.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    background-position: center;
}
.d_prod_detalles_txt, .d_prod_detalles_txtB{
    width:60%;
    float: left;
    margin-left: 5%;
    margin-bottom: 15px;
    margin-top: 15px;
    font-family: FedraSansStd;
    font-size: 0.9rem;
    display: block;
}
.d_prod_detalles_txtB, .d_img_icnsB{
    display: none;
}
.d_detalles_titulo{
    font-weight: bold;
    text-align: left;
    font-size: 2rem;
    color: #0069B0;
}
.d_detalles_descr{
    width:100%;
    float: left;
}
.d_descr_col{
    width:50%;
    float: left;
}
span.d_descr_col_txt{
    text-decoration: line-through;
}
span.d_descr_col_txtB{
    color: #0071C5;
}
.d_inputCantidad{
    width:8%;
    text-align: center;
    margin-left: 2%;
}
.d_txt_agregar{
    font-family: FedraSansStd;
    font-style: italic;
    font-size: 0.8rem;
    color:#0071C5;
}
.d_descr{
    width:97%;
    text-align: left;
    font-family: FedraSansStd;
    font-size: 1rem;
    float: left;
    margin-top: 2%;
    margin-bottom: 1%;
    padding-left: 3%;
}
/*
==============================================
CSS SECCIÓN DISTRIBUIDORES
==============================================
*/
.d_contenidoE{
    width:100%;
    display: flex;
}
.d_aside_distribuidores{
    width:20%;
    float: left;
}
.d_distribuidores_gral{
    width:100%;
    float: left;
    background-color: #F2F2F2;
}
.d_distribuidores_titulo{
    width:94%;
    float:left; 
    padding:3%;
    cursor: pointer;
}
.d_distribuidores_filtro{
    width:100%;
    float:left; 
    margin-top: 4%;
    margin-bottom: 4%;
}
.d_opcn_txt{
    float: left;
    font-family: FedraSansStd;
    text-align: left;
    font-size: 0.85rem;
    color:#333333;
}
/*------INFORMACIÓN DISTRIBUIDORES-------*/
.d_info_distribuidores_gral{
    width:80%;
    float: left;
}
.d_distribuidores_cont{
    width:50%;
    float: left;
    display: flex;
    position: relative;
}
.d_listonCertificado{
    width: 100px;
    height:80px;
    position: absolute;
    right: 9px;
    bottom: 28px;
    background: url(../img/certificado.png) no-repeat;
    background-size: contain;
}
.d_fondo{
    width:96%;
    height:100%;
    background: url(../img/fondoDistribuidores.png) no-repeat;
    background-size: 100% 100%;
    margin:2%;
}
.d_fondoCertificado{
    width:96%;
    height:100%;
    background: url(../img/fondoDistribuidoresCertificados_a.png) no-repeat;
    background-size: 100% 100%;
    margin:2%;
}
.d_logoK{
    width:16%;
    height:20%;
    position: absolute;
    background: url(../img/iconoKrismar_chico.png) no-repeat;
    background-size: contain;
    top:10%;
    left:7.5%;
}
.d_logoKCertificado{
    width:16%;
    height:23%;
    position: absolute;
    background: url(../img/iconoKrismar_certificado.png) no-repeat;
    background-size: contain;
    background-position: center;
    top:10%;
    left:7.5%;
}
.d_distr_txt_gral{
    width:70%;
    height:210px;
    float: right;
    margin-right: 5%;
    margin-top: 2%;
    margin-bottom: 10%;
}
.d_descr_distr{
    width:100%;
    font-family: FedraSansStd;
    font-weight: bold;
    text-align: center;
    font-size: 1rem;
    color: #0069B0;
    text-align: center;
    float: left;
}
.d_link_descr, .d_info_txt{
    width: 100%;
    font-family: FedraSansStd;
    text-align: center;
    font-size: 0.9rem;
    text-align: center;
    float: left;
}
.d_link_descr{
    color: #0069B0;
    cursor:pointer;
}
.d_info_txt{
    color:#333333;
}
/*
==============================================
CSS MEDIA QUERIES 1600px
==============================================
*/
@media only screen and (max-width:1600px){
    /*------SECCIÓN DISTRIBUIDORES-------*/
    .d_distr_txt_gral{
        width:80%;
    }
    .d_descr_distr{
        font-size: 1rem;
    }
    .d_link_descr, .d_info_txt{
        font-size: 0.8rem;
    }
    .d_distr_txt_gral{
        width:68%;
    }
    /*------CONTENIDO SECCIÓN CONTACTO-------*/
    .d_contacto_txt{
        font-size: 0.8rem;
    }
}
/*
==============================================
CSS MEDIA QUERIES 1200px
==============================================
*/
@media only screen and (max-width:1270px){
    .d_general, .d_secciones,.d_seccionesB,.d_cont_header{
        width:90%;
    }
    /*------HEADER-------*/
    .d_cont_header, .d_cont_headerB{
        height:70px;
    }
    .d_headerMarcador, .d_headerSomos, .d_headerHistoria, .d_headerKrismar, .d_headerContacto, .d_headerProductos, .d_headerOpciones, .d_headerOpcionesB, .d_iconos_gral{
        height:45px;
    }
    /*------CONTENIDO SECCIÓN CONTACTO-------*/
    .d_contenidoC_scroll{
        width:70%;
        top:25%;
        left:15%;
    }
    .d_cont_nav{
        width:90%;
        height:25px;
        top:45px;
    }
    .d_txt_nav{
        width:14%;
    }
    .d_flecha_nav{
        width:25px;
    }
    .d_constr_txt{
        font-size: 1.4rem;
    }
    /*------CARRITO-------*/
    .d_despl_carrito{
        top:50%;
        margin-top: -20%;
        min-width: 0px;
        width: 40%;
        left: 30%;
    }
    .d_carrito_cantTXT, .d_cantidad{
        font-size: 1.1rem;
    }
    /*------SECCIÓN CARRITO-------*/
    .d_carrito_gral{
        width:100%;
        left: 0%;
    }
}
/*
==============================================
CSS MEDIA QUERIES 1024px
==============================================
*/
@media only screen and (max-width:1024px){
    .d_listonCertificado{
        right: 20%;
        bottom: 28px;
    }
    .p_footerdatosboxredes{
    width: 33%;
    }
    /* FOOTER */
    .d_footer_in{
        width: 90%;
    }
    .d_footer_datos{
        width: 33.3%;
    }
    .d_cont_header{
        width: 100%;
    }
    .d_secciones,.d_seccionesB{
        width: 100%;
    }
    .d_general{
        width:100%;
        top: 50%;
    }
    /*------HEADER-------*/
    .d_cont_header{
    height:70px;
}
    .d_headerMarcador, .d_headerSomos, .d_headerHistoria, .d_headerKrismar, .d_headerOpciones, , .d_headerOpcionesB, .d_iconos_gral{
        height:45px;
    }
    /*------CONTENIDO-------*/
    .d_txt_titulo, .d_txt_titulo_B{
        font-size: 2.2rem;
    }
    /*------ASIDE FILTROS-------*/
    .d_filtros_btns{
        height:35px;
    }
    .d_productos_gral{
        margin: auto;
    }
    .d_producto_cont, .d_distribuidores_cont{
        width:100%;
    }
    .d_lineaOculta{
    display: block;
    }
    
    .d_cont_nav{
        width:100%;
    }
    .d_txt_nav{
        width:13%;
        font-size: 0.6rem;
    }
    .d_fondo{
        width:60%;
        margin: auto;
    }
    .d_fondoCertificado{
        width:60%;
        margin: auto;
    }
    .d_logoK{
        left:24%;
        width:9%;
        height:18%;
    }
    .d_logoKCertificado{
        left:24%;
        width:9%;
        height:18%;
    }
    .d_constr_txt{
        font-size: 1.3rem;
    }
    /*------CARRITO-------*/
    .d_despl_carrito{
        top:50%;
        margin-top: -30%;
        min-width: 0px;
        width: 50%;
        left: 25%;
    }
    .d_carrito_cantTXT, .d_cantidad{
        font-size: 1.1rem;
    }
    .d_carrito_titulo, .d_carrito_precio{
        width: 100%;
        font-size: 1.1rem;
        padding: 2px;
    }
    .d_btn_pagar, .d_btn_comprar{
        font-size: 0.9rem;
    }
    .d_pedido_subtotalGral, .d_pedido_totalGral{
        width: 96%;
        left: 2%;
        position: relative;
        border-radius: 0px;
    }
    .d_carritoBTNS{
        width: 96%;
        left: 2%;
        position: relative;
    }
}
/*
==============================================
CSS MEDIA QUERIES 850px
==============================================
*/
@media only screen and (max-width:850px){
    .d_footer_selec_in{
        width: 50%;
    }
    .d_KrismarEducacion{
        width: 60%;
        float: left;
        position: relative;
        left: 20%;
    }
}
/*
==============================================
CSS MEDIA QUERIES 800px
==============================================
*/
@media only screen and (max-width:800px){
    .d_aside_filtros, .d_aside_distribuidores{
        width:90%;
        margin: auto;
    }
    .d_btnFiltro, .d_btnLimpiar{
        width:50%;
        background-position: center;
    }
    /*------HEADER-------*/
    .d_cont_header{
        height:45px;
    }
    .d_headerKrismar{
        height:45px;
        width:14%;
        background: #0069B0 url(../img/iconoKrismar_chico.png) no-repeat;
        background-position: center;
        background-size: contain;
    }
    .d_headerMarcador, .d_headerSomos, .d_headerHistoria, .d_headerContacto, .d_headerProductos{
        width:5.5%;
    }
    .d_iconos_gral{
        width:16.5%;
    }
    /*------CONTENIDO-------*/
    .d_contenido, .d_contenidoB2, .d_contenidoC, .d_contenidoD, .d_contenidoE, .d_contenidoB1{
        flex-flow: column;
    }
    .d_cont_txt{
        width:100%;
        order: 2;
    }
    .d_somos_gral{
        width:100%;
    }
    .d_txt_gral{
        width:40%;
        float: none;
        margin: auto;
        margin-top: 40px;
        margin-bottom: 40px;
        display: table;
    }
    .d_txt_titulo, .d_txt, .d_txt_titulo_B, .d_txt_B{
        text-align: left;
    }
    .d_caja_txt{
        float: left;
    }
    .d_cont_img{
        height:320px;
        width:100%;
        order:1;
        background-position: bottom right;
    }
    .d_play, .d_play_B, .d_btnIzq, .d_btnDer{
        display: none;
    }
    .d_playB{
        display: block;
    }
	.d_play{
		display: block;
	}
    /*------CONTENIDO SECCIÓN SOMOS-------*/
    .d_txt_gralB{
        width:45%;
        float: none;
        margin: auto;
        margin-top: 30px;
        margin-bottom: 10px;
        display: table;
    }
    .d_cont_txtB{
        width:100%;
        background-color: none;
    }
    .d_footer_gral{
        display: none;
    }
    /*------CONTENIDO SECCIÓN CONTACTO-------*/
    .d_contenidoC_scroll{
        width:88%;
        left:6%;
    }
    .d_comentarios{
        font-size: 0.8rem;
    }
    .d_sombra{
        height:45px;
    }
    .d_input_gral{
        margin-top: 20px;
        margin-bottom:10px;
    }
    .d_inputA, .d_captchaA, .d_captchaB, .d_comentarios{
        font-size: 0.9rem;
    }
    .d_productos_gral{
        margin-top:2%;
    }
    /*------SECCIÓN DE PRODUCTOS-------*/
    .d_prod_detalles_txt, .d_img_icns{
        display: none;
    }
    .d_prod_detalles_txtB, .d_img_icnsB{
        display: block;
    }
    .d_productos_gral, .d_distribuidores_gral{
        margin-top:2%;
    }
    /*------SECCIÓN DISTRIBUIDORES-------*/
    .d_info_distribuidores_gral{
        width:100%;
        margin-top: 15px;
    }
    .d_constr_txt{
        font-size: 1.1rem;
    }
    /*------CARRITO-------*/
    .d_despl_carrito{
        top:50%;
        margin-top: -30%;
        min-width: 0px;
        width: 50%;
        left: 25%;
    }
    .d_carrito_esp{
        height: 5px;
    }
    .d_carrito_cantTXT, .d_cantidad{
        font-size: 1rem;
    }
    .d_carrito_infoIMG{
        width: 100%;
        height: 130px;
    }
    .d_carrito_infoTXT{
        width: 100%;
    }
    .d_carrito_titulo, .d_carrito_precio{
        width: 100%;
        text-align: center;
        font-size: 1rem;
        padding: 2px;
    }
    .d_carrito_opciones{
        width: 70%;
        margin: auto;
        float: none;
    }
    .d_btn_pagar, .d_btn_comprar{
        font-size: 0.8rem;
    }
    .d_footer_selec_in{
        width: 50%;
    }
    .d_footer_in{
        width: 89%;
    }
}
/*
==============================================
CSS MEDIA QUERIES 680px
==============================================
*/
@media only screen and (max-width:680px){
    .p_footerdatosboxredes{
        width: 145px;
    }
    /* FOOTER */
    .d_footer_datos{
        width: 50%;
    }
    .d_KrismarEducacion{
        width: 96%;
        left: 2%;
    }

}
/*
==============================================
CSS MEDIA QUERIES 700px
==============================================
*/
@media only screen and (max-width:700px){
    /*------SECCIÓN CARRITO-------*/
    
    .d_nav_titulo{
        font-size: 0.7rem;
    }
    .d_INPUTcont{
        height: 30px;
    }
    .d_INPUTcontB{
        height: 65px;
    }
    .d_INPUTcontC{
        height:95px;
    }
    .d_INPUTcontB_esp{
        display: block;
    }
    .d_INPUTcont_rfc, .d_INPUTcont_A{
        height: 60%;
        font-size: 0.8rem;
    }
    .d_INPUTcont_B{
        width: 47%;
        height: 30%;
        font-size: 0.8rem;
    }
    .d_INPUTcont_BS{
        width: 50%;
        height: 47%;
        font-size: 0.8rem;
    }
    .d_INPUTcont_C{
        width: 100%;
        height: 30%;
        font-size: 0.8rem;
    }
    .d_INPUTcont_D{
        width: 98%;
        height: 15%;
        font-size: 0.8rem;
    }
    .d_CANTIDADin_info{
        width: 52%;
        float: none;
        margin: auto;
    }
    .d_CANTIDADin_esp{
        width: 7%;
    }
}
/*
==============================================
CSS MEDIA QUERIES 600px
==============================================
*/
@media only screen and (max-width:600px){
    .d_listonCertificado{
        right: 2.5%;
        bottom: 5%;
    }
    .d_pedidoEliminar{
        display: none;
    }
    .d_pedidoEliminarOculto{
        width: 100%;
        height: 25px;
        margin-bottom: 5px;
    }
    /*------CONTENIDO SECCIÓN CONTACTO-------*/
    .d_contenidoC_scroll{
        width:96%;
        height:80%;
        overflow-y:scroll; 
        top:15%;
        left:2%;
    }
    /*------HEADER-------*/
    .d_headerKrismar{
        height:45px;
        width:84%;
        background:#0069B0 url(../img/iconoKrismar.png) no-repeat;
        background-position: center;
        background-size: contain;
    }
    .d_headerMenu, .d_headerBuscar{
        display: block;
        width:8%;
        height:45px;
    }
    .d_iconoBuscar{
        width:8%;
        background-position: center;
    }
    .d_headerMarcador, .d_headerSomos, .d_headerHistoria, .d_headerContacto, .d_headerProductos, .d_headerOpciones, .d_headerOpcionesB, .d_iconos_gral{
        display: none;
    }
    /*------CONTENIDO-------*/
    .d_contacto_gral, .d_input_gral{
        width:100%;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .d_txt_gral{
        width:60%;
    }
    .d_txt_titulo, .d_txt_titulo_B{
        font-size: 2rem;
    }
    .d_secciones, .d_seccionesB{
        display: none;
    }
    /*------CONTENIDO SOMOS-------*/
    .d_btnHistoria, .d_btnMision, .d_btnVision, .d_btnValores{
        height:45px;
    }
    .d_seccionesB{
        height:45px;
    }
    /*------MENU DE MÓVILES-------*/
    .d_transparencia, .d_menu_scroll{
        display: none;
    }
    .d_cont_nav{
        display: none;
    }
    .primerDiv{
        margin-top:52px;
    }
    .d_aside_filtros, .d_aside_distribuidores{
        width:100%;
    }
     .d_distr_txt_gral{
        width: 92%;
    }
    .d_fondo{
        width:96%;
        background: url(../img/fondoDistribuidores_b.png) no-repeat;
        background-size: 100% 100%;
    }
    .d_fondoCertificado{
        width:96%;
        background: url(../img/fondoDistribuidores_b.png) no-repeat;
        background-size: 100% 100%;
    }
    .d_logoK{
        display: none;
    }
    .d_logoKCertificado{
        display: none;
    }
    .d_construyendo{
        min-width: 0px;
        width: 60%;
        left:20%;
    }
    .d_constr_txt{
        font-size: 0.9rem;
    }
    /*------CARRITO-------*/
    .d_despl_carrito{
        top:50%;
        margin-top: -40%;
        min-width: 0px;
        width: 90%;
        left: 5%;
    }
    /*------SECCIÓN CARRITO-------*/
    .d_nav_titulo{
        font-size: 0.7rem;
    }
    .d_INPUTcont{
        height: 30px;
    }
    .d_INPUTcontB{
        height: 65px;
    }
    .d_INPUTcontC{
        height:95px;
    }
    .d_INPUTcontB_esp{
        display: block;
    }
    .d_INPUTcont_rfc, .d_INPUTcont_A{
        height: 70%;
        font-size: 0.8rem;
    }
    .d_INPUTcont_B{
        width: 47%;
        height: 30%;
        font-size: 0.8rem;
    }
    .d_INPUTcont_BS{
        width: 49%;
        height: 46%;
        font-size: 0.8rem;
    }
    .d_INPUTcont_C{
        width: 100%;
        height: 30%;
        font-size: 0.8rem;
    }
    .d_INPUTcont_D{
        width: 98%;
        height: 20%;
        font-size: 0.8rem;
    }
    .d_verificacionEDITAR{
        width: 30%;
    }
    /*------pedido-------*/
    .d_pedido_tituloGral, .d_pedidoINFO{
        display: none;
    }
    .d_infoOCULTA, .d_infoOCULTA_titulo{
        display: block;
    }
    .d_pedidoIMG_gral{
        width: 100%;
    }
    .d_pedido_subtotalGral, .d_pedido_totalGral{
        border-radius: 0px;
    }
    .d_subtotalTXT{
        width: 40%;
        float: left;
    }
    .d_subtotal, .d_total{
        width: 30%;
    }
    .d_carritoBTN_regresar, .d_carritoBTN_pagar{
        width: 40%;
    }
    .d_aviso{
        font-size: 0.65rem;
    }
}
/*
==============================================
CSS MEDIA QUERIES LANDSCAPE 550px
==============================================
*/
@media screen and (max-height: 550px) {
    .d_contenidoC_scroll{
        width:96%;
        height:70%;
        top:19%;
        left:2%;
    }
    .d_contacto_gral{
        margin-bottom: 10px;
    }
    .d_input_gral{
        margin-bottom: 15px;
    }
    .d_construyendo{
        min-width: 0px;
        width: 60%;
        left:20%;
    }
    .d_constr_txt{
        font-size: 0.9rem;
    }
}
/*
==============================================
CSS MEDIA QUERIES LANDSCAPE 450px
==============================================
*/
@media screen and (max-height: 450px) {
    .d_contenidoC_scroll{
        width:96%;
        height:60%;
        top:24%;
        left:2%;
    }
    .d_contacto_gral{
        margin-bottom: 10px;
    }
    .d_input_gral{
        margin-bottom: 15px;
    }
}

.d_transparenciaVideo{
    width:100%;
    height:100%;
    background-color: black;
    opacity: 0.7;
    position: fixed;
    display: none;
    top:0px;
    left: 0px;
    z-index: 10;
}
.transparenciaConstruyendo{
    width:100%;
    height:100%;
    background-color: black;
    opacity: 0.7;
    position: fixed;
    top:0px;
    left: 0px;
    z-index: 10;
    display: none;
}

.d_video{
    position: fixed;
    width: 60%;
    height: 60%;
    z-index: 11;
    left: 20%;
    top: 20%;
    display: none;
}

.d_pdf{
    position: fixed;
    width: 60%;
    height: 80%;
    z-index: 11;
    left: 20%;
    top: 10%;
    display: none;
}


@media only screen and (max-width:460px){
    /* FOOTER */
    .d_footer_datos{
        width: 100%;
    }
}