:root {
  --color-principal:#353535;
  --color-subprincipal:#84a9db;
  --color-secundario:#e3e3e3;
  --color-exit:#f1931a;
}


@media (min-device-width:993px) {
    .MensajeError   {float:left;width:93%;padding:3px 0px;color:red;    margin-top: 4px;font-size:12px;}
    .MensajeAviso   {float:left;width:93%;padding:3px 0px;color:orange; margin-top: 4px;font-size:12px;}
    .MensajeOk      {float:left;width:93%;padding:3px 0px;color:green;  margin-top: 4px;font-size:12px;}
    .MensajeRandom  {float:left;width:93%;padding:3px 0px;color:black;  margin-top: 4px;font-size:12px;}

    .etiStockV      {text-align:center;height:25px;width:auto;background-color:white;text-decoration:none;font-size:11px;color:green;}
    .etiStockA      {text-align:center;height:25px;width:auto;background-color:white;text-decoration:none;font-size:11px;color:orange;}
    .etiStockR      {text-align:center;height:25px;width:auto;background-color:white;text-decoration:none;font-size:11px;color:red;}
}
@media (max-device-width:992px) {
    .MensajeError   {float:left;width:93%;padding:3px;color:red;    margin-top: 4px;font-size:9px;}
    .MensajeAviso   {float:left;width:93%;padding:3px;color:orange; margin-top: 4px;font-size:9px;}
    .MensajeOk      {float:left;width:93%;padding:3px;color:green;  margin-top: 4px;font-size:9px;}
    .MensajeRandom  {float:left;width:93%;padding:3px;color:black;  margin-top: 4px;font-size:9px;}

    .etiStockV      {text-align:center;height:18px;width:auto;background-color:white;text-decoration:none;font-size:11px;color:green;}
    .etiStockA      {text-align:center;height:18px;width:auto;background-color:white;text-decoration:none;font-size:11px;color:orange;}
    .etiStockR      {text-align:center;height:18px;width:auto;background-color:white;text-decoration:none;font-size:11px;color:red;}
}


/* ESTILOS GENERALES DEL MENÚ (PARA CUALQUIER RESOLUCIÓN) ----------------------------------------------------------------------------------------------------------------------- */

