section.box-oferecimento{
	float: left;
	width: 100%;
	height: auto;
	margin: 40px 0 0;
}
.tit-oferecimento{
	float: left;
	width: 100%;
	height: auto;
	font-size: 1.2em;
	color: #555;
	margin-bottom: 10px;
	font-weight: 900;
}
.prev-oferecimento, .next-oferecimento{
	width: 25px;
	height: 80px;
	background-color: #fff;
	cursor: pointer;
}
.prev-oferecimento:hover, .next-oferecimento:hover{
	background-color: #ddd;
}
.prev-oferecimento{
	float: left;
}
.next-oferecimento{
	float: right;
}
.oferecimento{
	float: left;
	width: 94%;
	height: 80px;
	overflow: hidden;
}
.oferecimento li{
	float: left;
	width: 200px;
	height: 80px;
	margin: 0 5px 0 20px;
	list-style: none;
}


@media all and (max-width: 880px){
	.oferecimento{
		width: 93%;
	}
}
@media all and (max-width: 760px){
	.oferecimento{
		width: 92%;
	}
}
@media all and (max-width: 670px){
	.oferecimento{
		width: 91%;
	}
}
@media all and (max-width: 600px){
	.oferecimento{
		width: 90%;
	}
}
@media all and (max-width: 540px){
	.oferecimento{
		width: 87%;
	}
}
@media all and (max-width: 430px){
	.oferecimento{
		width: 85%;
	}
}
@media all and (max-width: 430px){
	.oferecimento{
		width: 85%;
	}
}
@media all and (max-width: 380px){
	.oferecimento{
		width: 82%;
	}
}