.menu a, .menu a:link, .menu a:visited, .menu a:focus {
	text-decoration: none;

}

.navigation {
	position:relative;
	z-index:10000;
	margin: 0;
}

.menu {
	position: relative;
	padding: 0;
	margin: 20px 0px 20px 0px;
}

label.responsive_menu {
	display: none;
}

input#responsive_menu { 
display: none; 
}

#current {
	
}

.menu ul, .menu li ul {
	list-style: none;
}




/* level 1 */


.menu ul {

}


.menu li {
	display: inline-block;
	text-align: center;
	margin: 0;
	padding:0;
	float:left;
	width:20%;
	margin-bottom:20px;
}

.menu li a {
	display: inline-block;	
	padding:10%;
	width:80%;
	color:white!important;
	background:#7e7e7e;
	font-family: arial, sans-serif;
	font-size: 24px;
	line-height: 33px;
}

.menu li a:hover{
	background:#009ee0;
}

.menu li:hover {

}











/* level 2 */


.menu li ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	margin:0;
	padding: 0;
	width:20%;
}

.menu li:hover ul {
	opacity: 1;
	visibility: visible;
}

.menu li ul li {
	position: relative;
	display: block;
	width:100%;
	border-top:1px solid black;
	padding:0;
	text-align: left;
	margin-bottom:0px;
}

.menu li ul li a{
  display: block;
  font-family: arial, sans-serif;
	font-size: 18px;
	line-height: 22px;
}

.menu li ul li a:hover{
}
































/* Responsive container Setting */



@media only screen and (max-width: 1000px) and (orientation:portrait) {





	
	#responsive_menu:checked+.menu {
		display: block;
	}


	#navigation {
		width: 100%;
	}


	.menu {
    display: none;
    padding: 0;
    width:100%;
  }

	label.responsive_menu span {
		display: inline;
    font-size: 66px;
    margin:0;
		color:white;
		
	}

	label.responsive_menu {
    position: relative;
    display: block;
    width: 90%;   
    background-image: url(../images/menu_white.png);  
    background-repeat:no-repeat;
    background-position:center center;
 		background-color:#7e7e7e;
		background-size:10%;
    padding: 5% 5%;    
    text-align:center;
    font-family: arial, sans-serif;
	font-size: 66px;
	line-height: 66px;
	height:80px;
	}

    

  label:hover {
		background-image: url(../images/menu_white.png);  
   	cursor:pointer;	
 
  }

  label:hover span{
		color:white;
 	}
 	
 	.menu {
 		margin:0;
 	}

	.menu li {
		display:block;
		text-align: center;
    position: relative;
    width: 100%!important;
    padding:0 0 0 0;
		height:auto;
		border-top:2px solid black;
		margin:0;
	}
	
	
	.menu li a {
    display:inline-block;
    padding:5% 5% 5% 5%;
		font-size:44px!important;
		line-height:44px!important;
		width:90%;
	}


	
	.menu li:hover ul {
		position:relative;
		width:100%;
		margin:0 0 0 0;
	}
	


	.menu li ul li{ 
		width: 100%!important;
		padding:0;
	}

	
	.menu li ul li a {
    padding:5% 5% 5% 5%;
		display:inline-block;
		font-size:44px!important;
		line-height:44px!important;
	background-color:#5e5e5e;
	text-align:center;
	}












}