@charset "utf-8";

#main{

	width: 1200px;

	margin:  0 auto;

	overflow: hidden;

	padding-top: 250px;

}

#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: -110px;

	height: 130px;

}



#pageTitle{

	width: 100%;

	text-align: center;

	color: #A70002;

	padding: 25px 0 5px 0;

	font-size: 40px;

}



#pageSubTitle{

	width: 100%;

	text-align: center;

	color: #333;

	font-size: 26px;

}



#postData{

	width: 100%;

	text-align: center;

	color: #333;

	font-size: 16px;

}



#blogBanner{

	width: 100%;

	height: 400px;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	background-color: #333;

}



.bannerLeft{

	float: left;

	width: 500px;

	height: auto;

	overflow: hidden;

	padding: 0 30px 10px 0;

}



.bannerRight{

	float: right;

	width: 500px;

	height: auto;

	overflow: hidden;

	padding: 0 0 10px 30px;

}



.bigPostText{

	width: 1100px;

	overflow: hidden;

	margin: 0 auto;

	padding: 30px 0 20px 0;

	text-align: justify;

	line-height: 20px;

}



.bigPostText div{

	margin-bottom: 10px;

}



.bigPostSpace{

	margin-top: 30px;

}



.blogLink, .blogAnexo{

	margin: 0 10px;

}



.blogDistribute{

	width: 1100px;

	margin:  0 auto;

	height: auto;

	overflow: hidden;

	display: flex;

	flex-flow: row nowrap;

	align-items: center;

	justify-content: center;

	padding: 30px 0;

}



.blogDistribute a:link, .blogDistribute a:visited{

	background-color: #333;

	padding: 10px 10px;

	border-radius: 5px;

	color: #FFF;

}

.blogDistribute a:hover{

	background-color: #AC0002;

}



.lSSlideWrapper{

	width: 1100px;

	margin: 0 auto;

}

.thumbnailGaleria{

	width: 400px;

	height: 200px;

	overflow: hidden;

	background-position: center;

	background-size: cover;

}

.blogVideo{

	width: 1100px;

	height: 620px;

	background-color: #CCC;

	margin: 0 auto;

}

.blogVideo iframe{

	width: 1100px;

	height: 620px;

}





@media(max-width: 1220px) {

	#main{

		width: 920px;

	}

	#pageTitle{

		padding: 25px 0 10px 0;

		font-size: 34px;

	}

	#pageSubTitle{

		font-size: 24px;

	}

	#postData{

		font-size: 14px;

		margin-top: 10px;

	}

	.bigPostText, .blogDistributeBlk{

		width: 960px;

	}

	.lSSlideWrapper{

		width: 960px;

	}

	.thumbnailGaleria{

		width: 320px;

		height: 200px;

	}

	.blogVideo{

		width: 960px;

		height: 540px;

	}

	.blogVideo iframe{

		width: 960px;

		height: 540px;

	}

	.blogDistribute{

		width: 960px;

	}



}



@media(max-width: 960px) {

	#main{

		width: 600px;

		padding-top: 220px;

	}

	#pageTitle{

		padding: 25px 0 10px 0;

		font-size: 34px;

	}

	#pageSubTitle{

		font-size: 16px;

	}

	#postData{

		font-size: 14px;

		margin-top: 10px;

	}

	

	#blogBanner{

		height: 300px;

	}

	.blogGaleria2{

		width: 190px;

		height: 190px;

	}

	.blogGaleria3{

		width: 190px;

		height: 190px;

	}

	.blogGaleria4{

		width: 140px;

		height: 140px;

	}

	.bigPostText, .blogDistributeBlk{

		width: 600px;

	}

	.lSSlideWrapper{

		width: 600px;

	}

	.thumbnailGaleria{

		width: 200px;

		height: 120px;

	}

	.bannerLeft{

		width: 350px;

	}

	.bannerRight{

		width: 350px;

	}

	.blogVideo{

		width: 600px;

		height: 338px;

	}

	.blogVideo iframe{

		width: 600px;

		height: 338px;

	}

	.blogDistribute{

		width: 600px;

	}

}



@media(max-width: 640px) {

	#main{

		width: 300px;

		padding-top: 220px;

	}

	#pageBanner{

		margin-top: -130px;

	}

	#pageTitle{

		padding: 25px 0 10px 0;

		font-size: 26px;

	}

	#pageSubTitle{

		font-size: 16px;

	}

	#postData{

		font-size: 14px;

		margin-top: 10px;

	}

	#blogBanner{

		height: 200px;

	}

	.blogDistributeBlk{

		height: auto;

		flex-flow: column nowrap;

	}

	.blogGaleria1, .blogGaleria2, .blogGaleria3, .blogGaleria4{

		width: 300px;

		height: 140px;

		margin-bottom: 15px;

	}

	.bigPostText{

		width: 300px;

		padding: 10px 0;

	}

	.lSSlideWrapper{

		width: 300px;

	}

	.thumbnailGaleria{

		width: 150px;

		height: 100px;

	}

	.bannerLeft{

		width: 300px;

		padding: 0 0 0 0;

	}

	.bannerRight{

		width: 300px;

		padding: 0 0 0 0;

	}

	.blogVideo{

		width: 300px;

		height: 169px;

	}

	.blogVideo iframe{

		width: 300px;

		height: 169px;

	}

	.blogDistribute{

		width: 300px;

		height: 130px;

		flex-flow: column nowrap;

		justify-content: space-between;

	}



}