@charset "utf-8";
    body {
      margin: 0;
      padding: 0;
      background: #262626;
      font: 13px/1.5 BYekan, Tahoma, Verdana, Helvetica, sans-serif;
    }

    @font-face {
    font-family:'BYekan';/*تعریف یک نام برای فونت*/
    src:url('fonts/BYekan.eot');/*اکسپلورر 9 به بعد*/
    src:local('bYekan'),/*بررسی نصب بودن فونت در سیستم کاربر*/
        local('b Yekan'),/*برای برخی از مرورگرها مانند سافاری*/
        url('fonts/BYekan.eot?#iefix') format('embedded-opentype'),/*هک برای اکسپلورر 8 و ماقبل*/
        url('fonts/BYekan.woff') format('woff'),/*مرورگر های جدید*/
        url('fonts/BYekan.ttf') format('truetype'),/*تمام مرورگرها به جزء اکسپلورر*/
        url('fonts/BYekan.svg#BYekan') format('svg');/*نسخه های قدیمی سیستم عامل iOS*/
    font-style:normal;
    font-weight:normal;
}


	
	.pagetitle {
	  height:54px;
      bottom: 0;
      left: 0;
      right: 0;
      /*margin-bottom: -50px;*/
	  background-image:url(titlebar.jpg);
	  background-repeat:repeat-x;
      /*background: rgba(54, 54, 54, 1);*/
      color: #FFF;
      text-align: center;
    }
	
	.pagefooter {
      bottom: 0;
      left: 0;
      right: 0;
      /*margin-bottom: -50px;*/
      background: #363636;
      background: rgba(54, 54, 54, 1);
      color: #8b8b8b;
      padding: 5px 5px 5px 5px;
	  text-align:center;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:11px;
    }
	
	
	a{
	text-decoration:none;
	color:#006302;
	}
	
	li{
	color:#005102;
	}
	.titlecolor {
	color: #797478;}

.container {
	width: 100%;
	margin: 10px auto;
	overflow: hidden;
}

.galleryItem {
	color: #797478;
	
	float: left;
	
	text-align:right;
	direction:rtl;
	background-color:#000000;
	
	
	width: 23%;
	margin:  1% 1% 10px 1%;	
}

.galleryItem h3 {
	text-transform: uppercase;
	padding:5px;
}

p {
	padding:0 5px 0 5px;
	font-size:15px;
	font-weight:bold;
}

.galleryItem img {
	width: 100%;
	
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
	
	/*-webkit-filter:sepia(100%);
    filter:sepia(100%);*/
 
}

.galleryItem img:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}

/* 4 column > 4*(23% + 2% left and right) = 100% */
@media only screen and (max-width : 940px){
	.galleryItem {width: 23%;}
}


/* 3 column > 3*(31.33333% + 2% left and right) = 100% */
@media only screen and (max-width : 800px){
	.galleryItem {width: 31.33333%;}
}

/* 2 column > 2*(48% + 2% left and right) = 100% */
@media only screen and (max-width : 630px){
 .galleryItem {width: 48%;}
 .pagefooter {font-size: 9px;}
 .galleryItem img {
  filter: none;
  -webkit-filter: grayscale(0);
}
}
 
/* 1 column > 1*(98% + 2% left and right) = 100% */
@media only screen and (max-width : 420px){
 .galleryItem {width: 98%;}
 .galleryItem img {width: 100%;}
 .galleryItem h3 {font-size: 22px;}
 .galleryItem p {font-size: 22px;}
 .pagefooter {font-size: 12px;}
 .galleryItem img {
  filter: none;
  -webkit-filter: grayscale(0);
}
}