@font-face {
  font-family: "Mitra";
  font-style: normal;
  font-weight: 700;
  src: url("WebMitra-Bold.woff") format("woff");
}
body{
	direction: rtl;
	
	background-image: url('../img/bg.jpg');
	/*background-size: 100% auto;*/
	background-position: right top;
	background-size: cover;
	font-family:Mitra;
    font-size: 20px !important;
}
#container{
	width:400px;
	height: 450px;
	border-radius: 10px;
	padding: 10px;
	position: fixed;
	right:50%;
	margin-right: -200px;
	top: 50px;
	text-align: center;
	/*background-color: rgba(255,255,255,0.2)*/
}
a{
	text-decoration: none;
	color: white;
	/*text-shadow:
   0px 0px 0 #399adc,  
    1px 0px 0 #399adc,
    0px 1px 0 #399adc,
     1px 1px 0 #399adc;*/
}
a:hover{
	text-shadow:
   0px 0px 0 #399adc,  
    1px 0px 0 #399adc,
    0px 1px 0 #399adc,
     1px 1px 0 #399adc;
}
.gray{
	color: gray;
}
#right{
	width: 47%;
	float: right;
	text-align: left;
}
#left{
	width: 47%;
	float: left;
	text-align: right;
}