/********* CSS Document *****************/
	body,td,th,textarea {
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
		font-size: 11px;
		color: #000000;
	}
	body{
		background-color:rgba(0,0,0,0);  
		font-family:'Quicksand', sans-serif;
	}	body.fondoNegro{background-color: #000000;}
	img{
		border:none;
	}
	*:focus {
		outline: none;
	}
	body {
		margin-left:0px;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin:0px;
		height:100%;
		width:100%;
	}
	.noseleccionable{
		user-select: none;
		-moz-user-select: none; 
		-webkit-user-select: none;
		-ms-user-select: none;   
	}	
    .scrollControlable                    { overflow: auto; scrollbar-width: none; /*Firefox*/ }    
    .scrollControlable::-webkit-scrollbar { width: 0; /*Webkit(Chrome, Android browser, Safari, Edge...)*/ }

	a:link { text-decoration: none; }
	a:visited {	text-decoration: none; }
	a:hover { text-decoration: none; }
	a:active { text-decoration: none; }
	
	:root {
		--entorno_color 		: #00A8F0; 
		--entorno_color_oscuro 	: #003A52;
		--entorno_color_claro 	: #00F0EC;
		--entorno_color_botones	: #006E34;
	}
    
    ::-webkit-scrollbar 		        { width: 3px; height: 3px 	}
    ::-webkit-scrollbar-track-piece     { background: white; 	    }
    ::-webkit-scrollbar-thumb 	        { background: #00A8F0; 		}
    ::-webkit-scrollbar-thumb:hover     { background: #003A52;    	}
	
	.cargadorContenedor {
		position:absolute; top:0px; bottom:0px; right:0px; left:0px;
	}
	.cargadorSpin {
		position:absolute; top:0px; bottom:0px; right:0px; left:0px; width:75%; max-width:150px; height:75%; max-height:150px; box-sizing:border-box; margin:auto;
		border:3px solid rgba(0,0,0,0.1); border-top:3px solid var(--entorno_color); border-radius:50%;				
		-webkit-animation: spin 0.75s linear infinite;
		animation: spin 0.75s linear infinite;
	}	.fondoNegro .cargadorSpin {border:3px solid rgba(255,255,255,0.1); border-top:3px solid var(--entorno_color);}
	
    @keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}

	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}
	
	
	
	#cuerpo{
		position:relative; box-sizing:border-box; padding-bottom:0px;
	}
	
	#dataLista{
		position:relative; box-sizing:border-box; min-height:500px;
	}
	#log{
		position:fixed; bottom:15px; left:15px; box-sizing:border-box; max-width:350px; margin:auto; border-radius:20px;
		line-height:35px; color:#FFF; font-size:15px; font-weight:500; text-align:left; padding-left:45px; padding-right:15px;
		z-index:200; background-color:#2ECC71; box-shadow:rgb(0,0,0,0.5) 0px 0px 25px;
		background-image:url('png/nuevos/icons8-checkmark-96(1).png'); background-size:20px; background-position:left+10px center; background-repeat:no-repeat;
		white-space:nowrap; text-overflow:ellipsis;	overflow:hidden; 
		display:none;
	}	#log.negro{ background-color:#222; background-image:url('png/nuevos/icons8-loading-100(1).png'); }
		#log.rojo{ background-color:#E74C3C; background-image:url('png/nuevos/icons8-help-100(1).png'); }
	
	#divControl{
		position:fixed; top:-100px; left:-100px; height:1px; width:1px; box-sizing:border-box; opacity:0;
	}
	#ventana{
		position:fixed; z-index:90; top:0px; bottom:0px; left:0px; right:0px; display:none; overflow: hidden;
        background-color:rgb(50,50,50,0.96); background-color: rgb(33,33,33,0.9)     
	}	.fondoNegro #ventana            {background-color:#000;}
                    #ventana.paramovil  { }
                    #ventana.menuWeb    { }
        
	
		#ventana .regresar{
			position:absolute; z-index:3; top: 10px; left: 50px; width:40px; height: 40px; cursor:pointer;
			background-image:url(png/nuevos/icons8-back-50.png); 
			background-size:auto 50%; background-repeat:no-repeat; background-position: center center; background-color:#FFF;
			border-radius: 50%; box-shadow: rgb(0,0,0,0.75) 0px 1px 1px, rgb(0,0,0,0.25) 0px 0px 3px;				
		}	
            .fondoNegro #ventana         .regresar{ top: 10px; }
                        #ventana         .regresar{
                            top: 10px; width: 30px; height: 30px; box-sizing: border-box;
                            background-color: transparent; border: white 1px solid; border-radius: 15px;
                            background-image:url('png/nuevos/icons8-back-50(1).png'); background-position: center center; background-size: auto 50%;
                            line-height: 28px; font-size: 12px; font-weight: 400; text-align: center; color: white;
                        }
                        #ventana.paramovil .regresar{ left: 15px; }
                        #ventana.menuWeb   .regresar{ display: none; }

                        #ventana         .regresar .texto{ display: none; }
                        #ventana         .regresar .texto{ display: block; }
		
		#ventana .cerrar{
			position:fixed; z-index:3; right:50px; top:10px; width:40px; height: 40px; box-sizing: border-box; cursor:pointer;
			background-image:url(png/nuevos/icons8-delete-ios-50.png); 
			background-size:auto 50%; background-repeat:no-repeat; background-position: center center; background-color:#FFF;
			border-radius: 50%; box-shadow: rgb(0,0,0,0.75) 0px 1px 1px, rgb(0,0,0,0.25) 0px 0px 10px;			
		}	
            .fondoNegro #ventana .cerrar{ top: 10px; }
                        #ventana .cerrar{
                            top: 10px; width: auto; height: 30px; padding-left: 15px; padding-right: 35px;
                            background-color: transparent; border: white 1px solid; border-radius: 15px;
                            background-image:url('png/nuevos/icons8-delete-ios-50(1).png'); background-position: right+10px center;
                            line-height: 28px; font-size: 11px; font-weight: 700; text-align: center; color: white;
                        }
                        #ventana.paramovil .cerrar{ right: 15px; }
                        #ventana           .cerrar .texto{ display: none; }
                        #ventana           .cerrar .texto{ display: block; }
		
		#ventana .loading{
			position:absolute; z-index:1; 
            left:0px; right:0px; top:0px; bottom:0px; margin: auto;
            width: 100px; height: 100px; border-radius: 50%;
            display:none;		
		}
		
		#ventana .data{
			position:absolute; z-index:1; left:50px; right:50px; top:50px; bottom:25px; max-width: 1000px; margin: auto; overflow:hidden; box-sizing: border-box;
            background-color: white; border-radius: 25px; box-shadow: rgb(0,0,0,1) 0px 0px 25px;
        }   .fondoNegro #ventana           .data{ background-color: black; }
                        #ventana.paramovil .data{ left:0px; right:0px; top:50px; bottom:25px; box-sizing: border-box; }
                        #ventana.menuWeb   .data{ max-width: 600px; }
	
/******************* Ventana Emergente MENU **************/
	#menuEmergente{
		position:fixed; top:0px; bottom:0px; left:0px; right:0px; box-sizing:border-box; overflow:hidden; z-index:100; display:none;
	} 
		#menuEmergente .fondo{
			position:absolute; left:0px; top:0px; bottom:0px; background-color:#FFF; width:1%; box-sizing:border-box;			
		}
		#menuEmergente .contenedor{
			position:absolute; left:0px; right:0px; top:0px; bottom:0px; box-sizing:border-box; z-index:2; overflow:hidden;	
		}
		#menuEmergente .pagina{
			position:relative; width:100%; height:100%; box-sizing:border-box; margin:0px;	
		}
		#menuEmergente .cerrar, #menuEmergente .atras{
			position:absolute; top:10px; right:10px; height:45px; width:45px; box-sizing:border-box; 
			background-position:center center; background-repeat:no-repeat; background-size:30px;
			cursor:pointer; z-index:5;
		}	#menuEmergente .atras	{ right:auto; left:10px; background-image:url(png/nuevos/icons8-scroll-up-50.png); background-size:40px; }
			#menuEmergente .cerrar	{ left:auto; right:10px; background-image:url(png/nuevos/icons8-delete-ios-50.png); }

		#menuEmergente .titulo{
			position:absolute; top:10px; left:65px; right:65px; height:45px; box-sizing:border-box; overflow:hidden;
			line-height:45px; font-size:18px; color:var(--entorno_color); font-weight:900; text-align:center; letter-spacing:-0.5px;
			background-position:center center; background-repeat:no-repeat; background-size:contain;
			user-select: none;
			-moz-user-select: none; 
			-webkit-user-select: none;
			-ms-user-select: none;  
		}
		#menuEmergente .indice{
			position:absolute; top:65px; left:0px; right:0px; height:55px; box-sizing:border-box; overflow:hidden; border-bottom:rgb(0,0,0,0.1) 1px solid; z-index:4;
			user-select: none;
			-moz-user-select: none; 
			-webkit-user-select: none;
			-ms-user-select: none;  
		}	#menuEmergente .indice.busc{ padding:5px; padding-left:15px; padding-right:15px;}
		
			#menuEmergente .indice .inputBusc{
				position:relative; height:100%; width:100%; box-sizing:border-box; background-color:rgb(0,0,0,0.05); border:rgb(0,0,0,0.1) 1px solid; border-radius:10px;
				padding-left:40px; padding-right:35px; text-align:left; font-size:20px; font-weight:400; color:#000;
				background-image:url(png/nuevos/icons8-search-100.png); background-size:20px; background-position:left+10px center; background-repeat:no-repeat;
			}
			#menuEmergente .indice .marco{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; box-sizing:border-box; overflow:auto;
				padding-left:35px; padding-right:35px; white-space:nowrap; text-align:center;
			}
			#menuEmergente .indice .boton{
				position:relative; height:55px; padding-left:15px; padding-right:15px; box-sizing:content-box; cursor:pointer; display:inline-block;
				line-height:53px; font-size:20px; color:rgb(0,0,0,0.6); font-weight:400; text-align:center; letter-spacing:-0.5px;
				white-space:nowrap; text-overflow:ellipsis;	
			}	#menuEmergente .indice .boton.click{ color:#000; font-weight:750; }
			
			#menuEmergente .indice .desplazar{
				position:absolute; top:0px; bottom:0px; width:25px;
				background-position:center center; background-repeat:no-repeat; background-size:10px;
				cursor:pointer;
				
			}	#menuEmergente .indice .desplazar.izquierda    { left:0px;    z-index:3; background-image:url(png/nuevos/icons8-back-50.png); }
				#menuEmergente .indice .desplazar.derecha      { right:0px;   z-index:3; background-image:url(png/nuevos/icons8-forward-50.png);}
				#menuEmergente .indice .desplazar.fizquierda   { left:0px;    z-index:2; background-image:linear-gradient(to right, rgb(255,255,255,1) 50%, transparent);    background-size:auto; }
				#menuEmergente .indice .desplazar.fderecha     { right:0px;   z-index:2; background-image:linear-gradient(to left, rgb(255,255,255,1) 50%, transparent);     background-size:auto; }
			
		#menuEmergente .separacion{
			position:absolute; top:120px; left:0px; right:0px; height:20px; box-sizing:border-box; background-image:linear-gradient(to bottom, rgb(0,0,0,0.1), transparent); z-index:3;
		}	#menuEmergente .pagina.base .separacion{ top:65px; }
		
		#menuEmergente .informacion .columna{
			position:relative; float:left; width:70%; box-sizing:border-box; padding:0px; padding-bottom:15px;
		}	#menuEmergente .informacion .columna.mini{ width:30%; float:right; }
		
		#menuEmergente .informacion{
			position:absolute; left:0px; right:0px; top:120px; bottom:0px; box-sizing:border-box; padding:15px; overflow:auto;	
		}	#menuEmergente .pagina.base .informacion{ top:65px; }
		
			#menuEmergente .informacion .opcion{
				position:relative; float:left; width:100%; height:auto; box-sizing:border-box; overflow:hidden;
				line-height:40px; font-size:15px; font-weight:500; text-align:left; cursor:pointer;
			}
				#menuEmergente .informacion .opcion.contenido{
					height:auto; padding:0px;
				}
				#menuEmergente .informacion .opcion .contador{
					position:absolute; top:0px; bottom:0px; right:0px; width:35px; height:20px; line-height:20px; border-radius:10px; margin:auto; 
					font-size:12px; color:rgb(0,0,0,0.5); text-align:center;
				}	#menuEmergente .informacion .opcion.SUBZONA .contador { background-color:rgb(0,0,0,0.05); border:rgb(0,0,0,0.1) 1px solid; width:75px; }
					#menuEmergente .informacion .opcion.subx .contador    { bottom:auto; top:15px; right:10px; }
					#menuEmergente .informacion .opcion.click .contador   { color:rgb(255,255,255,0.75); background-color:transparent; border:hidden; }
					
				#menuEmergente .opcion.principal{
					width:100%;					
					margin-bottom:50px;
					display: flex;
					flex-wrap: wrap;
  					justify-content: center;	
					-webkit-align-items: stretch; 
 					align-items: stretch; 			  
				}	#menuEmergente .opcion.principal.cerrado.old{ height:40px; margin-bottom:10px; background-image:url(png/nuevos/icons8-expand-arrow-50.png); }
				
				#menuEmergente .opcion.secundario{
					width:300px; height:auto; max-height:290px; overflow:hidden; margin:5px; margin-bottom:10px; padding-bottom:40px; border-radius:10px;	
				}
					#menuEmergente .opcion.secundario .botonMas{
						position:absolute; bottom:0px; left:0px; right:0px; height:40px; box-sizing:border-box; z-index:2; cursor:crosshair; border-radius:10px;
						background-image:linear-gradient(to top, rgb(255,255,255,1), rgb(255,255,255,1), rgb(255,255,255,0.75));
						white-space:nowrap; text-overflow:ellipsis;	overflow:hidden;
					}
						#menuEmergente .opcion.secundario .botonMas .bordeador{
							position:relative; height:20px; width:150px; background-color:var(--entorno_color_botones); border-radius:10px;
							line-height:20px; font-size:15px; color:#FFF; font-weight:500; text-align:center;
							margin:auto; margin-top:10px;
						}
				
				#menuEmergente .opcion.clax{
					width:100%;	font-weight:700;
				}	#menuEmergente .opcion.clax.click{ padding-left:25px; background-color:var(--entorno_color); border-radius:10px; }
				
				#menuEmergente .opcion.subx{
					width:100%;	font-weight:700;
				}	#menuEmergente .opcion.subx.click{ padding-left:45px; background-color:var(--entorno_color); }
				
					#menuEmergente .opcion .texto, #menuEmergente .opcion .contador{
						white-space:nowrap; text-overflow:ellipsis;	overflow:hidden;
					}
					#menuEmergente .opcion.catx .texto{
						height:50px; line-height:50px; text-align:center; font-size:15px; font-weight:900; color:black; opacity: 0.3; 
						background-image:url(png/nuevos/icons8-expand-arrow-50.png); 
                        background-size:25px; background-position:left+15px center; background-repeat:no-repeat;	
                        margin-bottom:10px; border-top: rgb(0,0,0,0.5) 1px dashed;
					}					
					#menuEmergente .opcion.subx .texto{
						padding-left:15px; padding-right:70px; line-height:50px; font-size:18px; font-weight:900; border:rgb(0,0,0,0.1) 1px solid; border-radius:10px;
					}						
					#menuEmergente .opcion.clax .texto{
						padding-left:15px; padding-right:40px; line-height:50px; font-size:18px; font-weight:500; color:rgb(0,0,0,0.5);
					}
					#menuEmergente .opcion.click .texto{ color:#FFF; }
					
	#menuEmergente .iconologia{
		position:relative; width:100%; max-width:450px; height:auto; overflow:hidden; box-sizing:border-box;
		margin:auto; padding-left:25px; padding-right:25px;
	}	
		#menuEmergente .iconologia .icon{
			position:relative; float:left; width:20%; height:45px; box-sizing:border-box;
			background-image:none; background-position:center center; background-repeat:no-repeat; background-size:contain; cursor:pointer;
		}	#menuEmergente .iconologia.mini .icon{ background-size:auto 75%; }
		
	#menuEmergente .opcion.click .texto .efecto{
		position:absolute; top:0px; bottom:0px; left:5px; margin:auto; width:30px; height:30px; border-radius:15px;
		background-image:url('png/nuevos/icons8-ok-96(1).png'); background-size:contain; background-position:center center; background-repeat:no-repeat;
	}
	
