/*p, ul, li, div, nav
{
    padding:0;
    margin:0;
}*/

/*body
{
    font-family:Calibri;
}*/

#menu {
    overflow: auto;
    position:absolute;
    z-index:2;
    width: 100%;
}

.parent-menu {
    background-color: #0c8fff;
    min-width:200px;
    float:left;
}

#menu ul
{
    list-style-type:none;
}

#menu ul li a
{
    padding:10px 15px;
    display:block;
    text-decoration:none;
}

    #menu ul li a:hover
    {
        background-color:#D7D7D7;
    }

    #menu ul li a
    {
        background-color:#D7D7D7;
    }

    #menu ul li:hover > ul {
        left: 200px;
        -webkit-transition: left 200ms ease-in;
        -moz-transition: left 200ms ease-in;
        -ms-transition: left 200ms ease-in;
        transition: left 200ms ease-in;
    }

    #menu ul li > ul {
        position: absolute;
        top: 0;
        left: -200px;
        min-width: 200px;
        z-index: -1;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.1);
        -webkit-transition: left 200ms ease-in;
        -moz-transition: left 200ms ease-in;
        -ms-transition: left 200ms ease-in;
        transition: left 200ms ease-in;
    }

    #menu ul li > ul li a:hover
    {
        background-color:#D7D7D7;
    }