/* Comunicação Social Styles */

.sitioFullWidthStyle3{
	width:100%;
	height:auto;
	border:0;
	margin:auto;
	border-collapse:collapse;
	text-align:center;
	background: url("../images/SitioMiudos/Home/sitioPadraofundo3.jpg") #FFC300 repeat;
	background-position: 0 40px;
	padding:0;
}

/* Atividades Styles */

.articleColStyle{
	width:984px;
	min-width:320px;
	margin:auto;
	border:0;
	border-collapse:collapse;
	text-align:left;
	background-color:transparent;
	font-family: 'Source Sans Pro', sans-serif;
	overflow:hidden;
	padding:0 15px 15px 15px;
}

.articleColStyle .mainArticleTitle{
	padding:50px 0 25px 0;
	margin:0 0 0 0;
	text-align: center;
}

.articleColStyle .mainArticleTitle h1{
	margin:0 0 25px 0;
	font-size:50px;
	line-height:50px;
	color:#FFFFFF;
	font-weight:300;
}

.articleColStyle .mainArticleTitle h2{
	margin:0 0 0 0;
	font-size:35px;
	line-height:40px;
	color:#FFFFFF;
	font-weight:300;
	text-align: left;
}

.articleColStyle .mainArticleTitle p{
	margin:0 0 0 0;
	font-size:19px;
	line-height:25px;
}

/* Content Styles */

.articleColStyle .content-div-4Col{
	width:100%;
    padding:0 0 0 0.2%;
	margin:auto;
	overflow:hidden;
}

.articleColStyle .content-div-4Col .content-div-4Col-item{
	width:31.16%;
	margin:0 3.26% 3.26% 0;
	padding:0;
	border:0;
	border-collapse:collapse;
	-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3);
	float:left;
}

.articleColStyle .content-div-4Col .content-div-4Col-item:nth-child(3n){
	margin-right:0;
}

.articleColStyle .content-div-4Col .content-div-4Col-item figure{
	position:relative;
	width:100%;
	height:0;
	margin:0;
	padding:0 0 66.66% 0;
	background-color:#FFFFFF;
	text-align:center;
	opacity:1;
	overflow:hidden;
}

.articleColStyle .content-div-4Col .content-div-4Col-item figure img{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	margin:0 0 0 0;
	padding:0;
	border:0;
}

.articleColStyle .content-div-4Col .content-div-4Col-item figure a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	margin:0;
	padding:0;
	border:0;
	background:url(../images/Pagina-Especial/csplayico.png) no-repeat;
	background-position: bottom 15px right 15px;
	background-size: 40px auto;
	z-index:2;
}

.articleColStyle .content-div-4Col .content-div-4Col-item figure a:hover{
	background-color: rgba(255,255,255,0.1);
}

.articleColStyle .content-div-4Col .content-div-4Col-item figure a.play{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	margin:0;
	padding:0;
	border:0;
	background:url(../images/Pagina-Especial/csplayico.png) no-repeat;
	background-position: bottom 15px right 15px;
	background-size: 40px auto;
	z-index:2;
}

.articleColStyle .content-div-4Col .content-div-4Col-item figure a.play:hover{
	background-color: rgba(255,255,255,0.1);
}

.articleColStyle .content-div-4Col .content-div-4Col-item figure a.article{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	margin:0;
	padding:0;
	border:0;
	background:url(../images/Pagina-Especial/csArticleIco.png) no-repeat;
	background-position: bottom 15px right 15px;
	background-size: 40px auto;
	z-index:2;
}

.articleColStyle .content-div-4Col .content-div-4Col-item figure a.article:hover{
	background-color: rgba(255,255,255,0.1);
}

.articleColStyle .content-div-4Col .content-div-4Col-item figure a.playb{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	margin:0;
	padding:0;
	border:0;
	background:url(../images/Pagina-Especial/csplayicob.png) no-repeat;
	background-position: bottom 15px right 15px;
	background-size: 40px auto;
	z-index:2;
}

.articleColStyle .content-div-4Col .content-div-4Col-item figure a.playb:hover{
	background-color: rgba(255,255,255,0.1);
}

.articleColStyle .content-div-4Col .content-div-4Col-item figure a.articleb{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	margin:0;
	padding:0;
	border:0;
	background:url(../images/Pagina-Especial/csArticleIcob.png) no-repeat;
	background-position: bottom 15px right 15px;
	background-size: 40px auto;
	z-index:2;
}

