.catOffers{
margin: 0px 0px 30px 0px;
}

.titleCatOff{
color: #c1913c;
font-size: 30px;
margin: 0px 0px 20px 0px;
}

.titleACat{
color: #c1913c;
font-size: 30px;

text-align: center;

}

.titleACat .titACat{
display: block;
margin: 0px 0px 40px 0px;
}

.imgCatO{
display: block;
text-align: right;
}

.catOffers .offers{
border-bottom: 1px dashed #d3d3d3;
padding: 0px 0px 0px 0px;
}
.catOffers .oferta{
width: 250px;
float: left;
margin: 0px 15px 0px 15px;
position: relative;
z-index: 0;
padding: 0px 0px 30px 0px;
}
.catOffers .oferta a{
display: block;
text-align: center;
}
.catOffers .oferta a .offImg{
display: inline-block;
width: 160px;
height: 160px;
background-repeat: no-repeat;
background-position: 0px 0px;
margin: 0px 0px 19px 0px;
}
.catOffers .oferta a .offTitle{
display: block;
font-size: 18px;
color: #686868;
padding: 0px 20px;
}


.catOffers .oferta:hover{

}


.catOffers .ofertaZajawka{
width: 100%;
display: none;
position: absolute;
background-color: #FFFFFF;
z-index: 1;
top:100%;
border-top:1px dashed #d3d3d3;
border-bottom:1px dashed #d3d3d3;
padding: 52px 15px 15px 15px;
box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2);
box-sizing: border-box;
}



.catOffers .oferta:hover .ofertaImgZajawka{
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
   -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  display: block;
  z-index: 2;
  opacity:1;
}

.catOffers .oferta .ofertaZajawka{

-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
   -webkit-animation-name: fadeOut;
  animation-name: fadeOut;	
  
 
	
}	

.catOffers .oferta:hover .ofertaZajawka{
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
   -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  display: block;
  opacity:1;
}

.catOffers .oferta .ofertaZajawka table{
border: 1px solid #DADADA;	
}

.catOffers .oferta .ofertaZajawka table th{
background-color: #F2F2F2;
border: 1px solid #DADADA;
padding: 5px 5px 5px 10px;
text-align: left;
}
.catOffers .oferta .ofertaZajawka table td{
background-color: #FFFFFF;
border: 1px solid #DADADA;
padding: 5px 5px 5px 10px;
text-align: left;	
}

.catOffers .oferta .ofertaImgZajawka{
width: 100%;
/*height: 309px;*/
/*background-color: #282828;*/
position: absolute;
bottom:29px;
left: 0px;
/*display: none;*/
opacity:0;
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
   -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
 
z-index: 2;
display: none;
}

.catOffers .oferta .ofertaImgZajawka .offTopImg{
background-color: rgba(0,0,0,0.2);
border-radius:10px;
padding: 5px;
box-sizing: border-box;
display: block;
}
.catOffers .oferta .ofertaImgZajawka .offBottomImg{
padding: 0px 5px;
box-sizing: border-box;
text-align: center;
display: block;
}

.offTopImg .offInTopImg{
background-color: #282828;
border-radius:10px;
height: 275px;
padding: 15px 0px 0px 0px;
display: block;
}
.offBottomImg .offInBottomImg{
border-radius:0px 0px 10px 10px;
height: 47px;
border:1px solid #ce9838;
border-top: 0px;
background: #e3ad4d url('../images/bg_off_det.jpg') 0px 0px repeat-x;
display: block;
}
.offTopImg .offInTopImg .offTopBackg{
width: 140px;
height: 105px;
background-position: 0px -140px;
background-repeat:no-repeat;
background-size: 140px auto;
margin: 0px auto 10px auto;
display: block;
}
/*
.offTopImg .offInTopImg  .offTopTitle{
color: #FFFFFF;
font-size: 18px;
text-align: center;
padding: 0px 10px;
display: block;
}
*/

.offBottomImg .divDescWiecej{
color: #FFFFFF;
font-size: 12px;
padding: 15px 0px 15px 0px;
display: block;
}
.offBottomImg .divDescWiecej span{
font-family: sans-serif;
font-size: 18px;
font-weight: bold;
display: inline-block;
overflow: hidden;
margin: 0px 0px -7px 5px;
}

.offInTopImg .divDescDesc {
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    font-size: 12px;
    height: 95px;
    line-height: 1.5em;
    margin: 0px;
    overflow: hidden;
    padding: 0 20px;
}

.offTopImg .offInTopImg  .offTopTitle {
    background: url("../images/sep_off.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    display: block;
    font-size: 15px;
    margin: 5px 0 15px;
    padding: 15px 0 0;
    text-transform: uppercase;
}

/*
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}
*/