/** RELACIONADAS **/ 
.c-blogs-relacionadas {
	width: 100%;
	float: left;
	margin: 15px 0px 30px 0px;
	display: inline-block;
}
/** "HEADER" TÍTULO E ABAS **/
#pagina .c-relacionadas-head {
	width: 100%;
	float: left;
	border-bottom: #DFDEDE 1px solid;
}
#pagina .c-relacionadas-head h5 {
	width: 50%;
	display: inline;
	font: 16px 'Open Sans', sans-serif;
	font-weight: 600;
	color: #134d86;
	margin: 10px 0px 0px 0px;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
}
#pagina .c-relacionadas-head h5 a {
	display: inline !important;
	font: 16px 'Open Sans', sans-serif;
	font-weight: 600;
	color: #fe8800;
}
#pagina .c-relacionadas-head ul {
	float: right;
}
#pagina .c-relacionadas-head ul li {
	float: left;
	display: inline;
	margin: 0px 0px 0px 0px;
}
#pagina .c-relacionadas-head ul li a {
	font: bold 12px 'Open Sans',sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #666666;
	float: left;
	background: #fff;
	width: 125px;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
#pagina .c-relacionadas-head ul li a.rel-hover {
	border-bottom: #FF8800 3px solid;
	color: #FF8800;
}
#pagina .c-relacionadas-head ul li a.rel-hover:hover {
	border-bottom: #FF8800 3px solid;
	color: #FF8800;
}
#pagina .c-relacionadas-head ul li a:hover {
	border-bottom: #FF8800 3px solid;
	color: #FF8800;
}
/** UL Relacionadas **/
.c-rel {
	width: 100%; height: auto;
	text-align: left;
	float: left;
	font-size: 0;
	/*background: url(../img/bg-c-relacionadas.gif) center center;*/
	background-repeat: repeat-y;
	padding: 0px 0px 30px 0px;	
	border-bottom: solid 1px #ccc;
}
.c-rel li {
	width: 46%;	height: auto;	
	display: inline-block;
	padding-top: 22px;
	vertical-align: top;
	font-size: 10px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.c-rel li:first-child, .c-rel li:first-child + li + li, .c-rel li:first-child + li + li + li + li  {
	margin: 0px 4% 0px 0px;
}

.c-rel li:first-child + li, .c-rel li:first-child + li + li + li, .c-rel li:first-child + li + li + li + li + li {
	margin: 0px 0px 0px 4%;
}
.c-rel li a:hover {
	color: #134d86;
}
/** ARTICLE - Notícia **/
.c-rel li article {
	width: 100%; height: auto;
}
/** Notícia com imagem **/
.c-rel li figure {
	width: 115px; height: 80px;
	float: left;
	margin: 0px 15px 0px 0px;
}
.c-rel li figure img {
	width: 100%; max-width: 100%;
	height: 100%;
	border: none;
	padding: 0px;
}
.c-rel li article h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em; font-weight: 400;
	line-height: 18px;
	color: #134d86;
}
/** Notícia sem imagem **/
.c-rel li article.s-img h2 {
	width: 100%;
	font-size: 1.8em; font-weight: 400;
	line-height: 22px;
	float: left;
}
.c-rel li article.s-img h2:hover {
	text-decoration: underline;
}
/** UL Ultimas do Blog **/
.c-rel li article span {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	color: #134d86;
	margin: 0px 0px 5px 0px;
	clear: left;

}

/*-----------------------------------------------------------------
					SCREEN < 768
-----------------------------------------------------------------*/
/*@media only screen and (max-width: 767px) {
	#pagina .c-relacionadas-head h5 {
		width: 100%;
		margin: 0px 0px 20px 0px;
	}
	#pagina .c-relacionadas-head ul {
		float: left;
	}
	#pagina .c-relacionadas-head ul li {
		float: left;
		display: inline;
		margin: 0px 0px 0px 0px;
	}
}*/
/*-----------------------------------------------------------------
					SCREEN < 580
-----------------------------------------------------------------*/
@media only screen and (max-width: 579px) {
	/** UL Relacionadas **/
	.c-rel {
		background: transparent;
	}
	.c-rel li {
		width: 100%;
		padding-top: 20px;
		vertical-align: top;
		font-size: 10px;
		margin: 0% !important;
	}
	#pagina .c-relacionadas-head h5 {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 5px 0px;
		border-bottom: solid 1px #DFDEDE;
	}
	#pagina .c-relacionadas-head ul {
		float: left;
	}
	#pagina .c-relacionadas-head ul li {
		float: left;
		display: inline;
		margin: 0px 0px 0px 0px;
	}
	
}