.menu {top: 80px; width: 800px; height: 60px; z-index: 100; position: absolute; border: 0; padding: 0; margin: 0; 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; text-align:center;}

.menu li {display:block; position:relative; width: 133px;}

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

.menu > ul {vertical-align:middle;}
.menu > ul > li {float:left; position:relative;}

.menu ul {background: transparent;}

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

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

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

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

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