
.gallery4{
margin: 0px -10px 0px 0px;
}

.gallery4 ul,.content-text .gallery4 ul{
margin: 0px auto;
max-width: 100%;
padding: 0px;
}

.gallery4 ul li,.content-text .gallery4 ul li{
background: none;
padding: 0px;
max-width: 100%;
line-height: normal;
float: left;
}

.gallery4 ul li a,.content-text .gallery4 ul li a{
display: block;
position: relative;
z-index: 0;
overflow: hidden;
margin: 0 10px 10px 0;
}

.gallery4 ul li a .parentA{
display: block;
overflow: hidden;
position: relative;
}

.gallery4 ul li a .parentA>img,.content-text .gallery4 ul li a .parentA>img{
display: block;
max-width: 100%;
min-height: 100%;
opacity: 1;
position: relative;
}
.gallery4 ul li a .parentA>.galFigure,.content-text .gallery4 ul li a .parentA>.galFigure{
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
backface-visibility: hidden;
color: #fff;
font-size: 1.25em;
padding: 2em;
text-transform: uppercase;
display: block;
box-sizing: border-box;

}

.gallery4 ul li a .parentA>.galFigure .titleCatGal{
padding: 30px;
font-weight: 300;
word-spacing: -0.15em;
}
.gallery4 ul li a .parentA>.galFigure .titleCatGal:first-letter{
font-size: 2em;
letter-spacing: 0.2em;
font-family: georgia;
margin: 0px -8px 0px 0px;
}

