body {
    background-color: #dedede;
}




#cssmenu {
    
    border: none;
    border: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    font: 67.5% 'byekan', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    direction: rtl;
    height: auto;
    margin-left:8px;
       
}


    #cssmenu ul {
      
        z-index:10000;
        background: rgba(52,52,52,1);
        background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
        background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
        height: 65px;
        list-style: none;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
    }

    #cssmenu li {
        float: right;
        padding: 0px;
    }

        #cssmenu li a {
            background: rgba(52,52,52,1);
            background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
            background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
            display: block;
            font-weight: normal;
            line-height: 65px;
            margin: 0px;
            padding: 0px 10px;
            text-align: center;
            text-decoration: none;
            width: 80px;
            border-left: 1px inset #000;
            border-right: 1px inset #2b2b2b;
        }



        #cssmenu li.last a {
            background: #1f1f1f bottom right no-repeat;
            display: block;
            font-weight: normal;
            line-height: 65px;
            margin: 0px;
            padding: 0px 25px;
            text-align: center;
            text-decoration: none;
            width: 80px;
            border-left: 1px inset #1f1f1f;
        }

        #cssmenu li.sub a {
            background: #1f1f1f bottom right no-repeat;
            display: block;
            font-weight: normal;
            line-height: 65px;
            margin: 0px;
            padding: 0px 10px;
            text-align: center;
            text-decoration: none;
            width: 160px;
            border-left: 1px inset #303030;
        }

        #cssmenu li.logoImg a {
            background: rgba(52,52,52,1);
            background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
            background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
            display: block;
            font-weight: normal;
            line-height: 65px;
            margin: 0px;
            padding: 0px 10px;
            text-align: center;
            text-decoration: none;
            width: 100px;
            border-right: 1px inset #000;
            background-color: #1f1f1f;
            display: block;
            font-weight: normal;
            height: 43px;
            margin: 0px;
            padding: 10px 29px;
            text-align: center;
            text-decoration: none;
            width: 155px;
            margin-right:-5px;
        }




    #cssmenu > ul > li > a {
        color: #cccccc;
    }

    #cssmenu ul ul a {
        color: #cccccc;
    }

    #cssmenu li > a:hover,
    #cssmenu ul li:hover > a {
        background-image: url('../images/ptn.jpg');
        background-repeat: repeat;
        color: #FFFFFF;
        height: 64px;
        text-decoration: none;
        -moz-box-shadow: inset 0 0 20px #000000;
        -webkit-box-shadow: inset 0 0 20px #000000;
        box-shadow: inset 0 0 20px #000000;
    }



    #cssmenu li.logoImg > a:hover,
    #cssmenu ul li.logoImg:hover > a {
        background-image: url('../images/ptn.jpg');
        background-repeat: repeat;
        background-color: #fff;
        color: #FFFFFF;
        height: 45px;
        text-decoration: none;
        -moz-box-shadow: inset 0 0 10px #000000;
        -webkit-box-shadow: inset 0 0 10px #000000;
        box-shadow: inset 0 0 10px #000000;
    }








    #cssmenu li ul {
        background: #333;
        display: none;
        height: auto;
        padding: 0px;
        margin: 0px;
        border: 0px;
        position: absolute;
        width: 182px;
        z-index: 200;
        /*top:1em;
	/*left:0;*/
    }

    #cssmenu li:hover ul {
        display: block;
    }

    #cssmenu li li {
        display: block;
        float: none;
        margin: 0px;
        text-align: right;
    }

    #cssmenu li:hover li a {
        background: none;
    }

    #cssmenu li.has-sub ul a {
        display: block;
        height: 50px;
        font-size: 12px;
        font-style: normal;
        margin: 0px;
        line-height: 46px;
        text-align: center;
    }

        #cssmenu li.has-sub ul a:hover,
        #cssmenu li.has-sub ul li.sub:hover > a {
            background: #2580a2;
            background-image: url('../images/ptn1.jpg');
            background-repeat: repeat;
            color: #FFFFFF;
            height: 50px;
            text-decoration: none;
            -moz-box-shadow: inset 0 0 5px #000000;
            -webkit-box-shadow: inset 0 0 5px #000000;
            box-shadow: inset 0 0 5px #000000;
        }

    #cssmenu p {
        clear: left;
    }


