/* Color corporativo estándar: #012b73 */
.botonReferencia{border:none;cursor:pointer;top:5px;background-color:white;right:10px;position: absolute;}


/* Tamaño pantalla móvil hasta 799px */

@media (max-width:799px) {

/*EX_ALCANCE*/
.gridParametros {width: 100%;border: none;}
.gridParametros td {border:none;width:100%;float:left;padding:5px;}
.gridParametros th {font-weight: bold;text-decoration:none;background-color:#012b7338;border-top: none;border-left: none;border-right: none;text-align: left;padding-right:4px;width:200px;}
.gridParametros tr {height:45px;border-top:none;border-left:none;border-right:none;text-align: left;padding-right:4px;flex-flow:nowrap;}
.desplegableGrid{width:260px;height:30px;float:left;font-size:12px;border:1px solid #ccc;box-shadow: 0 2px 2px 0 rgba(0,0,0,.15),0 2px 2px 0 rgba(0,0,0,.15);margin:5px;padding:5px;}
.divGridParametros{margin-top:0px;float:left;width:120%;overflow-x: scroll;margin-left:0%;}
/*EX_ALCANCE*/

/*grids*/
.grid {width: 100%;border: none;}
.grid td, th, tr {border-top: none;border-left: none;border-right: none;text-align: left;padding-right:4px;}
.grid th {font-weight: bold;text-decoration:none;background-color:#012b7338;}
.grid tr {height: 40px;white-space: nowrap;}
.grid tr:hover{background-color:lightgray;white-space: nowrap;}
.grid a{text-decoration:none;color:#012b73;font-size:18px;padding-right:4px;text-align: left;}
.grid a:hover{text-decoration:none;color:#012b73;font-size:18px;padding-right:4px;text-align: left;}
.divGrid{margin-top:10px;float:left;width:90%;overflow-x: scroll;margin-left:5%;}

    

.divBotonVolver{float:left;margin:-55px -26px 35px;}


.barraPaginacion0{margin:0 auto;height:0px;}
.barraPaginacion1{margin:0 auto;height:50px;}
.barraPaginacion2{margin:0 auto;height:50px;}
.barraPaginacion3{margin:0 auto;height:50px;}
.barraPaginacion4{margin:0 auto;height:50px;}
.barraPaginacion5{margin:0 auto;height:50px;}
.barraPaginacion6{margin:0 auto;height:50px;}
.barraPaginacion7{margin:0 auto;height:50px;}
.barraPaginacion8{margin:0 auto;height:50px;}
.barraPaginacion9{margin:0 auto;height:50px;}
.barraPaginacion10{margin:0 auto;height:50px;}
.barraPaginacion11{margin:0 auto;height:50px;}


.miniGrid {width: 100%;border: none;}
.miniGrid tr {height: 40px;}
.miniGrid td, th, tr {border:none;text-align: left;padding-right:15px;}
.miniGrid th {font-weight: bold;text-decoration:none;margin:10px;}
.miniGrid a{text-decoration:none;color:#012b73;font-size:18px;padding-right:4px;text-align: left;}
.divMiniGrid{margin-top:5px;float:left;width:70%;font-size:12px;}



tr th a{color:gray;font-weight:normal;font-size:10px;}

.div100{float:left;width:100%;margin-top:20px;}

.icono{margin-left:-2px;height:24px;width:24px;}
.divPie{margin-top:100px;}
   

/*menu*/
.miMenu{height:auto;width:100%;float:left;z-index:100;background-color:white;margin:66px 0px 10px -10px;}
.logoMenu {
    height: auto;
    width: 180px;
    margin-left: 10px;
}
.panelBuscador{position:absolute;top:66px;left:5%;width:90%;z-index:0;}
.textBuscador {font-size:14px;border:none;background-color:white;height:40px;border-radius:3px;padding:10px;width:98%;}
.divMenu{height:130px;width:100%;float:left;z-index:0;background-color:#FFF;}
.botonBuscar{border:none;cursor:pointer;top:5px;background-color:white;right:10px;position: absolute;}
.botonBuscar2{width:auto;height:35px;margin-left:80%;border:none;cursor:pointer;top:7px;position:absolute;}
.divMiSlider{width:100%;background-color:white;height:60px;float:left;margin-top:130px;position:absolute;margin-bottom:36px;}
.divBotonesMenu {
    position: absolute;
    top: 25px;
    right: 20px;
}
.enlaceMenu{font-size:0px;margin:6px;} 
.enlaceMenu:hover{cursor:pointer;}


/* CAMBIOS LUIGI */


*{
    font-family: 'Montserrat', sans-serif !important;
}

.divRepeaterArticulos{
    max-width: 100%;
    width: 100%;
    padding:15px;
}


.divItemRepeaterArticulos {
    height: auto;
    border-bottom: 0;
    float: none;
    width: 100%;
    padding: 20px;
    margin: 0px 0 25px;
    box-shadow: 2px 2px 2px #ccc5;
    border: 1px solid #EEE;
}

.divImagenRepeater {
    width: 100%;
    height: auto;
    position: relative;
}

.imgArticulo {
    max-height: fit-content;
    display: block;
    margin: auto;
    width: auto;
    max-width: 100%;
}

.etiDescripcion {
    float: left;
    margin-top: 10px;
    font-size: 13px;
    width: 100%;
    text-decoration: none;
    text-align: left;
    height: inherit;
    padding: 0;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 16px;
    margin-bottom: 8px;
}

.etiCodigo {
    float: left;
    margin-top: 0;
    font-size: 12px;
    width: 100%;
    text-decoration: none;
    text-align: left;
    padding: 0;
    color: #288dc1;
    font-weight: bold;
}

.etiStockArticuloNoDisponible {
    padding: 0;
    height: fit-content;
}

.etiTipoPrecio {
    display: none;
}
.etiPrecio {
    float: initial;
    font-size: 1.2em;
    width: initial;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5px;
    height: initial;
    padding: 4px;
    color: #288dc1;
    font-weight: bold;
    font-style: initial;
    border-top: 1.5px solid #000;
    padding-top: 2px;
    display: inline-block;
}

.EX_linkComprar, .EX_linkComprarDisable { 
    text-decoration: none;
    text-align: center;
    color: white !important;
    width: 65%;
    border-radius: 0;
    border: none;
    padding: 5px;
    background-color: #288dc1;
    float: left;
    font-size: 13px;
    margin-top: 8px;
    font-weight: bold;
    display: block;
}

.EX_linkComprarDisable{
    background-color: #288dc166;
}


.desplegable {
    width: 100%;
    height: 22px;
    float: left;
    font-size: 12px;
    margin: 8px 0 0 0px;
    border: 1px solid #288dc1;
    box-shadow: none;
}


/* LUIGI - Página de producto */

.etiMigas {
    border-bottom: 1px solid #288dc1;
    color: #288dc1;
    text-transform: capitalize;
    font-weight: 600;
    margin: 20px 10px;
    max-width: 300px;
}
.enlaceMigas {
    color: #000;
    cursor: pointer;
}

#panelCheckPrz{
    display: none;
}



.panelArticulo {
    float: none;
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
}

.divFichaArticulo {
    float: left;
    width: 100%;
    margin-left: 0;
    padding: 10px 30px;
}

.divImagenFicha {
    float: left;
    width: 100%;
    margin-left: 0;
}

.imgArticuloFicha {
    float: left;
    height: auto;
    width: 100%;
    min-width: auto;
    max-width: 100%;
    margin-bottom: 10px;
    box-shadow: 4px 4px 10px #ccc;
}

.etiDescripcionArticulo {
    float: left;
    margin-top: 0;
    font-size: 1.8em;
    width: 100%;
    text-decoration: none;
    text-align: left;
    height: auto;
    padding: 0;
    color: #000;
    font-weight: 800;
    border-radius: 5px;
    line-height: 34px;
}

#etiDescripcion2{
    display: none;
}

.etiCodigoArticulo {
    color: #288dc1;
}

#etiCaracteristicas p{
    margin-bottom: 7px;
}

.etiPrecioArticulo {
    color: #288dc1;
    font-style: initial;
}

#linkComprar .imagenCarrito{
    display: none;
}

#linkComprar{
        text-decoration: none;
        text-align: center;
        color: white !important;
        width: 60%;
        border-radius: 0;
        border: none;
        padding: 5px;
        background-color: #288dc1;
        float: left;
        font-size: 13px;
        margin-top: 0px;
        font-weight: bold;
        display: block;
}

.divDesplegable {
   margin: 0px 0px 5px;
}

.divDesplegable .desplegable {
    width: 230px;
    height: auto;
    float: left;
    font-size: 13px;
    border: 1px solid #288dc1;
    box-shadow: none;
    padding: 5px 10px;
}

.divDesplegable select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .95em auto, 100%;
}

.textUnidades, .textUnidadesArticulo {
    border: 1px solid #288dc1;
    padding: 1px 5px 1px 5px;
    height: 28px;
    border-radius: 0;
    width: 50px;
    margin-left: 32px;
    margin-right: 0;
    float: none;
    margin-top: 9px;
    font-size: 13px;
    color: #222222;
    font-weight: 600;
}

.divMasMenos, .divMasMenosArticulo {
    width: 38px;
    float: left;
    margin-left: 11px;
    height: initial;
    margin-top: 15px;
    position: relative;
    margin-right: -138px;
}

 .botonMas {
    width: 15px;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
    float: right;
    margin-right: -54px;
}

.botonMenos {
    width: 15px;
    cursor: pointer;
    float: left;
    margin-left: 0;
}



/* LUIGI - CARRITO */

.etiTituloCarrito {
    font-size: 2em;
    float: left;
    color: #000;
    width: 100%;
    font-weight: 800;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
}



.textIncluirUds, .textIncluir, .textObservaciones {
    font-size: 14px;
    border: 0;
    background-color: #ebeff2;
    height: auto;
    border-radius: 0;
    padding: 5px 10px;
}

.grid th {
    font-weight: bold;
    text-decoration: none;
    background-color: #288dc1;
    color: #FFF;
    text-transform: uppercase;
    vertical-align: middle;
    font-size: 15px;
}

.grid tr:nth-child(odd) {
    background: #dfeef6;
    text-align: center;
}

.grid td {
   border: 1px solid #999;
    border-top: 0;
    border-bottom: 0;
    vertical-align: middle;
    font-size: 15px;
    padding: 5px 10px;
    text-align: center;
}

#panelResumen{
    background: #ebeff3;
    border: 1px solid #999;
    position: fixed;
    float: none;
    bottom: 8%;
    margin-left: 12%;
    width: 280px;
    margin-right: 0;
    padding: 10px 25px;
    color: #333;
    font-weight: bold !important;
    font-size: 12px;
    border-radius: 0
}

.EX_divCabecera{
    text-align: left;
}

#panelResumen .etiTotalPedido{
    color: #288dc1;
}

