#logo_museu{
padding-left:0px;position:absolute;top:10px;left: 130px;font-family: Verdana;font-size: 18px;color: #fff;

}

@media (min-width: 980px) and (max-width: 1190px) {  
	#logo_museu{ left: 50px; padding: 0px; }
    .ff_wide{ padding-left: 50px !important;}
    .social-icons{right: 50px !important;}
    .columns{ padding:0px 50px !important;}
    .cbp-hsmenu-wrapper .cbp-hsmenu {	padding: 2px 0px 2px 100px !important; } /* menu centrado */
}

@media (min-width: 1191px) and (max-width: 1440px) {  
	#logo_museu{ left: 75px; padding: 0px; }
    .ff_wide{ padding-left: 75px !important;}
    .social-icons{right: 75px !important;}
    .columns{ padding:0px 75px !important;}
}

@media (min-width: 1441px) and (max-width: 1680px) {  
	#logo_museu{ left: 100px; padding: 0px; }
    .ff_wide{ padding-left: 100px !important;}
    .social-icons{right: 100px !important;}
    .columns{ padding:0px 100px !important;}
}




@font-face {
  font-family: 'MyWebFont';
  src: url('../fonts/webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'dirtyego';
  src: url('../fonts/dirtyego.eot');
  src: url('../fonts/dirtyego.eot?#iefix') format('embedded-opentype'),
       url('../fonts/dirtyego.woff') format('woff'), 
       url('../fonts/dirtyego.ttf')  format('truetype');
}

/* BEGIN TOP PANEL */
#top-panel{
	background: #000000;
	text-align: justify;
	padding: 15px;
	/* display:none; */
}
#sub-panel{
	text-align:justify;
}
#sub-panel a{
	float: right;
	border: 1px solid #ddd;
	width: 20px;
	padding: 0px 5px;
	color: #dddddd;
	margin-right: 30px;
}
#sub-panel a span{
	display:block;

}
/* END TOP PANEL*/

/* BEGIN BOTTOM PANEL */
#top-panel2{
	background: #d5d5cd;
	text-align: justify;
	padding: 15px;
	/* display:none; */
}
#sub-panel2{
	text-align:justify;
}
#sub-panel2 a{
	float: right;
	border: 1px solid #000000;
	width: 20px;
	padding: 0px 5px;
	color: #000000;
	margin-right: 30px;
}
#sub-panel2 a span{
	display:block;
}
/* END BOTTOM PANEL */