.KeyMenuHeader
{
    position: relative;
    display: table;
    float: right;
    width: auto;
    height: 70px;
    padding: 0px 20px 0px 20px;
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    font-size: 1.0em;
    cursor: pointer;
    direction: rtl;
}
.KeyMenuSubMain
{
    position: relative;
    display: table;
    width: 100%;
    height: 70px;
    color: #000000;
    text-align: center;
}
.KeyMenuHeader:hover .KeyMenuSubMain
{
    color: #004696;
}
.KeyMenuSubMain_Over
{
    position: absolute;
    display: block;
    width: 0%;
    height: 1px;
    bottom: 20px;
    right: 0px;
    background-color: #004696;
    z-index: 1000;
    -moz-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-webkit-transition: all 0.3s cubic-bezier(0.700, 0.000, 0.300, 1.000);
	transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
}
.KeyMenuHeader:hover .KeyMenuSubMain_Over
{
    width: 100%;
}

.KeyMenuSubBody
{
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    min-width: 200px;
    top: 70px;
    right: 0px;
    padding: 10px 0 20px 0;
    background-color: rgba(255,255,255,0.7);
    z-index: 1000;
    -moz-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-webkit-transition: all 0.3s cubic-bezier(0.700, 0.000, 0.300, 1.000);
	transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
}
.KeyMenuSub
{
    position: relative;
    width: auto;
    height: auto;
    margin-left: 5px;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgba(255,255,255,0.0);
    border-bottom: solid 1px rgba(0,0,0,0.1);
    font-size: 1em;
    font-weight: 500;
    color: #004696;
    text-align: right;
    cursor: pointer;
    clear: both;
    -moz-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
	-webkit-transition: all 0.3s cubic-bezier(0.700, 0.000, 0.300, 1.000);
	transition: all 0.3s cubic-bezier(0.000, 0.700, 0.300, 1.000);
}
.KeyMenuSub:hover
{
    background-color: rgba(255,255,255,1.0);
    padding-right: 15px;
}





.KeyMenuAppMain
{
    background-image: url('../ImagesFA/Sign-Menu2.png');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width: 70px;
    height: 55px;
    cursor: pointer;
}
.KeyMenuAppSub
{
    background-color: #333333;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 0px;
    margin-top: 55px;
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    font-size: 1.1em;
    color: #FFFFFF;
    text-align: right;
    z-index: 100000;
    overflow: hidden;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.KeyMenuAppSubItem
{
    background-image: url('../ImagesFA/Sign-Menu2Sub.png');
    background-repeat: no-repeat;
    background-position: 5% center;
    background-color: Transparent;
    width: 90%;
    height: auto;
    border-bottom: solid 1px #B3B3B3;
    padding: 10px 5% 10px 5%;
    cursor: pointer;
    direction: rtl;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.KeyMenuAppSubItem:hover
{
    background-color: #4B4B4B;
}
.KeyMenuAppSubItemUp
{
    background-image: url('../ImagesFA/Sign-Menu2Sub2.png');
    background-repeat: no-repeat;
    background-position: 5% center;
    background-color: Transparent;
    width: 90%;
    height: auto;
    border-bottom: solid 1px #B3B3B3;
    padding: 10px 5% 10px 5%;
    cursor: pointer;
    direction: rtl;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.KeyMenuAppSubItemUp:hover
{
    background-color: #4B4B4B;
}
.KeyMenuAppSubItemBody
{
    background-color: #000000;
    width: 100%;
    height: 0px;
    overflow: hidden;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.KeyMenuAppSubItemLink
{
    background-color: #000000;
    width: 90%;
    height: auto;
    border-bottom: solid 1px #B3B3B3;
    padding: 10px 10% 10px 0%;
    text-decoration: none;
    color: #D0D0D0;
    direction: rtl;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.KeyMenuAppSubItemLink:hover
{
    background-color: #222222;
    color: #FFFFFF;
}
.KeyMenuAppSubItemLinkAlone
{
    background-color: Black;
    width: 90%;
    height: auto;
    border-bottom: solid 1px #B3B3B3;
    padding: 10px 5% 10px 5%;
    text-decoration: none;
    color: #D0D0D0;
    direction: rtl;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.KeyMenuAppSubItemLinkAlone:hover
{
    background-color: #222222;
    color: #FFFFFF;
}


@media screen and (min-width:0px) and (max-width:600px)
{
    .KeyMenuAppMain
    {
        background-image: url('../ImagesFA/Sign-Menu3.png');
        width: 86px;
        height: 45px;
    }
    .KeyMenuAppSub
    {
        margin-top: 45px;
    }
}