.box_scrollGall{

}

.div_galeriaSc{
max-width: 100%;
box-sizing:border-box;
padding: 0px 0px 30px 0px;
}

.box_mod_gallery{
background-color: #fbfbfb;
border-top: 1px solid #d8d8d8;
padding: 30px 0px 0px 0px; 
}


.modGallery .titleScroll{
font-size:30px;
margin: 0px 0px 35px 0px;
color: #1a670e;
font-weight: bold;
padding: 0px 0px 20px 55px;
position: relative;        
}
.modGallery .titleScroll:after, .modGallery .titleScroll:before{
content:"";
position: absolute;
left: 0px;
bottom:0px;
background-color: #1a670e;
height:23px;
width:23px;
}

.modGallery .titleScroll:before{
width:45%;
height: 2px;
}

.modGallery .titleScroll span{
display: inline-block;
background-color: #FFFFFF;
padding: 0px 15px 0px 0px;
}

.modGallery .gallImgSrc{
padding: 30px 0px 30px 0px;
position: relative;
max-width: 100%;
}
.modGallery .galleryImage{
overflow: hidden;
margin: 0px auto;
position: relative;
max-width: 100%;
padding: 10px 0px 10px 0px;
}

.modGallery .galleryImage ul{
list-style: none;
position: absolute;
}

.modGallery .galleryImage ul li{
float: left;
position: relative;
z-index: 0;
}
.modGallery .galleryImage ul li.sel{

}	

.modGallery .galleryImage ul li a{
display: block;
padding: 0px 0px 0px 0px;
transition: all 0.3s ease-out 0s;
position: relative;
background-color: #FFFFFF;
overflow: hidden;
}



/*
.modGallery .galleryImage ul li a span.titleIm{
display: block;
padding: 18px 5px;
text-align: left;
color: #565656;
font-size: 20px;
box-sizing: border-box;
background-color: #FFFFFF;
transition: all 0.3s ease-out 0s;
}*/

.modGallery .galleryImage ul li a span.titleIm{
display: block;
padding: 10px 5px;
text-align: left;
color: #FFFFFF;
font-size: 16px;
box-sizing: border-box;
background-color: rgba(0,0,0,0.85);
transition: all 0.3s ease-out 0s;
bottom:-10px;
left:0px;
width:100%;
position: absolute;
opacity:0;
text-align: center;
}


.modGallery .galleryImage ul li a:hover span.titleIm{
bottom:0px;
opacity:1;
}

.modGallery .galleryImage ul li img{
vertical-align: top;
transition: all 0.3s ease-out 0s;
}

.modGallery .galleryImage ul li span.sel{
background-color: rgba(0,0,0,0.7);
display: block;
width: 100%;
height: 100%;
position: absolute;
top:0px;
left: 0px;
}

.modGallery .galleryImage ul li a:hover{

}

.modGallery{
position: relative;
}
.navTlo{
position: absolute;
width: 87px;
height: 32px;
right: 0px;
top:0px;
background-color: #FFFFFF;
z-index: 1;
}

.titleModGallery{
height: 50px;
text-align: center;
font-size: 24px;
color: #bd9e38;
margin: 0px 0px 30px 0px;
line-height: 50px;
position: relative;
overflow: hidden;
}

.modGallery .arrowAll span.spArrow{width:74px;text-align:right;overflow:hidden;position: absolute; right:0px; top:-20px;}
.modGallery .gallImgSrc .arrowLeft,.modGallery .gallImgSrc .arrowRight {cursor:pointer;width:37px;height:37px;display:inline-block;background:url('../images/offerPrev.png') no-repeat}
.modGallery .gallImgSrc .arrowLeft {float:left}
.modGallery .gallImgSrc .arrowLeft:hover,.modGallery .gallImgSrc .arrowRight:hover {background-position:0 100%}
.modGallery .gallImgSrc .arrowRight {background-position:100% 0}
.modGallery .gallImgSrc .arrowRight:hover {background-position:100% 100%}



.galleryImage ul li a:hover{

}
.modGallery .galleryImage ul li a .opisImg{
position: absolute;
width: 369px;
height: 109px;
top: 148px;
left: 0px;
left: -369px;
transition: all 0.5s ease-out 0s;
box-sizing:border-box;
display: table;
}
.modGallery .galleryImage ul li a .opisImg span.tableSp{
display: table-cell;
vertical-align: middle;
text-align: left;
padding: 10px 15px;
font-size: 15px;
font-weight: 400;
color: #FFFFFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.11);
}
.modGallery .galleryImage ul li a .opisImg span.tableSp span{
display: inline-block;
    height: 61px;
    overflow: hidden;
}    

.modGallery .galleryImage ul li:hover a .opisImg{
left:0px;	
transition: all 0.5s ease-out 0s;
}	


.galleryImage ul li a span.showImg{
display: none;
position: absolute;
opacity:0;
background:transparent url('../images/bg_img_cat.png') 50% 50% no-repeat;
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;	
  top:0px;
  left: 0px;
}


.galleryImage ul li a:hover span.showImg{
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoomInA;
  animation-name: zoomInA;	

}

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

  50% {
    opacity: 1;
  }
  100%{
   opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

  50% {
    opacity: 1;
  }
  100%{
   opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}