#infografico {
	height:auto;
	max-width: 900px;
	min-width: 760px;
	margin: 10px auto 0;  
}
#barralateral {
	float: left;
	background: #FAFAFA;
	border: 1px solid #D6D6D6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-left: 20px;
	margin-top: 70px;
}

#barralateral .first_child .vermais {
	display: none;
}

.rendas {
	width:300px;
	float:left;
	clear:left;
	padding: 20px;
}
.rendas:hover{
	background: #f3f3f3;
	transition: background .3s ease-in-out;
   -moz-transition: background .3s ease-in-out;
   -webkit-transition: background .3s ease-in-out;
   cursor: pointer;
	-webkit-box-shadow: 0px 4px 13px rgba(80, 80, 80, 0.1) inset;
	-moz-box-shadow:    0px 4px 13px rgba(80, 80, 80, 0.1) inset;
	box-shadow:         0px 4px 13px rgba(80, 80, 80, 0.1) inset;
}
.rendas.rendasclicado {
	background: #f3f3f3;
	transition: background .3s ease-in-out;
   -moz-transition: background .3s ease-in-out;
   -webkit-transition: background .3s ease-in-out;
	-webkit-box-shadow: 0px 4px 18px rgba(80, 80, 80, 0.18) inset;
	-moz-box-shadow:    0px 4px 18px rgba(80, 80, 80, 0.18) inset;
	box-shadow:         0px 4px 18px rgba(80, 80, 80, 0.18) inset;
}
#infografico .rendas h6{
	font:24px/25px 'OgloboCondensedMedium', Arial, Helvetica, Sans serif;
	color:#1d1d1d;
	float:left;
}
#infografico .rendas p {
	font: 14px/20px Arial, Helvetica, Sans serif;
	color: #353535;
	padding:0px;
	display: none;
	clear: left;
	float: left;
	margin-top: 15px;
	text-align: left;
}
.inforendas {
	/*width: 500px;*/
	width: 55.55555555555556%;
	/*margin-left: 400px;*/
	margin-left: 44.44444444444444%;
	display: block;
	margin-top: 20px;
}
#infografico .inforendas p {
	font: 13px/20px Arial, Helvetica, Sans serif;
	color: #353535;
	padding-bottom: 25px;
	text-align: left;
}
#infografico .inforendas p span{
	font: 18px/22px 'OgloboCondensedSemibold', Arial, Helvetica, Sans serif;
}
.vermais {
	float: left;
	font: 15px/15px "OgloboCondensedBold", Arial, "Times New Roman";
	padding:3px 15px 6px 15px; 
	background: #eee;
	text-shadow:0px 1px 0px #f9f9f9;
	color:#1C314D;
	text-transform:uppercase;
	cursor:pointer;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	width:100px;
	text-align:center;
	margin-left: 160px;
	position: absolute;
	list-style: none;
}
.rendas:hover .vermais {
	background: #477EA3;
	text-shadow:0px 1px 0px #696969;
	color: #fff;
	transition: .15s ease-in-out;
   -moz-transition: .15s ease-in-out;
   -webkit-transition: .15s ease-in-out;
}