body {
	
	  background-image: url(arka.jpg);
    background-position: center top;
    background-size: 100% auto;
	 background-repeat: no-repeat;
	 background-color:#0b0c07;
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size:10px;
}
.ana {display: block;font-size: 0;background:url(anasayfa.png) no-repeat; width:199px; height:103px; float:left;}
.ana:hover {background:url(anasayfa2.png) no-repeat;}

.ana1 {display: block;font-size: 0;background:url(indir.png) no-repeat; width:199px; height:103px; float:left;}
.ana1:hover {background:url(indir2.png) no-repeat;}

.ana2 {display: block;font-size: 0;background:url(sayfa.png) no-repeat; width:199px; height:103px; float:left;}
.ana2:hover {background:url(sayfa2.png) no-repeat;}

.ana3 {display: block;font-size: 0;background:url(grup.png) no-repeat; width:199px; height:103px; float:left;}
.ana3:hover {background:url(grup2.png) no-repeat;}
.donusum {margin:0 auto;width:988px; margin-top:15px;}
.donusum2 {margin:0 auto;width: max-content;margin-top:15px;}
.donusumana {float:left; background:url(donusumarka.png) no-repeat; width:170px; height:170px; text-align:center;}
.donusumara {float:left; background:url(donusumara.png) no-repeat; width:40px; height:170px;}
.donusumana1 {float:left; background:url(donusumarka1.png) no-repeat; width:134px; height:179px; text-align:center;}
.donusumara1 {float:left; background:url(donusumara1.png) no-repeat; width:32px; height:134px;}
.donusumara2 {float:left; width:32px; height:134px;} 
.donusumara3 {float:left;  width:40px; height:170px;}
.donusumic {margin-top:53px; margin-left:2px;}
.donusumic1 {margin-top:45px; margin-left:2px;}
.donusumic2 {margin-top:53px; margin-left:5px;}
.donusumdetay {background:url(bosarka.png) no-repeat;width:34px; height:34px;}
.donusumdetay1 {background:url(bosarka1.png) no-repeat;width:27px; height:28px;}
.donusumdetay2 {background:url(bosarka2.png) no-repeat;width:25px; height:26px;}
.donusumsayi {position: absolute; margin-left: -8px; color: #FFF; font-weight:bold; margin-top:20px;}
.donusumsayi1 {position: absolute; margin-left: -8px; color: #FFF; font-weight:bold; margin-top:16px;}
.donusumsayi2 {position: absolute; margin-left: 17px; color: #FFF; font-weight:bold; margin-top:-11px;}
.ara{margin:0 auto;width:800px; height:50px; background:url(ara.png) no-repeat;}

.zirhon {display: block;font-size: 0;background:url(zirhbuton.png) no-repeat; width:140px; height:60px; float:left;}
.zirhoff {display: block;font-size: 0;background:url(zirhbutondeak.png) no-repeat; width:140px; height:60px; float:left;}

.vzirhon {display: block;font-size: 0;background:url(vzirhbuton.png) no-repeat; width:140px; height:60px; float:left;}
.vzirhoff {display: block;font-size: 0;background:url(vzirhbutondeak.png) no-repeat; width:140px; height:60px; float:left;}

.silahon {display: block;font-size: 0;background:url(silahbuton.png) no-repeat; width:140px; height:60px; float:left;}
.silahoff {display: block;font-size: 0;background:url(silahbutondeak.png) no-repeat; width:140px; height:60px; float:left;}

.ayakkaskon {display: block;font-size: 0;background:url(ayakkaskbuton.png) no-repeat; width:140px; height:60px; float:left;}
.ayakkaskoff {display: block;font-size: 0;background:url(ayakkaskbutondeak.png) no-repeat; width:140px; height:60px; float:left;}

.kupeon {display: block;font-size: 0;background:url(kupebuton.png) no-repeat; width:140px; height:60px; float:left;}
.kupeoff {display: block;font-size: 0;background:url(kupebutondeak.png) no-repeat; width:140px; height:60px; float:left;}

.display-hide{display: none;}

 
  #duyuru-alt {
	  position: fixed;
	  z-index: 999999;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  margin: 0 auto;
	  text-align: center;
	  width: 100%;
	  height: 80px;
	  color: #f4bc74;
	  background: #1b1413;
	  border-style: ridge;      
	  border-width: 2px;
	  border-color: #b9510d;  
    /*background: url(../img/baslik-sol.png) no-repeat left, url(../img/baslik-sag.png) no-repeat right, url(../img/baslik-orta.png) repeat-x;*/
	  background-color: #630e08;
	  background-size: cover;
	/*  text-shadow: 1px 1px 0px black; */
	  /* border-top: 2px solid #cfa972; */
	  /* -webkit-animation: duyuru 0.5s ease-in-out infinite alternate; */
	  /* animation: duyuru 1s ease-in-out infinite; */}
	  @-webkit-keyframes duyuru {
		  0%{background:#dccce7; height:80px;}
	  100% {background:#FF3333; height:80px;}
	  }
  #duyuru-alt h4 {
	  margin: 0px;
	  margin-top: 17px;
	  font-weight: 900;
	  font-size: 26px;
	  }
  #duyuru-alt span {
	  font-weight: 700;
	  text-transform: uppercase;
	  }