#css3_menu {
width: 935px;
height: 50px;
margin: 0px auto;
border-top: none!important;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjztjBrK-rhYvMW8mBaXwx2iY3Jh0Y3FUKzZgruvv95GYDpaJFaLDH4ea39Kznf-H2zgv3r8aZAre9HoWztxfqS7aR9PpHiZcH7o2rdDs1Ytf1EZOXVC-DP-CiJzGn_n4YwyK0W6iR19H6/s1600/menu_bg.png) no-repeat;
}
#css3_menu, #css3_menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#css3_menu:before,
#css3_menu:after {
content: "";
display: table;
}
#css3_menu:after {
clear: both;
}
#css3_menu li {
float: left;
border-right: 1px solid #FFA722;
box-shadow: 1px 0 0 #CC5200;
-moz-box-shadow: 1px 0 0 #cc5200;
-webkit-box-shadow: 1px 0 0 #cc5200;
position: relative;
}
#css3_menu a {
float: left;
padding: 15px 20px;
color: #fff;
text-transform: inherit;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-shadow: 1px 1px 0px #6f4900;
}
#css3_menu li a:hover {
color: #6f4900;
text-shadow: 1px 1px 0px #482f00;
}
#css3_menu li:hover > a {
color: #d2d2d2;
}
*html #css3_menu li a:hover {
/* IE6 only */
color: #fafafa;
}
#css3_menu ul {
margin: 20px 0 0 0;
_margin: 0;
/*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 47px;
left: 0;
z-index: 1;
background: #ec6c00;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#css3_menu ul li {
float: none;
display: block;
border: 0;
_line-height: 0;
/*IE6 only*/
-moz-box-shadow: 0 1px 0 #cc5200, 0 2px 0 #ec8e00;
-webkit-box-shadow: 0 1px 0 #cc5200, 0 2px 0 #ec8e00;
box-shadow: 0 1px 0 #cc5200, 0 2px 0 #ec8e00;
}
}
#css3_menu ul a {
padding: 12px;
width: 150px;
color: #ffc66c;
_height: 12px;
/*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: none;
transition:0.3s;
}
#css3_menu ul a:hover {
background-color: #f99100;
color: #fff;
}