.btnLupa{margin:12px 5px 0 -35px;} 
.divLogo{position:absolute;z-index:100;top:45px;}
.imgLogo{height:50px;width:auto;margin:2px 0 2px 8px;}  
.divMenu1{height:60px;width:100%;float:left;z-index:0;background-color:white;}  
.divMenu2{background-color:white;width:100%;height:40px;position:absolute;top:5px;left:-3px;}
.arbol {font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;margin-bottom:-25px;background-color:white;}
.arbol td{font-size: 12px;width:auto;}  
.arbol td img{border:none;}  
.arbol tr{height:40px;}    
.arbol a {color:black;margin:0 6px;}
.arbol a:hover {text-decoration:none;color:orange;}
.modalPanel{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0, 0, 0, 0.5);}
.modalcontent{position:absolute;left:0;background-color:#fefefe;height:100%;border:none;width:auto;min-width:250px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);}
.divBurguer{float:left;margin:4px 0 0 15px;}
.imgBurguer{width:24px;height:27px;position:absolute;left:16px;margin-top:2px;}
.btnBurguer{border:none;text-align:center;padding:5px 5px 5px 32px;height:30px;width:auto;background-color:transparent;text-decoration:none;font-size:12px;color:var(--color-principal);}


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

    .botonesPerfil{float:left;margin-left:95px;width:auto;background-color:transparent;margin-top:50px;position:relative;z-index:1;}
    .cabeceraPerfil{float:left;width:100%;border-bottom: 1px solid #353535;}
    .linkBotonPerfil{float:left;margin:3px;border-radius:5px;padding:0 10px 0 1px;background-color:#353535;color:white;font-size:11px;}
    .linkBotonPerfil:hover{background-color:#db8c2d;cursor:pointer;color:white;text-decoration:none;}
    .paginaPerfil{float:left;margin-left:5%;width:90%;margin-top:25px;}

}

@media (max-device-width:1370px) {

    .botonesPerfil{margin-left:0px;}
    .cabeceraPerfil{margin-top:15px;width:auto;margin:45px 0 0 13px;}
    .linkBotonPerfil{float:left;margin:2px;border-radius:5px;padding:1px;background-color:#353535;color:white;font-size:0px;zoom:0.8;}
    .linkBotonPerfil:hover{background-color:#db8c2d;cursor:pointer;color:white;text-decoration:none;}
    .paginaPerfil{float:left;margin-left:4%;width:95%;margin-top:10px;}

}


/* SLIDERS (Es necesario crear tantas réplicas de .slider como empresas vayamos a usar, y poner el sufijo del número de empresa -------------------------------------------------- */

@media (min-device-width: 1500px) {
    .slider1{float:left;width:100%;max-width:2560px;height:250px;margin-top:55px;background-image:url("../img/bannerL.jpg");background-size:cover;background-position:left center;background-repeat:no-repeat;overflow:hidden;}
    .slider2{float:left;width:100%;max-width:2560px;height:250px;margin-top:55px;background-image:url("../img/bannerL.jpg");background-size:cover;background-position:left center;background-repeat:no-repeat;overflow:hidden;}
}
@media (min-device-width: 993px) and (max-device-width: 1499px) {
    .slider1{float:left;width:100%;height:250px;margin-top:55px;background-image:url("../img/bannerM.jpg");background-size:cover;background-position:left center;background-repeat:no-repeat;overflow:hidden;}
    .slider2{float:left;width:100%;height:250px;margin-top:55px;background-image:url("../img/bannerM.jpg");background-size:cover;background-position:left center;background-repeat:no-repeat;overflow:hidden;}
}
@media (min-device-width: 500px) and (max-device-width: 992px) {
    .slider1{float:left;width:100%;height:150px;margin-top:55px;background-image:url("../img/bannerS.jpg");background-size:cover;background-position:left center;background-repeat:no-repeat;overflow:hidden;}
    .slider2{float:left;width:100%;height:150px;margin-top:55px;background-image:url("../img/bannerS.jpg");background-size:cover;background-position:left center;background-repeat:no-repeat;overflow:hidden;}
}
@media (max-device-width: 499px) {
    .slider1{float:left;width:100%;height:150px;margin-top:55px;background-image:url("../img/bannerXS.jpg");background-size:cover;background-position:left center;background-repeat:no-repeat;overflow:hidden;}
    .slider2{float:left;width:100%;height:150px;margin-top:55px;background-image:url("../img/bannerXS.jpg");background-size:cover;background-position:left center;background-repeat:no-repeat;overflow:hidden;}
}


/* GRIDS (Grids de perfil, carrito, etc... y grids pequeños de ficha de artículo) ------------------------------------------------------------------------------------------------ */

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

.grid      	{width:100%;border:none;font-size:12px;display:grid;grid-gap:30px;grid-auto-rows:auto;}
.grid td   	{border-top: none;border-left: none;border-right: none;text-align: left;padding:0 10px;}
.grid th   	{border-top: none;border-left: none;border-right: none;text-align: left;padding:0 10px;font-weight: bold;text-decoration:none;background-color:var(--color-secundario);}
.grid tr   	{border-top: none;border-left: none;border-right: none;text-align: left;padding:0 10px;height: 30px;white-space: nowrap;}

/* CARRITO */

.tbCarrito{text-align:left;padding:0;background-color:transparent;color:var(--color-principal);height:20px;border:none;width:auto;}



/*PIE*/
.divPie{width:100%; float:left; background-color:#353535;margin-top:20px;padding-bottom:190px;flex-shrink: 0;}
.divEtisPie{float:left;width:100%;margin:30px 0 10px 0;}
.etiTituloPie{color:white;font-size:16px;}
.etiPie{color:gray;font-size:14px;}
.enlacePie{color:white;text-decoration:none;}
.enlacePie:hover{color:orange;text-decoration:none;}
.divPanelResumen{float:right;width:100%;text-align:right;}
.etiTitulosResumen{float:left;text-align:left;width:100px;color:gray;height:15px;font-size:12px;}

.loading{position:fixed;background-color:white;z-index:99999;float:right;top:300px;margin-left:46%;width:auto;padding:10px;border: 4px solid var(--color-principal);border-radius:2px;height:80px;width:80px;}
.loading_cat{position:fixed;background-color:white;z-index:99999;float:right;top:400px;margin-left:28%;width:auto;padding:10px;border: 4px solid var(--color-principal);border-radius:2px;height:80px;width:80px;}

.miBody{font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;}  

.div100{float:left;width:100%;margin-top:20px;margin-bottom:5px;}
.lblCatalogo{color:var(--color-principal);font-size:15px;}
.chkCatalogo{margin:5px;}
.btnCatalogo{border:1px solid black;text-align:center;padding:5px;height:30px;width:auto;background-color:white;text-decoration:none;font-size:11px;color:black;}
.btnCatalogo:hover{border:1px solid var(--color-principal);color:var(--color-principal);}

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

.divBotonIzq{float:left;margin-left:5px;}

.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:var(--color-principal);}
.etiBoton:hover {color:var(--color-principal);text-decoration:none;cursor:pointer;background-color:var(--color-secundario);}
.divBotonComprarTodo{float:left;margin:20px 5px 20px 0;}

.imagenCarrito {float: right;height:25px;width:25px;margin-right:10px;}
.headerMenu{background-color:var(--color-principal);}
.etiError{font-size:16px;float:left;margin:10px 40px;color:var(--color-principal);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;}

.divCompra {margin-top:200px;margin-left:4%;width:92%;}

.botonesNada{text-decoration:none;text-align:center;color:white;width:36px;background-color:transparent;float:left;margin-top:-3px;}



/* CARRITO */
.divCompleto      		{float:left;width:100%;}
.divCuadro     			{float:left;width:90%;border:1px solid white;padding:0 0 10px 0;margin-bottom:10px;}
.divCuadroMitad 		{margin-top:10px;float:left;width:50%;border:1px solid lightgray;padding:10px;}
.divCesta       		{margin-top:10px;float:left;width:94%;margin-left:3%;border:1px solid lightgray;padding:10px;}




.textObservaciones		{float:lefth;width:98%;font-size:12px;border:1px solid lightgrey;border-radius:4px;height:90px;}
.divEtiPedidoVacio		{float:left;width:92%;margin:10px;margin-left:3%;}
.btnGrande   			{height:38px;width:180px;font-size:16px;border:1px solid black;background-color:white;color:black}
.btnGrande:hover   		{border:1px solid var(--color-principal);color:var(--color-principal);}
.etiTotales				{float:right;text-align:right;width:100%;font-size:18px;color:var(--color-principal);}
.divFinalizar			{float:left;margin:20px 3%;width:94%;}
.etiImportes			{float:left;height:20px;}
.divEtiImportes			{float:left;width:100%;height:20px;}
.divEtiImporteTotal		{float:left;width:100%;height:20px;margin-top:30px;color:orange;font-size:22px;}
.etiJustificada			{float:right;text-align:right;}
.etiJustificadaTotales	{float:right;text-align:right;margin-right:20px;font-weight:bold;font-size:18px;}
.etiTitulosCarrito		{font-weight:bold;font-size:16px;color:var(--color-principal);}


.psumatorio{float:right;height:50px;padding:5px;margin-right:5%;margin-top:15px;} 
.etisumatorio{float:left;font-weight:bold;font-size:16px;color:var(--color-principal);margin:15px 5%;} 
.tbsumatorio{float:left;height:30px;padding:5px;border-radius:5px;border:1px solid #c9e0ec;}


.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:var(--color-principal);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%;}



.etiSeccion{font-size:20px;float:left;margin:10px 0px;border-bottom:1px solid var(--color-principal);width:80%;font-weight: bold;color:var(--color-principal);}
.etiFiltros{margin-bottom: 10px;float:left;width:100%;margin-top:10px;text-align:left;font-size:0.9em;}



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



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




.pDatos_Etiqueta{float:left;font-weight:bold;width:130px;text-align:left;margin:0px;font-size:13px;}
.pDatos_Dato{line-break:normal;color:var(--color-principal);font-size:13px;}

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


.panelInforme{float:left;margin-bottom:12px;margin-left:5%;}
.etiInforme{float:left;font-weight:bold;font-size:16px;color:var(--color-principal);margin-top:15px;}
.divDropInforme{float:left;margin:7px;}


.imgRelArticulo{float:left;height:60px;width:auto;}




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

    .pModos{float:left;width:100%;margin-top:-31px;}
    .divBotonModoD{float:right;margin-right:5px;margin-top:38px;}
    .divBotonModoI{float:left;margin-right:5px;margin-top:38px;}
    .migas{float:left;margin:6px 0 0 10px;font-size:13px;color:#878787;}
    
    .txbBuscar{font-size:14px;border:none;border-bottom:2px solid var(--color-principal);color:black;background-color: transparent !important;width:320px;padding: 6px 10px;float: left;margin: 7px 4px;}
    .divEtiquetaUsuario{float:right;margin:40px 12px 0 0;}
    .etiUsuario{color:var(--color-exit);font-size:13px;text-align:right;}
    .btnMenu{margin:9px 0 0 11px;}  
    .divMenuDerecha{position:absolute;top:0px;z-index:100;right:-35px;transform:scale(0.8);}		
    .divAliDerecha{float:right;width:auto;height:50px;}
    .etiCompra{position:absolute;color:var(--color-principal);text-align:center;width:30px;top:13px;right:86px;font-size:14px;font-weight:bold;}
    .etiCompra:hover{color:var(--color-exit);text-decoration:none;}

    .etiTituloPerfil{font-size:30px;float:left;color:var(--color-principal);width:90%;margin:15px 0px;border-bottom:1px solid var(--color-exit);}
    .panelResumenPie{position:fixed;background-color:white;z-index:99999;float:left;bottom:5px;width:210px;right:5px;padding:10px;color:#333;font-weight:bold !important;font-size:12px;text-align:right;border:1px solid var(--color-principal);border-radius: 2px;}

    .divMitad{float:left;width:50%;}
    .divDer{float:right;width:50%;height:30px;}
    .divIzq{float:left;width:50%;height:30px;}



.divTotalesPrincipales{float:left;width:90%;max-width:300px;}
.divTotalesSecundarios{float:left;width:90%;max-width:220px;font-size:12px;}

.cmbCatalogo{float:right;width:185px;font-size:11px;border:1px solid black;padding:5px;height:30px;background-color:white;}

.lblRelDescripcion{float:left;text-align:left;padding:5px;height:50px;margin-top:10px;color:gray;width:300px;margin-left:-15px;font-size:14px;}


.divBarraPaginacion{float:left;width:100%;height:32px;background:white;margin-top:-8px;}


.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 var(--color-principal);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;}

.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;}
.divLineas{float:right;width:50%;text-align:right;}
.divCabecera{float:right;width:50%;text-align:right;}
.divBotonVolver{float:left;margin-bottom:40px;}
.etiNeutro{font-size:16px;float:left;margin:10px 40px;color:orange;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%;}



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


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

.etiTituloCarrito{font-size:32px;float:left;color:gray;width:70%;margin-top:35px;margin-bottom:10px;}
.barraPaginacion0{margin:0 auto;height:0px;width:0;}
tr th a{color:gray;font-weight:normal;font-size:16px;}

.icono{margin:10px;height:35px;width:35px;}
.new{font-weight:bold;color:var(--color-principal);font-size:12px;}

.ocultar{display: none;}

.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:var(--color-principal);color:white;}
.claseBotonVolver:hover{background-color:white;color:var(--color-principal);}
.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;}

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

.etiEncabezado{color:var(--color-principal);font-size:20px;width:90%;margin-left:5%;}

.etiCabeceraDocumento {color: var(--color-principal);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:var(--color-principal);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:var(--color-principal);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;}

.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: var(--color-principal); 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:var(--color-principal);width:100%;margin-top:175px;}
.etiErrorPerfil{font-size: 16px;float:left;margin:-31px 14px 0px 5%;color:var(--color-principal);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) {

    .pModos{float:left;width:100%;margin-top:0px;margin-bottom:-15px;}	
    .divBotonModoD{float:right;margin-right:5px;margin-top:0px;}
    .divBotonModoI{float:left;margin-right:5px;margin-top:0px;}
    .migas{float:left;margin:6px 0 0 4px;font-size:11px;color:#878787;}
   
    .txbBuscar{font-size:14px;border:none;border-bottom:2px solid var(--color-principal);color:black;background-color: transparent !important;width: 95%;padding: 6px 10px;float: left;margin: 7px 4px;}
    .divEtiquetaUsuario{position:absolute;right:5px;top:37px;}
    .etiUsuario{color:var(--color-exit);font-size:13px;text-align:right;}
    .btnMenu{margin:9px 4px 0 7px;}  
    .divMenuDerecha{position:absolute;top:0px;z-index:100;right:-30px;transform:scale(0.8);}		
    .divAliDerecha{float:right;width:auto;height:50px;}
    .etiCompra{position:absolute;color:var(--color-principal);text-align:center;width:30px;top:13px;right:89px;font-size:14px;font-weight:bold;}
        
    .etiTituloPerfil{font-size:20px;float:left;color:var(--color-principal);width:99%;margin:15px 0;border-bottom:1px solid var(--color-exit);}
    .panelResumenPie{visibility:hidden;}

    .divMitad{float:left;width:100%;}
    .divDer{float:right;height:55px;margin-left:5px;}
    .divIzq{float:left;width:100%;height:30px;}






.divTotalesPrincipales{float:left;width:100%;}


.divTotalesSecundarios{float: left;margin-top: 65px;height: 115px;width: 95%;max-width: 220px;font-size: 12px;}

.lblRelDescripcion{float:left;text-align:left;padding:5px;height:50px;margin-top:10px;color:gray;width:250px;margin-left:-15px;font-size:14px;white-space:normal;}


.cmbCatalogo{float:right;width:185px;font-size:11px;border:1px solid black;padding:5px;height:30px;background-color:white;max-width:155px;color:black;border-radius:0px;}


.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;}
.divSelector{float:right;margin:-14px 10px -15px 0;zoom:0.8;}gr

.listaBuscador{width:auto;border:none;cursor:pointer;float:left;margin:4px 0px 0px 5px;}
.etiMarcas{font-size:14px;float:left;border-bottom:1px solid var(--color-principal);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;}
.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;}
.divLineas{width:90%;margin-left:5%;margin-top:50px;float:left;}
.divCabecera{float:left;width:90%;text-align:right;}
.divBotonVolver{float:right;margin:-55px -26px 35px;}
.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;}


.divBotonFiltrar{float:left;width:100%;}


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



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


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

   

.botonBuscar2{visibility:hidden;}











/*carrito*/
.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%;}




