:root {
  --color_cuadrosAdministracion      : #009688;
  --color_cuadrosAdministracion_hover: rgba(204, 22, 37, 0.8);
  --color_cuadrosConfiguracion       : #005DFF;
  --color_cuadrosConfiguracion_hover : rgba(204, 22, 37, 0.8);
  --color_cuadrosReportes            : #2D8B3E;
  --color_cuadrosReportes_hover      : rgba(231, 76, 60, 0.8);
  --color_cuadrosMiSeccion           : #FF6800;
  --color_cuadrosMiSeccion_hover     : rgba(204, 22, 37, 0.8);
}

/*--------------------------------------------------------------*/
a:hover, a:focus {
  color: #2a6496;
  text-decoration: none;
}

/*--------------------------------------------------------------*/
.square-service-block_administracion{
  position:relative;
  overflow:hidden;
  margin:7px auto;
  }
.square-service-block_administracion a {
  background-color: var(--color_cuadrosAdministracion);
  border-radius: 5px;
  display: block;
  padding: 15px 5px;
  text-align: center;
  width: 100%;
}
.square-service-block_administracion a:hover{
  background-color: var(--color_cuadrosAdministracion_hover);
  border-radius: 5px;
}

/*--------------------------------------------------------------*/


.square-service-block_configuracion{
  position:relative;
  overflow:hidden;
  margin:7px auto;
  }
.square-service-block_configuracion a {
  background-color: var(--color_cuadrosConfiguracion);
  border-radius: 5px;
  display: block;
  padding: 15px 5px;
  text-align: center;
  width: 100%;
}
.square-service-block_configuracion a:hover{
  background-color: var(--color_cuadrosConfiguracion_hover);
  border-radius: 5px;
}
/*--------------------------------------------------------------*/


.square-service-block_reportes{
  position:relative;
  overflow:hidden;
  margin:7px auto;
  }
.square-service-block_reportes a {
  background-color: var(--color_cuadrosReportes);
  border-radius: 5px;
  display: block;
  padding: 15px 5px;
  text-align: center;
  width: 100%;
}
.square-service-block_reportes a:hover{
  background-color: var(--color_cuadrosReportes_hover);
  border-radius: 5px;
}
/*--------------------------------------------------------------*/

.square-service-block_miSeccion{
  position:relative;
  overflow:hidden;
  margin:7px auto;
  }
.square-service-block_miSeccion a {
  background-color: var(--color_cuadrosMiSeccion);
  border-radius: 5px;
  display: block;
  padding: 15px 5px;
  text-align: center;
  width: 100%;
}
.square-service-block_miSeccion a:hover{
  background-color: var(--color_cuadrosMiSeccion_hover);
  border-radius: 5px;
}
/*--------------------------------------------------------------*/




.ssb-icon {
  color: #fff;
  display: inline-block;
  font-size: 28px;
  margin: 0 0 20px;
}

h2.ssb-title {
  color: #fff;
  font-size: 12px;
  font-weight: 200;
  margin:0;
  padding:0;
  text-transform: uppercase;
}
/*--------------------------------------------------------------*/