/*********** Imágenes (3) de página de inicio ************/

.publicidad{
	  position:relative; box-sizing:border-box; height:auto; overflow:hidden; 
	  padding:35px; padding-left:0px; padding-right:0px; margin-top:50px;
  }
	  .publicidad .fondoicon{
		  position:absolute; top:0px; bottom:0px; left:0px; right:0px;
		  background-image:url(empresa/fondoicon.png); background-repeat:repeat; background-position:top center; background-size:auto 50%;
		  opacity:0.15;					
	  }
	  .publicidad .minibanner{
		  position:relative; width:33.33%; height:250px; float:left; box-sizing:border-box; cursor:pointer; z-index:2;					
	  }
		  .publicidad .minibanner .fondo{
			  position:absolute; top:10px; bottom:10px; left:10px; right:10px; border-radius:20px; overflow:hidden;
			  background-color:#FFF; background-image:linear-gradient(to bottom right, var(--entorno_color_botones), transparent);
			  box-shadow:rgb(0,0,0,0.25) 2px 2px 10px;
			  z-index:1;
		  }
		  .publicidad .minibanner .img{
			  position:absolute; top:10px; bottom:10px; left:10px; right:10px; border-radius:20px; overflow:hidden;
			  background-position:center center; background-repeat:no-repeat; background-size:contain;
			  z-index:2;
		  }
		  .publicidad .minibanner .texto{
			  position:absolute; top:0px; bottom:0px; left:0px; right:45%; box-sizing:border-box; padding:2.5vw;
			  line-height:1.1vw; font-size:1.1vw; font-weight:900; text-align:left; color:#FFF; text-shadow:rgb(0,0,0,0.1) 0px 1px 3px; letter-spacing:-1px;
			  z-index:3; 
		  }	@media screen and (max-width: 450px) {
				  .publicidad .minibanner .texto{ padding:25px; line-height:16px; font-size:14px; right:50%;}
			  }
			  .publicidad .minibanner .boton{
				  position:absolute; bottom:10px; left:20px; right:10px; margin:auto; box-sizing:border-box; 
				  padding:1.5vw; padding-top:0px; padding-bottom:0px; margin-top:1.5vw; text-align:center;
				  line-height:1.5vw; font-size:0.9vw; font-weight:900; color:rgb(0,0,0,0.9); letter-spacing:-1px; text-shadow:rgb(255,255,255,0.5) 0px 0px 5px;
				  border-radius:20px 40px 0px 20px; background-image:linear-gradient(to right, rgb(255,255,255,0.7), rgb(255,255,255,1));
			  }	@media screen and (max-width: 450px) {
					.publicidad .minibanner .boton{ margin-top:20px; line-height:18px; font-size:13px; padding:10px; padding-top:0px; padding-bottom:0px; }
				}
	
/*********** Indice del Listado de Productos ************/
#cuerpo .indice{
	position:relative; box-sizing:border-box; height:45px; overflow:hidden; margin: 15px auto; z-index:3;
    font-family:'Roboto', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
	#cuerpo .indice .marco{
		position:absolute; top:0px; bottom:0px; left:0px; right:0px; box-sizing:border-box; overflow:auto;
		padding: 0px 25px; white-space:nowrap; text-align:center;
	}
	#cuerpo .indice .boton{
		position:relative; height:45px; padding: 0px 10px; box-sizing:content-box; cursor:pointer; display:inline-block;
		line-height:45px; font-size:15px; color:rgb(0,0,0,0.75); font-weight:500; text-align:center; letter-spacing:0px;
		white-space:nowrap; text-overflow:ellipsis;	
	}	.fondoNegro #cuerpo .indice .boton{color:rgb(255,255,255,0.75);}
		
		#cuerpo .indice .boton.click{ color:var(--entorno_color); font-weight:750; }
		#cuerpo .indice .boton.enmarcado{ background-color:rgb(0,0,0,0.05); border-radius:10px; height:35px; line-height:35px; margin-top:20px; margin-bottom:20px; }
			.fondoNegro #cuerpo .indice .boton.enmarcado{background-color:rgb(255,255,255,0.05);}
	
	#cuerpo .indice .desplazar{
		position:absolute; top:0px; bottom:0px; width:15px;
		background-position:center center; background-repeat:no-repeat; background-size:10px;
		cursor:pointer;		
	}	
		#cuerpo .indice .desplazar.izquierda    { 	left:0px;     	              z-index:3; background-image:url(png/nuevos/icons8-back-50.png); }
		#cuerpo .indice .desplazar.derecha      { 	right:0px; 				      z-index:3; background-image:url(png/nuevos/icons8-forward-50.png);}
		#cuerpo .indice .desplazar.fizquierda   { 	left:0px;     width: 50px;    z-index:2; background-image:linear-gradient(to right, rgb(255,255,255,1), transparent); background-size:auto; pointer-events: none; }
		#cuerpo .indice .desplazar.fderecha     { 	right:0px;    width: 50px;    z-index:2; background-image:linear-gradient(to left,  rgb(255,255,255,1), transparent); background-size:auto; pointer-events: none; }
		
        .fondoNegro #cuerpo .indice .desplazar.izquierda{ 	background-image:url('png/nuevos/icons8-back-50(1).png'); }
		.fondoNegro #cuerpo .indice .desplazar.derecha{ 	background-image:url('png/nuevos/icons8-forward-50(1).png'); }
		.fondoNegro #cuerpo .indice .desplazar.fizquierda{ 	background-image:linear-gradient(to right, rgb(0,0,0,1), transparent); background-size:auto; }
		.fondoNegro #cuerpo .indice .desplazar.fderecha{ 	background-image:linear-gradient(to left, rgb(0,0,0,1), transparent); background-size:auto; }

