html {
	font-size: 22px;
    width:100%;
    height:100%;
}

body { 
	direction: rtl;
	background:url("gridBg.png")
}

/**
* Persian Font
* ----------------------------------------------------------------------------
*/
@font-face{
   font-family:'BKoodakBold';
      src:url('fonts/BKoodakBold.eot?#') format('eot'),
		  url('fonts/BKoodakBold.woff') format('woff'),
          url('fonts/BKoodakBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Traffic';
  src: url('fonts/Traffic.eot?#') format('eot'),  
       url('fonts/Traffic.woff') format('woff'),
       url('fonts/Traffic.ttf') format('truetype');
}
@font-face {
	font-family: 'BYekan';
	src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */ 
	url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ 
	url('fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'droid';
  src: url('fonts/parags.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/parags.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/parags.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face{
	font-family:WebYekan;
	src:url("fonts/WebYekan-Regular.eot");
	src:url("fonts/WebYekan-Regular.eot?#iefix") format("embedded-opentype")
	,url("fonts/WebYekan-Regular.woff") format("woff"),
	url("fonts/WebYekan-Regular.ttf") format("truetype"),
	url("fonts/WebYekan-Regular.svg#Mitra") format("svg")
}
@font-face{
	font-family:Nazanin;
	src:url("fonts/Nazanin-Bold.eot");
	src:url("fonts/Nazanin-Bold.eot?#iefix") format("embedded-opentype"),
	url("fonts/Nazanin-Bold.woff") format("woff"),
	url("fonts/Nazanin-Bold.ttf") format("truetype"),
	url("fonts/Nazanin-Bold.svg#Mitra") format("svg")
}
@font-face{
	font-family:NasimBold;
	src:url("fonts/NasimBold-Bold.eot");
	src:url("fonts/NasimBold-Bold.eot?#iefix") format("embedded-opentype"),
	url("fonts/NasimBold-Bold.woff") format("woff"),
	url("fonts/NasimBold-Bold.ttf") format("truetype"),
	url("fonts/NasimBold-Bold.svg#Mitra") format("svg")
}

*, h1, {
	font-family: Nazanin, "Nazanin", "Source Sans Pro", Helvetica, sans-serif;
			font-size: 28px;
}
*, h2, {
	font-family: Nazanin, "Nazanin", "Source Sans Pro", Helvetica, sans-serif;
			font-size: 26px;
}
*, h3,  {
	font-family: WebYekan, "WebYekan", "Source Sans Pro", Helvetica, sans-serif;
			font-size: 24px;
}
*, h4, {
	font-family: NasimBold, "NasimBold", "Source Sans Pro", Helvetica, sans-serif;
			font-size: 22px;
}
*, h5,  {
	font-family: Traffic, "Traffic", "Source Sans Pro", Helvetica, sans-serif;
		font-size: 22px;
}
*, h6, .widget .widget-title, .site-description, .site-title {
	font-family: BKoodakBold, "BKoodakBold", "Source Sans Pro", Helvetica, sans-serif;
		font-size: 22px;
}

.footer{
    width:100%;
    height:auto;
    background-color:#369;
    color:#FFF;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px; 
}
hr{
    border:0px;
    border-bottom:1px dashed #CCC;
}

.error{
    width:400px;
    border:1px #d3400d solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin:5px 10px 10px 10px;
    padding:10px 10px 10px 10px;
    background:#ff8053;
}

.ok{
	font-size: 19px;
	align: justify;
	text-align: justify;
    width:280px;
    border:1px #a1cb45 solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin:5px 10px 10px 10px;
    padding:10px 10px 10px 10px;
    background:#eaf8cc;
    display:block;
}

input,textarea
{
	border:1px solid  #F60;
	padding:2px 4px 1px 4px;
	color:#7A7A7A;
	font-size:15px;
	font-family:droid,sans-serif,tahoma;
	-webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-ms-transition: all 0.3s ease-out;  /* IE10? */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	transition: all 0.3s ease-out;
}

input:hover , textarea:hover
{
	-webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-ms-transition: all 0.3s ease-out;  /* IE10? */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	transition: all 0.3s ease-out;
	box-shadow:0 0 5px 1px orange;
	border-color:orange;
}


input:focus , textarea:focus
{
	-webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-ms-transition: all 0.3s ease-out;  /* IE10? */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	transition: all 0.3s ease-out;
	box-shadow:0 0 5px 1px #04A5FB;
	border-color:#04A5FB;
}


/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% Tahoma, Geneva, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 14px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 13px;
	padding: .2em 1em .275em;
}
/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
/* image 
---------------------------------------------- */
.img{
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-box-shadow:5px 5px 5px #000; 
 -webkit-box-shadow:10px 10px 5px #000; 
 box-shadow:10px 10px 5px #000;
 filter:alpha(opacity=80); 
 -webkit-transition:all 0.3s ease-in;
 -moz-transition:all 0.3s ease-in;
 -o-transition:all 0.3s ease-in;
 transition:all 0.3s ease-in;
 } 
 .img:hover{
 opacity:0.8;
filter:alpha(opacity=100);
 } 
 .img:hover{
 box-shadow:0px 0px 3px gray;
 -webkit-box-shadow:0px 0px 10px gray;
 -moz-box-shadow:0px 0px 10px gray;
 -webkit-transform: rotate(5deg); 
 -moz-transform: rotate(5deg);  
 }
         a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #036;
}
a:hover {
	text-decoration: none;
	color: #00F;
}
a:active {
	text-decoration: underline;
	color: #FF0;
} 

.deta{
	font-size:12.4px;
	font-family:tahoma,arial;
	direction:rtl;
	line-height:160%;
	text-align:center ;
	}