.menu {top: 75px; width: 800px; height: 65px; text-align: center; z-index: 100; position: absolute; border: 0; padding: 0; margin: 0; text-decoration: none; background-image: url("img/grad.png"); background-repeat: repeat-x; background-position: bottom; user-select: none }
.menu ul {margin:0; padding:0; list-style:none; transparent-space:nowrap; text-align:left;}

.menu li {display:block; position:relative;}

.menu ul ul {position:absolute; left:-65536px; top:50px; padding:10px 0; z-index:0; background: #eee; box-shadow: 5px 5px rgba(0,0,0,0.3);
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
transition: opacity 0.5s;}

.menu > ul {margin:0 auto; display:inline-block;}
.menu > ul {*display:inline;}
.menu > ul > li {float:left; position:relative;}

.menu ul {background: transparent;}

.menu a {display:block; font:normal 13px/50px arial, sans-serif; color:#000; text-decoration:none; padding:0 16px 0 16px; position:relative; z-index:10;}
.menu > ul > li > a {line-height:50px; height:50px; background: transparent;}
.menu > ul > li > b {display:block; position:relative; width:100%; margin-top:-50px; height:50px; background: transparent; z-index:100;
-webkit-transition:0s 0.5s;
-o-transition:0s 0.5s;
-moz-transition:0s 0.5s;
transition:0s 0.5s;}

.menu li:hover > b {width:0;}

.menu li:hover > a,
.menu ul li:hover > a {color:#000; background:#999; text-decoration:none;}

.menu ul li a.drop {background: transparent;}
.menu ul li:hover > a.drop {color:#000; background-color:#999; text-decoration:none;}

.menu ul li:hover > ul {left:0; opacity:1;}
.menu ul ul li:hover > ul {left:100%; opacity:1;}