@charset "iso-8859-1";
navbarsurf{margin:0 auto;text-align:left;z-index:20;}
navbarsurf ul ul{display:none;}
navbarsurf ul li:hover > ul{display:block;}
navbarsurf ul{background:#efefef;background:linear-gradient(top,#efefef 0%,#bbbbbb 100%);background:-moz-linear-gradient(top,#efefef 0%,#bbbbbb 100%);background:-webkit-linear-gradient(top,#efefef 0%,#bbbbbb 100%);box-shadow:0 0 9px rgba(0,0,0,0.15);padding:0 6px 0 0;margin:0;border-radius:0 0 6px 6px;list-style:none;position:relative;display:inline-table;width:100%;}
navbarsurf ul:after{content:"";clear:both;display:block;}
navbarsurf ul li{float:left;}
navbarsurf ul li:hover{background:#4b545f;background:linear-gradient(top,#4f5964 0%,#5f6975 40%);background:-moz-linear-gradient(top,#4f5964 0%,#5f6975 40%);background:-webkit-linear-gradient(top,#4f5964 0%,#5f6975 40%);}
navbarsurf ul li:hover a{color:#fff;}
navbarsurf ul li a{display:block;padding:10px 20px;color:#000066;text-decoration:none;}
navbarsurf ul ul{background:#5f6975;border-radius:0;padding:0;position:absolute;top:100%;width:auto;}
navbarsurf ul ul li{float:none;border-top:1px solid #6b727c;border-bottom:1px solid #575f6a;position:relative;}
navbarsurf ul ul li a{padding:6px 15px;color:#fff;}
navbarsurf ul ul li a:hover{background:#4b545f;}
navbarsurf ul ul ul{position:absolute;left:100%;top:0;width:auto;}