/* CSS dinâmico para  */

.modelo-cabecalho-5 .redes-sociais { padding-top: 10px; float: right; display: inline-block; margin-right: 10px }
.modelo-cabecalho-5 .redes-sociais .svgx { width: 30px; height: 30px;}


html #cabecalho .botao.botao-especial {
	background-color: #ff8a00 !important; color: #ffffff !important; font-size: 16px;
	margin: 5px 0; display: inline-block !important; max-width: none; float: right;
	background-image: none !important;
	}
html #cabecalho .botao.botao-especial:hover { background-color: #ffa800 !important; }
.modelo-cabecalho-5 .extras { padding-top: 8px !important; }

.abre-menu-mobile { display: inline-block; float: right; margin-left: 20px !important; padding: 9px 8px 9px 10px !important; }
.abre-menu-mobile .svgx {
	width: 16px !important; height: 16px !important; margin-right: 2px;
}

	.modelo-cabecalho-5 .redes-sociais .rede {
		margin-right: 10px; width: 30px; height: 30px; display: inline-block;
		-moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
		
					background: #008e3c !important; 
				
	}
	html #cabecalho .redes-sociais .rede:hover {
		
					background: #09bb53 !important; 
				
	}
	.modelo-cabecalho-5 .redes-sociais .svgx {  }
	html #cabecalho .redes-sociais .svgx { padding: 5px; background: none !important; color: #ffffff !important;  }
	

@media only screen and (max-width: 980px) {
	.modelo-cabecalho-5 .extras { padding-top: 5px !important; }
	.modelo-cabecalho-5 .redes-sociais { float: none; width: 100%; text-align: center; }
}
/* -------------------------------------------------------------- */			
/* Comum a mobile vertical e horizontal */
@media only screen and (max-width: 767px) {
	
	#cabecalho .logo img { max-width: none; height: 45px; width: auto; }
	.modelo-cabecalho-5 .redes-sociais { float: none; text-align: center; width: 100%; }
	.modelo-cabecalho-5 .redes-sociais .rede { margin: 0 10px; }
	.modelo-cabecalho-5 .extras { padding-top: 5px !important; }
	.abre-menu-mobile { margin-left: 5px !important; }
	.modelo-cabecalho-5 .botao { font-size: 14px !important; letter-spacing: -0.5px; }
	.modelo-cabecalho-5 .botao-especial { padding-left: 10px !important; padding-right: 10px !important; }
	html .sub-menu { position: static !important; display: block !important; }
	
}