@charset "utf-8";
/* CSS Document */

/* == MENU ============================ */

.menu {
	/*width:700px;*/
	margin:auto;
	font-size:18px;
	padding-top:105px;
	float:right;
}
@media screen and (max-width: 960px) {
.menu {	
	padding-top:20px;
	float:left;
}	
}

.menu a {
	/*color:#02be45;*/
	color:#010101; 
	padding:10px 0px;
	border-bottom:3px solid #c4c4c4;
	
}

.menu a:hover, .menu li.active a {
	color:#2ca9b1;
	border-bottom:3px solid #2ca9b1;
	text-decoration:none !important;
	
}

li.level2:hover {
/*background-color:#fff;*/	
}

.menu ul li.level1 {
	float:left;
	/*padding-top:20px;
	padding-bottom:10px;*/
	padding:10px 20px 10px 0px;
	/*font-family: 'lunaregular';  ... */
	/*padding:30px 30px 20px;  ... */
}

/*.menu ul li.level1:last-child {
	border-right:none;
}*/

@media screen and (max-width: 1200px) {
.menu ul li.level1:first-child {
	padding-left:0px;
}	
}

.menu ul li {
	position:relative;
	cursor:default;
}

.menu ul li ul {
	position:absolute;
	top:60px;
	left:0px;
	z-index:9999;
	
}

.menu ul li ul li {
	display:none;
	border:1px solid #d7d7d7;
	/*margin-bottom:2px;*/
}

.menu ul li:hover li.level2 {
	display:block;
}

li.level2 {
	float:none;
	width:250px; /* ... */
	padding:10px 5px; /* ... */
	background-color:#f0f0f0; /* ... */
	
	font-family: 'Roboto', Arial, sans-serif;
}

li.level2 a {
	padding:10px;	
}

li.nolink > a {
	cursor:default;	
}



@media screen and (max-width: 800px) {
.menu {
	display:none;
}
.menu ul li.level1, .menu ul li.level2 {
	float:none;
	padding:10px 0px;
	border-right:none;
	border-top:1px solid rgb(200,200,200);
}
}
@media screen and (max-width: 650px) {
.menu ul ul{
	position:relative;	
}	
}
@media screen and (max-width: 650px) {
ul.level2 {
	top:10px;
	width:80%;
}	
}
@media screen and (max-width: 650px) {
ul.level3 {
	left:0px;
	width:80%;
}	
}
@media screen and (max-width: 650px) {
.menu ul li ul {
	position:relative;
	top:10px;
}
.menu ul li ul li {
	display:block;
}
}