@charset "UTF-8";

.menu{
margin-top: 10px;
font-family: arial, helvetica, sans-serif;
margin-left: auto;
margin-right: auto;
width: 450px;
height: 28px;
padding: 0px;
list-style:none; 
font-size: 15px; 
font-weight: bold;
background-color: rgba(0,0,0,0.1);
border: 1px solid white;
}	

.menu li{
position:relative;
float:left; 
margin-left: 0px;
}

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


ul.menu li  ul{
position:absolute; 
top:25px; 
left:0;
display:none;
list-style: none;
border-left: 1px solid rgba(220,220,220,0.8);
border-right: 1px solid rgba(220,220,220,0.8);
}  

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

.menu li a:hover{ 
 background-color: rgba(0,0,0,0.4);
color:#fff; 
-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 li{
margin-left: -41px;
width:140px;
text-align: center;
background-color: rgba(0,0,0,0.1);	
}