/*---------------IMPORT------------------- */
@import url('font.css');
/*---------------------------------- */

*{
	margin:0;
	padding:0;
	direction:rtl;
	/*text-align:center;*/
}
body{
	  background:url(../image/back.png);
	  margin:15px;
}

.right{	text-align: right;}
.left{text-align: left;}
.center{text-align: center;}
.justify{text-align: justify;}

#page{
	direction:rtl;
	font-family:Tahoma, Geneva, sans-serif;
	width:893px;
	min-height:735px;
	position:relative;
	margin:0px auto;
	text-align:center;
	border-radius:15px;
	border:1px solid #999;

	box-shadow:5px 5px 15px #000000;
	
	background: -moz-linear-gradient(-45deg ,rgba(31,25,82,.8) 0%,rgba(133,128,189,.8) 100%), url(../image/firstpage_back.jpg);
	background: -webkit-linear-gradient(-45deg ,rgba(31,25,82,.8) 0%,rgba(133,128,189,.8) 100%), url(../image/firstpage_back.jpg);
	background: -o-linear-gradient(-45deg ,rgba(31,25,82,.8) 0%,rgba(133,128,189,.8) 100%), url(../image/firstpage_back.jpg);
	background: linear-gradient(-45deg ,rgba(31,25,82,.8) 0%,rgba(133,128,189,.8) 100%), url(../image/firstpage_back.jpg);
	background: -ms-linear-gradient(-45deg ,rgba(31,25,82,.8) 0%,rgba(133,128,189,.8) 100%), url(../image/firstpage_back.jpg);
	background-repeat:  repeat-y;
	background-position: bottom right, top right;
}


/* ---------------  menu ------- */
#menu{
	width:890px;
	height:50px;
	top:30px;

	position:absolute;
	margin:0px auto;
}
#menu .bar{
	background: -moz-linear-gradient(90deg,rgba(62,8,16,.5) 0%,rgba(235,204,208,1) 100%) ;
	background: -webkit-linear-gradient(90deg,rgba(62,8,16,1) 0%,rgba(235,204,208,1) 100%);
	background: -o-linear-gradient90deg,rgba(62,8,16,1) 0%,rgba(235,204,208,1) 100%);
	background: linear-gradient(90deg,rgba(62,8,16,.5) 0%,rgba(235,204,208,.5) 100%) ;
	background:-ms-linear-gradient(90deg,rgba(62,8,16,1) 0%,rgba(235,204,208,1) 100%) ;
	
	height:50px;
	margin-left:-2px;
	box-shadow:0px 0px 5px #000;	
}

#menu .name{
	background: url(../image/mjr.png) no-repeat ;
	width:103px;
	height:74px;
	display:block;
	position:absolute;
	margin-top:-15px;
	left:0;
	z-index:99;
}


#menu .div_list{
	text-align:left;
	font-size:14px;
}

#menu .div_list ul{
	list-style:none;
}

#menu .div_list ul a{
	background: -moz-linear-gradient(-30deg,rgba(41,101,103,1) 0%,rgba(191,223,223,1) 60%) ;
	background: -webkit-linear-gradient(-30deg,rgba(41,101,103,1) 0%,rgba(191,223,223,1) 60%);
	background: -o-linear-gradient(-30deg,rgba(41,101,103,1) 0%,rgba(191,223,223,1) 60%);
	background: linear-gradient(-30deg,rgba(41,101,103,1) 0%,rgba(191,223,223,1) 60%) ;
	background: -ms-linear-gradient(-30deg,rgba(41,101,103,1) 0%,rgba(191,223,223,1) 60%) ;
	min-width:50px;
	height:60px;
	margin:10px;
	margin-top:-15px;
	padding:0px 0px 0px 0px;
	display: block;
	opacity:1;
	box-shadow:3px 3px 1px rgba(2,23,12,0.7);
	border-radius:1px 1px 5px 5px;
	line-height: 80px;
	text-decoration:none;
	text-shadow:1px 0px 0px #000,-1px 0px 0px #000,0px 1px 0px #000,0px -1px 0px #000,2px 2px 3px #000;
	font-family: 'titr','Tahoma';
	font-size: 15px;
	color: #FFF;
	text-align: center;	
	/*position:absolute;*/
}

#menu .div_list ul a:hover{
	opacity:1;
	line-height: 40px;
}

#menu .div_list li{
		float:right;
		position:relative;
}

#menu .right_under_text{
	width:400px;
	color:#FFF;
	text-align:right;
	position:relative;
	font-size:14px;
	margin:0px  15px;
	display:block;
	float:right;
	font-family: Tahoma;
}

#menu .left_under_text{
	width:400px;
	color:#FFF;
	text-align:left;
	position:relative;
	font-size:14px;
	color:#312034;
	margin-right:45px;
	display:block;
	float:right;
	font-family: titr,Tahoma;
}

/* --------------- End of menu ------- */


