@charset "utf-8";

#main{

	width: 1200px;

	margin:  0 auto;

	overflow: hidden;

	padding-top: 220px;

}

#backgroundImage{

	display: none;

}

.distributeBlk{

	float: left;

	width: 100%;

	overflow: hidden;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	padding-top: 70px;

}

#pageBanner{

	position: absolute;

	width: 100%;

	left: 50%;

	margin-left: -50%;

	margin-top: -80px;

	height: 130px;

	background-color: #666;

}



#pageTitle{

	width: 100%;

	text-align: center;

	color: #FFF;

	padding: 25px 0 15px 0;

	font-size: 40px;

	text-shadow: 1px 1px 2px #000000;

}



#pageSubTitle{

	width: 100%;

	text-align: center;

	color: #FFF;

	font-size: 26px;

	text-shadow: 1px 1px 2px #000000;

}



#blogList{

	float:left;

	width:100%;

	padding-top: 80px;

}



.blogItem{

	float:left;

	width:100%;

	overflow:hidden;

	margin-bottom:20px;

	border-bottom: 1px solid #999;

}



.blogImage{

	float:left;

	width:450px;

	height:300px;

	margin-right:20px;

	border: 1px solid #999;

}

.blogParImage{

	float:left;

	width:550px;

	height:200px;

	margin-right:20px;

	border: 1px solid #999;

	background-position: center;

	background-size: cover;

}

.blogFlex{

	width:628px;

	height:200px;

	overflow:hidden;

	float: left;

	-ms-box-orient: horizontal;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -moz-flex;

	display: -webkit-flex;

	display: flex;

	-webkit-flex-flow: row wrap;

	flex-flow: row wrap;

	-webkit-align-content: flex-end; 

	align-content: flex-end; 

}



.blogData{

	margin:  auto;

	width:100%;

	font-size:14px;

	margin-top:10px;

	align-self: flex-end;

}



.blogTitulo{

	margin:  auto;

	width:100%;

	font-size:28px;

	overflow:hidden;

	align-self: flex-end;

}





.blogTexto{

	margin:  auto;

	width:100%;

	overflow:hidden;

	align-self: flex-end;

	padding: 20px 0 15px 0;

}



.blogLeia{

	width:100%;

	height: 30px;

	margin:  auto;

	align-self: flex-end;

}



.blogParData{

	margin:  auto;

	width:100%;

	font-size:14px;

	margin-top:10px;

	align-self: flex-end;

	text-align: left;

}



.blogParTitulo{

	margin:  auto;

	width:100%;

	font-size:28px;

	overflow:hidden;

	align-self: flex-end;

	text-align: left;

	font-family: dtebold;

}



.blogParTexto{

	margin:  auto;

	width:100%;

	overflow:hidden;

	align-self: flex-end;

	padding: 20px 0 15px 0;

	text-align: left;

}





.blogParLeia{

	width:100%;

	height: 30px;

	margin:  auto;

	text-align: left;

	align-self: flex-end;

}



a.infolink:link, a.infolink:visited{

	padding: 2px 5px;

	border: 1px solid #006011;

	border-radius: 5px;

	color:#006011;

}



a.infolink:hover{

	border: 1px solid #333;

	color:#333;

}



@media(max-width: 1220px) {

	#main{

		width: 920px;

	}

	.blogParImage{

		width:410px;

	}

	.blogFlex{

		width:450px;

	}

}





@media(max-width: 960px) {

	#main{

		width: 600px;

		padding-top: 180px;

	}

	.blogParImage{

		width:300px;

		height:240px;

		margin-left:10px;

	}

	.blogFlex{

		width:230px;

		height: 240px;

	}

	.blogData, .blogParData{

		display: none;

	}

	.blogTitulo, .blogParTitulo{

		font-size:24px;

	}

}



@media(max-width: 640px) {

	#main{

		width: 300px;

		padding-top: 90px;

	}

	#pageBanner{

		margin-top: 0px;

	}

	#blogList{

		padding-top: 150px;

	}

	.blogItem{

		margin-bottom:20px;

		padding-bottom: 20px;

	}

	.blogParImage{

		width:300px;

		height:140px;

		margin-left:0;

		position: absolute;

	}

	.blogFlex{

		width:300px;

		height: auto;

		margin-top: 150px;

		-webkit-align-content: flex-start; 

		align-content: flex-start; 

	}

	.blogData, .blogParData{

		display: none;

	}

	.blogTitulo, .blogParTitulo{

		font-size:24px;

		text-align: left;

	}

	.blogTexto, .blogParTexto, .blogParLeia{

		text-align: left;

	}

}