@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	}
body{
	font-family:'PT sans';
	}
/* Header*/
header{
	padding:0;
	margin:0;
	width:100%;
	height:140px;
	display:flex;
	justify-content:space-around;
	flex-direction:column;
	} 
header a{
		text-decoration:none;
		color:#000;}
.main{
	}
.Cargarflotante {
	position: absolute;
	top: 20%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 40%; /* Buscamos el centro vertical (relativo) del navegador */
	z-index:1;
}

.btn-whatsapp {
        display:block;
        width:70px;
        height:70px;
        color#fff;
        position: fixed;
        right:20px;
        bottom:80px;
        border-radius:50%;
        line-height:80px;
        text-align:center;
        z-index:999;
}

.flotante {
    display:scroll;
        position:fixed;
        bottom:80px;
		left:0px;
}





.texttachado {
    text-decoration: line-through;
}
.dot {
  height: 25px;
  width: 25px;
  padding:5px;
  background-color:#F00;
  color:#FFF;
  border-radius: 50%;
  display: inline-block;
}
.textinpubasi {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.selecformu{
  width: 100%;
  background-color:#FFF;
  color:#333;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.bbotonbasi{
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.formulariodiv {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
.botonazul{
  text-decoration:none;
  padding: 10px 10px;
  border-radius: .25rem;
  background-color: #007bff;
  color: #fff;
  transition: background-color .15s ease-in-out;
}
.botonarojo{
  text-decoration:none;
  padding: 10px 10px;
  border-radius: .25rem;
  background-color:#F00;
  color: #fff;
  transition: background-color .15s ease-in-out;
}
.botonazul:hover, .botonazul:focus {
  background-color: #0069d9;
}
.botonazul:active {
  background-color: #0062cc;
}
/* funcion modal */
.inputbuttonlog {
	display:block;
	padding:10px;
	width:100%;
	background:#39403A;
	margin:10px 0;
	font-size:20px;
	border-radius:10px;
	color: white;
    cursor: pointer;
	}
.modal {
  overflow: auto;
  display: none;
  position: fixed; 
  padding-top: 50px;
  left: 0; 
  top: 0;
  width: 100%;
  height: 100%; 
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
  position: relative; 
  background-color: white;
  margin: auto; 
  width: 50%; 
  
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
	padding: 5px 20px 13px 20px;
	background: #fff;
	border-radius:5px 5px 20px 20px;
}
.close-btn {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: 1px;
	text-align: center;
	top: 1px;
	width: 44px;
	height:44px;
	padding:5px;
	text-decoration: none;
	font-weight: bold;
	border-radius:3px;
	font-size:20px;
	cursor: pointer;
}
.close-btn:hover {
	background: #FAAC58; 
	color:#222;
}
.titulomodal {
 background:#09b3f7;
 height:45px;
 padding:0px;color:#FFF;
 text-align:center;
}
.piemodal {
 background:#0482a8;
 height:45px; 
 padding:10px; 
 color:#FFF;
 text-align:center;
 border-radius:0px 0px 20px 20px;
}
.headerzero{
	width:100%;
	height:22px;
	background-color:#F60;
	display:flex;
	justify-content:space-around;
}
.headerzero a{
	color:#FFF;}
.headerzero a:hover{
	color:#000;}
	
.opciones_{
	width:50%;
	height:100%;
	display:flex;
	justify-content:space-between;
	text-align:left;
	margin-top:3px;
	font-size:14px;
	color:#CCC;
	}
.opciones_ a{
	margin-left:0px;
}
.opciones_app{
	margin-top:3px;
	min-width:380px;
	max-width:380px;
	width:35%;
	height:100%;
	display:flex;
	justify-content:space-around;
	font-size:14px;
	}
.headertop{
	width:100%;
	height:60px;
	display:flex;
	justify-content:space-around;
	align-items:flex-end;
	flex-shrink:0;
	}
.logo{
	width:50px;
	height:60px;
	padding:0;
	margin-top:0;
	margin-left:20px;
	}
.logo  img{
	width:65px;
	margin-left:10px;
}
.botoncesta{
    text-decoration: none;
    padding: 10px;
    font-size: 12px;
    color:#fff;
    background-color:#F90;
    border-radius: 2px;
    border: 2px solid;
	cursor:pointer;
}
  .botoncesta:hover{
    color: #1883ba;
    background-color: #ffffff;
  }
.bootonfooter {
  padding: 5px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.grilla2 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.grilla3 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
.grilla4 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;

}
.grilla5 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
}
.grilla6 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px;
}
.grilla5 img{
	object-fit:cover;
}
.grilla4 img{
	object-fit:cover;
}
.grilla4_item:nth-child(3){
	grid-column-start: span 2;
	}
.grilla4_item:nth-child(4){
	grid-column-start: span 2;
	}
.grilla4_item:nth-child(9){
	grid-column-start: span 2;
	}

.grilla6 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px;
}
.grilla7 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 20px;
}
.grilla8 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 20px;
}
.grilla9 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(9, 1fr);
  grid-gap: 20px;
}
.grilla10 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 20px;
}