/* --------------- admin menu ------- */
.admin_menu {
	width: 870px;
	height:45px;
	margin: 0 auto;
}
.admin_menu ul{
	list-style: none;
	margin: 0 auto;
	position: relative;
}
.admin_menu  ul li{
	float: right;
	text-decoration: none;
	margin: 2px;
	font-family: Koodak,Tahoma;
}
.admin_menu ul li a {
	text-decoration: none;
	color: #333;
	font-family: Koodak,Tahoma;
	font-weight:normal;
	font-size:14px;
	text-shadow:1px 1px 1px #444,  -1px -1px 1px #444,  1px -1px 1px #444,  -1px 1px 1px #444;	
	padding: 1px 10px;
	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
	cursor: pointer;
	color: #333;
	background-color: #f6e312;
	border: 1px solid #e9ac1a;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#4d90fe', endColorstr='#4787ed');
	border: 1px solid #3079ed;
	color: #fff;
	background-color: #4d90fe;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
	background-image: linear-gradient(top,#4d90fe,#4787ed);	
}

.admin_menu ul li a:HOVER{
	background-color: #3079ed;
	background-image: none;
	color: #fff;
	text-shadow: none;
}

.admin_menu ul li a.selected{	
	background-color: #d14836;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));
	background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
	background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
	background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
	background-image: -o-linear-gradient(top,#dd4b39,#d14836);
	background-image: linear-gradient(top,#dd4b39,#d14836);
	color: #fff;
	text-shadow: none;
}

/* --------------- END admin menu ------- */

/* --------------- Box -------------*/
#box_block{
	width:890px;
	/*height:650px;*/
	position:relative;
	top:120px;
	padding-bottom:35px;
}

.norm{
	background:rgba(255,255,255,0.5);
	border-radius:25px;
	border:1px solid #FFF;
	width:850px;
	margin:0 auto;
/*	margin-bottom:25px;*/
	padding:10px;
	box-shadow:0px 0px 0.5em #000;
	position:relative;
	margin-bottom:100px;

}


#news{
	background: -moz-linear-gradient(rgba(93,100,173,.58) 0%,rgba(7,10,41,.58)) 100%) ;
	background: -webkit-linear-gradient(rgba(93,100,173,.58) 0%,rgba(7,10,41,.58)) 100%) ;
	background: -o-linear-gradient(rgba(93,100,173,.58) 0%,rgba(7,10,41,.58)) 100%) ;
	background: linear-gradient(rgba(93,100,173,0.58) 0%,rgba(7,10,41,0.58) 100%) ;
	background:-ms-linear-gradient(rgba(93,100,173,.58) 0%,rgba(7,10,41,.58)) 100%) ;

	width:250px;
	height:400px;
	border:1px solid rgba(235,229,69,0.5);
	box-shadow:3px 3px 12px #000000;
	position:relative;
	top:100px;
	margin-right:30px;
	display:block;
	float:right;
	
}

#news .title{
	margin-top:-25px;
	color:#FFF;
	right:0;
	text-align:right;
	position:relative
}

#new_art{
	background: -moz-linear-gradient(rgba(44,4,11,0.58) 0%,rgba(210,171,178,0.58) 100%);
	background: -webkit-linear-gradient(rgba(44,4,11,0.58) 0%,rgba(210,171,178,0.58) 100%);
	background: -o-linear-gradient(rgba(44,4,11,0.58) 0%,rgba(210,171,178,0.58) 100%);
	background: linear-gradient(rgba(44,4,11,0.58) 0%,rgba(210,171,178,0.58) 100%) ;
	background: -ms-linear-gradient(rgba(44,4,11,0.58) 0%,rgba(210,171,178,0.58) 100%);
	width:250px;
	height:400px;
	box-shadow:3px 3px 12px #000000;
	position:relative;
	top:0px;
	margin-right:40px;
	display:block;
	float:right;
	
}

#new_art .title{
	margin-top:-25px;
	color:#FFF;
	right:0;
	text-align:right;
	position:relative
}


#tips{
	background: -moz-linear-gradient(rgba(93,100,173,.58) 0%,rgba(7,10,41,.58)) 100%) ;
	background: -webkit-linear-gradient(rgba(93,100,173,.58) 0%,rgba(7,10,41,.58)) 100%) ;
	background: -o-linear-gradient(rgba(93,100,173,.58) 0%,rgba(7,10,41,.58)) 100%) ;
	background: linear-gradient(rgba(93,100,173,0.58) 0%,rgba(7,10,41,0.58) 100%) ;
	background:-ms-linear-gradient(rgba(93,100,173,.58) 0%,rgba(7,10,41,.58)) 100%) ;
	
	width:250px;
	height:400px;
	border:1px solid rgba(235,229,69,0.5);
	box-shadow:3px 3px 12px #000000;
	position:relative;
	
	top:190px;
	margin-right:615px;
	
	
	
}

