@import url(http://fonts.googleapis.com/css?family=Roboto:300);
.cm-e-menu {
    background-color: #222;
    position: relative;
    z-index: 1000;
    color: #fff;
    font-weight: 200;
    box-shadow: 0 0 10px black;
    height: 27px;
}
.cm-e-menu ul {
    margin: 0; padding: 0;
}
.cm-e-menu li {
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    /*text-transform: capitalize !important;*/
    list-style: none;

    -webkit-transition: background-color ease-in 300ms;
    -moz-transition: background-color ease-in 300ms;
    -ms-transition: background-color ease-in 300ms;
    -o-transition: background-color ease-in 300ms;
    transition: background-color ease-in 300ms;
}
.cm-e-menu li:hover {
    background-color: #3d3d3d;
    text-shadow: 0 10px 10px #222;
}
.cm-e-menu ul li.topmenu {
    display: inline-table;
    padding: .3em 1em;
}
.cm-e-menu ul li.topmenu a
{
    font-family: 'Roboto', sans-serif;
    color: #ececec;
    font-size: 16px;
}
.cm-e-menu ul li.topmenu.active
{
    background-color: #971414;
    text-shadow: 0 10px 10px #222;
}
.cm-e-menu .topmenu ul {
    display:none;
    position: absolute;
    background-color: #222;
}
.cm-e-menu li:hover > ul {
    display: table;
}
.cm-e-menu ul.submenu {
    top: 100%; left: 0;
    padding-top: .5em;
    padding-bottom: .5em;
    box-shadow: 0 0 10px black;
}
.cm-e-menu ul.submenu .submenu {
    top: -.5em; left: 100%;
    font-size: 1em
}
.cm-e-menu ul.submenu li {
    padding: .2em 1.5em;
    font-size: .9rem;
}
.cm-e-menu ul.submenu li a
{
    font-family: 'Roboto', sans-serif;
    color: #ececec;
    font-size: 14px;
}
.cm-e-menu li.divider {
    padding: 0;
    border-top: 1px solid #343434;
    margin: .5rem auto .3rem;
    cursor: default;
}
.cm-e-menu li.divider:hover {
    background-color: transparent;
}