/******************* Publicaciones ***********************/
	/* Regular */
	.publicacion.regular{
		position:relative; height:70%; overflow:hiddenn; box-sizing:border-box; margin-bottom:120px;
        font-family: 'Quicksand', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	}	.publicacion.regular.vertical{ height:80%; margin: 10px; }
		.publicacion.regular.mediano{ height:80%; margin: 10px; display:inline-block; }
	
		.publicacion.regular .portada{
			position:absolute; top:10px; bottom:10px; width:60%; box-sizing:border-box; overflow:hidden;
			background-color:rgb(0,0,0,0.1); background-position:center center; background-repeat:no-repeat; background-size:cover;            
			cursor:pointer;		
		}	.publicacion.regular.izquierda 	.portada{ left:0px; 	border-radius:0px 25px; 	    border-radius:25px;     box-shadow: rgb(0,0,0,0.1) 5px 5px 10px; }
			.publicacion.regular.derecha 	.portada{ right:0px; 	border-radius:25px 0px;		    border-radius:25px;     box-shadow: rgb(0,0,0,0.1) -5px -5px 10px; }
			.publicacion.regular.vertical 	.portada{ width:auto; left:0px; right:0px; bottom:50%;                          box-shadow: rgb(0,0,0,0.1) 0px 0px 10px;}
			.publicacion.regular.mediano 	.portada{ width:auto; left:0px; right:0px; bottom:50%;                          box-shadow: rgb(0,0,0,0.1) 0px 0px 10px;}
		
			.publicacion.regular .portada .tapa{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; opacity:0.9;
				background-image:linear-gradient(to bottom, var(--entorno_color_oscuro), transparent 50%);
				z-index:2;					
			}
			.publicacion.regular .portada .titulo{
				position:relative; box-sizing:border-box; padding:35px;
				line-height:4vw; font-size:4vw; font-weight:700; color:#FFF; text-shadow:rgb(0,0,0,0.6) 0px 1px 3px; letter-spacing: -1px;
				z-index:3;					
			}	.fondoNegro .publicacion.regular .portada .titulo{text-shadow:rgb(0,0,0,1) 1px 1px 3px;}
				
				.publicacion.regular.izquierda 	.portada .titulo{ text-align:right; }
				.publicacion.regular.derecha 	.portada .titulo{ text-align:left; }
				.publicacion.regular.vertical 	.portada .titulo{ line-height:8vw; font-size:8vw; padding:25px; }
				.publicacion.regular.mediano 	.portada .titulo{ line-height:16px; font-size:16px; padding:25px; font-weight:700; }
				
		.publicacion.regular .observacion{
			position:absolute; top:0px; bottom:60%; box-sizing:border-box; overflow:hidden; padding-top:25px;
			line-height:1.6vw; font-size:0.85vw; color:rgb(0,0,0,0.6); font-weight:500; letter-spacing:1px; text-align:left;
            font-family: 'Roboto', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
			cursor:pointer;		
		}	.fondoNegro .publicacion.regular .observacion{color:rgb(255,255,255,0.9);}
			
			.publicacion.regular.izquierda 	.observacion{ left:60%; right:0px; padding-left:75px; padding-right:25px; text-align:left; }
			.publicacion.regular.derecha 	.observacion{ left:0px; right:60%; padding-left:25px; padding-right:75px; text-align:justify; }
			.publicacion.regular.vertical 	.observacion{ left:0px; right:0px; top:60%; bottom:10%; padding-left:25px; padding-right:25px; text-align:center; line-height:4vw; font-size:3.2vw; }
			.publicacion.regular.mediano 	.observacion{ left:0px; right:0px; top:60%; bottom:10%; padding-left:25px; padding-right:25px; text-align:center; line-height:16px; font-size:13px; }
			
			.publicacion.regular .observacion .sombra{
				position:absolute; bottom:0px; left:25px; right:25px; height:75px; box-sizing:border-box;
				background-image:linear-gradient(to top, rgb(255,255,255,1), transparent);
				z-index:2;
			}	.fondoNegro .publicacion.regular .observacion .sombra{background-image:linear-gradient(to top, rgb(0,0,0,1), transparent);}
		
		.publicacion.regular .vermas{
			position:absolute; bottom:50%; height:10%; box-sizing:border-box; border-radius: 15px;
			line-height:1.5vw; font-size:1vw; color:rgb(0,0,0,1); font-weight:600; letter-spacing:1px; text-align:left;
			padding-left:75px; padding-right:75px; padding-top:15px; background-size:1.5vw; background-repeat:no-repeat;
			z-index:2; cursor:pointer;
		}	.fondoNegro .publicacion.regular .vermas{color:rgb(255,255,255,1);}
		
			.publicacion.regular.izquierda 	.vermas{ left:60%; right:0px; text-align:left; background-position:left+25px top+15px; background-image:url(png/nuevos/icons8-forward-50.png); }
			.publicacion.regular.derecha 	.vermas{ left:0px; right:60%; text-align:right; background-position:right+25px top+15px; background-image:url(png/nuevos/icons8-back-50.png); }
			.publicacion.regular.vertical 	.vermas{ left:0px; right:0px; bottom:0px; line-height:4vw; font-size:4vw; background-size:4vw; font-weight:800; text-align:center; border-top: rgb(0,0,0,0.1) 1px solid; background-image: none; }
			.publicacion.regular.mediano 	.vermas{ left:0px; right:0px; bottom:0px; line-height:13px; font-size:13px; background-size:13px; font-weight:800; text-align:center; border-top: rgb(0,0,0,0.1) 1px solid; background-image: none; }
			
			.fondoNegro .publicacion.regular.izquierda 	.vermas{ background-image:url('png/nuevos/icons8-forward-50(1).png'); }
			.fondoNegro .publicacion.regular.derecha 	.vermas{ background-image:url('png/nuevos/icons8-back-50(1).png'); }
			.fondoNegro .publicacion.regular.vertical 	.vermas{ }
			.fondoNegro .publicacion.regular.mediano 	.vermas{ }
			
		.publicacion.regular .categoria{
			position:absolute; bottom:0px; box-sizing:border-box; overflow:hidden;
			line-height:20px; font-size:15px; color:var(--entorno_color); font-weight:300; letter-spacing:1px; white-space:nowrap; text-overflow:ellipsis;
			padding-left:25px; padding-right:25px;
			z-index:2; cursor:pointer;	
			display:none;
		}	.publicacion.regular.izquierda 	.categoria{ left:60%; right:0px; text-align:right; }
			.publicacion.regular.derecha 	.categoria{ left:0px; right:60%; text-align:left; }
			.publicacion.regular.vertical 	.categoria{ left:0px; right:0px; }
			.publicacion.regular.mediano 	.categoria{ left:0px; right:0px; }
		
		.publicacion.regular .galeria{
			position:absolute; bottom:5%; left:0px; right:0px; height:45%; box-sizing:border-box; overflow:hidden; white-space:nowrap; z-index:2;
		}	.publicacion.regular.izquierda 	.galeria{ text-align:right; }
			.publicacion.regular.derecha 	.galeria{ text-align:left; }
			.publicacion.regular.vertical 	.galeria{ text-align:center; bottom:40%; height:22.5%; }
			.publicacion.regular.mediano 	.galeria{ text-align:center; bottom:40%; height:22.5%; }
				
			.publicacion.regular .galeria .marco{
				position:relative; width:33.33%; height:100%; box-sizing:border-box; overflow:hidden; display:inline-block; padding:25px;	
			}	.publicacion.regular.vertical .galeria .marco{ width:50%; padding:5px; }
				.publicacion.regular.mediano  .galeria .marco{ width:50%; padding:5px; }
			
				.publicacion.regular .galeria .marco .foto{
					position:relative; width:100%; height:100%; box-sizing:border-box; overflow:hidden; background-color:rgb(255,255,255,1);
					background-position:center center; background-repeat:no-repeat; background-size:contain; border-radius:25px;
					box-shadow:rgb(0,0,0,0.5) 0px 0px 25px; cursor:pointer;	
				}	.fondoNegro 	.publicacion.regular 			.galeria .marco .foto{ background-color:rgb(0,0,0,1); border:rgb(255,255,255,0.1) 1px solid; box-shadow:rgb(0,0,0,1) 0px 0px 25px;}
									.publicacion.regular.cover 		.galeria .marco .foto{ background-size:cover; }
									.publicacion.regular.vertical 	.galeria .marco .foto{ box-shadow:rgb(0,0,0,0.6) 0px 0px 5px; }
									.publicacion.regular.mediano 	.galeria .marco .foto{ box-shadow:rgb(0,0,0,0.6) 0px 0px 5px; }
				
		.publicacion.regular .ocultar, .publicacion.mediano .ocultar{
			position:absolute; top:0px; bottom:0px; width:1px; height:1px; opacity:0; overflow:hidden;
		}
		
	
	/* producto */
	.publicacion.catalogo{
		position:relative; height:80%; overflow:hidden; box-sizing:border-box; margin-bottom:120px;
	}	.publicacion.catalogo.vertical{ height:90%; }
	
		.publicacion.catalogo .portada{
			position:absolute; top:0px; bottom:0px; width:40%; box-sizing:border-box; overflow:hidden;
			background-color:rgb(0,0,0,0.1); background-position:top center; background-repeat:no-repeat; background-size:cover;
			cursor:pointer;	
		}	.publicacion.catalogo.izquierda 	.portada{ left:0px; border-radius:15px; }
			.publicacion.catalogo.derecha 		.portada{ right:0px; border-radius:15px; }
			.publicacion.catalogo.vertical 		.portada{ width:auto; left:0px; right:0px; bottom:60%; }
		
			.publicacion.catalogo .portada .tapa{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:2;
				background-image:linear-gradient(to bottom, rgb(0,0,0,0.5), transparent); 				
			}
				
			.publicacion.catalogo .portada .recuadro{
				position:relative; border:#FFF 2px solid; margin:5px; padding-left:10px; padding-right:10px; border-radius:10px; z-index:2;					
			}	.publicacion.catalogo.izquierda 	.portada .recuadro{ float:left; }
				.publicacion.catalogo.derecha		.portada .recuadro{ float:right; }
			
			.publicacion.catalogo .portada .titulo{
				position:relative; box-sizing:border-box; padding:35px;
				line-height:1.5vw; font-size:1vw; font-weight:500; color:#FFF; text-shadow:rgb(0,0,0,0.3) 0px 0px 3px;
				z-index:3;					
			}	.publicacion.catalogo.izquierda 	.portada .titulo{ text-align:left; }
				.publicacion.catalogo.derecha 		.portada .titulo{ text-align:right; }
				.publicacion.catalogo.vertical 		.portada .titulo{ line-height:4.5vw; font-size:3vw; }
				
			.publicacion.catalogo .observacion .titulo{
				position:relative; box-sizing:border-box; margin-bottom:15px; text-align:left;
				line-height:2vw; font-size:1.6vw; font-weight:500; text-shadow:rgb(0,0,0,0.1) 0px 0px 3px;
				z-index:3;					
			}	.publicacion.catalogo.izquierda 	.observacion .titulo{ }
				.publicacion.catalogo.derecha 		.observacion .titulo{ }
				.publicacion.catalogo.vertical 		.observacion .titulo{ line-height:7vw; font-size:5.9vw; }
				
		.publicacion.catalogo .observacion{
			position:absolute; top:0px; bottom:15%; box-sizing:border-box; overflow:hidden; padding-top:25px;
			line-height:1.6vw; font-size:0.9vw; color:rgb(0,0,0,0.9); font-weight:400; letter-spacing:1px; text-align:left;
			cursor:pointer;		
		}	.publicacion.catalogo.izquierda 	.observacion{ left:60%; right:0px; padding-left:75px; padding-right:25px; text-align:left; }
			.publicacion.catalogo.derecha 		.observacion{ left:0px; right:60%; padding-left:25px; padding-right:75px; text-align:justify; }
			.publicacion.catalogo.vertical 		.observacion{ left:0px; right:0px; top:60%; bottom:10%; padding-left:25px; padding-right:25px; text-align:justify; line-height:5.9vw; font-size:4vw; padding-top:10px; }
			
			.publicacion.catalogo .observacion .sombra{
				position:absolute; bottom:0px; left:0px; right:0px; height:65px; box-sizing:border-box;
				background-image:linear-gradient(to top, rgb(255,255,255,1), transparent);
				z-index:2;
			}
		
		.publicacion.catalogo .vermas{
			position:absolute; bottom:0%; height:10%; box-sizing:border-box;
			line-height:1.5vw; font-size:1vw; color:rgb(0,0,0,1); font-weight:600; letter-spacing:1px; text-align:left;
			padding-left:75px; padding-right:75px; padding-top:15px; background-size:1.5vw; background-repeat:no-repeat;
			z-index:2; cursor:pointer;
		}	.publicacion.catalogo.izquierda 	.vermas{ left:60%; right:0px; text-align:left; background-position:left+25px top+15px; background-image:url(png/nuevos/icons8-forward-50.png); }
			.publicacion.catalogo.derecha 		.vermas{ left:0px; right:60%; text-align:right; background-position:right+25px top+15px; background-image:url(png/nuevos/icons8-back-50.png); }
			.publicacion.catalogo.vertical 		.vermas{ left:0px; right:0px; bottom:0px; line-height:4vw; font-size:4vw; background-size:4vw; font-weight:800; }
			
		.publicacion.catalogo .categoria{
			position:absolute; bottom:0px; box-sizing:border-box; overflow:hidden;
			line-height:20px; font-size:15px; color:var(--entorno_color); font-weight:300; letter-spacing:1px; white-space:nowrap; text-overflow:ellipsis;
			padding-left:25px; padding-right:25px;
			z-index:2; cursor:pointer;	
		}	.publicacion.catalogo.izquierda 	.categoria{ left:60%; right:0px; text-align:right; }
			.publicacion.catalogo.derecha 		.categoria{ left:0px; right:60%; text-align:left; }
			.publicacion.catalogo.vertical 		.categoria{ left:0px; right:0px; }
		
		.publicacion.catalogo .galeria{
			position:absolute; top:0; bottom:0; width:20%; box-sizing:border-box; overflow:hidden; white-space:nowrap; z-index:2;
		}	.publicacion.catalogo.izquierda 	.galeria{ left:40%; }
			.publicacion.catalogo.derecha 		.galeria{ right:40%; }
			.publicacion.catalogo.vertical 		.galeria{ top:auto; bottom:40%; left:0px; right:0px; height:20%; width:auto; }
				
			.publicacion.catalogo .galeria .marco{
				position:relative; width:100%; height:33.33%; box-sizing:border-box; overflow:hidden; display:block; padding:10px; padding-top:0px; padding-bottom:10px;	
			}	.publicacion.catalogo.vertical .galeria .marco{ width:33.33%; height:100%; display:inline-block; padding:10px; }
			
				.publicacion.catalogo .galeria .marco .foto{
					position:relative; width:100%; height:100%; box-sizing:border-box; overflow:hidden; background-color:rgb(0,0,0,0.1);
					background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:10px;
					cursor:pointer;	
				}	.publicacion.catalogo.vertical .galeria .marco .foto{}
				
		.publicacion.catalogo .ocultar{
			position:absolute; top:0px; bottom:0px; width:1px; height:1px; opacity:0; overflow:hidden;	
		}
			
		
	/* galería */
	.publicacion.fotogaleria{
		position:relative; height:90%; overflow:hidden; box-sizing:border-box; margin-bottom:120px;
	}	.publicacion.fotogaleria.vertical{ height:60%; }
	
		.publicacion.fotogaleria .portada{
			position:absolute; top:0px; bottom:20%; left:5%; right:5%; border-radius:25px 25px 10px 10px; box-sizing:border-box; overflow:hidden;
			background-color:rgb(0,0,0,0.1); background-position:top center; background-repeat:no-repeat; background-size:cover;
			cursor:pointer;		
		}	.publicacion.fotogaleria.izquierda 	.portada{ }
			.publicacion.fotogaleria.derecha 	.portada{ }
			.publicacion.fotogaleria.vertical 	.portada{ }
		
			.publicacion.fotogaleria .portada .tapa{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px;
				background-image:linear-gradient(to bottom, rgb(0,0,0,0.75), rgb(0,0,0,0.5));
				z-index:2;					
			}
			
			.publicacion.fotogaleria .portada .titulo{
				position:relative; box-sizing:border-box; padding:35px;
				line-height:4vw; font-size:4vw; font-weight:500; color:#FFF; text-shadow:rgb(0,0,0,0.1) 0px 0px 3px;
				z-index:3;					
			}	.publicacion.fotogaleria.izquierda 	.portada .titulo{ text-align:right; }
				.publicacion.fotogaleria.derecha 	.portada .titulo{ text-align:left; }
				.publicacion.fotogaleria.vertical 	.portada .titulo{ line-height:8vw; font-size:8vw; }
				
		.publicacion.fotogaleria .observacion{
			display:none;	
		}	.publicacion.fotogaleria.izquierda 	.observacion{ }
			.publicacion.fotogaleria.derecha 	.observacion{ }
			.publicacion.fotogaleria.vertical 	.observacion{ }
			.publicacion.fotogaleria .observacion .sombra{ }
		
		.publicacion.fotogaleria .vermas{
			position:absolute; bottom:0px; height:10%; box-sizing:border-box;
			line-height:1.5vw; font-size:1vw; color:rgb(0,0,0,1); font-weight:400; letter-spacing:1px; text-align:left;
			padding-left:75px; padding-right:75px; padding-top:15px; background-size:1.5vw; background-repeat:no-repeat;
			z-index:2; cursor:pointer;
		}	.publicacion.fotogaleria.izquierda 	.vermas{ left:0px; right:0px; text-align:left; background-position:left+25px top+15px; background-image:url(png/nuevos/icons8-forward-50.png); }
			.publicacion.fotogaleria.derecha 	.vermas{ left:0px; right:60%; text-align:right; background-position:right+25px top+15px; background-image:url(png/nuevos/icons8-back-50.png); }
			.publicacion.fotogaleria.vertical 	.vermas{ left:0px; right:0px; bottom:0px; line-height:4vw; font-size:4vw; background-size:4vw; }
			
		.publicacion.fotogaleria .categoria{ display:none;
		}	.publicacion.fotogaleria.izquierda 	.categoria{ }
			.publicacion.fotogaleria.derecha 	.categoria{ }
			.publicacion.fotogaleria.vertical 	.categoria{ }
		
		.publicacion.fotogaleria .galeria{
			position:absolute; bottom:10%; left:0px; right:0px; height:35%; box-sizing:border-box; overflow:hidden; white-space:nowrap; z-index:2;
		}	.publicacion.fotogaleria.izquierda 	.galeria{ text-align:right; }
			.publicacion.fotogaleria.derecha 	.galeria{ text-align:left; }
			.publicacion.fotogaleria.vertical 	.galeria{ }
				
			.publicacion.fotogaleria .galeria .marco{
				position:relative; width:20%; height:100%; box-sizing:border-box; display:inline-block; padding:10px;	
			}	.publicacion.fotogaleria.vertical .galeria .marco{ width:33.33%; padding:0px; }
			
				.publicacion.fotogaleria .galeria .marco .foto{
					position:relative; width:100%; height:100%; box-sizing:border-box; overflow:hidden; background-color:rgb(0,0,0,0.1);
					background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:10px;
					box-shadow:rgb(0,0,0,0.5) 0px 0px 10px; cursor:pointer;	
				}	.publicacion.fotogaleria.vertical .galeria .marco .foto{ box-shadow:rgb(0,0,0,0.25) 0px 0px 10px; }
				
		.publicacion.fotogaleria .contador{
			position:absolute; bottom:45%; height:15px; border-radius:10px; background-color:rgb(0,0,0,0.5); box-sizing:border-box;
			line-height:15px; font-size:13px; color:rgb(255,255,255,1); font-weight:900; letter-spacing:1px; text-align:left;
			padding:0px 25px; margin: auto;
			z-index:2; cursor:pointer;
		}	.publicacion.fotogaleria.izquierda 	.contador{ left:15%; right:auto;}
			.publicacion.fotogaleria.derecha 	.contador{ right:15%; left:auto; }
		
		.publicacion.fotogaleria .ocultar{
			position:absolute; top:0px; bottom:0px; width:1px; height:1px; opacity:0; overflow:hidden;	
		}	
	
	/* mini */
	.publicacion.mini{
		position:relative; display:inline-block; width:175px; height:175px; overflow:hidden; box-sizing:border-box; pointer-events:nonex;
	}	
		.publicacion.mini .portada{
			position:absolute; top:10px; bottom:10px; left:10px; right:10px; box-sizing:border-box; border-radius:25px; overflow:hidden;
			background-color:rgb(0,0,0,0); background-position:center center; background-repeat:no-repeat; background-size: contain; border:rgb(0,0,0,0.1) 1px solid;
			cursor:pointer;		
		}		
			.publicacion.mini .portada .tapa{ display:none;}						
			.publicacion.mini .portada .titulo{ display:none; }	
				
		.publicacion.mini .observacion{
			position:absolute; left:25px; right:25px; bottom:10px; height:10px; box-sizing:border-box; overflow:hidden; 
			line-height:10px; font-size:10px; color:rgb(0,0,0,0.5); font-weight:300; letter-spacing:1px; white-space:nowrap; text-overflow:ellipsis;
			cursor:pointer;
			display:none;	
		}				
			.publicacion.mini .observacion .sombra{ display:none; }
		
		.publicacion.mini .vermas{ display:none; }
			
		.publicacion.mini .categoria{
			position:absolute; top:10px; left:45px; right:45px; box-sizing:border-box; overflow:hidden;
			line-height:10px; font-size:10px; color:rgb(0,0,0,0.5); font-weight:300; letter-spacing:1px; white-space:nowrap; text-overflow:ellipsis;
			z-index:2; cursor:pointer;
			display:none;	
		}	
		
		.publicacion.mini .galeria{ display:none; }				
			.publicacion.mini .galeria .marco{ display:none; }
				.publicacion.mini .galeria .marco .foto{ display:none; }
				
		.publicacion.mini .ocultar{
			position:absolute; top:0px; bottom:0px; width:1px; height:1px; opacity:0; overflow:hidden;	
		}	


    /* Video */
	.publicacion.video{
		position:relative; display:inline-block; width:255px; height: 450px; overflow:hidden; box-sizing:border-box; margin: 10px; border-radius: 25px; box-shadow: rgb(0,0,0,0.3) 0px 2px 10px;
	}	
		.publicacion.video .video{
			position:absolute; top:0px; bottom:0px; left:0px; right:0px; box-sizing:border-box; border-radius:25px; overflow:hidden;
			background-color:rgb(0,0,0,0.8); border:rgb(255,255,255,0.1) 1px solid;
		}		
			.publicacion.mini .portada .tapa{ display:none;}						
			.publicacion.mini .portada .titulo{ display:none; }	
			
		.publicacion.video .nombre{            
            position: absolute; top: 0px; left: 0px; right: 0px; height: 50px; pointer-events: none; padding: 10px;
            background-image:linear-gradient(to bottom, rgb(0,0,0,0.8), transparent); 
            font-family: Montserrat; line-height: 50px; font-size: 13px; font-weight: 700; color: white; text-align: center; letter-spacing: 0px; 
            border-radius: 25px 25px 0px 25px; overflow:hidden; text-shadow: rgb(0,0,0,0.5) 0px 2px 5px; white-space:nowrap; text-overflow:ellipsis;
		}
        .publicacion.video .nombre .categoria{            
            position: absolute; top: 10px; left: 15px; right: 15px; height: 15px; overflow:hidden;
            font-family: Montserrat; line-height: 15px; font-size: 13px; font-weight: 500; color: var(--entorno_color); text-align: center; letter-spacing: 0px; 
		}
				
		.publicacion.mini .ocultar{
			position:absolute; top:0px; bottom:0px; width:1px; height:1px; opacity:0; overflow:hidden;	
		}	

