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

.container {
	width: 1140px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
}

.container:after, .container:before {
	content: " ";
	display: table;
}

.container:after {
	clear: both;
}

.coluna1, .coluna2, .coluna3, .coluna4, .coluna5, .coluna6, .coluna7, .coluna8, .coluna9, .coluna10, .coluna11, .coluna12, .coluna13, .coluna14, .coluna15, .coluna16, .coluna1-3 {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.coluna1 {width:51.25px;}
.coluna2 {width:122.5px;}
.coluna3 {width:193.75px;}
.coluna4 {width:265px;}
.coluna5 {width:336.25px;}
.coluna6 {width:407.5px;}
.coluna7 {width:478.75px;}
.coluna8 {width:550px;}
.coluna9 {width:621.25px;}
.coluna10 {width:692.5px;}
.coluna11 {width:763.75px;}
.coluna12 {width:835px;}
.coluna13 {width:906.25px;}
.coluna14 {width:977.5px;}
.coluna15 {width:1048.75px;}
.coluna16 {width:1120px;}
.coluna1-3 {width: 360px;}


@media only screen and (min-width: 768px) and (max-width: 1160px) {

.container {
	width: 960px;
}	

.coluna2 {width:100px;}
.coluna3 {width:160px;}
.coluna4 {width:220px;}
.coluna5 {width:280px;}
.coluna6 {width:340px;}
.coluna7 {width:400px;}
.coluna8 {width:460px;}
.coluna9 {width:520px;}
.coluna10 {width:580px;}
.coluna11 {width:640px;}
.coluna12 {width:700px;}
.coluna13 {width:760px;}
.coluna14 {width:820px;}
.coluna15 {width:880px;}
.coluna16 {width:940px;}
.coluna1-3 {width: 300px;}

}

/*Media para tablet*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.container {
	width: 768px;
}

.coluna1 {width:28px;}
.coluna2 {width:76px;}
.coluna3 {width:124px;}
.coluna4 {width:172px;}
.coluna5 {width:220px;}
.coluna6 {width:268px;}
.coluna7 {width:316px;}
.coluna8 {width:364px;}
.coluna9 {width:412px;}
.coluna10 {width:460px;}
.coluna11 {width:508px;}
.coluna12 {width:556px;}
.coluna13 {width:604px;}
.coluna14 {width:652px;}
.coluna15 {width:700px;}
.coluna16 {width:748px;}
.coluna1-3 {width: 236px;}

}

/*Media para celular*/
@media only screen and (max-width: 767px) {

.container {
	width: 300px;
}

.coluna1, .coluna2, .coluna3, .coluna4, .coluna5, .coluna6, .coluna7, .coluna8, .coluna9, .coluna10, .coluna11, .coluna12, .coluna13, .coluna14, .coluna15, .coluna16, .coluna1-3 {
	width: 300px;
	margin: 0 0 20px 0;
	float: none;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

.container {
	width:420px;
}

.coluna1, .coluna2, .coluna3, .coluna4, .coluna5, .coluna6, .coluna7, .coluna8, .coluna9, .coluna10, .coluna11, .coluna12, .coluna13, .coluna14, .coluna15, .coluna16, .coluna1-3 {
  margin: 0 0 20px 0;
  width:420px;
}
}