/*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: var(--color-principal); 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:var(--color-principal);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:var(--color-principal);}
.claseBotonVolver:hover{background-color:white;color:var(--color-principal);}
.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;}
.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:var(--color-principal);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;}

}











.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:var(--color-principal);flex-flow:nowrap;width:50px;}
.lblRelPrecio{float: left;font-size: 1em;width: 100px;padding: 5px;height: 50px;color: var(--color-principal);font-weight: bold;font-style: italic;}


.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:var(--color-principal);padding:5px;font-weight:normal;text-decoration:none;}
.linkPaginaOK{text-align:center;vertical-align:central;font-size:20px;color:var(--color-principal);padding:5px;font-weight:bold;}
.linkPaginaOK:hover{text-align:center;vertical-align:central;font-size:20px;color:var(--color-principal);padding:5px;font-weight:bold;}



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

.etiUdsCompradas{text-decoration: none;text-align: left;color: var(--color-principal);padding: 6px 8px 4px 5px;float: left;margin-top: 0px;height: 35px;font-size: 14px;}



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

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




/*carrito*/
.etiTitulos{font-size:1.2em;color:var(--color-principal);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;}
.textDescuentosCarrito{text-align:left;padding:0;background-color:transparent;color:var(--color-principal);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:var(--color-principal);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 var(--color-principal);padding:10px 5px;border-radius:5px;background-color:var(--color-principal);font-weight:lighter;}
.etiBotonOK:hover{color:var(--color-principal);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:var(--color-principal);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;}

























 

