#footerBrd {

	padding : 20px ;
	width : 100% ;
	height : auto ;
	background-color : rgb( 75 , 79 , 86 ) ;

	display : none ;

	position : relative ; /* elemento posicionado somente para cobrir elementos FIXED */

	overflow : hidden ;

	z-index : 94 ;
}

#footerBrd.no-scroll {

	padding : 0 ;
	height : 0 ;
}

.footerBrdItem {

	margin : 20px 0 0 0 ;
	padding : 0 ;

	color : rgb( 191 , 191 , 191 ) ;
	font : 12px Verdana ;
}

.lineSpace { line-height : 160% !important ; } /* line-height em conflito com font */

.footerLeft {

	width : 100% ;
	float : none ;
}

.footerRight {

	width : 100% ;
	float : none ;
}

.secTitleL {
	
	color : rgb( 239 , 156 , 53 ) ;
	font-size : larger ;
	line-height : 33px ;
}

.secTitleS {
	
	font-size : smaller ;
	color : rgb( 239 , 156 , 53 ) ;
}

.ft-social {

	line-height : 26px ;
}

.textRight	{	text-align : inherit ;		}

.mostVisited {

	margin : 7px 7px 0 0 ;
	padding : 6px 8px ;
	width : auto ;
	max-width : 100% ;
	height : auto ;
	background-color : rgb( 63 , 63 , 63 ) ;

	border-radius : 3px ;

	color : white ;

	float : left ;

	white-space : nowrap ;
	overflow : hidden ;
	text-overflow : ellipsis ;
}

#footerSocialBoard {

	padding : 0 ;

	line-height : 0 ; /* remover espaço entre as imagens */

	white-space : nowrap ;
}

#footerSocialBoard span {

	margin : 0 6px 0 0 ;

	vertical-align : middle ;
}

#footerSocialBoard img {

	margin : 0 3px 0 0 ;
	width : 30px ;
	height : 30px ;

	vertical-align : middle ; /* centraliza o texto que acompanha a imagem */

	display : inline-block ;
}

#footerLine {

	margin : 0 -100% ;

	border-top : 1px solid rgb( 63 , 63 , 63 ) ;
	border-bottom : 0 ;
}

.flatList {

	margin : 50px 0 0 0 ;
	padding : 0 ;

	line-height : 0 ;
}

.flatList li {

	padding : 0 20px 20px 0 ;
	
	font : 12px Verdana ;
	vertical-align : middle ;
	
	display : list-item ;
	list-style-type : none ;
}

.flatList li img {
	
	vertical-align : middle ;
	display : inline-block ;
}

/*********************************************************************************************/

@media ( min-width : 1100px )	{

	#footerBrd			{ padding : 20px calc( 10% + 40px ) ;					}
}

@media ( min-width : 630px )	{

	.footerBrdItem		{	font : 14px Verdana ;								}
	.footerLeft			{	width : calc( 55% - 33px ) ; float : left ;			}
	.footerRight		{	width : calc( 45% - 33px ) ; float : right ;		}
	.textRight			{	text-align : right ;								}
	.flatList			{	margin : 30px 0 10px ;								}
	.flatList li		{	padding : 0 20px 0 0 ; display : inline ;			}
}