.menu{
list-style:none;
/* border:1px solid #c0c0c0; */
float:left;
}

.menu li{
position:relative;
float:left;
/* border-right:1px solid #c0c0c0; */
margin-bottom: 0;
z-index: 999;
font-size: 16px;
font-weight: bold;
}

.menu li a{color:#333; text-decoration:none; padding:5px 10px; display:block;}

.menu li a:hover{
background:rgba(216, 217, 217, 0.5);
color: var(--color-primary);
-moz-box-shadow:0 3px 10px 0 #CCC;
-webkit-box-shadow:0 3px 10px 0 #ccc;
text-shadow:0px 0px 5px #fff;
}

.menu li  ul{
position:absolute;
/* top:25px; */
left:0;
background-color:#fff;
display:none;
margin: 0;
}

.menu li:hover ul, .menu li.over ul{display:block;}

.menu li ul li{
border-bottom:1px solid #c0c0c0;
display:block;
width:150px;
}