/* Ratings */
.rating .rates {
	margin-left: 40%;
}

.rating span.percentual {
	color: #555;
	font-weight: 700;
	line-height: 36px;
	text-align: center;
	text-transform: uppercase;
}

.rating span.average {
	text-align: center;
}

.rating span.recommended {
	display: block;
	font-size: 10px;
	line-height: 10px;
}

.percentage, .thumbs, .bargraph {
	padding: 10px 0px;
}

span.percentage {
	color: #555;
	display: inline;
	float: left;
	font-size: 36px;
	font-weight: 700;
	line-height: 36px;
	margin: 0px 10px;
	text-align: center;
	text-transform: uppercase;
	width: 100px;
}

span.thumbs {
	display: inline;
	float: left;
	margin: 0px 10px;
	width: 20px;
}

span.bargraph {
	display: inline;
	float: left;
	margin: 0px 10px;
	width: 140px;
}

.percentage::after,.thumbs::after,.bargraph::after {
	clear: both;
	content: "";
	display: table;
}

.thumbs div {
	height: 22px;
}

.rating span.up {
	display: block;
	vertical-align: baseline;
	background: url(../img/thumb_up.png) 0% 50% no-repeat transparent;
	width: 13px;
	height: 22px;
}

.rating span.down {
	display: block;
	vertical-align: baseline;
	background: url(../img/thumb_down.png) 0% 50% no-repeat transparent;
	width: 13px;
	height: 22px;
}

.rating span.thumbs-up,.rating span.thumbs-down {
	border-left-style: solid;
	margin: 3px 0px;
	padding-left: 10px;
}

.rating span.thumbs-up {
	display: inline-block;
	border-left-color: #09c;
	margin-top: 5px;
	margin-bottom: 7px;
}

.rating span.thumbs-down {
	display: block;
	border-left-color: #555;
}