/****************** Listado de Productos ****************/
	.listado{
		position:relative;
	}
		.listado .regresar{
			position:relative; width:fit-content; height:50px; overflow:hidden; box-sizing:border-box; margin: 10px auto;
            font-family:'Roboto', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
			line-height:50px; font-size:15px; font-weight:700; text-align:center; padding: 0px 25px 0px 50px; 
			background-color:rgb(0,0,0,0); border-radius:20px; cursor:pointer; 
			background-image:url(png/nuevos/icons8-back-50.png), linear-gradient(to top, rgb(0,0,0,0), rgb(0,0,0,0), rgb(0,0,0,0.1)); 
            background-size:15px, auto; background-repeat:no-repeat; background-position:left+15px center, center center;
		}	.fondoNegro .listado .regresar{ background-color:var(--entorno_color_botones); }
		
		.listado .contenedor{
			position:relative; width:100%; height:auto; overflow:hidden; white-space:normal; box-sizing:border-box; padding-top:25px; text-align:center;
		}
		.minicontenedor{
			position:relative; width:100%; height:auto; overflow:auto; white-space:nowrap; box-sizing:border-box; padding-top:10px; text-align:center;
		}
			.listado .contenedor .producto{
				position:relative; display:inline-block; height:auto; min-height:350px; overflow:hidden; box-sizing:border-box; padding-bottom:50px;
                font-family:'Roboto', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
				background-color:rgb(255,255,255,1); cursor:default; border-radius:25px;
			}
				.listado .contenedor .producto .abrirProducto{
					cursor:pointer;
				}	
									
			.listado .contenedor .producto.mini{
				min-height:0px; margin:10px; margin-bottom:25px; float:none; border-bottom:rgb(0,0,0,0.1) 0px solid; border-radius:15px;
			}
				.listado .contenedor .producto .borde{
					position:absolute; top:0px; bottom:0px; left:0px; right:0px; height:100%; box-sizing:border-box; z-index:2; 
					border:rgb(0,0,0,0) 2px solid; border-radius:25px;
					pointer-events:none;
				}	.listado .contenedor .producto.focus .borde{ border:var(--entorno_color) 2px solid; }
                    .listado .contenedor .producto.focus{ box-shadow: rgb(0,0,0,0.3) 0px 2px 10px; }        
				
				.listado .contenedor .producto .fotoContenedor{
					position:relative; height:250px; border-radius: 25px; overflow:hidden; box-sizing:border-box; background-color:rgb(0,0,0,0); display:none; cursor:pointer;				
				} 	.listado .contenedor .producto.mini .fotoContenedor{
                        height:120px; width:25%; border-radius:25px; float:left; 
                    }
					.listado .contenedor .producto.minimizar .fotoContenedor{
                        height:150px; width:40%; float:left; margin-left: 10px; margin-right: 10px;
                    }
					
				.listado .contenedor .producto.imagen .fotoContenedor{
					display:block;
				}			
					.listado .contenedor .producto .fotoContenedor .referencia{
						position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:1px; height:1px; overflow:hidden; z-index:-1;					
					}
					
					.listado .contenedor .producto .fotoContenedor .foto{
						position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:auto;
						background-position:center center; background-size:contain; background-repeat:no-repeat;
						background-color:#FFF;
					}	.listado .contenedor .producto.noimagen .fotoContenedor .foto{ background-size:50%; }
						.listado .contenedor .producto .fotoContenedor .sinfoto{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgb(255,255,255,0.5); }
						
						.listado .contenedor .producto .fotoContenedor .foto .agotado{
							position:absolute; top:0px; bottom:0px; left:0px; right:0px; background-color:rgb(0,0,0,0.3);
							background-image:url(img/agotado.png); background-position:center center; background-size:cover; background-repeat:no-repeat;
							display:none;
						}
						.listado .contenedor .producto .fotoContenedor .foto .agregado{
							position:absolute; top:0px; bottom:0px; left:0px; right:0px; border-radius: 10px;
							background-color:var(--entorno_color_botones);
							background-image:url('png/nuevos/icons8-buyx-100(1).png');
							background-position:top+15px right+15px; background-size:auto 50px; background-repeat:no-repeat;
							z-index:2; display:none; opacity:0.3;
						} 	.listado .contenedor .producto.agregado 		.fotoContenedor .foto .agregado{ display:block; }
							.listado .contenedor .producto.agregado.mini 	.fotoContenedor .foto .agregado{ display:none; }
								
				.listado .contenedor .producto .descripcion{
					position:relative; height:auto; overflow:hidden; box-sizing:border-box; padding:0px;
					line-height:22px; font-size:22px; font-weight:500; overflow-wrap:break-word;
				}	.listado .contenedor .producto.mini .descripcion        { float:left; width:100%; box-sizing:border-box; }
					.listado .contenedor .producto.imagen.mini .descripcion { float:left; width:75%; box-sizing:border-box;  }
				
					.listado .contenedor .producto .descripcion .columna{
						position:relative; float:left; width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:10px 15px;
					}	.listado .contenedor .producto.mini .descripcion .columna{
                            width:100%; padding:5px 10px; line-height:16px; font-size:15px;
                        }
									
				.listado .contenedor .producto.imagen .descripcion{
					line-height:20px; font-size:20px; font-weight:600; letter-spacing: 0px;
				}			
					.listado .contenedor .producto .descripcion .division{
						position:relative; color:var(--entorno_color_botones); font-size:13px; margin-bottom:5px; letter-spacing:0.5px; white-space:nowrap; text-overflow:ellipsis;
					}					
					.listado .contenedor .producto .descripcion .nombre{
						max-height:88px; overflow:hidden; cursor:pointer;
					}
					.listado .contenedor .producto.imagen .descripcion .nombre{
						max-height:60px; overflow:hidden;
					}	.listado .contenedor .producto.imagen.mini .descripcion .nombre{ height:auto; }
					
					.listado .contenedor .producto .descripcion .observaciones{
						font-size:12px; color:rgb(0,0,0,0.8); line-height:12px; min-height:12px; max-height:12px; letter-spacing:0px; font-weight:normal; overflow:hidden; margin-top:5px;
					}	.listado .contenedor .producto.mini .descripcion .observaciones{ display:none; }
					
					.listado .contenedor .producto .descripcion .precio{
						position:relative; color:var(--entorno_color_botones); font-weight:500; margin-top:3px; letter-spacing:0px; text-align:right;
					}
					.listado .contenedor .producto .descripcion .precio .dato{
						float:left;		
					}
					.listado .contenedor .producto .descripcion .precio .dato.pvp{
						font-size:25px; float:right; font-weight:600;
					}
						.listado .contenedor .producto .descripcion .precio .dato.pvp.min{
							font-size:15px; float:right;
						}
						.listado .contenedor .producto.minimizar .descripcion .precio .dato.pvp{
							font-size:18px; font-weight: 600;
						}
						.listado .contenedor .producto .descripcion .precio .precioAnterior{
							float:right; position:relative; box-sizing:border-box; padding-right:10px;
                            color:rgb(0,0,0,0.6); font-size:11px; font-weight:normal; text-decoration:line-through rgb(0,0,0,0.2); letter-spacing:0px;
						}
						
					.listado .contenedor .producto .descripcion .precio .dato.oferta{
						font-size:20px; font-weight:bold;
					}
					.listado .contenedor .producto .descripcion .precio .dato.monto{
						position:relative; width:100%; box-sizing:border-box; padding:5px; padding-left:10px; padding-right:10px;
						background-color:var(--entorno_color_botones); border-radius:15px; 
						color:#FFF; line-height:15px; font-size:15px; font-weight:600;
					}
					.listado .contenedor .producto .descripcion .precio .oferta{
						color:var(--entorno_color); height:12px; font-size:12px; line-height:12px; font-weight:500; letter-spacing:-0.5px;
						white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
						margin-bottom:4px;
					}
					.listado .contenedor .producto .descripcion .precio .dato.monto .detalle{
						position:relative; float:left; height:15px; line-height:15px;
						color:rgb(255,255,255,0.7); font-size:15px; font-weight:400; box-sizing:border-box; padding-right:7.5px;
						white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
					}
					.listado .contenedor .producto .descripcion .precio .dato.monto .detalle2{
						position:relative; float:right; height:15px; box-sizing:content-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
					}
					.listado .contenedor .producto .descripcion .presentacion{
						position:relative; margin-top:0px; font-size:13px; line-height:25px; text-align:left; font-weight:bold; letter-spacing:0px; color:var(--entorno_color_botones);
					}
						.listado .contenedor .producto .descripcion .departamentos{
							position:relative; float:left; height:auto; overflow: hidden; width:50%; box-sizing:border-box;
						}
							.listado .contenedor .producto .descripcion .departamentos .datoD{
								position:relative; height:10px; line-height:10px; box-sizing:border-box;
								color:rgb(0,0,0,0.8); font-size:10px; font-weight:normal; letter-spacing:0px;
								overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
							}
					
				.listado .contenedor .producto .megusta{
					position:absolute; bottom:5px; left:5px; width:40px; height:40px;
					background-image:url(png/nuevos/icons8-heart-outline-90.png);
					background-image:url(png/nuevos/icons8-whatsapp-96.png);
					background-position:center center; background-size:auto 50%; background-repeat:no-repeat;
					opacity:0.3; cursor:pointer; display:none;
				} 	.listado .contenedor .producto.mini .megusta{ display:none; }	
					
				.listado .contenedor .producto .eliminar{
					position:absolute; bottom:60px; left: 5px; right:5px; width:40px; height:40px; margin: auto; box-sizing:border-box;
					border-radius: 50%; box-shadow: rgb(0,0,0,0.5) 1px 1px 7.5px;
					background-image:url(png/nuevos/icons8-trash.png); background-color: #FFF;
					background-position:center center; background-size:auto 60%; background-repeat:no-repeat;
					opacity:1; cursor:pointer; display:none; z-index: 2;
				} 	.listado .contenedor .producto.mini .eliminar{ bottom: 5px; margin-right: 0px; box-shadow: rgb(0,0,0,0.2) 1px 1px 5px; }
					.listado .contenedor .producto.minimizar .eliminar{ left: 40%; }

				.listado .contenedor .producto .agregar{
					position:absolute; bottom:5px; left:35px; right:35px; width:150px; height:40px;
					margin:auto; box-sizing:border-box; border-radius:25px;
					background-color:var(--entorno_color_botones);
					background-image:none, linear-gradient(to bottom right, rgb(255,255,255,0.2), transparent, transparent, rgb(0,0,0,0.2));
					background-position:left+12px center, left center; background-size:20px, cover; background-repeat:no-repeat;
					padding-left:0px; padding-right:0px;
					font-size:18px; font-weight:600; color:#FFF; line-height:40px; text-align:center;
					opacity:1; cursor:pointer;
				} 
				.listado .contenedor .producto.nostock .agregar{
					background-color:rgb(0,0,0,0.5); pointer-events: none; opacity: 0.2;
				}
				.listado .contenedor .producto .agregar.activo{
					position:absolute; left:5px; bottom:5px; right:5px; width:auto; height:40px; box-sizing:border-box; border-radius: 0px 0px 20px 20px; 
					background-color:rgb(0,0,0,0.1);
					background-image:url('png/nuevos/icons8-buying-100.png');
					background-position:left+5px center; background-size:auto 75%;
					line-height:40px; font-size:15px; font-weight:700; color:#000; text-align:center;
					padding-left:50px; padding-right:5px; cursor: default;
				}	.listado .contenedor .producto.mini      .agregar.activo{
                        left: 5px; right: 55px; background-position:left+15px center; 
                        padding-left:60px; padding-right:15px; border-radius: 20px; 
                    }
					.listado .contenedor .producto.minimizar .agregar.activo{
                        left: 0px; right: 0px; background-position:left+15px center; 
                        padding-left:60px; padding-right:15px; border-radius: 20px;  
                    }
                    .listado .contenedor .producto .agregar.activo.consulta{
                        left: 35px; right: 35px; bottom: 5px; opacity: 0.25;
                        background-image: url("png/nuevos/icons8-phone-message-50.png"); background-image: none; background-size: auto 90%; background-position:left+15px center;
                        background-color: rgb(0,0,0,0.1); font-size: 18px; color: rgb(0,0,0,1); font-weight: 800;
                        padding: 0px 25px; border-radius: 25px; 
                        pointer-events: auto; cursor: pointer;
                    }
                    .listado .contenedor .producto.focus .agregar.activo.consulta{
                        left: 35px; right: 35px; bottom: 8px; opacity: 1; line-height:37px;
                        background-image: url("png/nuevos/icons8-phone-message-50(1).png"); background-image: none; background-size: auto 90%; background-position:left+15px center; 
                        background-color: var(--entorno_color); color: white; border: white 1px solid; text-shadow: rgb(0,0,0,0.3) 0px 1px 3px;
                        pointer-events: auto; cursor: pointer; box-shadow: rgb(0,0,0,0.2) 0px 3px 6px;
                    }

					.listado .contenedor .producto .agregar .dat{
						position:relative; float: left; width: 50%; box-sizing: border-box; display: none;
					}	.listado .contenedor .producto .agregar.activo .dat{ display: block; }
						
					.listado .contenedor .producto .agregar .dat.umxt{
						font-weight: 400; font-size: 13px; padding-left: 5px; padding-right: 20px;
						background-image:url('png/nuevos/icons8-expand-arrow-50.png');
						background-position: right+5px center; background-size:10px; background-repeat: no-repeat;
						overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
					}
						.listado .contenedor .producto .agregar .dat .bajar{
							position:absolute; top:0px; bottom:0px; left:0px; height: 25px; width: 25px; box-sizing: border-box; margin: auto;
							background-image:url(' png/nuevos/icons8-subtractb-100.png');
							background-repeat:no-repeat; background-size:auto 75%; background-position:center center;
							cursor: pointer; border-radius: 50%; box-shadow: rgb(0,0,0,0.25) 0px 0px 2px; background-color: rgb(255,255,255,0.5);
						}
						.listado .contenedor .producto .agregar .dat .subir{
							position:absolute; top:0px; bottom:0px; right:0px; height: 25px; width: 25px; box-sizing: border-box; margin: auto;
							background-image:url(' png/nuevos/icons8-plusb-math-100(2).png');
							background-repeat:no-repeat; background-size:auto 75%; background-position:center center;
							cursor: pointer; border-radius: 50%; box-shadow: rgb(0,0,0,0.25) 0px 0px 2px; background-color: rgb(255,255,255,0.5);
						}
					.listado .contenedor .producto .agregar.activo .efecto{
						position:absolute; top:0px; bottom:0px; left:55px; right:10px; display: none;
						background-image:url(png/nuevos/icons8-sort-90.png), url(png/nuevos/icons8-edit-96.png);
						background-repeat:no-repeat; background-size:20px; background-position:left center, right center;
						opacity:1;
					}
					.listado .contenedor .producto .agregar .txt{
						display:none;
					}
					.listado .contenedor .producto .agregar.activo .txt{
						display:block;
					}
					.listado .contenedor .producto .agregar .textoboton{
						display:block;
					}
					.listado .contenedor .producto .agregar.activo .textoboton{
						display:none;
					}
                    .listado .contenedor .producto .agregar.activo.consulta .textoboton{
						display:block;
					}
					
				.listado .contenedor .micategoria{
					position:relative; float:left; box-sizing:border-box; width:100%; background-color:rgb(0,0,0,0);
					line-height:25px; font-size:20px; font-weight:normal; color:rgb(0,0,0,0.5); text-align:center; letter-spacing:1px;
					padding:25px; margin-bottom:10px; border-radius:6px;
					border:#F00 1px solid;
				}
				.listado .contenedor .micategoria.sub{
					color:rgb(0,0,0,0.8); padding:35px;
				}
				.listado .contenedor .micategoria .icono{
					position:relative; height:45px; width:45px; margin:auto; margin-bottom:5px;
					background-image:url(png/nuevos/icons8-click-&-collect-100.png);
					background-size:contain; background-repeat:no-repeat; background-position:center center;
					opacity:0.5;
					border:#F00 1px solid;
				}
				.textoOferta{
					animation:blinkingText 1.2s infinite;
				}
				@keyframes blinkingText{
					50%{	color:transparent; }
					100%{    color:var(--entorno_color_botones); }
					100%{   color:var(--entorno_color_botones); }
					50%{    color:var(--entorno_color); }
				}
				
