#ddmenu{display:block;width:100%;height:40px;margin:0 auto;padding:0 15px;outline:none;font-weight:bold;color:#8aa8bd;}
#ddmenu li{display:block;position:relative;float:left;text-shadow:1px 1px 0 #000;border-right:1px dashed #dae0e5;font-size:1.2em;font-family:BebasBold;}
#ddmenu li a{display:block;float:left;padding:0 12px;line-height:40px;font-weight:bold;text-decoration:none;color:#fff;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
#ddmenu li:hover >a{color:#7180a0;background:#d9e2ee;text-shadow:1px 1px 0 #fff;}
.activest{background-position:0 0;background-color:#ff5060;color:#4400aa;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;-khtml-border-radius:14px;-webkit-box-shadow:8px 8px 37px -4px rgba(0,0,0,0.75);-moz-box-shadow:8px 8px 37px -4px rgba(0,0,0,0.75);box-shadow:8px 8px 37px -4px rgba(0,0,0,0.75);}
#ddmenu ul{position:absolute;border:none;top:50px;left:0px;width:220px;background:#4080fd;display:none;margin:0;padding:7px 0;list-style:none;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.2);-webkit-box-shadow:10px 4px 31px 0px rgba(0,0,0,0.42);-moz-box-shadow:10px 4px 31px 0px rgba(0,0,0,0.42);box-shadow:10px 4px 31px 0px rgba(0,0,0,0.42);}
#ddmenu ul li{border:none;}
#ddmenu ul li:hover >a{color:#7180a0;background:#d9e2ee;text-shadow:1px 1px 0 #fff;min-width:196px; width:auto;}
@media screen and (min-width:100px) and (max-width:1000px){#ddmenu li{font-size:1.1em;}}