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

#pagewrap {
	/*width: 978px;
	width:1200px;
	max-width: 96%;*/
	width:100%;
	margin: 0 auto;
}
.wrapper {
	overflow: hidden;
}
.icon {
	margin:auto;
	width:90%;
	text-align:center;
	border-bottom:#666 dashed 2px;
}

/************************************************************************************
COLUMN
*************************************************************************************/
.col {
	/*background-color:#fff;*/
	/*background-image:url(../images/px_w50.png);
	background-repeat:repeat;*/
	text-align:center;
	float: left;
	margin-left: 0.8%;
	margin-bottom: 30px;
}
artigofinal {
	padding-top:100px;
	width:50%;
	top:150px;
}
.pe {
	background:none;
	margin-top:10px;
}
.colunita {
	background-color:#fff;
	text-align:center;
	float: left;
	margin-left: 0.8%;
	margin-bottom: 30px;
}
.col ul li {
	text-align:left;
}
.fullwidth .col {
	float: none;
	margin-left: 0;
}
/* grid4 col */
.grid4 .col {
	width: 24.4%;
}
/* grid3 col */
.grid3 .col {
	width: 32.8%;
}
/* grid2 col */
.grid2 .col {
	width: 49.6%;
}
/* clear col */
.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 - origem 740px / 600px / 400px
*************************************************************************************/
/* reset cols to 3-column */
@media screen and (max-width: 1200px) {
	/* grid4 */
	.grid4 .col {
		width: 32.8%;
	}
	.grid4 .col:nth-of-type(4n+1) {
		margin-left: 0.8%;
		clear: none;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}
}

/* reset cols to 2-column */
@media screen and (max-width: 800px) {
	/* grid4 */
	.grid4 .col {
		width: 49.6%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0.8%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

	/* grid3 */
	.grid3 .col {
		width: 49.6%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 0.8%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
	#rodape {
		background-image:url(../images/bg-barra-vert.jpg);
		background-position:center top;
	}

}

/* reset cols to fullwidth */
@media screen and (max-width: 560px) {
	/* grid4 */
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
}