.CatProdukty{
float: right;
width: calc(100% - 391px);
}

.CatProdukty .produkt{

}

.CatProdukty .produkt ul{
overflow: hidden;
}
.CatProdukty .produkt ol{
overflow: hidden;
list-style: decimal inside;
}
.CatProdukty .produkt ol li{
padding: 0px;	
}	

.produktImg{

}
.produkt .imgProd{
float: left;
margin: 0px 15px 7px 0px;
}
.produkt .trescProd{

}
.imagesProduct{
display: -moz-box;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
max-width: 100%;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
padding: 20px 0px 20px 0px;
margin: 27px 0px 0px 0px;
border-top: 1px solid #ededed;
}

.catImgDetail{
width: 29%;
margin-bottom: 30px;
margin: 0px auto 30px auto;
}
.catImgDetail .descTitle{
display: block;
text-align: center;
background-color: #f3f3f3;
padding: 15px 5px;
}
.catImgDetail .descTitle .pTitlePc{
display: block;
margin-bottom: 10px;
font-size: 14px;
color: #2e2f30;
}
.catImgDetail .descTitle .descCp{
display: block;
font-size: 12px;
color: #7e7e7e;
}


.catImgDetail .catDetailImg {
display: block;
overflow: hidden;
position: relative;
}
.catImgDetail .catDetailImg img{
width: 100%;
height: auto;
}
.catImgDetail .catDetailImg .tloImg{
position: absolute;
width: 100%;
bottom: 0;
top:0;
background-color: rgba(11,85,123,0.7);
left: 0;
display: none;
background: url('../images/enlarge.png') 50% 50% no-repeat rgba(11,85,123,0.7);
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}


.catImgDetail a:hover .fadeInDown{
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  display: block;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.catImgDetail a:hover .descTitle{
animation-duration: 1s;
    animation-fill-mode: both;
    background-color:#2e2f30;
    transition: all 0.5s ease-out 0s;

}

.catImgDetail a:hover .pTitlePc {
color:#FFFFFF;
}