#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;}
}

@media (min-width: 300px) and (max-width: 979px) { 
	.socico_rodape{ display:none !important; }
	.socico_rodape_home{ display:none !important; }
}
@media (min-width: 300px) and (max-width: 767px) {  
	.about .tab-content td {
	    width: 100% !important;
	    float: left !important;
	}
	.about .tab-content td p{
	   text-align: left !important;
	}

	.h4_titulo {
	    padding-left: 2px !important;
	    font-size: 12px !important;
	}

	.social-icons:first-child a{
		width: 100%;
	    display: inline-block;
	    text-align: center;
	    padding: 8px 0px;
	}
	.social-icons:first-child{
		right:0px !important;
		position: relative !important;
	}

	

	#top-footer{
		display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
	}

	#top-footer .col-xs-6:first-child {
	   -webkit-box-ordinal-group: 2;
	    -moz-box-ordinal-group: 2;
	    -ms-flex-order: 2;
	    -webkit-order: 2;
	    order: 2;
	}

	#top-footer .col-xs-6:nth-child(2) {
	   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
	}

	#top-footer .col-xs-6 .th-text {
	    padding-top:0px !important;
	}
	#top-footer .col-xs-6 .pull-right {
    	float: none !important;
	} 

	.owl-carousel .owl-wrapper-outer {
	    min-height: 220px !important;
	}

	#top-footer .col-xs-6 .th-item{  position: relative !important; width: 100% !important; padding-right:0px !important;}
	.socico a {
	    padding-right: 5px !important;
	}
	.destaques_mod{ margin-bottom:40px !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 */