/* CSS Document  for 8tarh.ir*/
@font-face 
{
    font-family:'B Yekan';
    src:url('../fonts/BYekan.eot');
    src:url('../fonts/BYekand41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BYekan.woff') format('woff'),
        url('../fonts/BYekan.ttf') format('truetype');
}
body
{
	font-family:'B Yekan';
	font-size:14px;
	background:url(../images/bg.png);
}
a
{
	text-decoration:none;
}



.menu {
position:absolute;
}

.menu ul {
width: 950px;
margin: 0 auto;
top:5px;
text-align: right;
height: 60px;
margin-right: 50px;
direction: rtl;
}

.menu li {
display: inline-block;
font: 16px Byekan,B yekan,Tahoma;
direction: rtl;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.56);
text-align: center;
color: #fff;
margin-right: -4px;
text-shadow: 1px 1px #000;
padding: 7px 20px 8px 20px;
margin-top: 0px;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
}

.menu a{
	color:#fff;
}

.one a{
	color: #FF5E84;
}

.menu li:hover{
	color: #FF5E84;
	background:none repeat scroll 0% 0% rgba(0, 0, 0, 0.54);
}

.menu a:hover{
	color: #FF5E84;
}




.header
{
	background:url(../images/bg-header.png);
	width:100%;
	left:0px;
	top:0px;
	position:absolute;
	height:140px;
}




.logo
{
	background:url(../images/logo.png);
	width:260px;
	height:160px;
	margin-top:3px;
	background-size: cover;
}

.inner
{
	background:url(../images/picanar.png);
	width:985px;
	height:500px;
	border:solid 0px;
	margin-top:130px;
}
.footer
{
	background:url(../images/fot.png);
	left:0px;

	position:absolute;
	width:100%;
	height:50px;
}
.copy {
border: 0px;
width: 320px;
height: 30px;
background: #3a3a3a;
text-shadow: 0px 1px 
 color:#d8d8d8;
margin-top: 5px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
color: #fff;
text-shadow: #000 1px 1px;
box-shadow: 1px 3px rgba(0, 0, 0, 0.11);
}

.tf-user {
background: url(../images/go.png) 0 -10px no-repeat;
position: absolute;
border: solid 0px;
width: 178px;
height: 40px;
text-align: right;
font-family: b yekan,tahoma;
color: #4D4D4D;
text-shadow: 0px 0px 1px #EEE;
padding-right: 40px;
}
.tf-pass {
background: url(../images/go.png) 0 -55px no-repeat;
position: absolute;
border: solid 0px;
width: 178px;
height: 40px;
text-align: right;
font-family: "b yekan";
color: #666666;
text-shadow: 0px 0px 1px #EEE;
padding-right: 40px;
}
*{outline:none;}
option
{
	padding:7px;
outline: none;
}
.select {
background: url(../images/go.png) 0 -55px no-repeat;
position: absolute;
border: solid 0px;
width: 220px;
height: 42px;
text-align: right;
font-family: "b yekan";
color: #666666;
text-shadow: 0px 0px 1px #EEE;
padding-right: 41px;
outline: none;
direction: rtl;
text-shadow: 1px 1px #fff;
left: 2px;
}

.btn {
background: url(../images/go.png) 0 -100px no-repeat;
position: absolute;
border: solid 0px;
width: 220px;
height: 42px;
text-align: right;
font-family: "b yekan";
color: #666666;
text-shadow: 0px 0px 1px #EEE;
padding-right: 40px;
cursor: pointer;
outline: none;
-moz-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
}

.btn:hover {
	filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}

.on {
position: absolute;
font-size: 24px;
margin-top: 350px;
margin-left: 70px;
color: #797979;
text-shadow: 1px 3px rgba(0, 0, 0, 0.06);
}


.linkdoni {
position: relative;
top: 270px;
right: 195px;
}

.menu2 {
position: relative;
float: left;
left:63px;
top:-15px;
}

.linkdoni li {
list-style: none;
color: #fff;
text-align: right;
direction: rtl;
padding:3px;
}

.menu li {
list-style: none;
color: #fff;
text-align: right;
direction: rtl;
padding:3px;
}

.linkdoni li a {
color: #fff;
text-shadow: 1px 1px rgba(0, 0, 0, 0.54);
background: rgba(0, 0, 0, 0.56);
padding: 1px 7px 2px 7px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 14px;
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.21);
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
}

.menu li a {
top:5px;
color: #eaeaea;
text-shadow: 1px 1px rgba(0, 0, 0, 0.54);
background: rgba(0, 0, 0, 0.56);
padding: 1px 7px 2px 7px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 14px;
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.21);
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
}
.linkdoni li a:hover{

	color: #FFE064;
}
.menu li a:hover {
color: #FFFFFF;
text-shadow: rgba(0, 0, 0, 0.36) 1px 1px;
}