*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col-1-1					{ width: 100%; }
.col-80p					{ width: 80%; }
.col-2-3					{ width: 66.66%; }
.col-1-2					{ width: 50%; }
.col-1-3					{ width: 33.33%; }
.col-1-4					{ width: 25%; }
.col-1-5					{ width: 20%; }
.col-1-6					{ width: 16.667%; }
.col-1-7					{ width: 14.28%; }
.col-1-8					{ width: 12.5%; }
.col-10p					{ width: 10%; }


article {
	width: 100%;
	max-width: 1000px;
	min-width: 755px;
	margin: 50px auto;
	overflow: hidden;
	padding: 0;
}
[class*='col-'] {
	float: left;
	padding-right: 20px;
	color: #302E2E;
	text-align: center;
	padding: 20px;
}

[class*='col-']:last-of-type {
	/*padding-right: 0px;*/
}

[class*='col-']:hover {


}

@media handheld, only screen and (max-width: 767px) {

	#banner { zoom: .5;}
	article {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 30px;
		padding-right: 30px;
	}

	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.vazio { display: none; background-color: red}
}