/*--------------------------------------------------------------*/

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.dropdown {
    position: relative;
    z-index: 597;
}

    ul.dropdown li {
        float: right;
        min-height: 1px;
        line-height: 1.3em;
        vertical-align: middle;
    }

        ul.dropdown li.hover,
        ul.dropdown li:hover {
            position: relative;
            z-index: 599;
            cursor: default;
        }

    ul.dropdown ul {
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 598;
        width: 100%;
    }

        ul.dropdown ul li {
            float: none;
        }

        ul.dropdown ul ul {
            top: 1px;
            left: 99%;
        }

    ul.dropdown li:hover > ul {
        visibility: visible;
    }



ul.dropdown-linear {
    width: 100%;
}

    ul.dropdown-linear ul li {
        float: right;
    }

    ul.dropdown-linear li.hover,
    ul.dropdown-linear li:hover {
        position: static;
    }

    ul.dropdown-linear ul ul {
        display: none !important;
    }


ul.dropdown-columnar ul li {
    position: static;
    width: 150px;
}

ul.dropdown-columnar ul ul {
    display: block !important;
    position: static;
    width: auto !important;
}

    ul.dropdown-columnar ul ul li {
        float: none;
    }

    ul.dropdown-columnar ul ul ul {
        display: none;
    }

ul.dropdown-columnar li.hover ul,
ul.dropdown-columnar li:hover ul {
    visibility: visible !important;
}


ul.dropdown {
    margin-left: auto;
    margin-right: auto;
    background: rgba(52,52,52,1);
    background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
    width: 100%;
    color: #ccc;
    height: 60px;
    font-family: Tahoma;
    font-size: 11px;
    width: 484px;
    margin-right: -29px;
}


    ul.dropdown li.SEL a {
        margin-top: 20px;
        width: 90px;
        text-align: center;
        height: 80px;
        color: #ccc;
    }

    ul.dropdown li.SEL {
        background-color: transparent;
        color: #ccc;
        text-align: center;
        width: 119px;
        padding-top: 20px;
        border-left: 1px inset #000;
        border-right: 1px inset #2b2b2b;
        height: 40px;
    }



        ul.dropdown li.SEL:hover,
        ul.dropdown li.SEL:hover {
            background-119px;
        padding-top: 20px;
        border-left: 1px inset #000;
        border-right: 1px inset #2b2b2b;
        height: 40px;
    }



        ul.dropdown li.SEL:hover,
        ul.dropdown li.SEL:hover {
            background-image: url('../images/ptn.jpg');
            background-repeat: repeat;
            color: #FFFFFF;
            height: 40px;
            text-decoration: none;
            -moz-box-shadow: inset 0 0 20px #000000;
            -webkit-box-shadow: inset 0 0 20px #000000;
            box-shadow: inset 0 0 20px #000000;
        }

    ul.dropdown a:link,
    ul.dropdown a:visited {
        color: #fff;
        text-decoration: none;
    }

    ul.dropdown a:hover {
        color: #fff;
    }

    ul.dropdown a:active {
        color: #fff;
    }

    /* -- level mark -- */

    ul.dropdown ul {
        background-image: url('../images/ptn.jpg');
        background-repeat: repeat;
        letter-spacing: normal;
        color: #fff;
        width: 100%;
        color: #fff;
        font-size: 10px;
        padding-bottom: 10px;
    }

        ul.dropdown ul li.sub {
            color: #fff;
            width: 80px;
            background-color: transparent;
            text-align: right;
            float: right;
            margin-top: -15px;
        }



            ul.dropdown ul li.sub a {
                color: #fff;
                width: 120px;
                padding-top: 8px;
                font-size: 11px;
                height: 20px;
                float: right;
                background-color: #333333;
            }


                ul.dropdown ul li.sub a:hover,
                ul.dropdown ul li.sub:hover > a {
                    background: #2580a2;
                    background-image: url('../../../../images/ptn1.jpg');
                    background-repeat: repeat;
                    color: #FFFFFF;
                    height: 20px;
                    text-decoration: none;
                    -moz-box-shadow: inset 0 0 5px #000000;
                    -webkit-box-shadow: inset 0 0 5px #000000;
                    box-shadow: inset 0 0 5px #000000;
                }




    ul.dropdown li.last ul li {
        float: right;
    }

    /* -- level mark -- */

    ul.dropdown ul ul {
        margin-top: 5px;
        text-transform: none;
        color: #fff;
    }

        ul.dropdown ul ul li {
            font-weight: normal;
            color: #fff;
        }