.main-wrapper{
  width:958px;  
    background-color: #ededed;
}
.info-wrap{
  width: 920px;
  margin: 10px auto;
  background-color: #ededed;
}
 .item{
  position: relative;
 }
.block-cat{
  display: block;
  width: 100%;
  height:100%;
  position: relative;
}
.hover {
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
 
}
.category-cont1{
  display: block;
  height: 454px;
}
.category-cont1 a{
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
}
.category-cont a{
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
}

.category-cont1 .subcategory-cont{
  overflow: hidden;
  display: inline-block;
  width: 454px;
  height: 454px;
  position: relative;
}
.category-cont1 .subcategory-cont a{
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
}


.category-cont1 .last{
  display: inline-block;
  width: 454px;
  height: 454px;
  cursor: pointer;
  position: relative;
}
.category-cont1 .electro{
  display: inline-block;
  width: 454px;
  height: 454px;
  cursor: pointer;
  position: relative;
}
.category-cont1 .computacion{
  display: inline-block;
  width: 450px;
  height: 220px;
  margin-left: 10px;
  cursor: pointer;
  vertical-align: top;
  position: relative;

}
.category-cont1 .celulares{
  display: inline-block;
  width: 450px;
  height: 220px;
  margin-left: 10px;
  cursor: pointer;
  position: relative;
  top: -224px;
  left: 459px;  
}
.category-cont{
  margin-top: 10px;
}
.gym{
 width: 454px;
 height: 220px;
 margin-left:10px;
 margin-right:10px;
 display: inline-block;
 cursor: pointer;
 position: relative;
}
.cat2:first-child{
  margin-left:0px;
}
.cat2{
 width: 921px;
 height: 220px;
 margin-left:10px;
 display: inline-block;
 cursor: pointer;
 position: relative;
}
.futbol, .bicicletas, .videojuegos{
 width: 219px;
 height: 223px;
 display: inline-block; 
 cursor: pointer;
 margin: auto;
 position: relative;
}
.cat:first-child{
  margin-left: 0px;
}
.cat{
  width: 218px;
 height: 218px;
 display: inline-block; 
 cursor: pointer;
 margin-left: 10px;
 position: relative;
}
.calzado{
  width: 687px;
  height: 220px;
  display: inline-block;
  margin-right: 10px;

}
.todo {
  width: 346px;
  height: 220px;
  display: inline-block;
  margin: 0px;
  margin-right: -4px;
  cursor: pointer;
  position: relative;
}
.callit {
  width: 346px;
  height: 220px;
  display: inline-block;
  margin: 0px;
  cursor: pointer;
  position: relative;
  margin-right: 2px;
}



.ver-mas {
  position: absolute;
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #20a49a;
  width: 70%;
  left: 50%;
  margin-left: -35%;
  top: 0;
  margin-top: 0;
  color: white;
  z-index: 4;
  background-color: #20a49a;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 0;
}