/* Color corporativo: #e31e24 */




/*Comunes*/

body{font-family:Calibri,Arial,Helvetica,Verdana,sans-serif;height: 100vh;margin: 0 auto;padding: 0px;background-color: white;color:gray;}

.nav li a {color:gray;}

.divPie{width:100%; float:left; background-color:#353535;margin-top:10px;}

.calendario{float:left;margin-left:0px;width:80px;border-radius:5px;border:1px solid lightgrey;padding:5px;margin-right:5px;font-size:0.8em;}

.divMiSlider{width:100%;background-color:white;height:250px;float:left;margin-top:-36px;margin-bottom:36px;}
.switchBtn{position:relative;display:inline-block;width:60px;height:28px;font-size:14px;}
.switchBtn input{display:none;}

.panelMarcas{float:left;width:100%;margin-top:-10px;background-color:white;}
.panelMensaje{float:right;margin-top:30px;width:55%;margin-right:5%;padding:10px;color: #333;font-weight: bold !important;font-size: 14px;text-align: right;border: 1px solid #CECDCB;border-radius:4px;margin-bottom:100px;}


.slide{position:absolute;cursor:pointer;top: 0;left:-14px;right:3px;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;padding:2px 2px 2px 6px;color:#fff;}
.slide:before {position:absolute;content:"";height:20px;width:20px;left:40px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}
input:checked + .slide {background-color:#8CE196;padding-left:30px;}
input:focus + .slide {box-shadow:0 0 1px #01aeed;}
input:checked + .slide:before {-webkit-transform:translateX(15px);-ms-transform:translateX(15px);transform:translateX(15px);left:-15px;}
.slide.round {border-radius:34px;}
.slide.round:before {border-radius: 50%;margin-left:5px;}



/*catálogo*/
.dropOrden{float:right;margin:-50px 2% -30px 0px;border:1px solid gray;padding:3px;border-radius:5px;z-index:100;background-color:white;}
.etiMarcas{width: 96%;margin-left:2%;text-align: center;font-size: 1.0em;border-bottom: 1px solid #e31e24;}
.sliderCatalogo{width:100%;height:auto;max-height:250px;margin-top:-15px;margin-bottom:15px;}


/*repeater articulo*/
.divImagenRepeater{width:100%;height:200px;position:relative;}
.divCompra {margin-top:200px;margin-left:4%;width:92%;}
.divItemRepeaterArticulos {height: 550px;border-bottom:1px solid lightgray;margin-bottom:20px;float:left;width:250px;margin:5px;}
.divAncho{width:100%;}
.imgArticulo {max-height:180px;display:block;margin:auto;width:auto;max-width: 240px;}
.iconoDestacadoNovedad {height:30px;position:absolute;z-index:1;}
.etiDescripcion{float:left;margin-top:10px;font-size:16px;width:100%;text-decoration:none;text-align:left;height:45px;padding:4px;color:gray;}
.etiDescripcion:hover{text-decoration:none;cursor:pointer;color:#e31e24;}
.etiCodigo {float:left;margin-top:18px;font-size:13px;width:100%;text-decoration:none;text-align:left;padding:4px;color:black;}
.etiStockDisponible {font-size:14px;float:left;width:100%;text-align:left;padding:4px;color:green;}    
.etiStockNoDisponible {font-size:14px;float:left;width:100%;text-align:left;padding:4px;color:orange;}
.etiPrecio {float:left;font-size:18px;width:50%;text-align:left;margin-top:10px;margin-bottom:10px;height:25px;padding:4px;color:#e31e24;}
.etiPrecioTachado {float:left;font-size:14px;width:50%;text-align:left;margin-top:14px;height:25px;padding:4px;color:gray;text-decoration:line-through;}
.etiTipoPrecio{font-size:10px;margin-left:2%;margin-top:15px;margin-bottom:-15px;float:left;width:96%;color:gray;}
.imagenCarrito {margin-top: -2px;float: right;height:25px;width:25px;}
.desplegable{width:205px;height:22px;float:left;font-size:12px;margin:8px 0 0 0px;border-radius:4px;}
.botonMas{width:15px;cursor:pointer;margin-top:-6px;margin-bottom:-5px;}
.botonMenos{width:15px;cursor:pointer;}




/*menu*/
.miMenu{height:54px;width:100%;float:left;z-index:0;background-color:white;}
.divMenu{height:85px;width:100%;float:left;z-index:0;background-color:#e31e24;}
.logoMenu{height:60px;width:auto;margin:12px;}
.botonBuscar{width:auto;height:35px;margin-left:68%;border:none;cursor:pointer;top:5px;position:absolute;}
.headerMenu{background-color:#e31e24;}
.enlaceMenu{color:white;margin:20px;} 
.enlaceMenu:hover{color:black;text-decoration:none;cursor:pointer;}
.panelBuscador{position:absolute;top:25px;width:100%;z-index:0;}
.textBuscador {font-size:14px;border:none;background-color:white;height:32px;border-radius:3px;margin:0 auto;width:40%;min-width:250px;padding:10px;display:block;}
.divBotonesMenu{float:right;margin:10px;position:relative;z-index:100;}




/*migas*/
.divMigas{float:left;width:94%;margin-left:3%;margin-top:20px;margin-bottom:20px;border-bottom:solid 1px #e31e24;height:15px;}
.etiMigas{font-size:16px;float:left;margin:10px 40px;border-bottom:1px solid #e31e24;width:96%;z-index:0;}
.enlaceMigas{color:gray;cursor:pointer;} 
.enlaceMigas:hover{color:#e31e24;text-decoration:none;cursor:pointer;}
.etiError{font-size:16px;float:left;margin:10px 40px;color:#e31e24;background-color:#fbef9d;width:96%;padding:10px 5px;}
.etiOk{font-size:16px;float:left;margin:10px 40px;color:green;background-color:#dcf9c1;width:96%;padding:10px 5px;}
.etiNeutro{font-size:16px;float:left;margin:10px 40px;color:orange;background-color:#dcf9c1;width:96%;padding:10px 5px;}




/*carrito*/
.sliderCarrito{float:left;width:90%;margin-left:5%;margin-top:-16px;}
.imagenSliderCarrito{width:100%;height:auto;}
.divBotones{float:right;margin-top:65px;margin-bottom:-40px;}
.etiTituloCarrito{font-size:1.8em;float:left;color:gray;width:50%;margin-top:55px;margin-bottom:0px;}

.divLineas{float:right;width:50%;text-align:right;}
.divCabecera{float:right;width:50%;text-align:right;}
.etiTitulos{font-size:1.2em;color:#e31e24;width:100%;float:right;}
.etiTotalPedido{font-size:1.5em;color:orange;font-weight:bold;}
.etiSubtotalPedido{font-size:1.2em;font-weight:bold;}
.cambiaColor{color:orange;}
.textUnidadesCarrito{text-align:left;padding:0;background-color:white;color:#e31e24;height:20px;width:100px;border:none;}
.divEncabezado{float:left;width:90%;margin-left:5%;margin-top:-60px;margin-bottom:10px;}
.imagenBotonCarrito{width:30px;margin:6px;}
.textObservaciones {float:right;margin-top:30px;width:55%;margin-right:5%;font-size: 12px;border: 1px solid lightgrey;border-radius:4px;height:50px;}
.panelResumen {float:right;margin-top:30px;width:55%;margin-right:5%;padding:10px;color: #333;font-weight: bold !important;font-size: 14px;text-align: right;border: 1px solid #CECDCB;border-radius:4px;}
.divBotonFinalizar{float:left;width:90%;margin-left:5%;margin-top:10px;margin-bottom:10px;}
.botonFinalizar{float:right;background-color:#56baed;color:white;border:none;padding: 15px 60px;text-align:center;text-decoration:none;font-size:15px;border-radius:5px;margin-top:20px;}
.botonFinalizar:hover{background-color:gray;}

.etiAvisoCarrito{font-size:16px;float:left;margin:10px 5%;color:green;background-color:#fbef9d;width:90%;padding:10px 5px;}
.etiBotonOK {color: #e31e24;text-decoration: none;font-size: 14px;float:right;}
.panelIncluir{width:90%;margin-left:0%;float:left;}
.botonIncluir{width:auto;height:32px;border:none;cursor:pointer;margin:5px;float:left;}
.dropIncluir{width:200px;float:left;border:1px solid lightgray;border-radius:5px;margin:5px;font-size: 14px;height:32px;}
.textIncluir{font-size: 14px;border:1px solid lightgray;background-color:white;height:32px;border-radius:3px;width:200px;padding:10px;float:left;margin:5px;}
.textIncluirUds{font-size: 14px;border:1px solid lightgray;background-color:white;height:32px;border-radius:3px;width:100px;padding:10px;float:left;margin:5px;}
.claseError{color:#e31e24;float:left;visibility:visible;margin-top:8px;} 





/*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:#e31e2438;}
.grid tr {height: 40px;}
.grid tr:hover{background-color:lightgray;}
.grid a{text-decoration:none;color:#e31e24;font-size:18px;padding-right:4px;text-align: left;}
.grid a:hover{text-decoration:none;color:#e31e24;font-size:18px;padding-right:4px;text-align: left;}
.divGrid{margin-top:10px;float:left;width:90%;overflow-x: scroll;margin-left:5%;}
.miniGrid {width: 100%;border: none;}
.miniGrid td, th, tr {border:none;text-align: left;padding-right:4px;}
.miniGrid th {font-weight: bold;text-decoration:none;}
.miniGrid tr {height: 40px;}
.miniGrid a{text-decoration:none;color:#e31e24;font-size:18px;padding-right:4px;text-align: left;}
.divMiniGrid{margin-top:5px;float:left;width:70%;font-size:12px;}










/* Tamaño pantalla PC desde 800px */

@media (min-device-width:992px) {

    

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

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

.new{font-weight:bold;color:#e31e24;font-size:12px;}

.ocultar{display: none;}

.imagenSlider{width:100%;margin-top:-16px;}
.imagenSliderCliente{width:65%;margin-left:25%;float:left;margin-top:20px;}

.imagenLogo{padding: 10px;}

.divSelector{float:right;margin-top:-50px;margin-right:250px;}
.divSelector2{float:right;margin-top:-50px;margin-right:330px;}

.panelLista{margin-top:15px;float:left;width:100%;}




.imagenBotonIzquierda {float:left;height:25px;width:25px;margin-top:-2px;margin-right:5px;}
.imagenBotonDerecha {float:right;height:25px;width:25px;margin-top:-2px;margin-left:5px;}
.imagenBotonVolver{width: 30px;margin:-5px 5px 0px 5px;float: left;}
.imgBoton{width:40px;}
.imgArticuloFicha {float: left;height: auto;width: 95%;min-width: 350px;max-width:700px; margin-bottom: 10px;}
.imgPDF{float: left;margin-top: -29px;padding: 15px;}




.divCuentaIzquierda {width: 38%;float: left;}
.divCuentaDerecha {width: 38%;float: left;}
.divElementoCuenta {float: left;width: 100%;min-width:220px; margin: 4px;}
.divBotonDerecha {float: right; width:auto;}
.divBotonIzquierda {float: left;width:auto;}
.divGesDocArticulo {float: left;margin: 20px 0 0 0;width:100%;}
.divCabeceraPedido {margin-left:5%;float: left;width:95%;}
.divCamposBusqueda {height: 250px;float: left; text-align: right;margin-top:10px;}
.divTitulo {position: absolute;margin:-20px 10px 0px 0px;width:100%;}
.divBotonFiltrar {float:left;width:100%;margin-top:10px;}
.divBotonDesfiltrar {float:left;margin-left:10px;margin-top:10px;}
.divSlider{float:left;margin-left:5%;width:90%;} 
.divFiltrosFechas{float:left;width:46%;min-height:200px;min-width:220px;margin-top:10px;}
.divFiltrosRadios{float:left;width:40%;min-height:200px;margin-top:10px;}
.divIzquierda{border:1px solid lightgray;width:26%;height:150px;min-width:400px;float:left;padding-left:20px;background-color:white;}



/*repeater articulo*/
.divMasMenos{width:20px;float:left;margin-left:190px;height:35px;margin-top:-41px;}
.textUnidades {border:1px solid #e31e24;padding: 1px 5px 1px 5px;height:34px;border-radius:4px;width:50px;margin-left:135px;float:left;margin-top:-34px;}
.linkComprar {text-decoration:none;text-align:right;color:white;width:130px;border-radius:4px;border:none;padding:6px 8px 4px 8px;background-color:#e31e24;float:left;margin-top:0px;}
.linkComprar:hover{color:#e31e24;background-color: white;text-decoration: none;}




/*articulo*/
.divMasMenosArticulo{width:20px;float:left;margin-left:190px;height:35px;margin-top:-41px;}
.panelArticulo{float:left;width:70%;margin-left:15%;margin-bottom:100px;}
.imagenRelacionados{width:130px;}
.etiSeccion{font-size:16px;float:left;margin:10px 0px;border-bottom:1px solid #e31e24;width:80%;}
.divFlechasImagen{float:left;margin-left:46%;}
.divDesplegable{height:30px;float:left;width:100%;}
.divComprarArticulo {float: left;margin: 56px 0 0 0;width:100%;}
.divFichaArticulo{float:left;width:50%;}
.textUnidadesArticulo{border:1px solid #e31e24;padding: 1px 5px 1px 5px;height:34px;border-radius:4px;width:50px;margin-left:135px;float:left;margin-top:-34px;}
.linkComprarArticulo {text-decoration:none;text-align:right;color:white;width:130px;border-radius:4px;border:none;padding:6px 8px 4px 8px;background-color:#e31e24;float:left;margin-top:-34px;}
.linkComprarArticulo:hover{color:#e31e24;background-color: white;text-decoration: none;}
.divImagenFicha{float:left;width:90%;margin-left:5%;}
.divDescripcionCorta{float:left;width:80%;margin-left:5%;text-align:center;}
.etiDescripcionArticulo {float: left;margin-top: 10px;font-size:20px; width: 100%;text-decoration: none;text-align: left;height: 45px;padding: 5px;color: #e31e24;font-weight: bold;border-radius: 5px;}
.etiDescripcion2Articulo {float: left;margin-top: 10px;font-size:16px; width: 100%;text-decoration: none;text-align: left;height: 30px;padding: 5px;color: black;border-radius: 5px;}
.etiDescripcionCorta {color: grey;text-align: center;font-size: 14px;}
.etiCodigoArticulo {float: left;font-size:16px; width: 100%;text-decoration: none;text-align: left;height: 30px;padding: 5px;color: black;border-radius: 5px;}
.etiCaracteristicas {float: left;font-size:14px; width: 100%;text-decoration: none;text-align: left;height: auto;padding: 5px;color: black;border-radius: 5px;}
.etiPrecioArticulo {float: left;font-size:20px;font-weight: bold;width: 50%;text-align: left;padding:5px;color: #e31e24;height:50px;margin-top:10px;}
.etiPrecioArticuloTachado {float: left;font-size:16px;width: 50%;text-align: left;padding:5px;color: gray;height:50px;margin-top:10px;text-decoration:line-through}
.etiStockArticuloDisponible {color: green;font-weight: bold;text-align: left;padding:5px;height:30px;float: left;width: 100%;}
.etiStockArticuloNoDisponible {color: orange;font-weight: bold;text-align: left;padding:5px;height:30px;float: left;width: 100%;}
.divFlechasRelacionados{float:left;width:100%;background-color:white;}
.flechasRelacionados, .flechasRelacionados:hover{font-size:18px;color:#e31e24;text-decoration:none;}
.etiTipoPrecioArticulo{font-size:10px;margin-left:5px;margin-top:15px;margin-bottom:-15px;float:left;width:96%;color:gray;}



.etiEncabezado{color:#e31e24;font-size:20px;width:90%;margin-left:5%;}
.etiBoton {color: #e31e24;text-decoration: none;font-size: 14px;float:left;padding:5px 5px 5px 13px;border:solid 1px white;margin-left:5px;}
.etiBoton:hover {color: #e31e24;text-decoration: none;font-size: 14px;float:left;padding:5px 5px 5px 13px;cursor:pointer;border-radius:4px;margin-left:5px;}
.etiCabeceraDocumento {color: #e31e24;font-size:14px;width: 90%;float: left;margin: 0px 0px 20px 0px;}
.etiBuscador {float: left;width: 100%;font-size: 15px;margin-top: 15px;margin-left: 20px;margin-bottom:10px;}
.etiBienvenida {width:90%;height:30px;color:#e31e24;font-size:16px;margin-left:5%;margin-top:100px;float:left;}
.etiCabecera {width:90%;height:30px;color:gray;font-size:26px;margin-left:5%;margin-bottom:20px;float:left;}
.etiTitulo {width:90%;color:#e31e24;font-size:42px;margin-left:5%;margin-bottom:20px;float:left;}
.etiTituloPerfil{font-size:2.4em;float:left;color:gray;width:90%;margin-left:5%;}divPie
.etiFiltros {margin-bottom: 10px;float:left;width:100%;margin-top:25px;text-align:left;font-size:0.9em;}
.etiDetalle {margin-bottom: 10px;float:left;width:100%;margin-top:13px;font-size:18px;}
.etiCheck{float:left;width:80px;font-size:0.8em;}
.etiTotales {float:left;width:40%;margin-top:5px;font-size:18px;color: #e31e24;}
.etiTotal {float:left;width:40%;margin-top:5px;font-size:18px;font-weight:bold;}
.valorTotales {float:left;width:130px;margin-top:5px;font-size:18px;color:gray;text-align:right;}
.valorTotal {float:left;width:130px;margin-top:5px;font-size:18px;color:orange;font-weight:bold;text-align:right;}
.etiAvisos{width:90%;margin-left:5%;text-align:justify;float:left;}


.textFecha {width:120px;margin-right:10px;margin-top:10px; border-radius:4px;float:left;border:1px solid gray;height:30px;}
.textCuenta {background-color:white;color:black;width:240px;height:40px;border-radius:4px;}
.textCuentaReadOnly {background-color: lightgray;color:black;width: 240px;height:40px;border-radius:4px;}



/*perfil*/
.botonFiltrar{width:35px;height:35px;}
.radio{float:left;cursor:pointer;font-size:16px;color:gray;width:30px;}
.divChecks{float:left;width:80%;}
.etiFidelizacion{margin-top:50px;float:left;}
.etiPuntos{color:orange;font-weight:bold;font-size:1.5em;}
.etiBotonIzquierda {color: #e31e24; text-decoration: none; font-size: 14px; float: left;padding: 11px 15px 9px 15px;margin-left: 5px;margin-left:-15px;margin-top:-16px;}
.etiBotonIzquierda:hover {text-decoration:none;cursor:pointer;margin-left:-15px;margin-top:-16px;}
.divTotales{margin-top: -34px;width: 245px;float: right;margin-bottom: 50px;}
.etiTituloSinFiltros{font-size:2.4em;float:left;color:gray;margin-left:5%;width:90%;}
.etiErrorPerfil{font-size: 16px;float:left;margin:-31px 14px 0px 5%;color:#e31e24;background-color:#fbef9d;width:90%;padding:10px 5px;}
.etiCuenta{margin-top:10px;float:left;}


/*catálogo*/
.divFlechas{position:fixed;right: 10px;background-color: white;padding: 3px;border-radius: 5px;z-index: 100;top:425px;}

}



@media (min-device-width:2000px) {
    .divRepeaterArticulos{width:1820px;margin:0 auto;}
}

@media (min-device-width:1800px) and (max-device-width:1999px) {
    .divRepeaterArticulos{width:1560px;margin:0 auto;}
}

@media (min-device-width:1600px) and (max-device-width:1799px) {
    .divRepeaterArticulos{max-width:1560px;margin:0 auto;}
}

@media (min-device-width:1350px) and (max-device-width:1599px) {
    .divRepeaterArticulos{max-width:1300px;margin:0 auto;}
    .botonBuscar{margin-left:67%;}
}

@media (min-device-width:1060px) and (max-device-width:1349px) {
    .divRepeaterArticulos{max-width:1040px;margin:0 auto;}
    .botonBuscar{margin-left:67%;}
}

@media (min-device-width:800px) and (max-device-width:1059px) {
    .divRepeaterArticulos{max-width:780px;margin:0 auto;}
     .botonBuscar{margin-left:67%;}
}