.ptdestacado a{
  font-size:large;
  color:#000;
  text-decoration:none;
  font-weight: 800 ;
}

.buscador{
	width:57%;
	height:60px;
	}

.det-buscador{
	width:100%;
	height:40px;
	display:flex;
	margin-top:10px;
	align-items:center;
	border-radius:5px;
	border: 2px solid #000;
	border-color:#F60;
	}
.det-buscador  input{
	width:96%;
	height:36px;
	border:none;
	margin-left:5px;
	font-size:16px;
	}
.det-buscador button{
	width:38px;
	height:38px;
	background-image:url(../image/ico/lupa.png);
 	 background-position:center;
	 border:0px solid #F60;
}
.buscar_texto input {
	border:none;}
.det-buscador button:hover{
	cursor:pointer;
}
	
.opciones{
	width:25%;
	height:100%;
	display:flex;
	justify-content:space-around;
	flex-shrink:0;
	align-items:center;
	font-size:14px;
	}
.opciones a{
	color:#999;}
.opciones a:hover{
	color:#F93;}
.opciones_det{
	display:flex;
	justify-content:space-around;
	align-items:center;
	flex-wrap: wrap;
	flex-direction:row;
	}
	
.headerbottom{
	height:43px;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-shrink:0;
	font-size:14px;
	border-top:1px solid #F60;
	border-bottom:1px solid #F60;
}
.headerbottom a{
	color:#999;}
.headerbottom a:hover{
	color:#F93;}

.izq a{
	color:#FFF;}
.izq{
	width:140px;
	height:100%;
	background-color:#F60;

	margin-bottom:0;
	}
.clases{
	background-color:#F60;
	width:100%;
	height:97%;
	display:flex;
	justify-content:space-around;
	align-items:center;
	}
.clases a:hover{
	color:#333;
}
.contenedor-opcion img{
	height:40px;
	margin-bottom:1px;
	margin-top:2px;
	margin-left:0px;
	}
.contenedor-opcion{
	height:97%;
	margin-top:1px;
	margin-left:0;
	margin-right:38px;
	width:83%;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	}
.opcion_det{
	width:10%;
	display:flex;
	margin-left:10px;
	justify-content:space-around;
	align-items:center;
	}
.opcion_det img{
	height:25px;
}
.ventas{
	display:flex;
	justify-content:space-around;
	align-items:center;
	flex-wrap: wrap;
	flex-direction:row;
	}
.arriba{
	display:flex;
	justify-content:space-around;
	flex-direction:column;
	flex-shrink:0;
	}
.cuenta{
	width:20%;
	display:flex;
	justify-content:space-around;
	flex-wrap: wrap;}
.carrito{
	width:20%;
	display:flex;
	justify-content:space-around;
	flex-wrap: wrap;
}
.adsimg312x396{
	height:396px;
	width:295px;
}

.adsimg636x397{
	height:396px;
	width:590px;
}
.contenedorpublicidad{
  padding: 5px;
  display: grid;
  font-size:15px;
  width:95%;
  margin: 0 auto;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}
.contenedor{
	padding: 20px 0px;
	width:95%;
	max-width:1200px;
	margin:auto;
	overflow:hidden;
}	
.titulo{
	color:#642a73;
	font-size:30px;
	text-align:left;
	margin-bottom:20px;
	}

.contenedor-s{
	width:100%;
	height:350px;
	margin-bottom:0px;
	overflow:hidden;
}
.contenedor-s  img{
	height:100%;
	width:200px;
}
.slider-contenedor{
	width:100%;
	display:flex;
	}
.contenido-slider{
	width:100%;
	height:100%;
	display:flex;
	justify-content:space-around;
	align-items:center;
	flex-shrink:0;
	}
.contenido-slider img{
	width:100%;
	max-width:100%;
	height:340px;
	object-fit:cover;
	}
.contenido-slider div{	width:0;}
.direcciones{
	width:100%;
	height:200px;
	position:absolute;
	top:200px;
	display:flex;
	justify-content:space-between;
	align-items: center;
	font-size:20px;
	}
.direcciones a{
	color:#fff;
	display:inline-block;
	padding:20px;

	}
.direcciones a:hover{
	background:rgba(0,0,0,.5);
	transition:.5s;
	}

.sliderboantraz{
	background:rgba(0,0,0,.1);
	width:3%;
	height:100px;
	position:absolute;
	top:250px;
	display:flex;
	justify-content:space-between;
	align-items: center;
	font-size:20px;
	left: 3%;
}	
.sliderboantraz a{
	color:#fff;
	display:inline-block;
	padding:20px;
}
.sliderboantraz a:hover{
	background:rgba(0,0,0,.5);
	transition:.5s;
	width:3%;
}
.sliderbodelante{
	background:rgba(0,0,0,.1);
	width:3%;
	height:100px;
	position:absolute;
	top:250px;
	display:flex;
	justify-content:space-between;
	align-items: center;
	font-size:20px;
	left: 93%;
}	
.sliderbodelante a{
	color:#fff;
	display:inline-block;
	padding:20px;
}
.sliderbodelante a:hover{
	background:rgba(0,0,0,.5);
	transition:.5s;
	width:3%;
}

	
	
	
.barras{
	position:absolute;
	bottom:10;
	width:100%;
	display:flex;
	justify-content:center;
	margin-bottom:15px;
	}
.barra{
	cursor:pointer;
	height:4px;
	width:25px;
	margin:0 2px;
	background:#dcdde1;
	display:inline-block;
	margin-left:3px;}
.active{
	background-color:#e74c3c;
	}
.fade{
	animation-name:fade;
	animation-duration:1.5s;
	}
@keyframes fade{
	from {opacity: .4;}
	to{opacity:1;}
	}
.lineas{
	height:170px;
	width:100%;
	color:#FFF;
	margin-bottom:5px;
	display:flex;
	justify-content:space-around;
	align-items:row;
}	
.lineas strong{
	color:#666;
	font-size:13px;
	}
.lineas strong:hover{
	color:#06F;
	}
.contenedor-lineas{
	max-height:155px;
	display:flex;
	overflow-x:auto;
	}
.lineas a{
	text-decoration:none;
	color:#666;
	font-size:13px;
}
.contenedor-lineas img{
	height:30%;
	width:30%;
	margin-left:5px;
	margin-bottom:5px;
	
	}
.categoria-img{
	min-width:130px;
	max-width:130px;
	margin-top:5px;
	margin-bottom:5px;
	overflow:hidden;
	position:relative;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	align-items:center;
	text-align:center;
	margin-left:3px;
	cursor:pointer;
	box-shadow:0 0 6px 0 rgba(0,0,0,.5);
	height:140px;
	}
.categoria-izq{
	min-width:130px;
	max-width:130px;
	margin-top:5px;
	margin-bottom:5px;
	overflow:hidden;
	position:relative;
	display:flex;
	justify-content:space-around;
	flex-direction:column;
	align-items:center;
	text-align:center;
	margin-left:3px;
	border-radius: 9px 0 0 9px;
	cursor:pointer;
	box-shadow:0 0 6px 0 rgba(0,0,0,.5);
	height:140px;
	}
.categoria-der{
	min-width:130px;
	max-width:130px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:3px;
	overflow:hidden;
	position:relative;
	display:flex;
	justify-content:space-around;
	flex-direction:column;
	align-items:center;
	text-align:center;
	margin-left:3px;
	border-radius: 0 9px 9px 0;
	cursor:pointer;
	box-shadow:0 0 6px 0 rgba(0,0,0,.5);
	height:140px;
	}
.categoria-img img{
	/*width:60%;
	height:50%;*/
	margin-top:5px;
	object-fit:cover;
	display:block;}
.contenido-textos h3{
	margin-bottom:15px;}
.contenido-textos h3 span{
	background:#4d0686;
	color:#FFF;
	border-radius:50%;
	display:inline-block;
	text-align:center;
	width:30px;
	height:30px;
	padding:2px;
	box-shadow:0 0 6px 0 rgba(0,0,0,.5);
	margin-right:5px;
}
.contenido-textos p{
	padding:0px 0px 30px 15px;
	font-weight:300;
	text-align:justify;
	}
.mas-vendidos{
	background:#f2f2f2;
	width:100%;
	}
.galeria2x3{
	width:100%;
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
	}
.galeria-img{
	width:24%;
	margin-bottom:5px;
	overflow:hidden;

	position:relative;
	background-color:#FFF;
	border-radius:8px;
	cursor:pointer;
	box-shadow:0 0 4px 0 rgba(0,0,0,.5);
	height:370px;
	}
.galeria-img strong{
	color:#F90;}
.galeria_adicion{
	background-color:#FF5502;
	position:absolute;
	border-radius:0 0 8px 8px;
	height:38px;
	width:100%;
	text-align:center;
	top:342px;
	font-weight:bold;
	
	}
.boton_cesta{
	background-color:#FCDEBC;
	width:100%;
	height:100%;
	border:none;
	background-color:transparent;
	font-weight: bold;
	color:#FFF;
	}
.boton_cesta:hover {
	color:#0080FF;
}
.galeria_adicion:hover {
	background-color:#FFF;
	border:2px solid #0080FF;
	color:#0080FF;
	
	}
		
.galeria-img  img{
	object-fit:cover;
	display:block;}
.hover-galeria2x3{
	position:absolute;
	top:267px;
	width:100%;
	height:75px;
	margin-bottom:0;
	transform:scale(0);
	background:url(../image/ico/hover_masvendidos.png);
	background-repeat:repeat;
	transition:transform .5s;
	border-radius:8px 8px 0 0;
	text-align:center;
	display:flex;
	justify-content:flex-start;
	flex-direction:column;}
.hover-galeria2x3 strong{
	font-size:19px;
	color:#FFF;
}
.hover-galeria2x3 a{
	text-decoration:none;
	font-size:13px;
	color:#F7F7F7;
	margin-top:27px;
}
.hover-galeria2x3 img{
	width:30px;
	}
.hover-galeria2x3 p{
	color:#FFF;}
.galeria-img:hover .hover-galeria2x3{
	transform:scale(1);
}
.galeria-img:hover .galeria_adicion{
	background-color:#FFF;
	}
.galeria-img:hover .galeria_adicion input{
	color:#0080FF;
}
.marcas{
	display:flex;
	overflow-x:auto;
	height:140px;
	width:95%;
	}
.marcas .marca{
	display:flex;
	min-width:290px;
	max-width:290px;
	margin-right:8px;	
	margin-left:3px;
	padding:40px;
	margin-top:5px;
	height:320px;
	align-items:center;
	border-radius:5px;
	box-shadow:0 0 6px 0 rgba(0,0,0,0.6);}
.marcas .marca img{
	width:95%;
	height:100%;
	object-fit:cover;
	border:3px solid #FFF;
	display:block;
}
.marcas .marca> .detalle-marca{
	width:60%;
	color:#FFF;}
.ProductosRamdon{
	width:100%;
	display:flex;
	flex-direction:rows;

}

.producto{

	margin-bottom:35px;
	overflow:hidden;
	position:relative;
	background-color:#FFF;
	border-radius:8px;
	cursor:pointer;
	box-shadow:0 0 3px 0 rgba(0,0,0,.5);
	height:310px;
	}
.producto a{
	color:#333;
	text-decoration:none;
	font-size:14px;
	display:none;}
.producto:hover{
	height:340px;
	margin-bottom:5px;
	}
.producto:hover a{
	display:block;
}
/* categoria */
.categorias{
	background:#f2f2f2;
	padding-bottom:30px;}
.detalle-categoria{
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
	align-items:center;}
.categoria-ind{
	text-align:center;
	background-color:#FFF;
	margin-bottom:20px;}
.categoria-ind > img{
	object-fit:cover;
	display:block;}
.categoria-ind h3{
	margin:3px 0;}
.categoria-ind p{
	font-weight:300;
	text-align:justify;}
/*footer*/

.footer_1{
	display:flex;
	justify-content:space-around;
	flex-direction:column;
	margin-top:1px;
	margin-bottom:1px;
	text-align:left;
	color:#FFF;
	text-decoration:none;
	background:#414141;
}
.footer_1 a{
	color:#FFF;
	text-align:left;
	text-decoration:none;}
.contenedor-footer{
	display:flex;
	width:90%;
	justify-content:space-evenly;
	margin:auto;
	padding-bottom:1px;
	border-bottom:1px solid #ccc;}

.content-foo{
	text-align:left;
	}
.content-foo h4{
	color:#FFF;
	border-bottom:3px solid #af20d3; 
	padding-bottom:10px;
	margin-bottom:5px;
	}
.content-foo p{
	color:#ccc;
	}
.content-foo a{
	color:#ccc;
	text-decoration:none;
	text-align:left;
	}
.Pie-pagina{
	text-align:center;
	font-size:20px;
	margin:5px 0 0 0;

	}
	
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?dtrlzn');
  src:  url('fonts/icomoon.eot?dtrlzn#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?dtrlzn') format('truetype'),
    url('fonts/icomoon.woff?dtrlzn') format('woff'),
    url('fonts/icomoon.svg?dtrlzn#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e900";
}
.icon-office:before {
  content: "\e903";
}
.icon-newspaper:before {
  content: "\e904";
}
.icon-pencil:before {
  content: "\e905";
}
.icon-pencil2:before {
  content: "\e906";
}
.icon-pen:before {
  content: "\e908";
}
.icon-droplet:before {
  content: "\e90b";
}
.icon-paint-format:before {
  content: "\e90c";
}
.icon-image:before {
  content: "\e90d";
}
.icon-images:before {
  content: "\e90e";
}
.icon-camera:before {
  content: "\e90f";
}
.icon-headphones:before {
  content: "\e910";
}
.icon-music:before {
  content: "\e911";
}
.icon-play:before {
  content: "\e912";
}
.icon-film:before {
  content: "\e913";
}
.icon-video-camera:before {
  content: "\e914";
}
.icon-bullhorn:before {
  content: "\e91a";
}
.icon-connection:before {
  content: "\e91b";
}
.icon-paste:before {
  content: "\e92d";
}
.icon-stack:before {
  content: "\e92e";
}
.icon-folder:before {
  content: "\e92f";
}
.icon-folder-plus:before {
  content: "\e931";
}
.icon-folder-minus:before {
  content: "\e932";
}
.icon-folder-download:before {
  content: "\e933";
}
.icon-price-tags:before {
  content: "\e936";
}
.icon-barcode:before {
  content: "\e937";
}
.icon-qrcode:before {
  content: "\e938";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-coin-dollar:before {
  content: "\e93b";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-calculator:before {
  content: "\e940";
}
.icon-lifebuoy:before {
  content: "\e941";
}
.icon-phone:before {
  content: "\e942";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-pushpin:before {
  content: "\e946";
}
.icon-location2:before {
  content: "\e948";
}
.icon-compass:before {
  content: "\e949";
}
.icon-alarm:before {
  content: "\e950";
}
.icon-bell:before {
  content: "\e951";
}
.icon-stopwatch:before {
  content: "\e952";
}
.icon-printer:before {
  content: "\e954";
}
.icon-keyboard:before {
  content: "\e955";
}
.icon-display:before {
  content: "\e956";
}
.icon-mobile:before {
  content: "\e958";
}
.icon-mobile2:before {
  content: "\e959";
}
.icon-tv:before {
  content: "\e95b";
}
.icon-download:before {
  content: "\e960";
}
.icon-upload:before {
  content: "\e961";
}
.icon-floppy-disk:before {
  content: "\e962";
}
.icon-undo2:before {
  content: "\e967";
}
.icon-redo2:before {
  content: "\e968";
}
.icon-bubbles2:before {
  content: "\e96d";
}
.icon-bubble2:before {
  content: "\e96e";
}
.icon-bubbles3:before {
  content: "\e96f";
}
.icon-user:before {
  content: "\e971";
}
.icon-user-plus:before {
  content: "\e973";
}
.icon-user-minus:before {
  content: "\e974";
}
.icon-user-check:before {
  content: "\e975";
}
.icon-user-tie:before {
  content: "\e976";
}
.icon-quotes-left:before {
  content: "\e977";
}
.icon-quotes-right:before {
  content: "\e978";
}
.icon-hour-glass:before {
  content: "\e979";
}
.icon-spinner:before {
  content: "\e97a";
}
.icon-spinner3:before {
  content: "\e97c";
}
.icon-spinner4:before {
  content: "\e97d";
}
.icon-binoculars:before {
  content: "\e985";
}
.icon-search:before {
  content: "\e986";
}
.icon-key:before {
  content: "\e98d";
}
.icon-key2:before {
  content: "\e98e";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-unlocked:before {
  content: "\e990";
}
.icon-cog:before {
  content: "\e994";
}
.icon-aid-kit:before {
  content: "\e998";
}
.icon-pie-chart:before {
  content: "\e99a";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-stats-bars2:before {
  content: "\e99d";
}
.icon-trophy:before {
  content: "\e99e";
}
.icon-gift:before {
  content: "\e99f";
}
.icon-mug:before {
  content: "\e9a2";
}
.icon-spoon-knife:before {
  content: "\e9a3";
}
.icon-rocket:before {
  content: "\e9a5";
}
.icon-meter:before {
  content: "\e9a6";
}
.icon-lab:before {
  content: "\e9aa";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-bin2:before {
  content: "\e9ad";
}
.icon-briefcase:before {
  content: "\e9ae";
}
.icon-shield:before {
  content: "\e9b4";
}
.icon-power:before {
  content: "\e9b5";
}
.icon-switch:before {
  content: "\e9b6";
}
.icon-power-cord:before {
  content: "\e9b7";
}
.icon-list-numbered:before {
  content: "\e9b9";
}
.icon-list:before {
  content: "\e9ba";
}
.icon-list2:before {
  content: "\e9bb";
}
.icon-tree:before {
  content: "\e9bc";
}
.icon-cloud-upload:before {
  content: "\e9c3";
}
.icon-cloud-check:before {
  content: "\e9c4";
}
.icon-download3:before {
  content: "\e9c7";
}
.icon-upload3:before {
  content: "\e9c8";
}
.icon-earth:before {
  content: "\e9ca";
}
.icon-link:before {
  content: "\e9cb";
}
.icon-attachment:before {
  content: "\e9cd";
}
.icon-eye:before {
  content: "\e9ce";
}
.icon-eye-plus:before {
  content: "\e9cf";
}
.icon-eye-blocked:before {
  content: "\e9d1";
}
.icon-bookmark:before {
  content: "\e9d2";
}
.icon-star-empty:before {
  content: "\e9d7";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-happy:before {
  content: "\e9df";
}
.icon-sad:before {
  content: "\e9e5";
}
.icon-sad2:before {
  content: "\e9e6";
}
.icon-wink:before {
  content: "\e9e7";
}
.icon-grin:before {
  content: "\e9e9";
}
.icon-neutral:before {
  content: "\e9f7";
}
.icon-wondering:before {
  content: "\e9fb";
}
.icon-point-up:before {
  content: "\ea03";
}
.icon-point-right:before {
  content: "\ea04";
}
.icon-point-down:before {
  content: "\ea05";
}
.icon-point-left:before {
  content: "\ea06";
}
.icon-warning:before {
  content: "\ea07";
}
.icon-notification:before {
  content: "\ea08";
}
.icon-question:before {
  content: "\ea09";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}
.icon-cancel-circle:before {
  content: "\ea0d";
}
.icon-blocked:before {
  content: "\ea0e";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-checkmark2:before {
  content: "\ea11";
}
.icon-enter:before {
  content: "\ea13";
}
.icon-exit:before {
  content: "\ea14";
}
.icon-play3:before {
  content: "\ea1c";
}
.icon-volume-high:before {
  content: "\ea26";
}
.icon-arrow-up-left:before {
  content: "\ea31";
}
.icon-arrow-up:before {
  content: "\ea32";
}
.icon-arrow-up-right:before {
  content: "\ea33";
}
.icon-arrow-right:before {
  content: "\ea34";
}
.icon-arrow-down-right:before {
  content: "\ea35";
}
.icon-arrow-down:before {
  content: "\ea36";
}
.icon-arrow-down-left:before {
  content: "\ea37";
}
.icon-arrow-left:before {
  content: "\ea38";
}
.icon-mail2:before {
  content: "\ea84";
}
.icon-google-plus2:before {
  content: "\ea8c";
}
.icon-google-drive:before {
  content: "\ea8f";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-telegram:before {
  content: "\ea95";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-vine:before {
  content: "\ea97";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-youtube2:before {
  content: "\ea9e";
}
.icon-twitch:before {
  content: "\ea9f";
}
.icon-vimeo2:before {
  content: "\eaa1";
}
.icon-dropbox:before {
  content: "\eaae";
}
.icon-tumblr:before {
  content: "\eab9";
}
.icon-android:before {
  content: "\eac0";
}
.icon-skype:before {
  content: "\eac5";
}
.icon-stackoverflow:before {
  content: "\ead0";
}
.icon-yelp:before {
  content: "\ead7";
}
.icon-safari:before {
  content: "\eadd";
}
.icon-opera:before {
  content: "\eade";
}
.icon-file-pdf:before {
  content: "\eadf";
}
.icon-file-word:before {
  content: "\eae1";
}
.icon-file-excel:before {
  content: "\eae2";
}
.icon-libreoffice:before {
  content: "\eae3";
}
.icon-codepen:before {
  content: "\eae8";
}	
	
@media screen and (max-width:1500px){
.footer_boton{
	display:none;}	
@media screen and (max-width:900px){
	header{
		background-position:center;}
	.opciones_ {
		display:none;
	}
	.opciones_ {
		min-width:300px;
	}
	.headertop{
		justify-content:space-between;
	}
	.headertop a{
		display:none;
	}
	.logo{
		margin-left:0;}
	.buscador{
		margin-left:30px;
	}
	.contenedor-opcion{
		width:70%;}
	.opcion_det{
		margin-right:0;
		width:12%;
		display:flex;
		justify-content:space-between;
		flex-direction:column;
	}
	.opcion_det a{
		font-size:12px;
		}
	.contenedor-s{
		height:330px;
		margin-bottom:10px;
		}	
	.barras{
		top:475px;}
	.contenedor-nosotros{
		flex-direction:column;
		justify-content:center;
		align-items:center;
		}
	.contenedor-nosotros .contenido-textos{
		width:90%;
		}
	.contenedor-nosotros .imagen-nosotros{
		width:90%;
		}
	.mas-vendidos .galeria-img{
		width:45%;
		}
	.detalle-categoria .categoria-ind{
		width:45%;
		margin-bottom:30px; 
	}
	.grilla5 {
		grid-template-columns: repeat(2, 1fr);
		}
}
@media screen and (max-width:700px){
	.logo{
		display:none;}	
	.grilla5 {
		grid-template-columns: repeat(1, 1fr);
		}
	.grilla4 {
		padding:40px;
		grid-gap:2px;
		grid-template-columns: repeat(1, 1fr);
		object-fit:cover;
	}
.botonarojo{
  font-size:13px;
}
.adsimg312x396{
	height:396px;
	width:312px;
}
.adsimg636x397{
	height:297px;
	width:500px;
}
}
@media screen and (max-width:500px){
	.lineas{
		margin-bottom:5px;
		}
	.contenedor{
		width:100%;}
	.barras{
		top:330px;}
	.footer_1{
		display:none;
	}
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color:#656CE0;
   color: white;
   text-align:left;
}
.footer p{
	color:#FFF;
	text-align:left;
	text-decoration:none;
	}
.adsimg312x396{
	height:396px;
	width:312px;
}
.adsimg636x397{
	height:297px;
	width:400px;
}

.botonarojo{
  font-size:13px;
}
	.footer_boton{
		display:flex;
		background:#999;
		width:90%;
		height:50px;
		justify-content:space-evenly;
		margin-top:0px;
		border-bottom:1px solid #ccc;}
	.clases{
		margin-left:0;} 
	.opciones_{
		margin-left:5px;
	}
	/*Header*/
	.headertop{
		justify-content:space-around;
	}
	header{
		height:90px;}
	.headerzero{
		justify-content:space-between;
	}
	.headerbottom{
		display:none;
	}
	.opciones{
		display:none;}
	.logo{
		display:none;}
	.buscador{
		width:90%;
		margin-left:3px;
	}
	.contenedor-nosotros img{
		margin-bottom:60px;
		width:99%;
		}
	.contenedor-nosotros .contenido-textos{
		width:95%;
		}
	.mas-vendidos .galeria-img{
		width:95%;
		}
	.detalle-categoria .categoria-ind{
		width:95%;
		}
	.detalle-categoria h3{
		padding:1px 0 1px 0;
		}
  	.grilla2{grid-template-columns: repeat(1, 1fr);}
	.grilla3 {grid-template-columns: repeat(1, 1fr);}
	.grilla4 {
		padding:15px;
		grid-gap:2px;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-rows:345px;}
	.grilla4 img{
		width:100%;
		object-fit:cover;
		height:100%;
		}
	.grilla4_item{
		height:330px;
		width:100%;}
	.grilla5 {
		grid-template-columns: repeat(1, 1fr);
		}
	.grilla6 {grid-template-columns: repeat(1, 1fr);}
	.grilla7 {grid-template-columns: repeat(1, 1fr);}
	.grilla8 {grid-template-columns: repeat(1, 1fr);}
    .grilla9 {grid-template-columns: repeat(2, 1fr);}
    .grilla10 {grid-template-columns: repeat(3, 1fr);}
 
}
@media screen and (max-width:400px){
	.buscador{
		margin-left:0;
		width:190px;
	}
}
@media screen and (max-width:300px){
	.grilla5 {grid-template-columns: repeat(1, 1fr);}
	.grilla4 {
		grid-auto-rows:200px;}
}
