@charset "utf-8";
/* CSS Document */
#menubar{
	width:100%;
	height:70px;
	position:fixed;
	background: rgb(222,222,222);
background: linear-gradient(0deg, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 20%);
	opacity : 0.99;
	filter : alpha(opacity=99);
	z-index:90000;
	box-shadow: 0px 5px 5px #000;
}
#menu {list-style: none; float: right; width: auto; margin:0px; background: rgb(222,222,222); background: linear-gradient(0deg, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 20%); font-family: 'Roboto Condensed', sans-serif; font-weight:bold; margin-right:2%;}
#menu li {font-family: 'Roboto Condensed', sans-serif; float: left; display: block; margin: 0px; height:70px; width:auto; line-height:55px; font-size:17px; }
#menu li a {font-family: 'Roboto Condensed', sans-serif; text-decoration: none; color: #069; display:block; padding: 5px; font-size:17px;}
#menu li a:hover {font-family: 'Roboto Condensed', sans-serif; text-decoration: none; display:block; color:#fff; background-color:#069; font-size:17px; text-shadow: 2px 2px #000000;}
        
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 640px) {
	.js #menu {
		display:none;
		
	}
	
	.js .slicknav_menu {
		display:block;
		position:fixed;
		z-index:90001;
		width:100%;
		background-color:#FFF;
		
	}
}