@font-face {
  font-family: 'Yekan';
  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+ */
}
body 
{
    background:url(img/bk.png) repeat;
    margin:0;
    padding:0;
    	color: #2b2b2b;
	font-family: 'yekan',tahoma;
	font-size: 19px;
}
div 
{
margin:0 auto
}
ul {
list-style:none;
padding:0;
margin:0;
}
a {
text-decoration:none;
}
img {
border:none;
}
h1 {
font-size:18px;
color:#fff;
text-align:right;
font-weight:normal;
padding-right:10px;
border-right:solid 8px #f0b501; 
}
h2 {
text-align:center;
font-size: 14px;
line-height: 24px;
color: rgb(255, 255, 146);
font-weight:normal;
margin-top:0px;
}
input[type="submit"] {
    color: #FFF;
    font-size: 13px;
    display: block;
    margin: 5px;
    width: 90px;
    height: 30px;
    background-color: #d14939;
    border: medium none;
    border-radius: 3px;
    font-family: Tahoma;
    cursor:pointer;
         -moz-transition: all 0.5s  ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
input[type="submit"]:hover {
    background-color: #068a19;

}
.error{
	background:#FCD6D6;
	border:1px solid #FF8C8C;
	padding:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-bottom:10px;
}
.success{
	background:#BAE591;
	border:1px solid #61C42F;
	padding:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;	
	margin-bottom:10px;	
}
.morph {

     -moz-transition: all 0.5s  ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
 
.morph:hover {

  -webkit-transform: rotate(40deg);
     -moz-transform: rotate(40deg);
      -o-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
}
.animat {
   -moz-transition: all 0.7s  ease;
       -o-transition: all 0.7s ease;
      -ms-transition: all 0.7s ease;
          transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
}
.body 
{
width:1000px;
background-color:#fff;
margin-bottom:40px;
z-index:2;
position:relative;
}
.header {
width:100%;
height:150px;
position:relative;
}
.tel {
width:100%;
height:25px;
background-color:#5e5e5e;
position:relative;
}
.telNo {
    position:relative;
height:18px;
 background:url(img/tel.png) no-repeat left;
 margin:4px 0 3px 15px;
 text-align:left;
 padding:0 20px;
 position:absolute;
 color:#fff;
 font-size: 14px;
}
.logo {
width:100%;
height:88px;
 background:url(img/logo.png);
}
.navbar_ {
  margin-bottom: 0 !important;
  float: right;
  height:37px;
background-color:#5e5e5e;
width:100%;

}
.nav-collapse .nav {
  float: none !important;

}
.navbar_ .collapse {
  overflow: visible;
  line-height: 0 !important;
  font-size: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar_ .nav-collapse_ .nav li li {
  font-size: 24px;
  line-height: 24px;
  display: block;
}
.navbar_ .navbar-inner {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  min-height: inherit;
  border: none;
  background: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}
.navbar_ .nav-collapse_ {
  padding: 0;
  height: 36px !important;
}
.nav-collapse_ {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: relative;
  float: none;
  margin: 0;
  padding: 0;
  background: none;
  text-align: center;
}
.nav-collapse_ .nav {
  float: left;
  margin:0;
  padding: 7px 10px 0 0 ;
}
.nav-collapse_ .nav li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  float: left;
  text-transform: uppercase;
  zoom: 1;
  float:right;
  width:90px;
}
.nav-collapse_ .nav li:first-child {
  margin-right: 0;
}
.nav-collapse_ .nav > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  text-shadow: none;
  color: #fff;
  box-shadow: none !important;
  font:13px 'Yekan', sans-serif;
  text-transform: uppercase;
  padding: 0;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.nav-collapse_ .nav > li.active > a {
  color:#fcb714 !important;
  background: none !important;
  box-shadow: none;
}
.nav-collapse_ .nav > li a:hover {
  color: #fcb714 !important;
  background: none !important;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.nav-collapse_ .nav  li:hover li ul{
    display:block;
}
.nav-collapse_ .nav > .sfHover > a {
  color: #fd6b32 !important;
  background: none !important;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.nav-collapse_ .nav > li > a span {
  display: inline-block;
  height: 6px;
  background: url(../img/menu-marker.png) no-repeat;
  width: 7px;
  left: 30px;
  top: 29px;
  position: absolute;
}
/*-----subMenu1-----*/
.nav-collapse .nav li:hover  > ul {
display:block;
}
.nav-collapse .nav li:hover  > ul ul{
display:none;
}
.nav-collapse .sub-menu > ul {
  position: absolute;
  display: none;
  width: 100px;
  right: -5px;
  list-style: none !important;
  zoom: 1;
  z-index: 110000;
  background: #5e5e5e;
  padding: 20px 0 10px 0;
  margin: 0;
  text-align: center;
}
.nav-collapse .sub-menu > ul li {
  background: none;
  float: none;
  margin: 0;
  border-right: none;
  margin-bottom: 11px;
  box-shadow: none;
  padding: 0;
   width:100%;
}
.nav-collapse .sub-menu li:last-child {
  border-bottom: none;
}
.nav-collapse .sub-menu > ul li a {
  display: block;
  background: none;
  padding: 0;
  margin: 0;
  font: 13px Yekan, sans-serif;
  color: #fff;
  text-transform: none;
  background: none !important;
  border: none !important;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.nav-collapse .sub-menu > ul li a span {
  display: inline-block;
  background: url(../img/menu-marker2.png) no-repeat;
  width: 6px;
  height: 5px;
  position: relative;
  top: -2px;
}
.nav-collapse .sub-menu > ul li a:hover {
  text-decoration: none;
  color: #424242 !important;
  background: #fff !important;
  border: none !important;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.nav-collapse .sub-menu > ul li.sfHover > a {
  text-decoration: none;
  background: none !important;
  border: none !important;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  color: #424242 !important;
}
.nav-collapse .nav .sub-menu li:hover > ul{

display:block;
}
/*-----subMenu2-----*/
.nav-collapse .sub-menu ul ul {
  position: absolute;
  display: none;
  width: 175px;
  right:100px;
  top:0px;
  list-style: none !important;
  zoom: 1;
  z-index: 11;
  background: #ffffff;
  padding: 10px 0 10px 0;
  margin: 0;
  text-align: center;
}
.nav-collapse .sub-menu ul ul li a {
  display: block;
  background: none;
  padding: 0;
  margin: 0;
  font: 13px Yekan, sans-serif;
  color: #424242;
  text-transform: none;
  background: none !important;
  border: none !important;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.nav-collapse .sub-menu ul ul li a:hover {
  text-decoration: none;
  background:#e9c34a !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
        
.baner {
width:100%;
height:315px;
}
.right {
    width:350px;
float:right;
background:#f1f1f1 url(img/rightpanle.jpg)no-repeat left top;
padding:10px;
z-index:2000;
height:100%;
}
.News {
    width:340px;
height:202px;
float:right;
padding-top:10px;
padding-bottom:10px;
position:relative;
}
.NewsTittle {
    width:290px;
height:23px;
background: url(img/img.png)no-repeat scroll 0px -24px transparent ;
float:right;
margin-bottom:10px;
}
.arshivKhabar {
position:absolute;
bottom:5px;
left:50px;
}
.arshivKhabar a{
font-size:14px;
color:#d14939;

}
.arshivKhabar a:hover{
color:#fdb714;

}
.Links {
    width:340px;
min-height:165px;
float:right;
}
.LinksTittle {
    width:290px;
height:23px;
float:right;
background: url(img/img.png)no-repeat scroll 0px 0px transparent ;
margin-bottom:10px;
}
.right ul 
{
    margin-right:10px;
}
.right li {
    width:275px;
    text-align:right;
    float:right;
    
}
.right li a {

    color:#7f7f7f;
    font-size:17px;
         -moz-transition: all 0.5s  ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
 .right li a:hover {

    color:#d14939;
    margin-right:5px;
}
 .left {
    width:600px;
float:left;
background:#fff;
padding:20px 10px 0px 20px;
text-align:justify;
direction:rtl;
font-size:13px;
line-height:25px;
position:relative;
z-index:10;
}
  .Content {

background:#fff;
padding:20px 70px;
text-align:justify;
direction:rtl;
font-size:13px;
line-height:25px;
position:relative;
z-index:10;
min-height:300px;
}
 .tittlePage{
text-align:right;
color:#d14939;display:block;
font-size:19px;
margin-bottom:10px;
padding:0 10px;
border-right:solid 2px #d14939; 
background:#f3f3f3;
width:400px;
}
.leftMenu {
width: 630px;
height: 160px;
margin-top: 62px;
margin-right: -25px;
z-index:10;
}
.leftMenu .cer{
      border-radius: 100%;
 width:141px;
 height:141px;
 float:left;
 border:solid 1px #9e9e9e;
 background-color:#fcb714; 
   overflow: hidden;  
}
.leftMenu .cer:hover{

 background-color:#d14939; 
  border:solid 1px #d14939;
}
.leftMenu a{
text-align:center;
font-size:22px;
 width:145px;
 height:145px;
 float:right;
  margin:0 4px;
  color:#30312c;
}
.leftMenu a:first-child{
margin-right:21px;
}
.leftMenu a .cer span{
text-align:center;
font-size:22px;
display:block;
margin-top:58px;
}
.leftMenu a .cer:hover span{
color:#fff;
}
.product {
width:700px;
min-height:170px;
border-bottom:dotted #9e9e9e 1px;
margin-bottom:10px;
}
.product:last-child {

border-bottom:none;
}
.product img {
width:250px;
height:180px;
float:right;
margin:10px;
}
.product span {
width:320px;
float:left;
margin:0px 0px 10px 10px;

}
.product span.sub {
color:#fdb714;
margin:10px 0px 0px 10px;
font-weight:bold;
}
.article li{
    width:80%;
    line-height:25px;
   
    margin:5px 50px 5px 0;
    height:27px;
     border-bottom:dashed #9e9e9e 1px;
}
.article li a.sub{
    color:#5e5e5e;
}
.article li a.sub:hover{
    color:#d14939
}
 .article li a.download{
    color:#00d011;
    float:left;
      background:url(img/download2.png) center left  no-repeat;
      padding-left:30px;
}
.article li a.download:hover{
    color:#d14939;
    background:url(img/download.png) center left  no-repeat;
}



.products li{
    width:500px;
    line-height:25px;
    margin:20px 5px;
    height:27px;
     border-bottom:dashed #9e9e9e 1px;
}
.products li a.sub{
    color:#d39f00;
    font-size:17px;
}
.products li a.sub:hover{
    color:#d14939
}
 .products li a.link{
    color:#424242;
    float:left;
      margin-left:30px;
}
.products li a.link:hover{
    color:#d14939;
}

.newslist li{
    width:100%;
    line-height:25px;
   
    margin:5px 0px 5px 0;
    height:27px;
     border-bottom:dashed #9e9e9e 1px;
}
.newslist li a.sub{
    color:#5e5e5e;
}
.newslist li a.sub:hover{
    color:#d14939
}
 .newslist li span.date{
    color:#a17804;
    float:left;
    font-size:12px;
}
.member {
width:100%;
min-height:50px;
position:relative;
margin-bottom:10px;
border-bottom:dashed #9e9e9e 1px;
}
.member:last-child {

border-bottom:none;
}
.member img{
width:100px;
height:70px;
margin:0px 25px 0px 0px;
float:left;
background-color:#9db579;
}
.member span.sub{
color:#d14939;
}
.member span.name{
color:#397dd1;
}
.member img.picartc{
width:auto!important;
height:auto!important;
margin-top:15px;
}
     table {
      width:100%;
      border:none;
    }
 table tr {
height:30px
    }
 table td.sub {
      width:98px;
      text-align:right;
      padding-left:10px;
      color:#d14939;
      
    }

      
    
      table td.txt {
      text-align:right;
      color:#5e5e5e
    }
            table td.txt  input[type="text"],table td.txt  input[type="password"] 
            {
border:#c4c4c4 1px solid;
background:#fafafa;
padding:5px;
width:200px;
font-family:'yekan',tahoma;
    }
                        table td.txt  textarea 
            {
border:#c4c4c4 1px solid;
background:#fafafa;
padding:5px;
width:400px;
font-family:'yekan',tahoma;
height:100px;
    }


.questionSend {
    margin-top:10px;
}
.question {
    width:100%;
min-height:50px;
position:relative;
margin-bottom:10px;
border-bottom:dashed #9e9e9e 1px;
}
.question span.qus{
color:#3b77b1;
display:block;
}
.question span.res{
color:#9e9e9e;
display:block;
}
.footer {
height:150px;
width:100%;
  background-image:url(img/bgFooter.jpg) ;
  background-repeat:repeat;
  float:left;
}
.footerLogo {
height:90px;
  margin:35px;
  float:right;
}
.footerLogo ul {
margin:0;
padding:0;
}
.footerLogo li {
height:90px;
width:90px;
margin-right:10px;
  float:right;
}
.footerLogo li img{
height:90px;
width:90px;
-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);

filter: grayscale(100%);

filter: url(desaturate.svg#greyscale);
filter: gray;
        
}
.footerLogo li img:hover{

    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
}
.footerAbout {
height:115px;
width:360px;
  margin:20px 35px 0px 35px;
  float:left;
    background-image:url(img/bgFooter2.jpg) ;
    border-radius:5px;
}
.footerAbout li{
width:340px;
direction:rtl;
margin:10px;
font-size:15px;
color:#fff;
}
.footerAbout span{
color:#fcb714;
}
.Copyright {
height:60px;
width:100%;
  background:#212121 ;
  float:left;
}
.Copyright span {
margin-right:30px;
margin-top:18px;
font-size:15px;
color:#fff;
  float:right;
}
.spad{
     width:130px;
    height:60px;
    background:url(img/spad.png);
    float:left;
    margin-left:15px;
}
.spad:hover{
    background:url(img/spad.png)0px 62px;
}
  .bkFooter 
{
    background:url(img/bkFooter.png) center center no-repeat;
height:331px;
margin-top:-331px;
z-index:1;
position:relative;
}