.gallery4 ul li a .parentA>img,
.gallery4 ul li a .parentA>.galFigure .titleCatGal {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.gallery4 ul li a.parentA >img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery4 ul li a .parentA>.galFigure .titleCatGal,
.gallery4 ul li a .parentA>.galFigure .opisGal{
position: absolute;
bottom: 0;
left: 0;
padding: 30px;
box-sizing: border-box;
color: #FFFFFF;
font-size: 20px;
}

.gallery4 ul li a .parentA>.galFigure .opisGal {
text-transform: none;
font-size: 90%;
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
box-sizing:border-box;
width: 100%;
min-height: 22%;
background-color: #000000;
}
.gallery4 ul li a .parentA>.galFigure .opisGal>span {
font-size: 13px;
color: #FFFFFF;
}

.gallery4 ul li a:hover .parentA>img {
	-webkit-transform: translate3d(0,-22%,0);
	transform: translate3d(0,-22%,0);
}
.gallery4 ul li a:hover .parentA>.galFigure .titleCatGal {
-webkit-transform: translate3d(0,-110%,0);
transform: translate3d(0,-110%,0);
}

.gallery4 ul li a:hover .parentA>.galFigure .opisGal {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*
.gallery4 ul,.content-text .gallery4 ul{
overflow: hidden;
margin: 0px auto;
max-width: 100%;
padding: 0px;
display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.gallery4 ul li,.content-text .gallery4 ul li{
background: none;
padding: 0px;
max-width: 100%;
}
.gallery4{

}
.gallery4 ul,.content-text .gallery4 ul{
list-style: none;
margin: 0px auto;
}
.gallery4 ul li,.content-text .gallery4 ul li{
background: none;
line-height: normal;
padding: 0;
float: left;

z-index: 0;
}
.gallery4 ul li a,.content-text .gallery4 ul li a{
display: block;
position: relative;
z-index: 0;
}
.gallery4 ul li a:hover,.content-text .gallery4 ul li a:hover{
z-index: 1000;	
}
.gallery4 ul li:hover,.content-text .gallery4 ul li:hover{
z-index: 1000;	
}
.gallery4 ul li span.bottomTitle,.content-text .gallery4 ul li span.bottomTitle{
position: absolute;
padding: 20px;
left: 0px;
bottom: 0px;
padding: 15px 5px;
background-color: #000000;
width: 100%;
color: #FFFFFF;
text-align: center;
width: calc(100% - 10px);
background:url('../images/bg_title.png') 0px 0px repeat;
z-index: 1;
}



.gallery4 ul li span.titleCatGal,.content-text .gallery4 ul li span.titleCatGal{
display: block;
padding: 5px;
text-align: center;
left: 0px;
bottom: 0px;
width: 100%;
background-color: #FFFFFF;
width: calc(100% - 10px);
margin: 0px auto;
}

.gallery4 ul li span.titleCat,.content-text .gallery4 ul li span.titleCat{

}


.gallery4 ul li span.opisCat,.content-text .gallery4 ul li span.opisCat{
padding: 10px 5px 5px 5px;
display: block;
}

.gallery4 ul li img,.content-text .gallery4 ul li img{
    background-color: transparent;
    border: none;
    padding: 0px;
    width: 100%;
    margin: 0px;
}
.gallery4 ul li .bottomTitleS,.content-text .gallery4 ul li .bottomTitleS{
position: absolute;
bottom: -10px;
text-align: center;
display: block;
width: 100%;
bottom: 0px;
width: calc(100% - 10px);
background-color:#FFFFFF;
padding: 5px 5px;
color: #000000;
left: 0px;
}


.gallery4 ul li.cat img, .content-text .gallery4 ul li.cat img {

}
.gallery4 ul li.cat img:hover, .content-text .gallery4 ul li.cat img:hover {

}
    
    
.gallery4 .opisDiv{
display: none;
position: absolute;
z-index: 3000;
left:-1000px;
top:-1000px;
position: absolute;
padding: 10px;
background-color: #FFFFFF;
z-index: 3000;
box-shadow:1px 1px 7px 5px #333333;
min-width: 100px;
min-height: 100px;
border: 5px solid #FFFFFF;
display: block;
z-index: 1000;
}    

.gallery4 .opisDiv span{
display: block;
line-height: 1.5em;
}	 
*/







.category4{
	
}

.category4 ul,.content-text .category4 ul{
list-style: none;
overflow: hidden;
margin: 0px auto;
max-width: 100%;
padding: 0px;
}
.category4 ul li,.content-text .category4 ul li{
background: none;
line-height: normal;
padding: 0;
float: left;
max-width: 100%;
}

.category4 ul li.clearLi{
clear: both;
}


.category4 ul li a,.content-text .category4 ul li a{
display: block;
position: relative;
height: 100%;
}
.category4 ul li a .spanA{
position: relative;
display: block;
}

.category4 ul li a img,.content-text .category4 ul li a img{
vertical-align: top;
width: 100%;
height: auto;
max-width: 100%;
}

.category4 ul li span.bottomTitle,.content-text .category4 ul li span.bottomTitle{
position: absolute;
padding: 20px;
left: 0px;
bottom: 0px;
padding: 15px 5px;
background-color: #000000;
width: 100%;
color: #FFFFFF;
text-align: center;
z-index: 1;
box-sizing:border-box;
}

.category4 ul li span.titleCat,.content-text .category4 ul li span.titleCat{
display: block;
}
.category4 ul li span.opisCat,.content-text .category4 ul li span.opisCat{
display: block;
margin-top: 10px;
}
.divInfo{
position: absolute;
padding: 10px;
background-color: #FFFFFF;
z-index: 3000;
box-shadow:1px 1px 7px 5px #333333;
min-width: 100px;
min-height: 100px;
background: #FFFFFF url('../images/ajax-loader_min.gif') 50% 50% no-repeat;
}
.catDesc{
color: #333333;
font-size: 13px;
margin: 0px 0px 20px 0px;
}

/*

.category4 ul,.content-text .category4 ul{
list-style: none;
overflow: hidden;
margin: 0px auto;
max-width: 100%;
padding: 0px;
}


.category4 ul li,.content-text .category4 ul li{
background: none;
line-height: normal;
padding: 0;
float: left;
max-width: 100%;
}
.category4 ul li a,.content-text .category4 ul li a{
display: block;
position: relative;
height: 100%;
}	

.category4 ul li span.bottomTitle,.content-text .category4 ul li span.bottomTitle{
position: absolute;
padding: 20px;
left: 0px;
bottom: 0px;
padding: 15px 5px;
background-color: #000000;
width: 100%;
color: #FFFFFF;
text-align: center;
width: calc(100% - 10px);
z-index: 1;
}
.category4 ul li img,.content-text .category4 ul li img{
    background-color: transparent;
    border: none;
    padding: 0px;
    width: 100%;
    margin: 0px;
     max-width: 100%;
     vertical-align: top;
}

.category4 ul li span.bottomTitle,.content-text .category4 ul li span.bottomTitle{
position: absolute;
padding: 20px;
left: 0px;
bottom: 0px;
padding: 15px 5px;
background-color: #000000;
width: 100%;
color: #FFFFFF;
text-align: center;
width: calc(100% - 10px);
z-index: 1;
}
.category4 ul li span.titleCat,.content-text .category4 ul li span.titleCat{
display: block;
}
.category4 ul li span.opisCat,.content-text .category4 ul li span.opisCat{
display: block;
}
.divInfo{
position: absolute;
padding: 10px;
background-color: #FFFFFF;
z-index: 3000;
box-shadow:1px 1px 7px 5px #333333;
min-width: 100px;
min-height: 100px;
background: #FFFFFF url('../images/ajax-loader_min.gif') 50% 50% no-repeat;
}
.catDesc{
color: #333333;
font-size: 13px;
margin: 0px 0px 20px 0px;
}
*/