#btnFinalizar{
    font-weight: bold;
    background-color: #288dc1;
    color: #FFF !important;
    vertical-align: middle;
    font-size: 16px;
    padding: 10px 50px;
    border-radius: 0;
}
}



.dropdown, .dropleft, .dropright, .dropup {
    z-index: 99999;
}



@media (max-device-width:535px) {
    .imagenCarrito{display:none;}
    .linkComprar{font-size:0.8em;height: 35PX;text-decoration:none;text-align:right;color:white;width:27%;border-radius:4px;border:none;padding:6px 8px 4px 8px;background-color:#012b73;float:left;text-align:center;margin-top:40px;}
}




.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    margin-top: 0 !important;
    width: 30px!important;
    height: 30px !important;
    background-size: contain;
    z-index: 9999999;
    top: -26px;
}

@media (max-width: 799px){

    .divMenu {
        height: auto;
        width: 100%;
        padding: 0px 5px 10px;
    }

.panelBuscador {
    position: absolute;
    top: 2px;
    left: 10px;
    width: 73%;
    z-index: 0;
}
.textBuscador {
    font-size: 14px;
    border: none;
    background-color: white;
    height: 34px;
    border-radius: 3px;
    padding: 5px 10px;
    width: 98%;
    margin-top: 5px;
}
.botonBuscar {
    border: none;
    cursor: pointer;
    top: 38px;
    background-color: white;
    right: 0;
    position: absolute;
    z-index: 1231231;
    margin-right: 13px;
}

.divBotonesMenu {
    position: absolute;
    top: 0px;
    right: 0;
    margin: 5px;
}

.enlaceMenu {
    font-size: 0px;
    margin: 4px 7px!important;
    vertical-align: middle;
}

.topbar {
    background-color: #288dc1;
    height: 48px;
}

.miMenu {
    margin: 10px 0 0 -5px;
    position: absolute;
}

.navbar-light .navbar-toggler {
    position: absolute;
    right: 15px;
    top: 9px;
}

.linklogo{
    position: relative;
    z-index: 999 !important;
}
#main_nav{
    margin-top: 35px;
    padding: 15px 5px;
}

