
nav{display:block;
}

.menu{display:block;}

.menu li{display: inline-block;
position: relative;
z-index:100;}

.menu li:first-child{margin-left:0;}

.menu li a {font-weight:600;
text-decoration:none;
padding:10px;
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:#ffffff;}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 165px;
position: absolute;
top: 38px;
left: 0px;
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {font-size:12px;
font-weight:normal;
display:block;
color:#797979;
border-left:3px solid #ffffff;
background: #f5f5f5;
border-bottom: 1px solid #e0e0e0;}

.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;
border-left: 3px solid #26b99a;
color:#797979;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;
	top: 0px;
}

.mobile-menu{display:none;
padding:11px;
background:#606060;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{background:#606065;
color:#ffffff;
text-decoration:none;
}


@media (min-width: 768px) and (max-width: 979px) {

.mainWrap{width:768px;}
.menu ul {top:34px;}
.menu li a{font-size:11px;
padding:8px;}
}

@media (max-width: 767px) {

.mainWrap{width:auto;padding:50px 20px;}

.menu{display:none;background:#ffffff;}
#DivMenuSup{display:block;background:#ffffff;}
#additional-menu ul li {
	width: 100%;
}

.mobile-menu{
    display:block;
    margin-top: 4px;
    margin-bottom: 3px;
}

nav{margin:0;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ffffff;
color:#797979;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #0081b2;
}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

.menu>li{float:none;}
.menu{margin:0px;}
.menu>li .current {
    background-color: rgb(255, 255, 255);
}
.menu .homepage {
    text-indent: 0px;
    display: block;
	background: url();
}
#touch-menu{color:#ffffff;}
.menu ul li a {
border-bottom: none;}


}



@media (max-width: 480px) {

}


@media (max-width: 320px) {
}