.altkutulargenel { width:738px; height: 261px; margin-top:-70px; cursor:pointer; position:absolute;z-index:99;left:50%;margin-left:-369px;}
.altkutukatalog { width:226px; height:261px; background:url(../images/kategori1.png) no-repeat; float:left;}
.altkutuuygulama { width:226px; height:261px; background:url(../images/kategori2.png) no-repeat; float:left; margin-left:30px;}
.altkutureferans { width:226px; height:261px; background:url(../images/kategori3.png) no-repeat; float:left; margin-left:30px;}
.altbilgiadres1 { font-size:16px; float:left; margin-top:7px; padding-left:20px; color:#FFF;}
.altbilgiadresikon { width:12px; height:19px; margin-top:px; position:absolute; margin-left:-16px;}
.altkutularicgenel { width:215px; height:70px; margin-left:15px; position:absolute; margin-top:175px;}
.altkutularbaslik { width:100%; height:30px; text-align:center; color:#FFF; font-size:18px;margin-top: -125px;}
.altkutularbilgi { width:100%; text-align:center; color:#FFF; font-size:14px;}
/* Push */
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

#push {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
#push:hover, #push:focus, #push:active {
  -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}