.divBotonesMenu a span {
    position: absolute;
    background: #086da1;
    border-radius: 30px;
    padding: 1px 6px;
    bottom: -5px;
    right: -4px;
    font-size: 11px;
}
.divBotonesMenu a:first-child span{
    right:50px;
}
.divBotonesMenu a:last-child span{
    display: none;
}
.divBotonesMenu a:last-child{
    margin: 8px 7px 4px !important;
}


.nav-item:last-child a, .nav-item:last-child {
    padding: 3px 6px;
    max-width: fit-content;
}

.dropOrden {
    margin: -62px 24% 0px 0px;
    width: 120px;
}
.dropIdioma{
    margin: -62px 20px 0px 0px;
} 

.list-unstyled .dropdown-item{
    width: 100% !important;
    font-size: 13px;
}

.col-megamenu .title{
    font-size: 14px;
    font-weight: bold;
}

.etiDescripcionArticulo {
    font-size: 1.2em;
    line-height: 26px;
}

.etiPrecioArticulo {
    font-size: 1.4em;
    font-weight: bold;
}

.panelResumen, #pTransportistas, #pEX_TipoEnvio, #pEX_OpcionesPago{
    float: left;
    margin: 30px 0;
    width: 100%;
}

.imagenSliderCarrito{
    display: none;
}

