[class^="faixa-"], [class*=" faixa-"], [class^="grid-"], [class*=" grid-"] { display: block; float: left; min-height: 30px;}
[class^="grid-"], [class*=" grid-"] { margin: 0 10px;}
[id^="area-"], [id*=" area-"] {display: block; clear: both; min-height: 50px;}
div:after, div:before, article:after, article:before, section:after, section:before { content:" "; visibility: hidden; display: block; height: 0; clear: both;}
 
.grid-1 {width: 87px;}
.grid-2 {width: 194px;}
.grid-3 {width: 301px;}
.grid-4 {width: 408px;}
.grid-5 {width: 515px;}
.grid-6 {width: 622px;}
.grid-7 {width: 729px;}
.grid-8 {width: 836px;}
.grid-9 {width: 943px;}
.grid-10 {width: 1050px;}
.grid-11 {width: 1157px;}
.grid-12 {width: 1264px; float: none; clear: both;}

.faixa-1 {width: 107px;}
.faixa-2 {width: 214px;}
.faixa-3 {width: 321px;}
.faixa-4 {width: 428px;}
.faixa-5 {width: 535px;}
.faixa-6 {width: 642px;}
.faixa-7 {width: 749px;}
.faixa-8 {width: 856px;}
.faixa-9 {width: 963px;}
.faixa-10 {width: 1070px;}
.faixa-11 {width: 1177px;}
.faixa-12 {width: 1284px; float: none; clear: both; margin-right: auto; margin-left: auto;}

@media screen and (width: 1280px) {
	body {overflow-x: hidden; margin-left: -10px;}
}