/************ Presentación de Página Principal *************/
	.presentacion{
		position:relative; height:auto; overflow:hidden; box-sizing:border-box;
		/*font-family: 'Dosis', sans-serif;*/
	}
		.presentacion.movil .contenedor{
			position:relative; height:auto; box-sizing:border-box; overflow:hidden; text-align:center; display: flex; flex-direction: row;
		}
		.presentacion .contenedor .post{
			position:relative; float:left; box-sizing:border-box; width:500px; height:500px;					
			border-radius:0px; margin:0px; border:rgb(0,0,0,0.1) 0px solid; 
			z-index:2; cursor:pointer;
		}			
		.presentacion .titulo{
			position:relative; margin:auto; box-sizing:border-box;
			line-height:45px; font-size:35px; color:var(--entorno_color); font-weight:600; letter-spacing:-1px; text-align:center;
			padding:25px; z-index:3; cursor:default;
		}
			
		.presentacion .separador{
			position:relative; max-width:75%; height:35px; box-sizing:border-box; margin:auto; margin-bottom:10px;
			background-image:url(png/nuevos/icons8-expand-arrow-50.png); background-position:center center; background-repeat:no-repeat; background-size:auto 100%;
		}
	 
	.botonLinea{
		line-height:35px; border-radius:35px; border:rgb(0,0,0,0.1) 1px solid; box-sizing:border-box;
		font-size:15px; font-weight:bold; color:rgb(0,0,0,0.8); text-align:center;
		background-image:url(png/nuevos/icons8-vanx-100.png);
		background-size:30px; background-repeat:no-repeat; background-position:left+15px center; padding-left:55px;
		margin:15px; margin-top:5px; margin-bottom:10px;
		cursor:pointer;
	}
	.micategoria{
		position:relative; box-sizing:border-box; background-color:rgb(0,0,0,0);
		line-height:35px; font-size:35px; font-weight:normal; color:rgb(0,0,0,0.7); text-align:center; letter-spacing:-1px;
		padding-top:45px; padding-bottom:65px; margin-top:25px; border-radius:6px;
	}
		.micategoria .icono{
			position:relative; height:64px; width:64px; margin:auto; margin-bottom:5px;
			background-size:contain; background-repeat:no-repeat; background-position:center center;
			opacity:1;
		}
		
	.carrusel{
		position:relative; height:auto; overflow: visible; box-sizing:border-box;
        padding: 0px 0px 50px 0px; margin-top:25px; margin-bottom:125px;
    }   .carrusel.mini{ margin-bottom: 125px; }

		.carrusel .borde{
			position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; border-radius:25px; z-index: 5; pointer-events: none; display: none;
		}	.carrusel.focus .borde{ border:var(--entorno_color) 2px solid; }
		
	.carrusel.inicio{
		padding-left:40px; padding-right:40px;
	}
		.carrusel .titulo{
			position:relative; height:45px; width: fit-content; box-sizing:border-box; margin: auto; z-index:5; cursor:pointer; opacity: 0.5;
			line-height:40px; font-size:25px; color:black; font-weight:700; text-align:center; letter-spacing:-0.5px; 
            white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left: 10px; padding-right: 30px;
			background-image: url( "png/nuevos/icons8-forward-50.png"); 
            background-position: right center; background-repeat: no-repeat; background-size: auto 33%;
            margin-bottom: 15px;
			
		}               
                        .carrusel.focus     .titulo{ color: var(--entorno_color); opacity: 1; }
            .fondoNegro .carrusel           .titulo{ color:rgb(255,255,255,1);  }
			.fondoNegro .carrusel.focus     .titulo{ color: var(--entorno_color); opacity: 1; }
            .carrusel.conbarra              .titulo .text{ display: none; }

            .carrusel.conbarra .titulo{
                width: 100%; height: 250px; height: 14vw; padding-right: 50%; opacity: 1;
                background-color: rgb(0,0,0,0.05); border-radius: 10px 500px; box-shadow: rgb(0,0,0,0.3) 0px 3px 10px;
                background-size: cover; background-position: center bottom;
            }
            .carrusel.conbarra.paramovil  .titulo{ /*.movil*/
                width: 100%; height: 35vw; border-radius: 0px;
            }

        .carrusel .filtros{
			position:relative; height:auto; overflow:hidden; box-sizing:border-box; padding: 25px;
            display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; /*justify-content: space-between;*/
		}
        .carrusel .filtros .filtrar{
			position:relative; width: fit-content; max-width: 400px; height:30px; box-sizing:border-box; cursor: pointer; 
            line-height: 30px; font-size:13px; font-family: 'Roboto', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; 
            color:rgb(0,0,0,0.7); font-weight:700; text-align:center; letter-spacing:0px; 
            white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
            padding: 0px 15px; flex-grow: 1; background-color: rgb(0,0,0,0.05); border: rgb(0,0,0,0.1) 1px solid; border-radius: 25px; margin: 5px;
        }   .carrusel.focus .filtros .filtrar{ color:rgb(0,0,0,0.9); }
		
		.carrusel .boton{
			position:absolute; bottom: 0px; width: 70px; height: 35px; margin: auto; box-sizing: border-box;
			background-color: #FFF; background-position: center center; background-repeat: no-repeat; background-size: auto 50%; 
			box-shadow: rgb(0,0,0,0.25) 0px 1px 5px; border-radius: 35px;
			cursor:pointer; display: block; z-index:5;
		}	.carrusel.focus .boton{ display: block; }			
		
		.carrusel .maximizar{
			position:absolute; top:-45px; left:0px; right:0px; width:175px;  height:35px; margin:auto; box-sizing:border-box; background-color:rgb(0,0,0,0.1);
			line-height:35px; text-align:center; font-size:12px; font-weight:normal; letter-spacing:1px; color:rgb(0,0,0,0.8);
			background-image:url(png/nuevos/icons8-view-carousel-90.png);
			background-position:left+15px center; background-repeat:no-repeat; background-size:35px; padding-left:50px; padding-right:15px;
			border-radius:20px; z-index:3; cursor:pointer;
		}	.carrusel .maximizar.click{
				background-color:rgb(0,0,0,0.8); color:rgb(255,255,255,0.8);
				background-image:url(png/nuevos/icons8-view-module-90.png);
			}
			
	.carrusel.inicio .boton{
		position:absolute; bottom:10px; height: 40px; width:40px; box-sizing:border-box; border:rgb(0,0,0,0.1) 1px solid;
		background-position:center center; background-repeat:no-repeat; background-size:30px;
		border-radius:3px; z-index:3;
    }               .carrusel.conbarra .boton            { }
		            .carrusel          .boton.atras      { right:50%; background-image:url(png/nuevos/icons8-back-50.png);         border-radius: 25px 0px 0px 25px; }
		            .carrusel          .boton.adelante   { left :50%; background-image:url(png/nuevos/icons8-forward-50.png);      border-radius: 0px 25px 25px 0px; }
		            .carrusel          .boton.atras      { right:50.5%; background-image:url(png/nuevos/icons8-back-50.png);       border-radius: 25px; }
		            .carrusel          .boton.adelante   { left :50.5%; background-image:url(png/nuevos/icons8-forward-50.png);    border-radius: 25px; }
		.fondoNegro .carrusel          .boton.atras      { right:50%; background-image:url('png/nuevos/icons8-back-50(1).png');    }
		.fondoNegro .carrusel          .boton.adelante   { left :50%; background-image:url('png/nuevos/icons8-forward-50(1).png'); }
		
		.carrusel .boton.cambiar{
			right:100px; background-image:url(png/nuevos/icons8-view-carousel-90.png); border:none; display:none;
		}	  .carrusel .boton.cambiar.click{ background-image:url(png/nuevos/icons8-view-module-90.png); }
		
	.carrusel .borron{
		position:absolute; top:auto; bottom:55px; width:25px; height: 450px; box-sizing:border-box; z-index:4; display: nonex; pointer-events: none; 
	}
		.carrusel .borron.izq{
			left:0px; background-color: rgb(255,255,255,0.5);
            background-image:linear-gradient(to top, white, white, transparent);
		}	.fondoNegro .carrusel .borron.izq{ background-image:linear-gradient(to right, rgb(0,0,0,0.5), transparent); }
		
		.carrusel .borron.der{
			right:0px; background-color: rgb(255,255,255,0.5);
            background-image:linear-gradient(to top, white, white, transparent);
		}	.fondoNegro .carrusel .borron.der{ background-image:linear-gradient(to left, rgb(0,0,0,0.5), transparent); }

		
	.carrusel .contenedor{
		position:relative; height:auto; box-sizing:border-box; overflow:auto; text-align:center; display: flex; border-radius: 0px;
	}
		.carrusel .contenedor .columnas{
			position: relative; padding: 10px 50px; 
			display: flex; align-items: center; justify-content: center; flex-wrap: nowrap;
		}
		.carrusel .contenedor .post{
			position:relative; box-sizing:border-box; width: 100px; border-radius: 25px;
		}	.carrusel .contenedor .post.focus{ z-index: 2; box-shadow: rgb(0,0,0,0.25) 2.5px 2.5px 10px; }

			.carrusel.max .contenedor .post{
				/*float:left;*/
			}
			.carrusel.max .contenedor{
				white-space:normal;
			}
			
	.post.producto{
		padding-top:250px; padding-bottom:0px; background-color:#FFF; overflow:hidden; white-space:normal; cursor: pointer; box-sizing: border-box;
        font-family: 'Roboto', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
        margin: 0px 10px;
    }   .post.producto.promo   { padding-top: 0px; height: 420px; margin: 0px 10px; }
        .post.producto.mini    { padding-top: 0px; height: 420px; margin: 0px 10px; }
        .post.producto.video   { padding-top: 0px; height: 420px; margin: 0px 10px; background-color: rgb(0,0,0,0.8); }
        .carrusel.mini .post.producto.promo{ 
                                 padding-top: 0px; height: 200px; margin: 0px 10px; pointer-events: nonex; 
        }
        .carrusel.mini .post.producto.mini{ 
                                 border: rgb(0,0,0,0.1) 1px solid; 
        }

		.post.producto .fotoContenedor{
			position:absolute; top:0px; left:0px; right:0px; height:250px; overflow:hidden; border-radius:0px;
        }   .post.producto.promo .fotoContenedor{ height:auto; bottom: 0px; }
            .post.producto.mini  .fotoContenedor{ height:auto; bottom: 0px; }
            .post.producto.video .fotoContenedor{ height:auto; bottom: 0px; }

			.producto .fotoContenedor .fotoEfecto{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:3; display:none;
			}   
				.producto .fotoContenedor .fotoEfecto .icono{
					position:absolute; top:auto; bottom:5px; left:5px; right:auto; width:20%; height:20%; margin:auto;
					background-image:url('png/nuevos/icons8-search-100-sombra.png');
					background-repeat:no-repeat; background-size:contain; background-position:center center;
					z-index:2;
				}   .producto.promo .fotoContenedor .fotoEfecto .icono { bottom:auto; top:5px; width:20%; height:20%; }
                    .producto.mini  .fotoContenedor .fotoEfecto .icono { bottom:auto; top:0px; width:30%; height:15%; }

				.producto .fotoContenedor .fotoEfecto .color{
					position:absolute; top:0px; bottom:0px; left:0px; right:0px;
					background-image:linear-gradient(to bottom, transparent, var(--entorno_color_botones));
					opacity:0.3;
                }   .producto.promo .fotoContenedor .fotoEfecto .color,
                    .producto.mini .fotoContenedor .fotoEfecto .color       { background-image:linear-gradient(to top, transparent, var(--entorno_color)); }
                    .mini .producto.mini .fotoContenedor .fotoEfecto .color { background-image:linear-gradient(to top, transparent, var(--entorno_color_botones)); }
				
			.post.producto .fotoContenedor .foto{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; box-sizing:border-box;
				background-image:url(png/nuevos/icons8-package-100.png);
				background-position:center center; background-repeat:no-repeat; background-size:50%;
				opacity:0.1;
			}	.post.producto                        .fotoContenedor .foto.img{ opacity:1;  background-size:contain; }
                .post.producto.promo                  .fotoContenedor .foto.img{ opacity:1;  background-size:cover; }
                .post.producto.mini                   .fotoContenedor .foto.img{ opacity:1;  background-size:contain; margin: 25px; }
                .post.producto.video                  .fotoContenedor .foto.img{ opacity:1;  background-image:none; }                
                .carrusel.mini .post.producto.promo   .fotoContenedor .foto.img{ opacity:1; bottom:25px;  background-size:contain; }
                .post.producto                        .fotoContenedor .foto.nooriginal{ margin: 33px; opacity: 0.5; }
			
			.post.producto .fotoContenedor .foto:hover img {
				-webkit-transform:scale(1.25);
				-moz-transform:scale(1.25);
				-ms-transform:scale(1.25);
				-o-transform:scale(1.25);
				transform:scale(1.25);
			}
				
				.post.producto .fotoContenedor .foto .fotoagotado{
					position:absolute; top:0px; bottom:0px; left:0px; right:0px; background-color:rgb(0,0,0,0.5);
					background-image:url(img/agotado.png); background-position:center center; background-size:cover; background-repeat:no-repeat;
					display:none;
				}
								  
		  .post.producto .presentacion{
		  	position:relative; float:right; height:20px; width: 50%; line-height:20px; box-sizing:border-box; padding-left: 15px; padding-right: 15px;
			font-size:11px; color:rgb(0,0,0,1); font-weight:600; text-align:center;
			overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
		  }
		  
		  .post.producto .precio{
		  	  position:relative; float: right; height:20px; width: 50%; line-height:20px; box-sizing:border-box; padding-left: 15px; padding-right: 15px;
			  font-size:13px; color:#000; font-weight:800; text-align:center;
			  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
		  }	  .post.producto .precio.min{ font-size:12px; }
			
			.post.producto .precio.agotado{
				font-size:15px; color:rgb(0,0,0,0.5); font-weight:500; text-align:center; letter-spacing:-1px;
			}
			.post.producto .nombre{
				position:relative; height:30px; line-height:30px; box-sizing:border-box; padding: 0px 15px;
				font-size:14px; color:rgb(0,0,0,1); font-weight:600; text-align:center; letter-spacing: 0px;
				overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
            }   .post.producto.promo .nombre{
                    position: absolute; bottom: 0px; left: 0px; right: 0px; height: 50%; pointer-events: none; padding: 20px; padding-top: 130px;
                    background-image:linear-gradient(to bottom, transparent, var(--entorno_color));
                    font-family: Montserrat; font-size: 25px; font-weight: 700; color: white; text-shadow: rgb(0,0,0,0.33) 0px 2px 5px; text-align: right;
                }
                .post.producto.video .nombre{
                    position: absolute; top: 0px; left: 0px; right: 0px; height: 50px; pointer-events: none; box-sizing: content-box; z-index: 2;
                    background-image:linear-gradient(to bottom, rgb(0,0,0,0.8), transparent); 
                    font-family: Montserrat; line-height: 50px; font-size: 13px; font-weight: 700; color: white; text-align: center; letter-spacing: 0px; 
                    border-radius: 25px 25px 0px 25px; text-shadow: rgb(0,0,0,0.5) 0px 2px 5px; overflow:hidden; padding-top: 10px; padding-bottom: 10px;
                }
                .carrusel.mini .post.producto.promo .nombre{
                    position: absolute; top: auto; bottom: 0px; left: 0px; right: 0px; height: auto; pointer-events: none; 
                    background-image: none; padding: 0px;
                    font-family: Montserrat; font-size: 11px; font-weight: 600; color: var(--entorno_color); text-shadow: none; text-align: center;
                }
                .post.producto.mini .nombre{
                    position: absolute; bottom: 0px; left: 0px; right: 0px; height: 50%; pointer-events: none; padding: 20px; padding-top: 130px;
                    background-image:linear-gradient(to bottom, transparent, var(--entorno_color));
                    font-family: Montserrat; font-size: 15px; font-weight: 700; color: white; text-shadow: rgb(0,0,0,0.33) 0px 2px 5px; text-align: right;
                }
                .carrusel.mini .post.producto.mini .nombre{
                    position: absolute; top: auto; bottom: 0px; left: 0px; right: 0px; height: auto; pointer-events: none; 
                    background-image: none; padding: 0px; text-shadow: none; font-family: 'Roboto', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
                    font-size: 13px; font-weight: 600; color: rgb(0,0,0,0.5); text-align: center;
                }

			.post.producto .marca{
				position:relative; float: left; height:20px; width: 100%; line-height:20px; box-sizing:border-box; padding-left: 15px; padding-right: 15px;
				font-size:11px; color:var(--entorno_color); font-weight:600; text-align:center;
				overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
			}   .post.producto.promo .marca{ display: none; }                
                .post.producto.video .marca{ display: none; }
                .post.producto.mini  .marca{ display: none; }

			.post.producto .categoria{
				position:relative; float: left; height:20px; width: 100%; line-height:20px; box-sizing:border-box; padding-left: 15px; padding-right: 15px;
				font-size:10px; color:rgb(0,0,0,0.7); font-weight:500; text-align:center; letter-spacing: 0px;
				overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
			}   .post.producto.promo .categoria{ display: none; } 
                .post.producto.mini  .categoria{ display: none; } 
                .post.producto.promo .nombre .categoria{ float: none; display: block; text-align: right; font-size: 13px; font-weight: 500; padding: 0px; color: rgb(255,255,255,0.8); }
                .post.producto.mini  .nombre .categoria{ float: none; display: block; text-align: right; font-size: 13px; font-weight: 500; padding: 0px; color: rgb(255,255,255,0.8); }
                .post.producto.video .categoria{ display: none; }
                .post.producto.video .nombre .categoria{            
                    position: absolute; top: 10px; left: 15px; right: 15px; height: 15px; overflow:hidden; display: block; padding: 0px; width: auto;
                    font-family: Montserrat; line-height: 15px; font-size: 13px; font-weight: 500; color: var(--entorno_color); text-align: center; letter-spacing: 0px; 
                }
                .carrusel.mini .post.producto.promo .nombre .categoria{ display: none; }

			.post.producto .subcategoria{
				position:relative; float: left; height:20px; width: 50%; line-height:20px; box-sizing:border-box; padding-left: 15px; padding-right: 15px;
				font-size:11px; color:rgb(0,0,0,0.5); font-weight:600; text-align:center;
				overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
				display: none;
			}
			.post.producto .agregar{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; border-radius:15px;
				background-image:linear-gradient(to top, var(--entorno_color) 20%, transparent);			
				padding-top:200px; display:none; z-index:2; opacity:1; 
				cursor: default;
			}	.post.producto .agregar.activo{ display:block; }
				.post.producto .agregar .icon{
					position:absolute; top:0px; left:0px; right:0px; height:190px;
					background-image:url('png/nuevos/icons8-buyx-100.png');
					background-size:40px; background-position:top+10px right+10px; background-repeat:no-repeat;
					cursor: pointer;
				}			
				.post.producto .agregar .cantidad{
					position:relative; height: auto; box-sizing:border-box;
					line-height:18px; font-size:14px; font-weight:bold; color:#FFF; text-align:center; text-shadow: rgb(0,0,0,0.25) 1px 1px 2px;
				}
				.post.producto .agregar .texto{
					position:relative; box-sizing:border-box;
					line-height:30px; font-size:10px; font-weight:400; letter-spacing:1px; color:rgb(255,255,255,0.75); text-align:center;
					cursor: pointer;
				}
				.post.producto .agregar .contadores{
					position: absolute; top: 2px; bottom: 0px; width: 30px; height: 30px; 
					border: rgb(255,255,255,1) 1px solid; border-radius: 50px; box-sizing: border-box;
					background-position: center center; background-repeat: no-repeat; background-size: auto 75%;
					cursor: pointer; z-index: 3;
				}	.post.producto .agregar .contadores.bajar{ left: 10px; background-image: url('png/nuevos/icons8-subtractb-100(1).png'); }
					.post.producto .agregar .contadores.subir{ right: 10px; background-image: url('png/nuevos/icons8-plus-math-100(1).png'); }
			
		.post.circulo{
			padding-top:120px; padding-bottom:20px; background-color:transparent; box-shadow:none; overflow:hidden; white-space:normal;
		}
			.post.circulo .foto{
				position:absolute; top:0px; bottom:25px; /*height:110px;*/ left:0px; right:0px; box-sizing:border-box;
				border-radius:10px; margin:10px; margin-top:10px;
				background-color:transparent;
				background-image:url(png/nuevos/icons8-folder-96.png);
				background-position:center center; background-repeat:no-repeat; background-size:contain;
				/*box-shadow:rgb(0,0,0,0.1) 0px 0px 3px;*/
				opacity:1;
			}
			.post.circulo .nombre{
				position:relative; margin:5px; margin-top:10px; box-sizing:border-box;
				line-height:20px; font-size:18px; color:rgb(0,0,0,0.8); font-weight:bold; text-align:center;
				overflow-wrap:break-word; display:none;
			}
			
		.post.banner{
			padding:0px; background-color:transparent; box-shadow:none;
			overflow:hidden; white-space:normal;
		}
			.post.banner .foto{
				position:absolute; top:10px; left:10px; right:10px; bottom:10px; box-sizing:border-box;
				background-color:rgb(255,255,255,1);
				background-image:url(png/nuevos/icons8-folder-96.png);
				background-position:center center; background-repeat:no-repeat; background-size:contain;
				box-shadow:rgb(0,0,0,0.1) 0px 0px 10px; border-radius:5px;
				opacity:1;
			}
			.post.banner .nombre{
				position:relative; margin:5px; box-sizing:border-box;
				line-height:15px; height:15px; overflow:hidden; font-size:15px; color:var(--entorno_color_botones); text-shadow:rgb(0,0,0,0.1) 0px 0px 10px; font-weight:bold; text-align:center;
			}
			
		.post.categoria{
			position:relative; float:left; box-sizing:border-box; width:500px; height:500px; cursor:pointer; z-index:2;
		}
			.post.categoria .foto{
				position:absolute; top:0px; bottom:100px; left:0px; right:0px; box-sizing:border-box;
				background-image:url(png/nuevos/icons8-folder-96.png);
				background-position:center center; background-repeat:no-repeat; background-size:auto 100%;
			}
			.post.categoria .nombre{
				position:absolute; bottom:0px; left:0px; right:0px; height:100px; box-sizing:border-box;
				line-height:25px; font-size:20px; letter-spacing:-1px; color:rgb(0,0,0,1); font-weight:900; text-align:center;
				padding-top:15px; padding-bottom:45px;
			}	.fondoNegro .post.categoria .nombre{ color:var(--entorno_color); }
			
			.post.categoria .subtitulo{
				line-height:15px; font-size:13px; color:var(--entorno_color); font-weight:600; letter-spacing:0px; white-space:nowrap; opacity:1;
			}
			
	/*** Publicación MIN ***/
	.post.publica{
		padding-top:0px; padding-bottom:0px; background-color:#FFF; overflow:hidden; white-space:normal; margin-left:7.5px; margin-right:7.5px;
	}	.fondoNegro .post.publica{background-color:#000;}
		.fondoNegro .post.publica.mini{pointer-events: none;}
	
			.post.publica .portada{
				position:absolute; top:0px; bottom:0px; width:60%; box-sizing:border-box; overflow:hidden;
				background-color:rgb(0,0,0,0.1); background-position:top center; background-repeat:no-repeat; background-size:cover;
				cursor:pointer;		
			}	.fondoNegro .post.publica .portada{background-color:rgb(0,0,0,0.1);}
				
				.post.publica.izquierda 	.portada{ left:0px; border-radius:0px 10px; }
				.post.publica.derecha 		.portada{ right:0px; border-radius:10px 0px; }
				.post.publica.vertical 		.portada{ width:auto; left:0px; right:0px; bottom:40%; }
				.post.publica.mini 			.portada{ background-size:contain; background-position:center center; background-color:#FFF; bottom:0%; }
					.fondoNegro .post.publica.mini .portada{ background-size:contain; background-position:center center; background-color:#000; bottom:0%; }
			
				.post.publica .portada .tapa{
					position:absolute; top:0px; bottom:0px; left:0px; right:0px;
					background-image:linear-gradient(to bottom, var(--entorno_color_botones), transparent);
					z-index:2; opacity:1;				
				}	.post.publica.mini .portada .tapa{ display:none; }
				
				.post.publica .portada .titulos{
					position:relative; box-sizing:border-box; padding:35px;
					line-height:5vw; font-size:5vw; font-weight:500; color:#FFF; text-shadow:rgb(0,0,0,0.1) 0px 0px 3px;
					z-index:3;					
				}	.fondoNegro .post.publica .portada .titulos{ text-shadow: #000 1px 1px 3px;}
				
					.post.publica.izquierda 	.portada .titulos{ text-align:left; }
					.post.publica.derecha 		.portada .titulos{ text-align:left; }
					.post.publica.vertical 		.portada .titulos{ line-height:30px; font-size:30px; }
					.post.publica.mini 			.portada .titulos{ display:none; }
					
			.post.publica .separador{
				position:relative; height:auto; overflow:hidden; box-sizing:border-box; margin-bottom:10px;
			}
			.post.publica .recuadro{
				position:relative; font-size:10px; letter-spacing:0px; border:#000 1px solid; margin-right:5px; padding-left:10px; padding-right:10px; border-radius:10px; z-index:2;					
			}	.fondoNegro .post.publica .recuadro{border:#FFF 1px solid;}
			
				.post.publica.izquierda 	.recuadro{ float:left; }
				.post.publica.derecha		.recuadro{ float:right; }
				.post.publica.vertical		.recuadro{ border:#000 2px solid; font-weight:800; }
				.fondoNegro .post.publica.vertical .recuadro{ border:#FFF 2px solid;}
					
			.post.publica .observacion{
				position:absolute; top:0px; bottom:60%; box-sizing:border-box; overflow:hidden; padding-top:25px;
				line-height:1.6vw; font-size:0.9vw; color:rgb(0,0,0,0.9); font-weight:400; letter-spacing:1px; text-align:left;
				cursor:pointer;		
			}	.fondoNegro .post.publica .observacion{color:rgb(255,255,255,0.9);}
			
				.post.publica.izquierda 	.observacion{ left:60%; right:0px; padding-left:75px; padding-right:25px; text-align:left; }
				.post.publica.derecha 		.observacion{ left:0px; right:60%; padding-left:25px; padding-right:75px; text-align:justify; }
				.post.publica.vertical 		.observacion{ left:0px; right:0px; top:65%; bottom:15%; padding-left:25px; padding-right:25px; text-align:justify; line-height:17px; font-size:13px; }
				.post.publica.mini 			.observacion{ text-align:center; top:80%; bottom:0%; display:none; }
				
				.post.publica .observacion .sombra{
					position:absolute; bottom:0px; left:0px; right:0px; height:65px; box-sizing:border-box;
					background-image:linear-gradient(to top, rgb(255,255,255,1), transparent);
					z-index:2;
				}	.fondoNegro .post.publica .observacion .sombra{background-image:linear-gradient(to top, rgb(0,0,0,1), transparent);}
			
			.post.publica .vermas{
				position:absolute; bottom:50%; height:10%; box-sizing:border-box;
				line-height:1.5vw; font-size:1vw; color:rgb(0,0,0,1); font-weight:600; letter-spacing:1px; text-align:left;
				padding-left:75px; padding-right:75px; padding-top:15px; background-size:1.5vw; background-repeat:no-repeat;
				z-index:2; cursor:pointer;
			}	.fondoNegro .post.publica .vermas{color:rgb(255,255,255,1);}
			
				.post.publica.izquierda 	.vermas{ left:60%; right:0px; text-align:left; background-position:left+25px center; background-image:url(png/nuevos/icons8-forward-50.png); }
				.post.publica.derecha 		.vermas{ left:0px; right:60%; text-align:right; background-position:right+25px center; background-image:url(png/nuevos/icons8-back-50.png); }
				.post.publica.vertical 		.vermas{ bottom:20px; left:25px; right:25px; margin:auto; background-color:#FFF; border:rgb(0,0,0,0.1) 1px solid; border-radius:5px;
													 height:30px; line-height:30px; font-size:15px; font-weight:800; text-align:center; 
													 padding:0px; padding-left:50px; padding-right:50px;
													 background-image:none; }
				.post.publica.mini 			.vermas{ display:none; } 
				
				.fondoNegro .post.publica.izquierda 	.vermas{ background-image:url('png/nuevos/icons8-forward-50(1).png'); }
				.fondoNegro .post.publica.derecha 		.vermas{ background-image:url('png/nuevos/icons8-back-50(1).png'); }
				.fondoNegro .post.publica.vertical 		.vermas{ background-color:#000; border:none; }
				
			.post.publica .categoria{
				position:absolute; bottom:0px; box-sizing:border-box; overflow:hidden;
				line-height:20px; font-size:10px; color:var(--entorno_color); font-weight:600; letter-spacing:1px; white-space:nowrap; text-overflow:ellipsis;
				padding-left:25px; padding-right:25px;
				z-index:2; cursor:pointer;	
			}	.post.publica.izquierda 	.categoria{ left:60%; right:0px; text-align:right; }
				.post.publica.derecha 		.categoria{ left:0px; right:60%; text-align:left; }
				.post.publica.vertical 		.categoria{ left:0px; right:0px; text-align:center; }
				.post.publica.mini 			.categoria{ display:none; }
			
			.post.publica .galeria{
				position:absolute; bottom:5%; left:0px; right:0px; height:45%; box-sizing:border-box; overflow:hidden; white-space:nowrap; z-index:2;
			}	.post.publica.izquierda 	.galeria{ text-align:right; }
				.post.publica.derecha 		.galeria{ text-align:left; }
				.post.publica.vertical 		.galeria{ bottom:33%; height:18%; text-align:center; }
				.post.publica.mini 			.galeria{ bottom:0%; height:25%; display:none; }
					
				.post.publica .galeria .marco{
					position:relative; width:33.33%; height:100%; box-sizing:border-box; overflow:hidden;  display:inline-block; padding:25px;	
				}	.post.publica.vertical .galeria .marco{ width:30%; padding:10px }
				
					.post.publica .galeria .marco .foto{
						position:relative; width:100%; height:100%; box-sizing:border-box; overflow:hidden; background-color:rgb(255,255,255,1);
						background-position:center center; background-repeat:no-repeat; background-size:contain; border-radius:5px;
						box-shadow:rgb(0,0,0,0.25) 0px 0px 25px; cursor:pointer;	
					}	.fondoNegro .post.publica 			.galeria .marco .foto{ background-color:rgb(0,0,0,1); background-size:contain; border-radius: 10px; }
									.post.publica.vertical 	.galeria .marco .foto{ box-shadow:rgb(0,0,0,0.25) 0px 0px 10px; }
						.fondoNegro .post.publica.vertical 	.galeria .marco .foto{ box-shadow:var(--entorno_color_botones) 0px 0px 5px; }
									.post.publica.cover 	.galeria .marco .foto{ background-size:cover; }

					
			.post.publica .ocultar{
				position:absolute; top:0px; bottom:0px; width:1px; height:1px; opacity:0; overflow:hidden;	
			}	
	
	
	/***  Botón al final de cada Bloque (Página de Inicio) ***/		
	.botonVerMas{
		position:relative; box-sizing:border-box; width:60%; max-width:350px; height:35px; border-radius:20px;
		background-color:rgb(0,0,0,0); padding-left:15px; padding-right:15px;
		line-height:35px; font-size:15px; color:rgb(0,0,0,0.5); font-weight:500; text-align:center; cursor:pointer;
		overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
		margin:auto; margin-top:25px; margin-bottom:10px;
		user-select: none;
		-moz-user-select: none; 
		-webkit-user-select: none;
		-ms-user-select: none;   
	}	.fondoNegro .botonVerMas{ background-color:rgb(255,255,255,0.1); color:rgb(255,255,255,1); }	
		.botonVerMas.destacar{ background-color:var(--entorno_color); color:#FFF; font-weight: 700; }	
	
	/*** Mini-Banner en Línea de Página de Inicio ***/
	.LineaBanner{
		position:relative; height:auto; overflow:hidden; border-radius:25px; 
		background-color:var(--entorno_color); background-image:linear-gradient(to bottom right, rgb(0,0,0,0.15), transparent);
		margin: 10px; margin-top:75px; margin-bottom:75px;
		border:rgb(0,0,0,0.075) 1px solid; border-bottom:hidden; border-right:hidden;
	}
		.columnaLineaBanner{
			position:relative; height:300px; width:50%; box-sizing:border-box;
		}
			.columnaLineaBanner.text{ float:left; }
			.columnaLineaBanner.img{ float:right; background-image:url(img/motivo.png); background-repeat:no-repeat; background-position:top center; background-size:cover; }
	
	.marcoLineaBanner{
		position:relative; box-sizing:border-box; width:100%; max-width:450px; height:auto; overflow:hidden; margin:auto; text-align:left;
	}	.LineaBanner.oscuro .marcoLineaBanner{ color:#FFF; }
		.LineaBanner.claro .marcoLineaBanner{ color:#000; }
	
		.marcoLineaBanner.favicon{
			background-repeat:no-repeat; background-size:contain; background-position:left center; height:60px; margin-bottom:15px;
			background-image:url(empresa/logohorizontalpc_oscuro.png);
		}
		.marcoLineaBanner.nombre{
			line-height:20px; font-size:20px; font-weight:750; text-align:left; text-shadow:rgb(0,0,0,0.5) 0px 0px 3px;
				
		}
		.marcoLineaBanner.descripcion{
			line-height:18px; font-size:14px; font-weight:400; text-align:left; margin-top:10px; opacity:0.75; margin-bottom:15px;	
		}
			.marcoLineaBanner .boton{
				float:left; padding-left:25px; padding-right:25px; 
				line-height:20px; font-size:13px; font-weight:750; text-align:center; 
				background-color:rgb(0,0,0,0.1); border:#FFF 2px solid; cursor:pointer; border-radius:15px; 
				margin:10px; margin-left:0px;
			}	.LineaBanner.claro .marcoLineaBanner .boton{ background-color:rgb(255,255,255,0.1); border:#000 2px solid; }
			
			.marcoLineaBanner .redes{
				position:relative; float:left; width:30px; height:30px; margin-right:10px; border-radius:50%; box-sizing:border-box; cursor:pointer;
				background-position:center center; background-repeat:no-repeat; background-size:contain;
			}
		
		/*seleccion seleccionado*/
		.LineaBanner .linieaSeleccion{
			position: relative; height: 40px; line-height: 38px; font-size: 15px; font-weight: 500; padding-left: 40px; padding-right: 10px;
			border: rgb(0,0,0,0.5) 1px solid; border-radius: 20px; cursor: pointer; margin-bottom: 5px;
			background-image: url(png/nuevos/icons8-location-52.png);
			background-size: 20px; background-position: left+10px center; background-repeat: no-repeat;			
		}	.LineaBanner .linieaSeleccion.seleccionado{ background-color: var(--entorno_color_botones); background-image: url('png/nuevos/icons8-location-52(1).png'); border: hidden; line-height: 40px; color: #FFF; font-weight: 700; }
		
		.LineaBanner .indicador{
			position: absolute; top: 0px; bottom: 0px; right: 10px; z-index: 2; width: 75px; height: 25px; margin: auto;
			background-position: center center; background-repeat: no-repeat; background-size: contain;
		}	.LineaBanner .indicador.agotado	{ background-image: url(png/nuevos/nivel-agotado.png); }
			.LineaBanner .indicador.bajo	{ background-image: url(png/nuevos/nivel-bajo.png); }
			.LineaBanner .indicador.medio	{ background-image: url(png/nuevos/nivel-medio.png); }
			.LineaBanner .indicador.alto	{ background-image: url(png/nuevos/nivel-alto.png); }

		.LineaBanner .BanInd{
			position:relative; box-sizing: border-box; 
			padding-left: 48px; line-height: 15px; font-size: 11px; font-weight: 600; color: rgb(0,0,0,0.75); text-align: left;
			background-position: left+10px center; background-repeat: no-repeat; background-size: auto 15px;
		}	.LineaBanner .BanInd.agotado	{ background-image: url(png/nuevos/nivel-agotado.png); }
			.LineaBanner .BanInd.bajo		{ background-image: url(png/nuevos/nivel-bajo.png); }
			.LineaBanner .BanInd.medio		{ background-image: url(png/nuevos/nivel-medio.png); }
			.LineaBanner .BanInd.alto		{ background-image: url(png/nuevos/nivel-alto.png); }