.icon-asesoramiento-tecnico:before,
.icon-formacion:before,
.icon-gestion-y-comunicacion:before,
.icon-idi:before,
.icon-laboratorio:before,
.icon-tic:before,
.icon-vertebracion:before,
.icon-gestion-proyectos:before {
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  display: inline-block;
  vertical-align: middle;
  min-width: 30px;
  height: 30px;
  margin-right: 0.7em;
  content: '';
}

.icon-asesoramiento-tecnico:not(.active):hover:before,
.icon-formacion:not(.active):hover:before,
.icon-gestion-y-comunicacion:not(.active):hover:before,
.icon-idi:not(.active):hover:before,
.icon-laboratorio:not(.active):hover:before,
.icon-tic:not(.active):hover:before,
.icon-vertebracion:not(.active):hover:before,
.icon-gestion-proyectos:not(.active):hover:before {
  opacity: .5;
}

.icon-asesoramiento-tecnico:before {
  background-image: url(../../images/cesefor-icons/asesoramiento-tecnico.png);
}

.icon-asesoramiento-tecnico.active:before {
  background-image: url(../../images/cesefor-icons/asesoramiento-tecnico-c.png);
}

.icon-formacion:before {
  background-image: url(../../images/cesefor-icons/formacion.png);
  min-width: 39px;
}

.icon-formacion.active:before {
  background-image: url(../../images/cesefor-icons/formacion-c.png);
}

.icon-gestion-y-comunicacion:before {
  background-image: url(../../images/cesefor-icons/gestion-y-comunicacion.png);
}

.icon-gestion-y-comunicacion.active:before {
  background-image: url(../../images/cesefor-icons/gestion-y-comunicacion-c.png);
}

.icon-idi:before {
  background-image: url(../../images/cesefor-icons/idi.png);
  min-width: 42px;
}

.icon-idi.active:before {
  background-image: url(../../images/cesefor-icons/idi-c.png);
}

.icon-laboratorio:before {
  background-image: url(../../images/cesefor-icons/laboratorio.png);
  min-width: 54.9px;
}

.icon-laboratorio.active:before {
  background-image: url(../../images/cesefor-icons/laboratorio-c.png);
}

.icon-tic:before {
  background-image: url(../../images/cesefor-icons/tic.png);
}

.icon-tic.active:before {
  background-image: url(../../images/cesefor-icons/tic-c.png);
}

.icon-vertebracion:before {
  background-image: url(../../images/cesefor-icons/vertebracion.png);
}

.icon-vertebracion.active:before {
  background-image: url(../../images/cesefor-icons/vertebracion-c.png);
}

.icon-gestion-proyectos:before {
  background-image: url(../../images/cesefor-icons/gestion_proctos.png);
}

.icon-gestion-proyectos.active:before {
  background-image: url(../../images/cesefor-icons/gestion_proctos.png);
}

@media (min-width: 992px) {
  .icon-position-top {
    text-align: center;
  }
  .icon-position-top:before {
    display: block;
    min-width: 39px;
    height: 39px;
    margin: 0 auto 0.7em auto;
  }
  .icon-position-top .icon-formacion:before {
    min-width: 50.7px;
  }
  .icon-position-top .icon-idi:before {
    min-width: 54.6px;
  }
  .icon-position-top .icon-laboratorio:before {
    min-width: 71.37px;
  }
}

.icon-position-right:before {
  float: right;
  margin: 0 0 0 0.7em;
}