/* menu */	

    .menu{display:block;}
     
    .menu li{display: inline-block;
    position: relative;
    z-index:100;}
     
    .menu li a {font-weight:600;
    text-decoration:none;
	font-size: 12px;
	text-align: left;
    padding: 9px 11px 11px 15px;
    display:block;
    color:#ffffff;
     
    -webkit-transition: all 0.2s ease-in-out 0s;
       -moz-transition: all 0.2s ease-in-out 0s;
       -o-transition: all 0.2s ease-in-out 0s;
       -ms-transition: all 0.2s ease-in-out 0s;
       transition: all 0.2s ease-in-out 0s;
    }
     
    .menu li a:hover, .menu li:hover > a{color:#02bc1b;
    background:#000000;}

	.menu .space{
		background: url(../_graphics/template/middle.jpg) no-repeat #000000;
		position: absolute;
		z-index:101;
		width: 2px;
		height: 25px;
		margin: 7px 0 0 0;
		padding: 0;
	}
	
    /* hide the second level menu */
    .menu ul {display: none;
    margin: 0;
    padding: 0;
    width: 200px;
    position: absolute;
    top: 39px;
    left: 0px;
    background: #ffffff;
    }
     
    /* display second level menu on hover */
    .menu li:hover > ul{ display: block;}
     
    .menu ul li {display:block;
    float: none;
    background:none;
    margin:0;
    padding:0;
    }
     
    .menu ul li a {font-size:11px;
	padding: 9px 11px 9px 15px;
	text-transform: uppercase;
	font-weight:bold;
     display:block;
     color:#797979;
     border-left:3px solid #ffffff;
     background:#000;
	 }
     
    .menu ul li a:hover, .menu ul li:hover > a{
    background:#000;
    border-left:3px solid #02bc1b;
    color:#02bc1b;;
    }

    /* change level 3 menu positions */
    .menu ul ul {left: 149px;
    	top: 0px;
    }

    .mobile-menu{display:none;
    width:100%;
    padding:12px;
    background:#000;
    color:#ffffff;
    text-transform:uppercase;
    font-weight:600;
    }
    .mobile-menu:hover{background:#000;
    color:#02bc1b;
    text-decoration:none;
    }

    @media (max-width: 767px) {
     
    .menu{display:none;}
     
    .mobile-menu{display:block;
    margin-top:0px;}
     
    nav{margin:0;
    background:none;}
     
    .menu li{display:block;
    margin:0;}
     
    .menu li a {background:#000000;
     color:#ffffff;
	font-size: 12px;
	text-align: center;
     border-top:1px solid #e0e0e0;
     border-left:3px solid #ffffff;}
     
    .menu li a:hover, .menu li:hover > a{
    background:#000000;
    color:#02bc1b;
    border-left:3px solid #02bc1b;}
	
	.menu .space{
		display: none;
	}
     
    /*level 2 and 3 - make same width as all items*/
    .menu ul {display:block;
    position:relative;
	font-size: 11px;
    top:0;
    left:0;
    width:100%;}
     
    .menu ul ul {left:0;}
     
    }/*end media queries*/

	
	
	/*
			#menu {
				width: 950px;
				list-style: none;
				font-family: verdana, arial, helvetica;
				font-weight: bold;
				color: #ffffff;
				margin: 0 0 0 34px;
				padding: 0;
			}
					
				#menu li{
					float: left;
					display: inline;
					padding: 0;
					margin: 0;
				}
						
					#menu .space{
						background: url(../graphics/menu/middle.jpg) no-repeat #000000;
						width: 2px;
						height: 25px;
						margin: 10px 0 0 8px;
						padding: 10px 8px 0 0;
					}
							
					#menu li a{
						display: block;
						color: #ffffff;
						font-weight: bold;
						padding: 12px 0 0 0;
						margin: 0;
					}
							
					#menu li a:hover, #menu li .act{
						color: #02bc1b;
						font-weight: bold;
					}
					.english{
				margin: 2px 0 0 0;
				padding: 0;			
			}
			.english{
				margin: 2px 0 0 0;
				padding: 0;			
			}
	*/