@font-face {
  font-family: 'Mitra';
  src: url('../Fonts/BMitra.eot?#') format('eot'),
       url('../Fonts/BMitra.woff') format('woff'),
       url('../Fonts/BMitra.ttf') format('truetype');
}
@font-face {
  font-family: 'nazanin';
  src: url('../Fonts/BNazanin.eot?#') format('eot'),
       url('../Fonts/BNazanin.woff') format('woff'),
       url('../Fonts/BNazanin.ttf') format('truetype');
}
@font-face {
  font-family: 'Yekan';
  src: url('../Fonts/BYekan.eot?#') format('eot'),
       url('../Fonts/BYekan.woff') format('woff'),
       url('../Fonts/BYekan.ttf') format('truetype');
}
.KeyUl
{
    width: 100%;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: table;
}
.KeyMenuHeader
{
    float: right;
    text-align: right;
}
.KeyMenuSubMainT
{
    text-decoration: none;
    font-family: 'nazanin';
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    width: 100%;
    height: 25px;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    color: #000000;
    cursor: pointer;
    -moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.KeyMenuSubMainT:hover
{
    color: #00AFA5;
    cursor: pointer;
}
.KeyMenuSubMain
{
    background-image: url('../ImagesFA/KeyTop-Back.png');
    background-repeat: repeat-x;
    background-position: left bottom;
    text-decoration: none;
    font-family: 'nazanin';
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    height: 40px;
    padding-top: 10px;
    color: #000000;
    cursor: pointer;
    -moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.KeyMenuSubMain:hover
{
    background-image: url('../ImagesFA/KeyTop-BackO.png');
    color: #00AFA5;
}

.KeyMenuSubMainA
{
    text-decoration: none;
    font-family: 'nazanin';
    font-weight: normal;
    color: White;
    text-align: center;
    width: 100%;
    height: 40px;
    padding-top: 10px;
    cursor: pointer;
    -moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.KeyMenuSubMainA:hover
{
    text-decoration: none;
    font-family: 'nazanin';
    font-weight: normal;
    color: White;
    text-align: center;
    width: 100%;
    height: 40px;
    padding-top: 10px;
    cursor: pointer;
}
.KeyMenuSubBody
{
    background-color: #FFFFFF;
    width: 170px;
    position: absolute;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
    display: table;
    border-left: solid 1px #00AFA5;
    border-right: solid 1px #00AFA5;
    border-bottom: solid 1px #00AFA5;
}
.KeyMenuSub
{
    background-image: url('../ImagesFA/Keys-Menu-Sep.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: Transparent;
    text-decoration: none;
    font-family: 'nazanin';
    font-weight: bold;
    font-size: 17px;
    color: #000000;
    text-align: right;
    width: 150px;
    height: 33px;
    padding-top: 12px;
    padding-right: 20px;
    cursor: pointer;
    -moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.KeyMenuSub:hover
{
    background-color: #00AFA5;
    color: #FFFFFF;
}
.KeyMenuSubLast
{
    background-color: Transparent;
    text-decoration: none;
    font-family: 'nazanin';
    font-weight: bold;
    font-size: 17px;
    color: #000000;
    text-align: right;
    width: 150px;
    height: 33px;
    padding-top: 12px;
    padding-right: 20px;
    cursor: pointer;
    -moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.KeyMenuSubLast:hover
{
    background-color: #00AFA5;
    color: #FFFFFF;
}
.KeyMenuLink
{
    text-decoration: none;
}


.KeyMenuSign
{
    background-image: url('../ImagesFA/KeyTop-Sign.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    cursor: pointer;
}

.KeyMenuApp
{
    float: right;
    width: 180px;
    height: 60px;
}
.KeyMenuAppMain
{
    background-image: url('../ImagesFA/Sign-Menu2.png');
    background-repeat: no-repeat;
    background-position: 60px center;
    position: absolute;
    width: 180px;
    height: 60px;
    cursor: pointer;
}
.KeyMenuAppSub
{
    background-color: #333333;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 0px;
    margin-top: 60px;
    font-family: 'nazanin';
    font-size: 22px;
    color: White;
    text-align: right;
    z-index: 100000;
    overflow: hidden;
    -moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.KeyMenuAppSubItem
{
    background-image: url('../ImagesFA/Sign-Menu2Sub.png');
    background-repeat: no-repeat;
    background-position: 5% center;
    background-color: Transparent;
    width: 90%;
    height: 40px;
    border-bottom: solid 1px #B3B3B3;
    padding: 20px 5% 0px 5%;
    cursor: pointer;
    direction: rtl;
    -moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-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: 40px;
    border-bottom: solid 1px #B3B3B3;
    padding: 20px 5% 0px 5%;
    cursor: pointer;
    direction: rtl;
    -moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.KeyMenuAppSubItemUp:hover
{
    background-image: url('../ImagesFA/Sign-Menu2Sub2.png');
    background-repeat: no-repeat;
    background-position: 5% center;
    background-color: #4B4B4B;
    width: 90%;
    height: 40px;
    border-bottom: solid 1px #B3B3B3;
    padding: 20px 5% 0px 5%;
    cursor: pointer;
    direction: rtl;
}
.KeyMenuAppSubItemBody
{
    background-color: Black;
    width: 100%;
    height: 0px;
    overflow: hidden;
    -moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

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