/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;}

#pagewrap {
	/*width: 978px;
	max-width: 96%;*/
	margin: 0 auto;
}
.wrapper {
	overflow: hidden;
}


/************************************************************************************
COLUMN
*************************************************************************************/

.fullwidth .col {
	float: none;
	margin-left: 0;
}
	
/* grid5 col */
.grid5 .col {
	width: 17%;
}

/* grid4 col */
.grid4 .col {
	width: 22.6%;
}
/* grid3 col */
.grid3 .col {
	width: 31.2%;
}
/* grid2 col */
.grid2 .col {
	width: 49%;
}
/* clear col */
.grid5 .col:nth-of-type(5n+1),
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* reset cols to 3-column */
@media screen and (max-width: 1200px) {

	/* grid 5 */
	.grid5 .col {
		width: 22.6%;
	}
	.grid5 .col:nth-of-type(5n+1) {
		margin-left: 1%;
		clear: none;
	}
	.grid5 .col:nth-of-type(4n+1) {
		margin-left: 0;
		clear: left;
	}	

	/* grid4 */
	.grid4 .col {
		width: 31.2%;
	}
	.grid4 .col:nth-of-type(4n+1) {
		margin-left: 1%;
		clear: none;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}

}

/* reset cols to 2-column */
@media screen and (max-width: 1023px) {

	/* grid 5 */
	.grid5 .col {
		width: 31.2%;
	}
	.grid5 .col:nth-of-type(4n+1) {
		margin-left: 1%;
		clear: none;
	}
	.grid5 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}	
	
	/* grid4 */
	.grid4 .col {
		width: 49%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 1%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

	/* grid3 
	DESATIVEI APARA FAZER A FUNÇÃO NODOIS
	.grid3 .col {
		width: 49%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 1%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}*/
	
}

/* reset cols to fullwidth */
@media screen and (max-width: 767px) {

	/* grid234 */
	.grid2 .col, .grid3 .col, .grid4 .col {
		width: 100% !important;
		margin-left: 0 !important;
		margin-top: 10 !important;
		clear: none !important;
		text-align:center;
		
	}

	/* grid 5 */
	.grid5 .col {
		width: 49%;
	}
	.grid5 .col:nth-of-type(1n+1) {
		margin-left: 1%;
		clear: none;
	}
	.grid5 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}	
	
	
}

@media screen and (max-width: 480px) {
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
}