/* CSS Document */
/* ROJO
  .numbers span{color:#ff3043}
  .row-zonaroja{background-color:#ff3043}
		@circle-background: #fc4758; // circulo no activo
		@circle-color: #fdd4d8; // circulo activo
		@inset-color: #ff3043; // fondo circulo

  */
/* VERDE
  .numbers span{color:#199e57}
  .row-zonaroja{background-color:#199e57}
		@circle-background: #1caf61; // circulo no activo
		@circle-color: #9bfbc7; // circulo activo
		@inset-color: #199e57; // fondo circulo


  */

.circulitos{display: table; margin-left: auto; margin-right: auto; float:none !important; padding-top:82px; text-align: center;}
.circulitoscontainer{margin-top:270px;}
.texto span {
  text-transform: uppercase;
}
.texto a:hover,
.texto a:hover span {
  text-decoration: none;
}
.texto a:visited,
.texto a:visited span {
  text-decoration: none;
}
.numbers span {
  color: #199e57;
}




.radial-progress {
  margin: 6px;
  display: inline-block;
  text-align: center;
  width:150px;	

  padding:17px;
  border-radius: 20px;
  background-color: #ffffffee;
  border:3px solid #d80815;
}

.radial-progress .inset span.numbers  {

  display: block;
  vertical-align: top;
  text-align: center;
  font-weight: 900;
  font-size: 80px;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#000;
	line-height: 80px;
}
.radial-progress .inset span.texto {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #000;
  text-align: center;
  padding: 0 15px;
  font-weight: 300;
	display: block;
	clear:left;
	text-transform: lowercase;
}









/* Pantallas Pequeñas - Smartphones */
@media only screen and (max-width: 767px) {

	.circulitos{padding-top:0; padding-left:0px;}
	.circulitoscontainer{margin-top:360px;}

	.radial-progress {
	  width:80px;
		margin:0;
	  text-align: center;
    padding:5px 0px;
    border:0;
	}

	.radial-progress .inset span.numbers  {
	  font-weight: 700;
	  font-size: 50px;
	  line-height: 50px;
	}
	.radial-progress .inset span.texto {
	  font-size: 12px;
	}


}