#tips .title{
	margin-top:-25px;
	color:#FFF;
	right:0;
	text-align:right;
	
}



#bottom_page{
	width:890px;
	height:25px;
	background:#4A3B4D;

	position:relative;
	/*top:70px;*/
	margin:15px auto;
	border:2px solid #999;
	border-radius:10px;
	box-shadow:3px 3px 7px #000000;
	padding: 3px 0px;
	
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#CCC;
}

#bottom_page ul{
	list-style: none;
}

#bottom_page ul li {
	float: right;
	font-family: koodak,Tahoma;
	padding: 0 60px;
	border-left: 1px inset #AAA;
}

#bottom_page ul li:Last-CHILD {
		border-left: none;
}

#bottom_page ul li span{
	border-radius:45px;	
	border: 1px solid #ccc;
	margin: 0 15px;
	padding: 0 15px;
	text-align: center;
}

/*-------------- Button ------------------*/
.button{
	text-decoration: none;
	font-family: Koodak,Tahoma;
}
.button-19 {
	padding: 1px 15px;
	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
	cursor: pointer;
	color: #333;
	background-color: #f6e312;
	border: 1px solid #e9ac1a;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF6E312', endColorstr='#FFF9C80D');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6e312), color-stop(100%, #f9c80d));
	background-image: -webkit-linear-gradient(top, #f6e312 0%,#f9c80d 100%);
	background-image: -moz-linear-gradient(top, #f6e312 0%,#f9c80d 100%);
	background-image: -o-linear-gradient(top, #f6e312 0%,#f9c80d 100%);
	background-image: linear-gradient(top, #f6e312 0%,#f9c80d 100%);

	
	
}
.button-19:hover {
	/*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF6E312', endColorstr='#FFF9C80D');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6e312), color-stop(100%, #f9c80d));
	background-image: -webkit-linear-gradient(top, #f6e312 0%,#f9c80d 100%);
	background-image: -moz-linear-gradient(top, #f6e312 0%,#f9c80d 100%);
	background-image: -o-linear-gradient(top, #f6e312 0%,#f9c80d 100%);
	background-image: linear-gradient(top, #f6e312 0%,#f9c80d 100%);
	*/
	background-image:none;
	color:white;
	border-color:white;
	background-color: #2c3e50;
}

/*-------------- fav Link ------------------*/
.favlink_copy_box{
	width:890px;
	height:25px;
	margin: 5px auto;	
}
.favlink{
	display: block;
	float:left;
	width: 430px;
	
}

.favlink ul{
	list-style: none;
}
.favlink ul li{
	float: left;
	width: 25px;
	height: 30px;
	margin-right: 5px;
}

.favlink ul li a{
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 25px;
	height:30px;	
	display: block;
	text-decoration: none;	
}

.favlink ul li a.insta{
	background-image: url("../image/insta.png");
}
.favlink ul li a.insta:hover{
	background-image: url("../image/insta.png");
	background-position: -25px;
}

.favlink ul li a.telegram{
	background-image: url("../image/telegram.png");
}
.favlink ul li a.telegram:hover{
	background-image: url("../image/telegram.png");
	background-position: -25px;
}


.favlink ul li a.fb{
	background-image: url("../image/fb.png");
}
.favlink ul li a.fb:hover{
	background-image: url("../image/fb.png");
	background-position: -25px;
}

.favlink ul li a.gp{
	background-image: url("../image/gp.png");
}
.favlink ul li a.gp:hover{
	background-image: url("../image/gp.png");
	background-position: -25px;
}

.favlink ul li a.ng{
	background-image: url("../image/negarkhaneh.png");
}
.favlink ul li a.ng:hover{
	background-image: url("../image/negarkhaneh.png");
	background-position: -25px;
}


.favlink ul li a.azh{
	background-image: url("../image/azizihonar.png");
}
.favlink ul li a.azh:hover{
	background-image: url("../image/azizihonar.png");
	background-position: -25px;
}




.copyright{
	float: right;
	width: 430px;
	font-family: Yekan,Tahoma;
	font-size: 11px;
}

.copyright a {
	color: #06213c;
}

.copyright a:HOVER {
	color:blue;
	
}

/*-------------- end fav Link ------------------*/

/*-------------- w & h ------------------*/
.wrapper {
clear:both;
width: 850px;
height: 20px;
}
.clear {
clear:both;
}
.h100{	height: 100px;}
.h200{	height: 200px;}
.h300{	height: 300px;}
.h400{	height: 400px;}
.h500{	height: 500px;}
.h600{	height: 600px;}
.h700{	height: 700px;}
.h800{	height: 800px;}
.h900{	height: 900px;}

.w100{	width: 100px;}
.w200{	width: 200px;}
.w300{	width: 300px;}
.w400{	width: 400px;}
.w500{	width: 500px;}
.w600{	width: 600px;}
.w700{	width: 700px;}
.w800{	width: 800px;}
.w900{	width: 900px;}