﻿@charset "utf-8";
/* CSS Document */

.menu-wrapper {
    display: block;
    width: 99.3%;
    background: url(../image/menu_down.png) repeat;
    height: 59px;
    margin-top: 10px;
    font-family: 'nino';
    margin-left: 0;
}


/** MENU **/
.menu {
    list-style: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

    .menu li {
        float: left;
        display: block;
        width: 239px;
        height: 59px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        position: relative;
    }

        .menu li a {
            color: #515151;
            text-decoration: none;
            font-size: 14px;
            -ms-text-shadow: 1px 1px #ffffff;
            text-shadow: 1px 1px #ffffff;
            display: block;
            width: 100%;
            height: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            /*padding-left: 66px;*/
            display: -ms-flexbox;
            -ms-flex-pack: center;
            -ms-flex-align: center;
            display: -moz-box;
            -moz-box-pack: center;
            -moz-box-align: center;
            display: -webkit-box;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            display: box;
            box-pack: center;
            box-align: center;
            background: url(../image/men_down_bord.png) no-repeat right;
            position: relative;
            display: block;
            padding-top: 18px;
            -webkit-text-stroke: 0.3px;
            text-align: center;
        }


.menu li:last-child a {
            border: none;
        }

        .menu li a:hover {
            background: #FFFFFF;
            border-color: transparent;
            -ms-text-shadow: none;
            text-shadow: none;
        }

.menu-shaddow {
    display: block;
    -ms-opacity: 0;
    opacity: 0;
    position: absolute;
    width: 28px;
    height: 59px;
    background: url(../image/menu-shaddow.png);
    top: 0;
    right: -29px;
}

@-moz-document url-prefix() .menu li {
    height: 59px;
}





/**************************************************************
        TOP NAVIGATION MENU STYLES
***************************************************************/
#topmenu ul.topnav ul.subnav {
    display: none;
    background: #fff;
    padding: 0;
    position: absolute;
    top: 100%;
    margin-left: -27px !important;
    z-index: 1800;
    /*padding-bottom:20px;*/
}

#topmenu ul.topnav li:hover > ul.subnav {
    display: block;
    -moz-min-width: 281px;
    -ms-min-width: 281px;
    -o-min-width: 281px;
    -webkit-min-width: 281px;
    min-width: 281px;
}


#topmenu ul.topnav {
    list-style: none;
    position: relative;
    display: inline-table;
    border: none !important;
}

    #topmenu ul.topnav:after {
        content: "";
        clear: both;
        display: block;
    }

    #topmenu ul.topnav li {
        float: left;
        height: 31px !important;
        -webkit-text-shadow: none !important;
        -ms-text-shadow: none !important;
        text-shadow: none !important;
    }

        #topmenu ul.topnav li:hover {
            background: #fff;
            -webkit-text-shadow: none !important;
            -ms-text-shadow: none !important;
            text-shadow: none !important;
        }

            #topmenu ul.topnav li:hover a {
                color: #065880;
                -webkit-text-shadow: none !important;
                -ms-text-shadow: none !important;
                text-shadow: none !important;
            }

        #topmenu ul.topnav li a {
            display: block;
            color: #fff;
            text-decoration: none;
        }

    #topmenu ul.topnav ul.subnav li {
        float: none;
        position: relative;
        background-image: none !important;
        vertical-align: middle;
        /*border: 1px solid red;*/
        height: 35px !important;
        padding-top: 15px;
    }

        #topmenu ul.topnav ul.subnav li a {
            color: #666 !important;
            background-repeat: no-repeat;
            background-position: left center;
            padding: 0 0px 0 0px;
        }

            #topmenu ul.topnav ul.subnav li a:hover {
                color: #027eba !important;
            }

    #topmenu ul.topnav ul.subnav ul {
        position: absolute;
    }