.imagenSliderCarritoMovil{
    width: 100%;
}

#panelResumen {
    z-index: 1;
    float: none;
    bottom: 0;
    margin-left: 0;
    width: 100%;
    margin-right: 0;
    display: block;
    top: initial;
}

.claseError {
    display: none;
}

#panelResumenArticulo .EX_divCabeceraResumen,
#panelResumenArticulo .EX_divLineasResumen,
#panelResumenArticulo .EX_divImagenResumen{
    float: none !important;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    margin: 10px 0;
}

#panelResumenArticulo span{
    font-weight: 600;
}

.EX_imgArticuloResumen {
    margin: 0 auto;
    width: auto;
}

#miModalResumen{
    margin-top: 3% !important;
}

#miModalResumen .modal-footer {
    padding: 0 2px 5px;
}


.divItemRepeaterCategorias {
    height: auto;
    width: 100%;
    padding: 20px 10px;
    margin: 10px 0;
    border-bottom: 0;
}


.etiMigas {
    border-bottom: 1px solid #288dc1;
    color: #288dc1;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0px 10px 26px;
    padding-bottom: 44px;
    max-width: 96%;
}

.dropdown-menu.megamenu.show{
    padding: 5px;
}


.imagenBotonIzquierda{
    max-width: 30px;
    margin: 10px;
}

}

@media (min-device-width: 800px) and (max-device-width: 1024px){
.miMenu {
    margin: 5px 0 0 -5px;
    position: initial;
}

}