html {
	font-family: sans-serif;
}

body {
	background-color: #222222;
}

#sb-site, .sb-site-container {
	padding: 14px;
}

.sb-slidebar {
	padding: 14px;
	color: #fff;
}

html.sb-active #sb-site, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}

/* Fixed position examples */
#sb-site.top-padding {
	/*padding-top: 50px;*/
}


/*Menu*/
#redes_sociais{width:77px; height:25px;  margin:7px 10px 0 0; top:0; right:0; position:fixed; z-index:5;}
#redes_sociais img{ display:inline-block; margin-left:5px;}

#barra_menu {width:20px; height:20px; background-color:rgba(0,0,0,0.7); margin: -5px 0 0 49px;}
#btn_email{cursor:pointer;}
#email {width:200px; height:42px; background-color:rgba(0,0,0,0.7); margin: 0 0 0 -131px;}
#email h5{width:162px; color:#fff; padding:10px; margin:0 auto;}

#fixed-top {
	position: fixed;
	top: 0;
	width: 100%;
	min-width:320px;
	height: 40px;
	padding:7px;
	cursor:pointer; 
	background-color: rgba(0,0,0,0.5);
	z-index: 4;
}


#fixed-top  img{
	top:12px; left:7px; margin-right:7px; float:left;
}


#fixed-top span.sb-toggle-left {
	float: left;
	color: white;
	padding: 10px;
}


#fixed-top span.sb-toggle-right {
	float: right;
	color: white;
	padding: 10px;
}

/* fim Menu */



@media only screen  and (max-width: 360px){
	#fixed-top {
		
		/*top: 425px;
		position:absolute;*/
	
	}
	
	.fixe-top{position: fixed; top: 0; }
	
	
}