Categorias en Pestañas (CSS)

/***Emme Categorias en Pestañas***/
.mm-categorias > input,
.mm-categorias .forabg {
  display: none;
}
.mm-categorias {
  position: relative;
  border-top: 10px solid transparent;
}
.mm-categorias > input:checked + label + .forabg {
  display: block;
}
.mm-categorias > label ~ label {
  position: absolute;
  top: 0;
  left: 165px;
}
.mm-categorias > label ~ label:nth-of-type(3) {
  left: 330px;
}
.mm-categorias > label ~ label:nth-of-type(4) {
  left: 495px;
}
.mm-categorias > label ~ label:nth-of-type(5) {
  left: 660px;
}
/**Estilo Botones**/
.mm-categorias > label {
  background: #fff;
  display: block;
  width: 160px;
  text-align: center;
  opacity: 0.6;
}
.mm-categorias > label h2,
.mm-categorias > label h1 {
  font-size: 12px;
  text-transform: uppercase;
  padding: 5px;
}
/**Estilo Boton Activo**/
.mm-categorias > label:hover {
  opacity: 0.8;
}
.mm-categorias > input:checked + label {
  margin-top: -10px;
  padding: 5px 0;
  opacity: 1;
}