@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'BNazanin';
  src: url('fonts/BNazanin.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BNazanin.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BNazanin.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
  font-family: 'BKoodakBold';
  src: url('fonts/BKoodakBold.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.header{
	width:85%;
	text-align:center;
	line-height: 13;
	border:1px solid #666;
	box-shadow:3px 3px 3px #666;
	margin:0 auto;
	height:70px;
	box-shadow:3px 3px 3px #666;
	border-radius:8px;
	background:url(images/bc.jpg);
	
}

.main{
	width : 85%;
	height: 90%;
	margin : 5px auto;
	border : 1px solid #666;
	box-shadow : 3px 3px 3px #666;
	border-radius : 8px;
	direction : rtl;
}
.center{
	width : 79%;
	height: 80%;
	margin-right : 20%;
	margin-top : 10px;
	margin-bottom : 10px;
	border : 1px solid #666;
	box-shadow : 3px 3px 3px #666;
	border-radius : 8px;
	font-family : B nazanin,bnazanin,tahoma;
	font-size : 13px;
	font-weight : bold;
}
.cn{
	width : 85%;
	height: 80%;
	margin : 1% auto;
	margin-right : 1%;
	font-family : B nazanin,bnazanin,tahoma;
	font-size : 14px;
	font-weight : bold;
}
/* menu */ 
.menu{
	width : 15%;
	margin : 8px;
	margin-top : 10px;
	border : 1px solid #666;
	box-shadow : 3px 3px 3px #666;
	border-radius : 8px;
	font-family : B koodak,bkoodak,tahoma;
	font-size : 12px;
	font-weight : bold;
	float : right;
	align-content: center;
	align-items: center;
	direction: rtl;
}menu ul,
.menu li,
.menu a {
	margin: 0;
	
}
 
 
.menu li {
	display: block;
	height: 40px;
}
/*            */
.menu li a {
	padding: 0 14px;
	margin: 6px 0;
	line-height: 28px;
    text-decoration:none;
	font-weight: bold;
	font-size: 14px;
	color: #000; 
}
 

.menu li:last-child a{ 
	border-left: none;
}
 
.menu li:hover > a { 
	color: #888;
	text-decoration:underline;
}

.button {
    overflow: hidden;
 
    position: relative;
    -moz-box-shadow: 0px 8px 19px -6px #ff170f;
    -webkit-box-shadow: 0px 8px 19px -6px #ff170f;
    box-shadow: 0px 8px 19px -6px #ff170f;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f74134), color-stop(1, #f74134));
    background:-moz-linear-gradient(top, #f74134 5%, #f74134 100%);
    background:-webkit-linear-gradient(top, #f74134 5%, #f74134 100%);
    background:-o-linear-gradient(top, #f74134 5%, #f74134 100%);
    background:-ms-linear-gradient(top, #f74134 5%, #f74134 100%);
    background:linear-gradient(to bottom, #f74134 5%, #f74134 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f74134', endColorstr='#f74134',GradientType=0);
    background-color:#f74134;
    -moz-border-radius:29px;
    -webkit-border-radius:29px;
    border-radius:29px;
    display:inline-block;
    cursor:pointer;
    padding:17px 38px;
    text-decoration:none;
    text-shadow:0px 0px 0px #632c0e;
}
.button:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f74134), color-stop(1, #f74134));
    background:-moz-linear-gradient(top, #f74134 5%, #f74134 100%);
    background:-webkit-linear-gradient(top, #f74134 5%, #f74134 100%);
    background:-o-linear-gradient(top, #f74134 5%, #f74134 100%);
    background:-ms-linear-gradient(top, #f74134 5%, #f74134 100%);
    background:linear-gradient(to bottom, #f74134 5%, #f74134 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f74134', endColorstr='#f74134',GradientType=0);
    background-color:#f74134;
}
.button:active {
    position:relative;
    top:1px;
}
.button:before {
    background-position: 73%;
    background-size: 60px;
    position: absolute;
    top: 0;
    left: 0;
    height: 7000%;
    width: 100%;
    display: block;
    z-index: 0;
    content: "";
    opacity: .05;
    pointer-events: none;
}


#dark{
	background-color:#333;
	border:1px solid #000;
	padding:10px;
	margin-top:20px;}
	
#light{
	background-color:#FFF;
	border:1px solid #dedede;
	padding:10px;
	margin-top:20px;}	
	
li{ 
list-style:none;
	padding-top:10px;
	padding-bottom:10px;}	
	
.example_f {
   border-radius: 40px;
   background: linear-gradient(to left, #67b26b, #4ca2cb) !important;
   border: none;
   color: #FFFFFF;
   text-align: center;
   text-transform: uppercase;
   font-size: 22px;
   padding: 20px;
   width: 300px;
   transition: all 0.4s;
   cursor: pointer;
   margin: 50px;
   position:absolute;
   top: 20% ; 
   right:34%;

 }
 
 .example_ff {
   border-radius: 40px;
   background: linear-gradient(to left, #67b26b, #4ca2cb) !important;
   border: none;
   color: #FFFFFF;
   text-align: center;
   text-transform: uppercase;
   font-size: 22px;
   padding: 20px;
   width: 300px;
   transition: all 0.4s;
   cursor: pointer;
   margin: 50px;
   position:absolute;
   top: 40% ; 
   right:34%;

 }
 .example_f span {
   cursor: pointer;
   display: inline-block;
   position: relative;
   transition: 0.4s;
 }
 .example_f span:after {
   content: '\00bb';
   position: absolute;
   opacity: 0;
   top: 0;
   right: -20px;
   transition: 0.5s;
 }
 .example_f:hover span {
   padding-right: 25px;
 }
 .example_f:hover span:after {
   opacity: 1;
   right: 0;
 }
 
  .example_ff span {
   cursor: pointer;
   display: inline-block;
   position: relative;
   transition: 0.4s;
 }
 .example_ff span:after {
   content: '\00bb';
   position: absolute;
   opacity: 0;
   top: 0;
   right: -20px;
   transition: 0.5s;
 }
 .example_ff:hover span {
   padding-right: 25px;
 }
 .example_ff:hover span:after {
   opacity: 1;
   right: 0;
 }


.button, .button:visited {
	background: #222 url(images/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 70px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
 
	.button:hover							{ background-color: #111; color: #fff; }
	.button:active							{ top: 1px; }
	.small.button, .small.button:visited 			{ font-size: 11px}
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 13px; 
												  font-weight: bold; 
												  line-height: 1; 
												  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
												  }
												  
	.large.button, .large.button:visited 			{ font-size: 14px; 
													  padding: 8px 14px 9px; }
													  
	.super.button, .super.button:visited 			{ font-size: 34px; 
													  padding: 8px 14px 9px; }
	
	.pink.button, .magenta.button:visited		{ background-color: #e22092; }
	.pink.button:hover							{ background-color: #c81e82; }
	.green.button, .green.button:visited		{ background-color: #91bd09; }
	.green.button:hover						    { background-color: #749a02; }
	.red.button, .red.button:visited			{ background-color: #e62727; }
	.red.button:hover							{ background-color: #cf2525; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover						{ background-color: #d45500; }
	.blue.button, .blue.button:visited		    { background-color: #2981e4; }
	.blue.button:hover							{ background-color: #2575cf; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover						{ background-color: #fc9200; }

	
/* end menu */