.articleColStyle .content-div-4Col .content-div-4Col-item figure a.articleb:hover{
	background-color: rgba(255,255,255,0.1);
}

.articleColStyle .content-div-4Col .content-div-4Col-item figcaption{
	position: relative;
    width: 100%;
    min-height: 250px;
    margin: 0 0 0 0;
    padding: 25px 25px 50px 25px;
    border: 0;
    border-collapse: collapse;
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 20px;
    background-color: #FFFFFF;
    text-align: left;
    border-radius: 0 0 6px 6px;
}

.articleColStyle .content-div-4Col .content-div-4Col-item figcaption h3{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:20px;
	line-height:25px;
	padding:0;
	margin-bottom:0px;
	font-weight:600;
	background-color: aqua;
}

.articleColStyle .content-div-4Col .content-div-4Col-item figcaption h2{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
	line-height:25px;
	padding:0;
	margin-bottom:15px;
	font-weight:400;
}

.articleColStyle .content-div-4Col .content-div-4Col-item figcaption p{
	font-family: 'Source Sans Pro', sans-serif;
	line-height:25px;
	padding:0;
	margin:0;
	font-size:16px;
}

.articleColStyle .content-div-4Col .content-div-4Col-item figcaption p.date{
	position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    height: 25px;
    margin: 0 0 0 0;
    padding: 0 25px 0 25px;
    border: 0;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 22px;
    color: #A5A5A5;
    text-align: left;
    vertical-align: middle;
	/*background-color: aqua;*/
}

.articleColStyle .content-div-4Col .content-div-4Col-item figcaption img {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -4px;
}

/*End Content styles*/

/* End Atividades Styles */

/*Images Fade In Objects*/
figure{
	opacity:0;
}
/*Images Fade In Objects*/

/* Miudos & Graúdos Styles */

/* Media Queries */

@media (max-width:999px){
.articleColStyle{
	width:100%;
}

}

@media (max-width:800px){
	
.articleColStyle .content-div-4Col .content-div-4Col-item figcaption h2{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:19px;
	line-height:25px;
	padding:0;
	font-weight:700;
}

.articleColStyle .content-div-4Col .content-div-4Col-item figcaption p{
	font-family: 'Source Sans Pro', sans-serif;
	line-height:20px;
	padding:0;
	margin:0;
	font-size:14px;
	color:#A8A8A8;
}

.articleColStyle .mainArticleTitle h1{
	font-size:38px;
	line-height:38px;
}

.articleColStyle .mainArticleTitle h2{
	font-size:28px;
	line-height:28px;
}
	
}

@media (min-width:523px) and (max-width:766px){

.articleColStyle .content-div-4Col .content-div-4Col-item figcaption h2{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:17px;
	line-height:17px;
	padding:0;
}

}

@media (max-width:600px){
	
	.articleColStyle .content-div-4Col .content-div-4Col-item figcaption{
		height: 300px;
	}

}

@media (max-width:523px){

.articleColStyle .content-div-4Col .content-div-4Col-item{
	width:47.51%;
	margin:0 4.86% 4.86% 0;
	padding:0;
	border:0;
	border-collapse:collapse;
	float:left;
}
	
.articleColStyle .content-div-4Col .content-div-4Col-item figcaption{
	height: 180px;
}

.articleColStyle .content-div-4Col .content-div-4Col-item:nth-child(4n){
	margin-right:4.86%;
}

.articleColStyle .content-div-4Col .content-div-4Col-item:nth-child(3n){
	margin-right:4.86%;
}

.articleColStyle .content-div-4Col .content-div-4Col-item:nth-child(2n){
	margin-right:0;
}

.articleColStyle .content-div-4Col .content-div-4Col-item figcaption h2{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:17px;
	line-height:20px;
	padding:0;
}

}

@media (max-width:480px){

.articleColStyle .mainArticleTitle h1{
	font-size:28px;
	line-height:35px;
}
	
.articleColStyle .mainArticleTitle h2{
	font-size:22px;
	line-height:35px;
}
	
.articleColStyle .content-div-4Col .content-div-4Col-item figcaption{
	min-height: 330px;
}

}

@media (max-width:350px){
	
.articleColStyle .content-div-4Col .content-div-4Col-item figcaption{
	height: 360px;
}

}

/* End Media Queries */