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


/*-------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: 66%; padding: 0; margin: 0% 17% 0% 17%;
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. */
font-size: 20px; font-weight: bold;
color: #0078A1;}
.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 {height:3.5em; margin:0px auto 0px auto; text-align:center; border:none; width: 700px;}
div.menu ul{padding:0px; margin:0px; text-align:center; display:none;}
div.menu ul li{float:left; list-style: none; text-align:center;
font-weight:bold; margin-left:15px; margin-right:15px;
padding-top:1em; padding-bottom:1em;}
div.menu ul li a{color:#fff; padding-top:18px; padding-bottom:20px;}
div.menu ul li a:hover{color:#fff;}

/*-------menu_frame-------*/
div.menu_frame_fix,
div.menu_frame_between,
div.menu_frame { background-color:#0078A1; text-decoration:none; padding-top:4px; padding-bottom:4px; width:100%; z-index:1000;}
div.menu_frame_fix{ position: fixed; top:0px;}
div.menu_frame_fix div.logo,
div.menu_frame_between div.logo,
div.menu_frame div.logo{margin-left:50px; float:left;}
div.menu_frame_fix div.logo img,
div.menu_frame_between div.logo img,
div.menu_frame div.logo img{display:block; max-height:50px;}
div.menu_frame_fix div.sb-toggle-left,
div.menu_frame_between div.sb-toggle-left,
div.menu_frame div.sb-toggle-left{float:left;}
div.menu_frame_alias{ display:none; height:4.2em;}



@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-------*/
div.menu_frame div.logo img{display:none;}
div.menu_frame_between div.logo img,
div.menu_frame_fix div.logo img{max-height:50px;}
}



@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-------*/
}