@media all and (min-width: 992px) {         
    .navbar{ padding-top: 0; padding-bottom: 0;font-size:16px;height:35px;}
    .navbar .has-megamenu{position:static!important;}
    .navbar .megamenu{left:0; right:0; width:100%; padding:20px;}
    .navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;}      
    .nav-item{width:140px;text-align:center;}        
    .navbar-expand-lg .navbar-nav .dropdown-menu {font-size: 12px;}    
    .list-unstyled > li:hover{}
    .list-unstyled > li:hover > .submenu{display:block;}
    .list-unstyled > li:hover > .submenu > li:hover > .submenu {display:block;}                
}
@media (max-width: 992px){        
    .enlaceMenu{font-size:0px;margin:6px 0 0 15px;} 
    .enlaceMenu:hover{cursor:pointer;color:#f1f1f1;}
    .claseHome{float:left;margin:7px 15px 5px 0;}
    .toolStrip{float:left;margin:9px 14px 5px 2px;}
    .toolStripLink{float:left;}
    .divBuscador{position:absolute;top:93px;left:1%;width:98%;}             
    .menuToolStrip{position:absolute;top:30px;z-index:100;right:-16px;transform:scale(0.8);}           
    .miMenu{width:100%;float:left;z-index:0;background-color:#f1f1f1;}	
}
@media (min-width: 993px){        
    .list-unstyled .dropdown-toggle:after{border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid;}
    .list-unstyled .list-unstyled{margin-left:0;margin-right:0;}
    .list-unstyled li{position:relative;}
    .nav-item .submenu{display:none;position:absolute;left:100%;top:-7px;}
    .nav-item .submenu-left{right:100%; left:auto;}
    .list-unstyled > li:hover{}
    .list-unstyled > li:hover > .submenu{display:block;}
    .list-unstyled > li:hover > .submenu > li:hover > .submenu {display:block;}     
    .enlaceMenu{color:white;margin:20px;} 
    .enlaceMenu:hover{text-decoration:none;cursor:pointer;color:white;color:var(--color-principal)}
    .claseHome{float:left;margin:7px 15px 5px 0;}
    .toolStrip{float:left;margin:9px 14px 5px 2px;}
    .toolStripLink{float:left;}
    .divBuscador{position:absolute;top:27px;right:370px;width:330px;}                       
    .menuToolStrip{position:absolute;top:18px;z-index:100;right:-35px;transform:scale(0.8);}        
    .miMenu{height:56px;margin-left:28%;float:left;z-index:0;background-color:white;} 
	.mismenuses{position:absolute;width:78%;left:22%;background-color:white;z-index:9999;}
}   
        
.nivel1{color:var(--color-principal);border-bottom:1px solid gray;font-size:15px;}
.nivel1:hover{text-decoration:none;color:var(--color-principal);background-color:none;}
.nivel2{color:black;font-size:15px;margin-left:10px;}
.nivel2:hover{text-decoration:none;color:black;background-color:none;}
.nivel3{color:#505052;font-size:13px;margin-left:20px;}
.nivel3:hover{text-decoration:none;color:#505052;background-color:none;}
.nivel4{color:#707074;font-size:11px;margin-left:30px;}
.nivel4:hover{text-decoration:none;color:#707074;background-color:none;}
.nivel5{color:#8d8d93;font-size:10px;margin-left:40px;}
.nivel5:hover{text-decoration:none;color:#8d8d93;background-color:none;}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */







/* ---------------------------------------------------------------------------------------------- */
/* ESTILOS DEL CATÁLOGO ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------- */
/* ESTILOS MODO LISTA --------------------------------------------------------------------------- */


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

    .panelComprar_l               {position:absolute;left:82px;transform:scale(0.7);margin-top:49px;}
    .etiPrecio_l                  {position:absolute;font-size:15px;left:100px;text-align:left;margin-top:-6px;height: 25px;padding: 4px 0;color: var(--color-principal);font-style: italic;font-weight: bold;}
    .cmbArticulo_l                {float:left;width:auto;font-size:9px;margin-right:5px;border:1px solid black;padding:2px;height:20px;background-color:white;margin-top:-1px;max-width:300px;}
    .contDrop_l                   {position:absolute;margin-top:55px;left:177px;width:50%;} 

    .divItemRepeaterArticulos_l   {margin-bottom:30px;float:left;width:100%;box-shadow:1px 5px 5px 3px lightgray;height:80px;}
    .divRepeaterArticulos_l       {float:left;margin:45px 15px 10px 15px;width:98.5%;}
    .iconoNovedad_l               {float:left;z-index:1;height:32px;position:absolute;}
    .iconoDestacado_l             {float:right;z-index:1;height:32px;}
    .contenedorImagen_l           {padding:5px;width:70px;}
    .imgArticulo_l                {height:70px;width:70px;object-fit: cover;float:left;margin:5px;}
    .etiEspecial_l                {position:absolute;border:1px solid black;text-align:center;padding:3px;height:23px;width:auto;background-color:white;text-decoration:none;font-size:10px;right:55px;margin-top:26px;}
    .etiCodigo_l                  {float:left;font-size:10px;text-decoration:none;text-align:left;color:gray;margin:3px 0px 0 5px;}
    .etiDescripcion_l             {float:left;font-size:11px;text-decoration:none;text-align:left;color:black;margin:2px 0 0 25px;white-space:normal;word-wrap:break-word;width:260px;}
    .etiMarca_l                   {position:absolute;right:55px;font-size:10px;text-decoration:none;text-align:left;color:gray;margin-top:10px;}
    .contStock_l                  {position:absolute;margin-top:50px;right:55px;width:140px;display:flex;flex-direction:row-reverse;align-content:center;justify-content:flex-start;}
    .divPanelPrecio_l             {position:absolute;left:0px;}
    .etiTipoPrecio_l              {visibility:hidden;}
    .etiPrecioTachado_l           {position:absolute;font-size:10px;text-align:left;margin-top:10px;height:25px;padding:4px;color:gray;text-decoration:line-through;left:97px;}
    .botonComprar_l               {text-decoration:none;text-align:center;color:white;width:48px;border:none;padding:0px 9px;background-color:var(--color-principal);float:left;}
    .botonComprar_l:hover         {background-color:var(--color-exit);text-decoration: none;}
    .textUnidades_l               {border:1px solid var(--color-principal);color:var(--color-principal);padding: 1px 5px 1px 5px;height:30px;width:50px;float:left;margin:0 2px 0 4px;font-size:14px;text-align:right;}
    .contMensaje_l                {position:absolute;left:105px;margin-top:73px;width:90%;}
    .contRegalo_l                 {position:absolute;left:16px;margin-top:64px;}
    .imgRegalo_l                  {float:left;width:15px;}

}

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

    .etiCodigo_l                  {float:left;font-size:9px;text-decoration:none;text-align:left;color:gray;margin:0 0 0 10px;}
    .etiDescripcion_l             {position:absolute;font-size:10px;text-decoration:none;text-align:left;color:black;margin-top:18px;white-space:normal;word-wrap:break-word;width:69%;left:93px;}
    .contStock_l                  {position:absolute;margin-top:-2px;right:50px;width:140px;display:flex;flex-direction:row-reverse;align-content:center;justify-content:flex-start;transform:scale(0.8);height:20px;}
    .panelComprar_l               {position:absolute;transform:scale(0.7);left:75px;margin-top:33px;}
    .divPanelPrecio_l             {position:absolute;right:34px;margin-top:38px;height:20px;}
    .etiPrecio_l                  {position:absolute;font-size:15px;right:30px;text-align:left;margin-top:-31px;height:25px;padding:4px 0;color:var(--color-principal);font-style:italic;font-weight:bold;}
    .contDrop_l                   {position:relative;margin-top:63px;margin-left:85px;} 
    .cmbArticulo_l                {float:left;width:auto;font-size:9px;margin-right:5px;border:1px solid black;padding:2px;height:20px;background-color:white;margin-top:-1px;max-width:300px;}
    .divItemRepeaterArticulos_l   {margin-bottom:30px;float:left;width:100%;box-shadow:1px 5px 5px 3px lightgray;height:95px;}
    .etiMarca_l                   {font-size:9px;text-decoration:none;text-align:left;color:gray;margin-left:15px;float:left;}

    .divRepeaterArticulos_l       {float:left;margin:45px 15px 10px 8px;width:96%;}
    .iconoNovedad_l               {float:left;z-index:1;height:32px;position:absolute;}
    .iconoDestacado_l             {float:right;z-index:1;height:32px;}
    .contImagen_l                 {padding:5px;width:70px;}
    .imgArticulo_l                {height:70px;width:70px;object-fit: cover;float:left;}
    .etiEspecial_l                {position:absolute;border:1px solid black;text-align:center;padding:5px;height:25px;width:auto;background-color:white;text-decoration:none;font-size:10px;right:0px;margin-top:-10px;transform:scale(0.8);}
    .etiTipoPrecio_l              {visibility:hidden;}
    .etiPrecioTachado_l           {position:absolute;font-size:10px;text-align:right;margin-top:1px;height:25px;padding:4px;color:gray;text-decoration:line-through;left:111px;}
    .botonComprar_l               {text-decoration:none;text-align:center;color:white;width:48px;border:none;padding:0px 9px;background-color:var(--color-principal);float:left;}
    .botonComprar_l:hover         {background-color:var(--color-exit);text-decoration: none;}
    .textUnidades_l               {border:1px solid var(--color-principal);color:var(--color-principal);padding: 1px 5px 1px 5px;height:30px;width:50px;float:left;margin:0 2px 0 4px;font-size:14px;text-align:right;}
    .contMensaje_l                {position:absolute;left:111px;margin-top:50px;}
    .contRegalo_l                 {position:absolute;left:16px;margin-top:54px;}
    .imgRegalo_l                  {float:left;width:15px;}
   
}


/* ---------------------------------------------------------------------------------------------- */
/* ESTILOS MODO CATALOGO ------------------------------------------------------------------------ */

.divItemRepeaterArticulos_c       {height:600px;margin-bottom:20px;float:left;width:250px; margin:5px 30px 5px;}
.iconoNovedad_c                   {position:absolute;z-index:1;height:40px;}
.iconoDestacado_c                 {position:absolute;z-index:1;height:40px;margin-left:210px;}
.divImagenRepeater_c              {width:100%;height:200px;position:relative;border:1px solid lightgray;}
.contImagen_c                     {height:250px;width:250px;border:1px solid lightgray;display: flex;    justify-content: center;    align-items: center;}
.contImagen_c:hover               {box-shadow: grey 5px 5px 12px;}
.imgArticulo_c                    {max-height:248px;max-width:248px;display:block;margin:auto;width:auto;object-fit: cover;}
.etiEspecial_c                    {border:1px solid black;text-align:center;padding:5px;height:25px;margin-top:-25px;width:auto;background-color:white;text-decoration:none;font-size:11px;float:left;position:relative;margin-right:5px;}
.etiCodigo_c                      {float:left;margin-top:5px;font-size:11px;width:100%;text-decoration:none;text-align:left;color:gray;}
.etiDescripcion_c                 {float:left;margin-top:5px;font-size:13px;width:100%;text-decoration:none;text-align:left;height:45px;color:var(--color-principal);}
.etiDescripcion_c:hover           {text-decoration:none;color:var(--color-exit);}
.etiMarca_c                       {float:left;margin-top:5px;font-size:10px;width:100%;text-decoration:none;text-align:left;color:gray;height:18px;}
.panelComprar_c                   {float:left;margin-top:5px;}
.contStock_c                      {width:100%;align-content:center;}
.etiPrecioTachado_c               {float:left;font-size:1.0em;width:50%;text-align:left;margin-top:14px;height:25px;padding:4px;color:gray;text-decoration:line-through;}
.etiTipoPrecio_c                  {font-size:10px;margin-top:7px;margin-bottom:-15px;float:left;width:96%;color:gray;}
.etiPrecio_c                      {float:left;font-size:1.4em;width:50%;text-align:left;margin-top:15px;margin-bottom:15px;height:25px;padding:4px 0;color:var(--color-principal);font-style:italic;font-weight:bold;}
.botonComprar_c                   {text-decoration:none;text-align:center;color:white;width:120px;border:none;padding:2px 45px;background-color:var(--color-principal);float:left;}
.botonComprar_c:hover             {background-color:var(--color-exit);text-decoration: none;}
.textUnidades_c                   {border:1px solid var(--color-principal);color:var(--color-principal);padding: 1px 5px 1px 5px;height:34px;width:120px;float:left;margin-right:5px;font-size:14px;text-align:right;}
.cmbArticulo_c                    {float:left;width:245px;font-size:11px;border:1px solid black;padding:5px;height:28px;background-color:white;margin-top:3px;}
.contMensaje_c                    {float:left;margin-top:1px;width:100%;}
.divPanelPrecio_c                 {float:left;width:100%;min-height:10px;}
.contRegalo_c                     {position:absolute;margin-top:-30px;margin-left:221px;}
.imgRegalo_c                      {float:left;width:24px;}

@media (max-device-width:991px) {
    .divItemRepeaterArticulos_c{height:600px;float:left;width:90%;margin:10px 0px 5px 0px;}
    .etiDescripcion_c          {float:left;margin-top:5px;font-size:13px;width:100%;max-width:250px;text-decoration:none;text-align:left;height:45px;color:var(--color-principal);font-weight:bold;}
    .cmbArticulo_c             {float:left;width:245px;font-size:11px;border:1px solid black;padding:5px;height:28px;background-color:white;margin-top:3px;}   
    .contDrop_c                {float:left;width:90%;}
    .etiPrecio_c               {width:46%;}
}

@media (min-device-width:301px) and (max-device-width:350px) {
    .divRepeaterArticulos_c{float:left;margin-left:10%;margin-top: 20px;}
	.invento_c{margin-left:-32%;padding:10px;background-color:white;}	
}

@media (min-device-width:351px) and (max-device-width:400px) {
    .divRepeaterArticulos_c{float:left;margin-left:17%;margin-top: 20px;}
	.invento_c{margin-left:-32%;padding:10px;background-color:white;}	
}

@media (min-device-width:401px) and (max-device-width:500px) {
    .divRepeaterArticulos_c{float:left;margin-left:23%;margin-top: 20px;}
	.invento_c{margin-left:-32%;padding:10px;background-color:white;}	
}

@media (min-device-width:501px) and (max-device-width:600px) {
    .divRepeaterArticulos_c{float:left;margin-left:30%;margin-top: 20px;}
	.invento_c{margin-left:-32%;padding:10px;background-color:white;}	
}

@media (min-device-width:601px) and (max-device-width:800px) {
    .divRepeaterArticulos_c{float:left;margin-left:32%;margin-top: 20px;}
	.invento_c{margin-left:-28%;padding:10px;background-color:white;}	
}

@media (min-device-width:801px) and (max-device-width:990px) {
    .divItemRepeaterArticulos_c{width:50%;}
    .divRepeaterArticulos_c{float:left;margin-left:14%;margin-top: 20px;}
	.invento_c{margin-left:-32%;padding:10px;background-color:white;}	
}

@media (min-device-width:991px) and (max-device-width:1005px){
    .divRepeaterArticulos_c{float:left;margin-left:25%;margin-top:48px;}
	.invento_c{margin-left:-20%;}	
}

@media (min-device-width:1006px) and (max-device-width:1105px){
    .divRepeaterArticulos_c{float:left;margin-left:8%;margin-top:50px;}
	.invento_c{margin-left:-20%;}
}

@media (min-device-width:1106px) and (max-device-width:1205px){
    .divRepeaterArticulos_c{float:left;margin-left:8%;margin-top:50px;}
	.invento_c{margin-left:-15%;}
}

@media (min-device-width:1206px) and (max-device-width:1305px){
    .divRepeaterArticulos_c{float:left;margin-left:8%;margin-top:50px;}
	.invento_c{margin-left:-15%;}
}

@media (min-device-width:1306px) and (max-device-width:1405px){
    .divRepeaterArticulos_c{float:left;margin-left:8%;margin-top:50px;}
	.invento_c{margin-left:-10%;}
}

@media (min-device-width:1406px) and (max-device-width:1505px){
    .divRepeaterArticulos_c{float:left;margin-left:8%;margin-top:50px;}
	.invento_c{margin-left:-7%;}
}

@media (min-device-width:1506px) and (max-device-width:1605px){
    .divRepeaterArticulos_c{float:left;margin-left:8%;margin-top:50px;}
	.invento_c{margin-left:-5%;}
}

@media (min-device-width:1606px) and (max-device-width:1705px){
    .divRepeaterArticulos_c{float:left;margin-left:8%;margin-top:50px;}
	.invento_c{margin-left:-3%;}
}

@media (min-device-width:1706px) and (max-device-width:1805px){
    .divRepeaterArticulos_c{float:left;margin-left:8%;margin-top:50px;}
	.invento_c{margin-left:0;}
}

@media (min-device-width:1806px) and (max-device-width:1905px){
    .divRepeaterArticulos_c{float:left;margin-left:8%;margin-top:50px;}
	.invento_c{margin-left:70px;}
}

@media (min-device-width:1906px) and (max-device-width:2005px){
    .divRepeaterArticulos_c{float:left;margin-left:8%;margin-top:50px;}
	.invento_c{margin-left:5%;}
}

@media (min-device-width:2006px){
    .divRepeaterArticulos_c{float:left;margin-left:8%;margin-top:50px;}
	.invento_c{margin-left:7%;}
}









/* ---------------------------------------------------------------------------------------------- */
/* ESTILOS DE LA FICHA DEL ARTÍCULO ------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

.etiDescripcion_art         {float:left;margin-top:10px;font-size:22px;width:100%;text-decoration:none;text-align:left;padding:5px 0px;color:var(--color-principal);font-weight:bold;border-radius:5px;text-transform:uppercase;}
.etiDescripcion2_art        {float:left;font-size:16px;width:100%;text-decoration:none;text-align:left;padding:5px 0px;color:gray;font-weight:bold;border-radius:5px;text-transform:uppercase;}
.etiCodigo_art              {float:left;margin-top:5px;font-size:12px;width:100%;text-decoration:none;text-align:left;color:gray;}
.divPanelPrecio_art         {float:left;width:90%;margin-bottom:5px;}
.etiPrecio_art              {float:left;font-size:1.8em;font-weight:bold;text-align:left;padding:5px 0px;color: var(--color-principal);height:50px;margin-top:10px;margin-right:14px;color:var(--color-principal);font-weight:bold;font-style:italic;}
.etiPrecioTachado_art       {float:left;font-size:16px;width:50%;text-align:left;padding:5px;color:gray;height:50px;margin-top:10px;text-decoration:line-through;}
.etiTipoPrecio_art          {float:left;font-size:10px;width:96%;color:gray;}
.divElemento_art            {float:left;width:100%;}
.etiEscalados_art           {float:left;font-size:13px;color:orange;font-weight:bold;margin-top:10px;}
.etiEspecial_art            {float:left;border:1px solid black;text-align:center;padding:5px;height:25px;margin-top:0px;width:auto;background-color:white;text-decoration:none;font-size:11px;position:relative;margin-right:5px;}
.contRegalo_art             {float:left;width:100%;}
.imgRegalo_art              {float:left;width:30px;margin:15px 15px 15px 0;}
.contStock_art              {float:left;width:100%;height:30px;margin:10px 0;} 
.etiCaracteristicas         {float:left;width:100%;color:var(--color-principal);font-size:12px;margin-top:15px;text-align:justify;}

.iconoNovedad_art {position:absolute;z-index:1;height:40px;}
.iconoDestacado_art{position:absolute;z-index:1;height:40px;transform:rotate(270deg);}

.etiDescripcionCorta{color:grey;text-align:center;font-size: 14px;}
.imagenRelacionados{width:130px;}
.imagenFicha{margin:0 auto;width:100%;}

.botonComprar                   {text-decoration:none;text-align:center;color:white;width:120px;border:none;padding:2px 45px;background-color:var(--color-principal);float:left;}
.botonComprar:hover             {background-color:var(--color-exit);text-decoration: none;}
.textUnidades                   {border:1px solid var(--color-principal);color:var(--color-principal);padding: 1px 5px 1px 5px;height:34px;width:120px;float:left;margin-right:5px;font-size:14px;text-align:right;}
.cmbArticulo                    {float:left;width:245px;font-size:11px;border:1px solid black;padding:5px;height:28px;background-color:white;margin-top:3px;}
.divPanelPrecio                 {float:left;width:100%;min-height:10px;}

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

    .divFichaArticulo           {float:left;width:45%;margin-left:2%;margin-top:40px;}
    .divIzquierda_art           {float:left;margin-left:15%;}
    .divImagenFicha             {float:left;width:91%;border:1px solid lightgray;text-align:center;}
    .divFlechasImagen           {float:left;margin:10px 40%;}
    .divTextoImagenFicha        {float:left;width:90%;text-align:center;}
    .etiRegalo_art              {font-weight:bold;color:var(--color-principal);font-size:14px;float:left;margin-top:27px;}

}

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

    .divFichaArticulo           {float:left;margin-top:20px;margin-left:3%;width:94%;}
    .divIzquierda_art           {float:left;}
    .divItemArticulo            {float:left;margin-left:5%;width:90%;}
    .divImagenFicha             {float:left;width:100%;border:1px solid lightgray;text-align:center;}
    .divFlechasImagen           {float:left;margin:10px 44%;}
    .divTextoImagenFicha        {float:left;width:100%;text-align:center;}
    .etiRegalo_art              {font-weight:bold;color:var(--color-principal);font-size:14px;float:left;margin-bottom:15px;}

}