.triangle-up {
 	width: 0;
 	height: 0;
 	border-left: 100px solid transparent;
 	border-right: 100px solid transparent;
 	border-bottom: 100px solid #70ad47;
 }


 .square {
 	 width: 120px;
 	 height: 100px;
 	 background: #5b9bd5;
 	 margin-left: 40px;

 	 color: #FFF;
 	 font-size: 30px;
 	 padding: 15px;
 	 text-align: center;

 }
 .square.square-up {
 	background-color: #70ad47;
 	padding-top: 0px;
 	border: 4px solid #507e32;
 	border-top: none;
 }

.triangle-down {
	width: 0;
	height: 0;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	border-top: 100px solid #d6635a;
}
 .square.square-down {
 	background-color: #d6635a;
 	border: 4px solid #c00000;
 	border-bottom: none;
 }

.clc-bloc {
	float:left;
	margin-left: 30px;
	width: 30%;
}
.circle {
  height: 180px;
  width: 180px;
  background-color: #5b9bd5;
  border-radius: 50%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: 4px solid #41719c;

  font-size: 30px;
  color: white;
  line-height: 35px;
  padding: 0px 20px;
}
/*
#retornTotalSocis {
  height: 180px;
  width: 180px;
  background-color: #5b9bd5;
  border-radius: 50%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: 4px solid #41719c;

  font-size: 40px;
  color: white;
  line-height: 50px;
}
*/

.clc-encerclem {
	height: 225px;
	width: 225px;
	background-color: #5b9bd5;
	border-radius: 50%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 4px solid #41719c;

	font-size: 25px;
	color: white;
	line-height: 25px;

}


/*
#retornAltaSocis {
	position: relative;
	background: #70ad47;
	border: 4px solid #507e32;
	min-width: 100px;
	height: 80px;
	top: 120px;

	display: table-cell;
	text-align: center;
	vertical-align: middle;

	font-size: 40px;
	color: white;
	line-height: 40px;
	padding: 0px 20px 20px 20px;
}
#retornAltaSocis:after, #retornAltaSocis:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#retornAltaSocis:after {
	border-bottom-color: #70ad47;
	border-width: 130px;
	margin-left: -130px;
}
#retornAltaSocis:before {
	border-bottom-color: #507e32;
	border-width: 135px;
	margin-left: -135px;
}
*/




/*
#retornBaixaSocis {
	position: relative;
	background: #d6635a;
	border: 4px solid #c00000;

	min-width: 100px;
	height: 80px;

	display: table-cell;
	text-align: center;
	vertical-align: middle;

	font-size: 40px;
	color: white;
	line-height: 40px;
	padding: 20px 20px 0px 20px;

}
#retornBaixaSocis:after, #retornBaixaSocis:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#retornBaixaSocis:after {
	border-top-color: #d6635a;
	border-width: 130px;
	margin-left: -130px;
}
#retornBaixaSocis:before {
	border-top-color: #c00000;
	border-width: 135px;
	margin-left: -135px;
}

*/