.box_offer{
padding-bottom: 50px;
background: url('../images/sep1.png') 50% 100% no-repeat;
cursor: default;
}	

.modOffer{
display: table;
width: 100%;
}
.modOffer .offer_d{
display: table-cell;
text-align: center;
vertical-align: top;
}

.modOffer .offer_d .icoPOff{
width: 128px;
height: 152px;
background: url('../images/tlo_offer.png') 50% 100% no-repeat;
overflow: hidden;
margin: 0px auto 35px auto;
}
.modOffer .offer_d .icoEmp{
width: 128px;
height: 128px;
background-color: #197f3e;
background-position: 50% 50%;
background-repeat: no-repeat;
margin: 0px auto;
margin-top: 24px;
transition: margin 0.5s ease-out 0s;
 -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.modOffer .offer_d:hover .icoEmp{
margin-top: 0px;
transition: margin 0.5s ease-out 0s;	
background-color: #000000;
-webkit-animation-name: offA;
  animation-name: offA;
}

.modOffer .offer_d .titleOff{
font-size: 30px;
color: #252422;
text-align: center;
margin: 0px 0px 25px 0px;
}

.modOffer .offer_d .zajawkaOff{
font-size: 14px;
color: #73736e;
width: 80%;
margin: 0px auto;
line-height: 1.5em;
}


@-webkit-keyframes offA {
  0% {background-color: #197f3e;}
  100% {background-color: #000000;}
}

@keyframes offA {
  0% {background-color: #197f3e;}
  100% {background-color: #000000;}
}