#sddm
{        margin: 0;
        padding: 0;
        /*z-index: 30;*/
        position: relative;
        top: 0px;}

#sddm li
{       margin: 0;
        padding: 0;
        list-style-type: none;
        float: left;
        font-family: Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        background: url(../images/navoben3.png);
        border-radius: 0;
        }


#sddm li a
{        display: block;
        margin: 0px;
        width: 138px;
        height: 44px;
        line-height: 44px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        border: 1px solid #EAEBD8;
        border-radius: 0;

        -webkit-transition: all 400ms ease-in;
        -moz-transition: all 400ms ease-in;
        -ms-transition: all 400ms ease-in;
        -o-transition: all 400ms ease-in;
        transition: all 400ms ease-in;}


#sddm li:first-child a {
         border-left: none;
         width: 139px;
         }

#sddm li:last-child a {
         border-right: none;
         width: 139px;
         }

#sddm li a:hover
{        background: rgba(143, 156, 156, 0.9);

         -webkit-transition: all 400ms ease-in;
        -moz-transition: all 400ms ease-in;
        -ms-transition: all 400ms ease-in;
        -o-transition: all 400ms ease-in;
        transition: all 400ms ease-in;}

#sddm div
{        position: absolute;
        visibility: hidden;
        margin: 0;
        padding: 0;
        background: rgba(143, 156, 156, 0.9);
        border: 1px solid #EAEBD8;
        border-radius: 0;}

#sddm div a
{               position: relative;
                display: block;
                margin: 0;
                padding-top: 5px;
                padding-left: 5px;
                padding-right: 5px;
                width: auto;
                height: 20px;
                white-space: nowrap;
                text-align: left;
                text-decoration: none;
                background: rgba(143, 156, 156, 0.9);
                color: #fff;
                font: 12px arial;

                -webkit-transition: all 400ms ease-in;
                -moz-transition: all 400ms ease-in;
                -ms-transition: all 400ms ease-in;
                -o-transition: all 400ms ease-in;
                transition: all 400ms ease-in;}

#sddm div a:hover
        {        background: rgba(51, 51, 51, 0.8);

        -webkit-transition: all 400ms ease-in;
        -moz-transition: all 400ms ease-in;
        -ms-transition: all 400ms ease-in;
        -o-transition: all 400ms ease-in;
        transition: all 400ms ease-in;}

.active a{
         background: #DFEAC7;
}