@charset "utf-8"; 
/*Created by AWP Website builder v1.0
 *-----------------------------------* 
 *Styles of the menu
 *-----------------------------------*/


/*-------general-------*/
div.sb-toggle-left{ padding:15px; float:left; position:absolute;}
.sb-menu{/* Apply to <ul> or <ol>. */ padding: 0; margin: 0; list-style-type: none; text-align:left;}
.sb-menu li img{width: 100%;padding: 0;margin: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */
border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. */}
.sb-menu li:first-child{border-top: none; /* Removes top border from first list item.. */}
.sb-menu li:last-child{border-bottom: none; /* Removed bottom border from last list item. */}
.sb-menu li a{width: 100%; /* Makes links full width. */
display: inline-block; padding: 1em; /* Creates an even padding the same size as your font. */ 
color: #f2f2f2;}
.sb-menu li a:hover{text-decoration: none; background-color: rgba(255, 255, 255, 0.05); /* Will lighten any background colour you set. */}

/*-------menu-------*/
div.menu {float:right; height:3.5em; margin-top:0px; margin-bottom:0px; margin-right:30px; text-align:right;}
div.menu ul{padding:0px; margin:0px; text-align:center; display:none;}
div.menu ul li{float:left; list-style: none;  text-align:center;  color:#EEE;
font-weight:bold; margin-left:20px; margin-right:20px;
padding-top:1em; padding-bottom:1em;}
div.menu ul li a{color:#EEE;}

/*-------menu_frame-------*/
div.menu_frame {background-color:#3F3F40; text-decoration:none; color:#F9F9F9; padding-top:10px; padding-bottom:10px;}
div.menu_frame div.logo{margin-left:50px; float:left;}
div.menu_frame div.logo img{max-width:240px;}
div.menu_frame div.sb-toggle-left{float:left;}



@media screen and (min-width: 400px){

/*-------general-------*/

/*-------menu-------*/

/*-------menu_frame-------*/
}



@media screen and (min-width: 600px){

/*-------general-------*/

/*-------menu-------*/
div.menu ul{margin: 0 auto; max-width:1000px; display:block;}

/*-------menu_frame-------*/
}



@media screen and (orientation:landscape){

/*-------general-------*/

/*-------menu-------*/

/*-------menu_frame-------*/
}



@media screen and (min-width: 1000px){

/*-------general-------*/

/*-------menu-------*/

/*-------menu_frame-------*/
}



@media screen and (min-width: 1400px){

/*-------general-------*/

/*-------menu-------*/

/*-------menu_frame-------*/
}