/* COLOR CORPORATIVO */
/* Sustituir en todos los archivos css + controles */
/* Oscuro: # 4172b4 ; */
/* Claro:  # c7f0fb ; */


.btnCalendario{float:left;margin-left:-38px;}
.divVolver{float:left;margin-left:5%;}
.divCalendarios{float:left;width:100%;}
.claseCalendario th{background-color:#e5ac6a;}


.tbDescuentoKO{width:45px;border:none;color:#ffa500;font-weight:bold;text-align:center;border-radius:5px;}
.tbDescuentoOK{width:45px;border:none;border-bottom:1px solid gray;color:#01bef0;font-weight:bold;text-align:center;border-radius:5px;}

.divSiguiente{visibility:hidden;width:100px;height:40px;float:left;}
.divAnterior{visibility:hidden;width:100px;height:40px;float:left;}
.linkPaginaAntSig{text-align:center;vertical-align:central;font-size:20px;color:#000000;padding:5px;font-weight:normal;}
.linkPaginaAntSig:hover{text-align:center;vertical-align:central;font-size:20px;color:darkgrey;padding:5px;font-weight:normal;text-decoration:none;}

.panelModoLista{float:left;margin-left:5%;width:90%;}
.divItemRepeaterArticulos{height:600px;border-bottom:1px solid lightgray;margin-bottom:20px;float:left;width:250px; margin:5px 30px 5px;}


.etiSeccion{font-size:20px;float:left;margin:10px 0px;border-bottom:1px solid #000000;width:80%;font-weight: bold;color:#000000;}
.etiFiltros{font-family:arial; margin-bottom: 10px;float:left;width:100%;margin-top:25px;text-align:left;font-size:0.9em;}


.MensajeError   {float:left;width:93%;padding:3px;color:red;    margin-top: 4px;background-color:lightpink;}
.MensajeAviso   {float:left;width:93%;padding:3px;color:orange; margin-top: 4px;background-color:lightyellow;}
.MensajeOk      {float:left;width:93%;padding:3px;color:green;  margin-top: 4px;background-color:lightgreen;}
.MensajeRandom  {float:left;width:93%;padding:3px;color:black;  margin-top: 4px;background-color:white;}


.panelBuscador{position:absolute;top:25px;width:100%;z-index:0;}
.lupaBuscador{width:auto;border:none;cursor:pointer;float:left;margin:5px 0px 0px -32px;}


.imgCarrito{float:left;height:50px;width:50px;}
.etiCarrito{float:left;text-align:center;width:30px;margin:9px -27px;font-size:14px;}
.enlaceCarrito{color:white;text-decoration:none;} 
.enlaceCarrito:hover{color:white;}


.etiStockBlanco,.etiStockVerde,.etiStockAmbar,.etiStockRojo{font-size:14px;float:left;width:160px;text-align:left;color:white;padding:1px 5px;height:22px;border-radius:5px;margin:2px 0px;}
.etiStockBlanco{background-color:white;}
.etiStockVerde{background-color:#51bf55;}  
.etiStockAmbar{background-color:#f19b31;}
.etiStockRojo{background-color:#f74b4b;}


.clasePrecio{float:left;width:50%;text-align:left;height:25px;padding:4px;color:#000000; font-weight:bold; font-style:italic;}


.divAncho{width:100%;float:left;}
.divError{float:left;margin-left:5%;width:95%;}


.textBuscadorCliente{font-size:14px;border:1px solid gray;background-color:white;height:32px;border-radius:3px;padding:10px;display:block;}
.botonesPerfil{display:flex;justify-content:center;width:100%;background-color:transparent;}


.divItemArticulo{float:left;margin-left:5%;width:90%;margin-bottom:10px;}
.divDescripcionCorta{font-family:arial;float:left;width:80%;text-align:center;}
.etiDescripcionArticulo{font-family:arial;float:left;margin-top:10px;font-size:1.8em;width:80%;text-decoration:none;text-align:left;padding:5px 0px;color:#000000;font-weight:bold;border-radius:5px;}
.etiDescripcion2Articulo{font-family:arial;float:left;margin-top:50px;font-size:16px;width:100%;text-decoration:none;text-align:left;padding:5px 0px;color:#333;border-radius:5px;}
.etiDescripcionCorta{font-family:arial;color:grey;text-align:center;font-size: 14px;}
.etiCodigoArticulo{font-family:arial;float:left;font-size:16px;width:100%;text-decoration:none;text-align:left;height:30px;padding:5px 0px;color:#333;border-radius:5px;font-weight:bold;}
.etiCaracteristicas{font-family:arial;float:left;font-size:14px;width:100%;text-decoration:none;text-align:left;height:auto;padding:5px 0px;color:#333;border-radius:5px;}
.etiPrecioArticulo{font-family:arial;float:left;font-size:1.8em;font-weight:bold;width:150px;text-align:left;padding:5px 0px;color: #000000;height:50px;margin-top:10px;color:#000000;font-weight:bold;font-style:normal;}
.etiPrecioArticuloTachado{font-family:arial;float:left;font-size:16px;width:50%;text-align:left;padding:5px;color:gray;height:50px;margin-top:10px;text-decoration:line-through}
.etiTipoPrecioArticulo{font-family:arial;font-size:10px;margin-top:15px;margin-bottom:-15px;float:left;width:96%;color:#000;}


.etiBoton {color: #ffffff;text-decoration: none;font-size: 14px;float:left;padding:3px 8px 3px 3px;border:solid 1px white;margin-left:5px; background-color: #000000; border-radius:5px;}
.etiBoton:hover {color:#000000;text-decoration: none;font-size: 14px;float:left;padding:3px 8px 3px 3px;cursor:pointer;border:solid 1px white;margin-left:5px;border-radius:5px; background-color:white;}

.divEncabezado{float:left;margin-left:5%;margin-top:-10px;border-top:1px solid white;}
.botonFiltrar{width:45px;height:45px;}

.numeroPagina a{float:left;margin:4px;width:20px;font-weight:bold;font-size:18px;}
.numeroPagina span{float:left;margin:4px;width:20px;font-weight:bold;font-size:18px;color:#db8c2d;}



/* PANTALLAS GRANDES (PC) */
@media (min-device-width:992px) {

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

.grid {width: 100%;border: none;}
.grid td, th, tr {font-family:arial; 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:#000000; color:#fff;}
.grid tr {height: 40px;white-space: nowrap;}
.grid tr:hover{text-decoration:none;}
.grid a{font-family:arial;text-decoration:none;color:#fff;font-size:18px;padding-right:4px;text-align: left;}
.grid a:hover{text-decoration:none; color:#fff;}

.gridCompra {border:none;}
.gridCompra td, th, tr{border:none;text-align:left;}
.gridCompra tr{padding-left:10px;}
.gridCompra th{font-weight:bold;text-decoration:none;background-color:#c7f0fb;margin-left:10px;}
.gridCompra a{text-decoration:none;color:#000000;font-size:14px;text-align:left;}

.gridRelacionados {width: 100%;border: none;}
.gridRelacionados td {border:none;text-align:left;padding-right:4px;}
.gridRelacionados th {font-weight: bold;text-decoration:none;background-color:#000000;border-top: none;border-left: none;border-right: none;text-align: left;padding-right:4px;width:200px;}
.gridRelacionados tr {height:45px;border-top:none;border-left:none;border-right:none;text-align: left;padding-right:4px;flex-flow:nowrap;}
.gridRelacionados a{text-decoration:none;color:#000000;font-size:18px;padding-right:4px;text-align: left;}
.gridRelacionados a:hover{text-decoration:none;color:#000000;font-size:18px;padding-right:4px;text-align: left;}
.imgRelArticulo{float:left;height:60px;width:auto;}

.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:#000000;font-size:18px;padding-right:4px;text-align: left;}

.linkBotonPerfil{float:left;margin:3px;border-radius:5px;padding:5px 8px 5px 4px;background-color:transparent;color:#000;font-size:12px;}
.linkBotonPerfil:hover{background-color:#cccccc;cursor:pointer;color:white;text-decoration:none;}
.paginaPerfil{float:left;margin-left:5%;width:90%;}
.cabeceraPerfil{float:left;margin-top:-16px;width:100%;}
.divBarraPaginacion{float:left;width:100%;height:32px;background:white;margin-top:-8px;}
.etiTituloPerfil{font-family:arial;font-size:30px;float:left;color:#000000;width:90%;margin:15px 0px;}
.dropOrden{float:right;width:185px;font-size:14px;border:1px solid gray;padding:3px;height:26px;margin-top:-62px;margin-right:2%;z-index:100;background-color:white;}
.etiMigas{font-family:arial;font-size:18px;float:left;margin:22px 40px;border-bottom:2px solid #000000;width:96%;z-index:0;}
.listaBuscador{width:auto;border:none;cursor:pointer;float:left;margin:5px 0px 0px 10px;}
.listaBuscador:hover{background-color:orange;}
.etiMarcas{text-align:center;font-size:16px;border-bottom:1px solid #000000;float:left;width:90%;margin-left:5%;margin-bottom: 20px;}
.panelFiltros{float:left;border:none;border-radius:5px;box-shadow:0 12px 12px 0 rgba(0,0,0,.15);margin-bottom:15px;padding:15px;width:100%;}
.panelFiltro{float:left;width:290px;margin-bottom:12px;}
.panelCompraRapida{margin-left:5%;top:124px;margin-bottom:50px;background-color:white;position:absolute;border-radius:5px;box-shadow:0 12px 12px 0 rgba(0,0,0,.15);padding:60px 20px;z-index:999;}/*{margin-top:65px;float:left;width:90%;margin-left:5%;margin-bottom:50px;}*/

.divGridCompraRapida{margin-bottom:25px;}
.imagenSliderCarrito{height:auto;width:100%;display:block;margin:10px auto;}
.divBotones{float:left;margin:10px 0 10px -6px;}
.panelResumen{float:right;margin-top:30px;width:90%;margin:10px 5%;padding:10px;color: #333;font-weight: bold !important;font-size: 14px;text-align: right;border: 1px solid #CECDCB;border-radius:4px;}
.textObservaciones{float:right;width:90%;margin:30px 5% 0px 5%;font-size:12px;border:1px solid lightgrey;border-radius:4px;height:65px;}
.divLineas{float:right;width:50%;text-align:right;}
.divCabecera{float:right;width:50%;text-align:right;}
.divBotonVolver{float:left;margin-bottom:40px;}
.divBotonComprarTodo{float:left;margin-bottom:20px;}
.etiNeutro{font-size:16px;float:left;margin:10px 40px;color:#000000 !important;background-color:white;width:96%;padding:10px 5px;}
.divBuscadorCliente{float:left;width:400px;margin-left:5%;}
.divEncabezadoClientes{float:left;width:90%;margin:20px 0 20px 5%;}

.botonComprar{text-decoration:none;text-align:center;color:white;width:48px;border-radius:5px;border:none;padding:0px 9px;background-color:#000000;float:left;}
.botonComprar:hover{color:#000000;background-color:#db8c2d;text-decoration: none;}
.botonesMasMenos{text-decoration:none;text-align:center;color:white;width:35px;background-color:#000000;float:left;margin-top:-2px;}
.botonesMasMenos:hover{background-color:#db8c2d;}
.textUnidades{border:1px solid #000000;color:#000000;padding: 1px 5px 1px 5px;height:30px;border-radius:4px;width:50px;float:left;margin:0 2px 0 4px;font-size:14px;}
.desplegable{font-family:arial;width:205px;height:22px;float:left;font-size:14px;margin:8px 0 0 0px; border: 1px solid #ccc;box-shadow: 0 2px 2px 0 rgba(0,0,0,.15),0 2px 2px 0 rgba(0,0,0,.15);}

.textUnidadesLista{border:1px solid gray;color:black;padding: 1px 5px 1px 5px;height:25px;border-radius:4px;width:50px;float:left;margin-left:4px;font-size:14px;}
.divMasMenos{width:20px;float:left;margin-left:5px;height:35px;margin-top:-9px;}
.calendario{float:left;margin-left:0px;width:130px;border-radius:5px;border:1px solid lightgrey;padding:5px;margin-right:5px;font-size:0.8em;}

.botonMasMenos{margin:2px;}
.sliderCatalogo{display:block;margin-top:-16px;width:100%;float:left;}
.etiTituloCarrito{font-size:32px;float:left;color:gray;width:70%;margin-top:35px;margin-bottom:10px;}
.divMiniGrid{margin-top:5px;float:left;width:70%;font-size:12px;}
.barraPaginacion0{margin:0 auto;height:0px;width:0;}
tr th a{color:gray;font-weight:normal;font-size:16px;}
.div100{float:left;width:100%;margin-top:20px;}
.icono{margin:10px;height:35px;width:35px;}
.new{font-weight:bold;color:#000000;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:10px;margin-bottom:-52px;margin-right:222px;}
.imgStock{height:25px;border-width:0px;margin-top:-2px;margin-bottom:2px;margin-left:-1px;}

.claseBotonVolver{display:inline-block;height:30px;border:none;border-radius:5px;text-decoration:none;padding: 11px 6px 2px 0px;background-color:#000000;color:white;}
.claseBotonVolver:hover{background-color:white;color:#000000;}
.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: 75%;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;}
.divFiltrosFechas{float:left;width:57%;min-height:200px;min-width:220px;}
.divFiltrosRadios{float:left;width:40%;min-height:200px;}

.divMasMenosArticulo{width:20px;float:left;margin-left:66px;height:35px;margin-top:-41px;}
.panelArticulo{float:left;width:70%;margin-left:15%;margin-bottom:5%;}
.imagenRelacionados{width:130px;}
.divFlechasImagen{float:left;margin-left:40%;}
.divComprarArticulo {float: left;margin: 56px 0 0 0;width:100%;}
.divFichaArticulo{float:left;width:50%;}
.divImagenFicha{float:left;width:90%;margin-left:5%;}
.divFlechasRelacionados{float:left;width:100%;background-color:white;}
.flechasRelacionados, .flechasRelacionados:hover{font-size:18px;color:#000000;text-decoration:none;}

.etiEncabezado{color:#000000;font-size:20px;width:90%;margin-left:5%;}

.etiCabeceraDocumento {color: #000000;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:#000000;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:#000000;font-size:42px;margin-left:5%;margin-bottom:20px;float:left;}

.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: #000000;}
.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:#333;width:240px;height:40px;border-radius:4px;}
.textCuentaReadOnly {background-color: lightgray;color:#333;width: 240px;height:40px;border-radius:4px;}

.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: #000000; 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:#000000;width:100%;margin-top:175px;}
.etiErrorPerfil{font-size: 16px;float:left;margin:-31px 14px 0px 5%;color:#000000;background-color:#fbef9d;width:90%;padding:10px 5px;}
.etiCuenta{margin-top:10px;float:left;}

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

}









/* PANTALLAS PEQUEÑAS (MÓVIL) */
@media (max-device-width:991px) {

.divPie{float:left;margin-top:100px;}

.grid {width:100%;border:none;zoom:0.8;}
.grid td, th, tr {border-top: none;border-left: none;border-right:none;text-align: left;padding-right:4px;white-space: nowrap;}
.grid th {font-weight: bold;text-decoration:none;background-color:#c7f0fb;min-width: 100px;}
.grid tr {height: 40px;}
.grid a{text-decoration:none;color:#000000;font-size:18px;padding-right:4px;text-align: left;}

.gridCompra {width:100%;border:none;}
.gridCompra td, th, tr{border:none;text-align:left;font-size:14px;}
.gridCompra tr{padding-left:10px;}
.gridCompra th{text-decoration:none;background-color:#c7f0fb;margin-left:10px;}
.gridCompra a{text-decoration:none;color:#000000;font-size:14px;text-align:left;}

.gridRelacionados {width: 100%;border: none;}
.gridRelacionados td {border:none;text-align:left;padding-right:4px;margin:3px;}
.gridRelacionados th {font-weight: bold;text-decoration:none;background-color:#000000;border-top: none;border-left: none;border-right: none;text-align: left;padding-right:4px;width:200px;}
.gridRelacionados tr {height:45px;border-top:none;border-left:none;border-right:none;text-align: left;padding-right:4px;flex-flow:nowrap;}
.gridRelacionados a{text-decoration:none;color:#000000;font-size:18px;padding-right:4px;text-align: left;}
.gridRelacionados a:hover{text-decoration:none;color:#000000;font-size:18px;padding-right:4px;text-align: left;}
.imgRelArticulo{float:left;height:60px;width:auto;}

.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:#000000;font-size:18px;padding-right:4px;text-align: left;}

.linkBotonPerfil{float:left;margin:2px;border-radius:5px;padding:1px;background-color:transparent;color:white;font-size:0px;zoom:0.8;}
.linkBotonPerfil:hover{background-color:#cccccc;cursor:pointer;color:white;text-decoration:none;}
.paginaPerfil{float:left;margin-left:5%;width:90%;}
.cabeceraPerfil{float:left;margin-top:15px;width:100%;}
.divBarraPaginacion{float:left;width:100%;height:50px;background:white;margin-top:-15px;}
.etiTituloCarrito{font-size:20px;float:left;color:gray;width:70%;margin-top:35px;margin-bottom:10px;}
.etiTituloPerfil{font-size:20px;float:left;color:#000000;width:90%;margin:15px 5%;}
.divSelector{float:right;margin:-14px 10px -15px 0;zoom:0.8;}
.dropOrden{visibility:hidden;float:right;width:190px;font-size:14px;border:1px solid gray;padding:3px;height:26px;margin-top:-88px;margin-right:5%;z-index:100;background-color:white;zoom:0.8;}
.etiMigas{font-size:12px;float:left;border-bottom:1px solid #000000;width:96%;z-index:0;margin:10px 0 10px 2%;}
.listaBuscador{width:auto;border:none;cursor:pointer;float:left;margin:4px 0px 0px 5px;}
.etiMarcas{font-size:14px;float:left;border-bottom:1px solid #000000;width:90%;margin-left:5%;text-align:center;margin-bottom: 20px;}
.panelFiltros{float:left;border:none;border-radius:5px;box-shadow: 0 12px 12px 0 rgba(0,0,0,.15);margin-bottom:15px;margin-left:5%;padding:15px;width:90%;}
.panelFiltro{float:left;width:290px;zoom:0.8;margin-bottom:12px;}
.panelCompraRapida{float:left;width:90%;margin-left:2%;margin-bottom:50px;}
.imagenSliderCarrito{display:none;}
.divBotones{float:left;margin-left:-7px;}
.panelResumen{float:right;margin-top:30px;width:90%;margin-right:5%;padding:10px;color: #333;font-weight: bold !important;font-size: 14px;text-align: right;border: 1px solid #CECDCB;border-radius:4px;}
.textObservaciones{float:right;margin-top:30px;width:90%;margin-right:5%;font-size: 12px;border: 1px solid lightgrey;border-radius:4px;height:50px;}
.divLineas{width:90%;margin-left:5%;margin-top:50px;float:left;}
.divCabecera{float:left;width:90%;text-align:right;}
.divGrid{margin-top:10px;float:left;width:90%;overflow-x: scroll;margin-left:5%;}
.divGridCompraRapida{margin-top:10px;margin-bottom:25px;float:left;width:97%;overflow-x:scroll;}
.divBotonVolver{float:right;margin:-55px -26px 35px;}
.divBotonComprarTodo{float:left;zoom:0.8;}
.codigoArticuloGrid{float:left;margin-left:5px;margin-right:-20px;font-size:12px;color:black;}
.etiNeutro{font-size:16px;float:left;margin:5px 5%;color:orange;background-color:white;width:90%;padding:5px;}
.divBuscadorCliente{float:left;width:84%;margin-left:5%;}
.divEncabezadoClientes{float:left;margin:20px;border-top:1px solid white;}
.panelBuscador{position:absolute;top:66px;left:5%;width:90%;z-index:0;}

.botonComprar{text-decoration:none;text-align:center;color:white;width:60px;border-radius:5px;border:none;padding:0px 9px;background-color:#000000;float:left;}
.botonComprar:hover{background-color:#db8c2d;}
.botonesMasMenos{text-decoration:none;text-align:center;color:white;width:48px;background-color:#000000;float:left;margin-top:-3px;}
.botonesMasMenos:hover{background-color:#db8c2d;}
.textUnidades{border:1px solid #000000;color:#000000;padding: 1px 5px 1px 5px;height:42px;border-radius:4px;width:60px;float:left;margin:0 2px 0 4px;font-size:18px;}

.textUnidadesLista{border:1px solid gray;color:black;padding: 1px 5px 1px 5px;height:25px;border-radius:4px;width:60px;float:left;margin:0 4px;font-size:12px;}
.divMasMenos{width:20px;float:left;margin-left:5px;height:35px;margin-top:-3px;}
.divBotonFiltrar{float:left;width:100%;}

.botonMasMenos{margin:0px;}

.sliderCatalogo{width:100%;height:auto;max-height:250px;margin-bottom:15px;margin-top:16px;}
.calendario{float:left;margin-left:0px;width:130px;border-radius:5px;border:1px solid lightgrey;padding:5px;margin-right:5px;font-size:0.8em;}
.desplegable{width:205px;height:22px;float:left;font-size:12px;margin:8px 0 0 0px; border: 1px solid #ccc;box-shadow: 0 2px 2px 0 rgba(0,0,0,.15),0 2px 2px 0 rgba(0,0,0,.15);}


.divItemArticulo{float:left;margin-left:5%;width:90%;}
.divDescripcionCorta{float:left;width:90%;margin-left:5%;text-align:justify;margin-top:10px;font-size:13px;}

.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;}


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

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

.icono{margin-left:-2px;height:25px;width:25px;}

   

.botonBuscar2{visibility:hidden;}
.divMiSlider{width:100%;background-color:white;height:60px;float:left;margin-top:130px;position:absolute;margin-bottom:36px;}


.iconoDestacadoNovedad{height:30px;position:absolute;z-index:1;margin-left:7px;}
.etiDescripcion{float:left;margin-top:10px;font-size:20px;width:100%;text-decoration:none;text-align:left;height:45px;padding:4px;color:gray;}
.etiDescripcion:hover{text-decoration:none;cursor:pointer;color:#000000;}
.divImagenRepeater{width:100%;height:220px;margin-top:10px;position:relative;}
.etiPrecio {float:left;font-size:25px;font-weight:bold;width:50%;text-align:left;margin-top:10px;margin-bottom:10px;height:25px;padding:4px;color:#000000;}
.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;}
.divAncho{width:100%;float:left;}




/*articulo*/
.divFichaArticulo{width:100%;}
.divDesplegable{height:30px;float:left;width:90%;margin-left:5%;}
.divImagenFicha{float:left;width:90%;margin-left:5%;}
.imgArticuloFicha{width:80%;margin-left:10%;float:left;height: auto;max-width:700px; margin-bottom: 10px;}
.divFlechasImagen{float:left;margin-left:45%;width:50%;}
.imagenRelacionados{width:130px;}
.divFieldset{float:left;}
.divFlechasRelacionados{float:left;width:100%;background-color: white;padding: 3px;border-radius: 5px;z-index: 100;top:425px;}
.flechasRelacionados, .flechasRelacionados:hover{font-size:2.2em;color:#000000;text-decoration:none;}
.panelRelacionados{width:90%;margin-left:5%;}



/*carrito*/
.sliderCarrito{float:left;width:100%;margin-top:-16px;border:none;}
.imagenBotonCarrito{width:20px;margin:6px;}
.panelIncluir{width:100%;margin-left:0%;float:left;margin-top:-20px;}
.botonIncluir{width:auto;height:32px;border:none;cursor:pointer;margin:15px 1% 0px 1%;float:left;}
.dropIncluir{width:72%;float:left;border:1px solid lightgray;border-radius:5px;margin:15px 1% 0 1%;font-size: 14px;height:32px;background-color:white;}
.textIncluir{font-size: 14px;border:1px solid lightgray;background-color:white;height:32px;border-radius:3px;width:65%;padding:10px;float:left;margin:15px 1% 0px 1%;}
.textIncluirUds{font-size: 14px;border:1px solid lightgray;background-color:white;height:32px;border-radius:3px;width:20%;padding:10px;float:left;margin:15px 1% 0px 1%;}
.divCabecera{width:90%;margin-left:5%;}
.divEtiPedidoVacio{margin-top:0px;float:left;width:100%;}



/*perfil*/
.botonFiltrar{width:35px;height:35px;}
.etiCheck{float:left;font-size:0.9em;}
.radio{float:left;cursor:pointer;font-size:16px;color:gray;width:30px;}
.divChecks{float:left;}
.etiFidelizacion{margin-top:22px;float:left;}
.etiPuntos{color:orange;font-weight:bold;font-size:1.5em;}
.etiBotonIzquierda {color: #000000; 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: 300px;float: right;margin-bottom: 50px;}
.etiTituloSinFiltros{font-size:1.8em;float:left;color:gray;width:100px;margin-left:5%;margin-top:2px;}
.etiErrorPerfil{font-size: 16px;float:left;margin:-31px 14px 0px 5%;color:#000000;background-color:#fbef9d;width:90%;padding:10px 5px;}
.etiCuenta{margin-top:10px;float:left;}
.divIzquierdaPuntos{border:1px solid white;width:90%;float:left;background-color:white;height:230px;border:none;}
.divIzquierda{border:1px solid white;width:100%;float:left;padding-left:20px;background-color:white;}
.divFiltrosFechas{float:left;width:100%;}
.divFiltrosRadios{float:left;width:100%;}
.etiFiltros{float:left;width:95%;font-size:0.9em;margin-top:10px;padding-top:5px;border-top:1px solid lightgrey;}






.etiPagina{right:1px;position:fixed;bottom:66px;z-index:999999;}
.flechaAnterior{position:fixed;right:2px;background-color:white;padding:3px;z-index:100;bottom:2px;background:none;height:30px;}
.flechaSiguiente{position:fixed;right:2px;background-color:white;padding:3px;z-index:100;bottom:34px;background:none;height:30px;}


.claseBotonVolver{display:inline-block;height:30px;border:none;border-radius:5px;text-decoration:none;padding: 11px 6px 2px 0px;color:white;background-color:#000000;}
.claseBotonVolver:hover{background-color:white;color:#000000;}
.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;}
.imgPDF{float: left;margin-top: -29px;padding: 15px;}
.etiDetalle {margin-bottom: 10px;float:left;width:100%;margin-top:13px;font-size:18px;}
.etiTotales {float:left;width:40%;margin-top:5px;font-size:18px;color: #000000;}
.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;}
.divTotales{margin-top: 34px;width: 245px;float: right;margin-bottom: 30px;}
.etiAvisos{width:90%;margin-left:5%;text-align:justify;float:left;}
.etiEncabezado{color:#000000;font-size:20px;width:90%;margin-left:5%;}
.panelMensaje{float:left;border:1px solid gray;border-radius:5px;padding:20px;width:100%;height:135px;margin: -70px 5% -41px 0;background-color:white;}
.imagenSliderCliente{width:65%;margin-left:25%;float:left;margin-top:20px;}

}



@media (min-device-width:301px) and (max-device-width:400px) {
    .divRepeaterArticulos{float:left;margin-left:10%;}
}

@media (min-device-width:401px) and (max-device-width:500px) {
    .divRepeaterArticulos{float:left;margin-left:15%;}
}

@media (min-device-width:501px) and (max-device-width:600px) {
    .divRepeaterArticulos{float:left;margin-left:20%;}
}

@media (min-device-width:601px) and (max-device-width:800px) {
    .divRepeaterArticulos{float:left;margin-left:26%;}
}

@media (min-device-width:801px) and (max-device-width:992px) {
    .divRepeaterArticulos{float:left;margin-left:16%;}
}

@media (min-device-width:993px) and (max-device-width:1005px){
    .divRepeaterArticulos{float:left;margin-left:25%;}
}

@media (min-device-width:1006px){
    .divRepeaterArticulos{float:left;margin-left:8%;}
}




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


.botonBuscar2{width:auto;height:35px;margin-left:59%;border:none;cursor:pointer;top:5px;position:absolute;}
.divImgStock{height: 25px;    border-width: 0px;    float: right;    margin-top: -215px;}
.botonReferencia{border:none;cursor:pointer;top:5px;background-color:white;right:10px;position: absolute;}

.lblRelPager{float:left;text-align:left;padding:5px;height:10px;margin-top:1px;color:#000000;flex-flow:nowrap;width:50px;}
.lblRelDescripcion{float: left;text-align: left;padding: 5px;height: 50px; margin-top: 10px;color: gray;flex-flow:nowrap;width:300px;margin-left:-15px;font-size:14px;}
.lblRelPrecio{float: left;font-size: 1em;width: 100px;padding: 5px;height: 50px; margin-top: 10px;color: #000000;font-weight: bold;font-style: italic;margin-left:10px;}


.linkPagina{text-align:center;vertical-align:central;font-size:20px;color:darkgray;padding:5px;font-weight:normal;}
.linkPagina:hover{text-align:center;vertical-align:central;font-size:20px;color:#000000;padding:5px;font-weight:normal;text-decoration:none;}
.linkPaginaOK{text-align:center;vertical-align:central;font-size:20px;color:#000000;padding:5px;font-weight:bold;}
.linkPaginaOK:hover{text-align:center;vertical-align:central;font-size:20px;color:#000000;padding:5px;font-weight:bold;}



.linkComprado{text-decoration:none;text-align:right;color:#000000;width:130px;border-radius:4px;border:1px solid #000000;padding:6px 8px 4px 8px;background-color:white;float:left;margin-top:0px;height:35px;}
.linkComprado:hover{text-decoration:none;text-align:right;color:#000000;width:130px;border-radius:4px;border:1px solid #000000;padding:6px 8px 4px 8px;background-color:white;float:left;margin-top:0px;height:35px;}

.etiUdsCompradas{text-decoration: none;text-align: left;color: #000000;padding: 6px 8px 4px 5px;float: left;margin-top: 0px;height: 35px;font-size: 14px;}
.etiRegalo{font-weight:bold;color:#000000;}


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;}

.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;}
.switchBtn input{display:none;}

.panelMarcas{float:left;width:100%;margin-top:-10px;background-color:white;}


.slide{position:absolute;cursor:pointer;top: 0;left:-10px;right:9px;bottom:0;background-color:#d22d2d;-webkit-transition:.4s;transition:.4s;padding:2px 2px 2px 6px;color:#fff;}
.slide:before {position:absolute;content:"";height:20px;width:20px;left:35px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}
input:checked + .slide {background-color:#509e2f;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:-10px;}
.slide.round {border-radius:34px;}
.slide.round:before {border-radius: 50%;}


/*repeater articulo*/
.divImagenRepeater{width:100%;height:200px;position:relative;}
.divCompra {margin-top:200px;margin-left:4%;width:92%;}


.imgArticulo {max-height:180px;display:block;margin:auto;width:auto;max-width: 240px;}
.iconoLote{height:30px;position:absolute;z-index:1;margin-top:42px;}
.iconoRegalo{height:30px;position:absolute;z-index:1;margin-top:21px;}
.iconoDestacadoNovedad {height:35px !important;position:absolute;z-index:1; margin-top:10px !important;padding-left:10px;}
.etiDescripcion{font-family: arial;float:left;margin-top:10px;font-size:16px;width:100%;text-decoration:none;text-align:left;height:45px;padding:0px;color:#000;;font-weight: 500;}
.etiDescripcion:hover{text-decoration:none;cursor:pointer;color:#000000;}
.etiCodigo {font-family: arial;float:left;margin-top:18px;font-size:16px;width:100%;text-decoration:none;text-align:left;padding04px;color: #000;font-weight: 500;}
.etiPrecio {font-family: arial; float:left;font-size:1.4em;width:50%;text-align:left;margin-top:10px;margin-bottom:20px;height:25px;padding:0px;color:#000000; font-weight:500; font-style:normal;}
.etiPrecioTachado {float:left;font-size:1.1em;width:50%;text-align:left;margin-top:14px;height:25px;padding:4px;color:gray;text-decoration:line-through;font-style:italic;}
.etiTipoPrecio{font-size:13px;margin-left:0%;margin-top:15px;margin-bottom:-15px;float:left;width:96%;color:#000; padding-bottom:5px;}
.imagenCarrito {float: right;height:25px;width:25px;margin-right:10px;}



.headerMenu{background-color:#000000;}


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



/*carrito*/
.sliderCarrito{float:left;width:100%;margin-top:-16px;}

.etiTitulos{font-size:1.2em;color:#000000;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:#000000;height:20px;width:100px;border:none;}
.textDescuentosCarrito{text-align:left;padding:0;background-color:white;color:#000000;height:20px;width:60px;border:none;}
.imagenBotonCarrito{width:25px;margin:6px;}
.divBotonFinalizar{float:left;width:90%;margin-left:5%;margin-top:10px;margin-bottom:10px;}
.botonFinalizar{float:right;background-color:#000000;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:white;text-decoration:none;font-size:18px;float:right;border:1px solid #000000;padding:10px 5px;border-radius:5px;background-color:#000000;font-weight:lighter;}
.etiBotonOK:hover{color:#000000;text-decoration:none;font-size:18px;float:right;border:1px solid white;padding:10px 5px;border-radius:5px;background-color:white;font-weight:lighter;}
.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:#000000;float:left;visibility:visible;margin-top:8px;} 
.panelMensaje{float: right;border-radius: 5px;height: 125px;margin: 18px 0px -41px 0;background-color: white;font-weight: bold;color:#183e04;}


.divGrid{margin-top:10px;float:left;width:90%;overflow-x:auto;margin-left:5%;}