/* 
	Configurações padrões do Grid System
	O Grid System é um framework CSS para facilitar o desenvolvimento de layouts
	Para utilizar o Grid System, crie divs com as classes que deseja. Uma linha tem um total de 12 colunas
	Por exemplo, <div class="col-eight"></div> contém 8 colunas

*/

.container { display: table; position: relative; margin: 0 auto; width: 1140px; height: auto; }

.row { position: relative; margin: 0; width: 100%; height: auto; display: inline-block; }

.col-one, .col-two, .col-three, .col-four, .col-five, .col-six, .col-seven, .col-eight, .col-nine, .col-ten, .col-eleven, .col-twelve { 
	display: block;
	float: left;
	position: relative;
	padding: 5px 1.5%;
	height: auto;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.box-one, .box-two, .box-three, .box-four, .box-five, .box-six, .box-seven, .box-eight, .box-nine, .box-ten, .box-eleven, .box-twelve {
	display: block;
	float: left;
	position: relative;
	margin: 5px 1.5%;
	height: auto;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}



.col-one	{ width: 8.33333%; }

.col-two	{ width: 16.66667%; }

.col-three	{ width: 25%; }

.col-four	{ width: 33.33333%; }

.col-five	{ width: 41.66667%; }

.col-six	{ width: 50%; }

.col-seven	{ width: 58.33333%; }

.col-eight	{ width: 66.66667%; }

.col-nine	{ width: 75%; }

.col-ten	{ width: 83.33333%; }

.col-eleven	{ width: 91.66667%; }

.col-twelve	{ width: 100%; }

.box-one	{ width: 5.33333%; }

.box-two	{ width: 13.66667%; }

.box-three	{ width: 22%; }

.box-four	{ width: 30.33333%; }

.box-five	{ width: 38.66667%; }

.box-six	{ width: 47%; }

.box-seven	{ width: 55.33333%; }

.box-eight	{ width: 63.66667%; }

.box-nine	{ width: 72%; }

.box-ten	{ width: 80.33333%; }

.box-eleven	{ width: 88.66667%; }

.box-twelve	{ width: 97%; }

.pull-left	{ float: left; }

.pull-right	{ float: right; }

.clear		{ float: none; clear: both; }



@media screen and (max-width: 1024px) {

.container { display: table; position: relative; margin: 0 auto; width: 980px; height: auto; }
.col-twelve	{ width: 965px; }
  }