/*----------GALÉRIA KÉPEK NÉZET-----------------*/

.gal_kepek{
	padding:0px !important;
	background:none !important;
	overflow: hidden;
	display: inline-block;
	margin:10px !important;
	position:relative;
	list-style:none;
}

.galList {
	text-align: center;
	margin-bottom: 40px;
	margin-left:0px !important;
	font-size:0px;
}

.galList li{
    margin-right: 10px;
    margin-left: 10px;
	position:relative;
	margin-bottom:20px;
}
.mappaList li{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:30px;
	position:relative;
}
.hover_div{
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.hover_div img {
    position: absolute;
    opacity: 0;
	top:50%;
	left:50%;
    visibility: hidden;
    -webkit-transition: -webkit-transform 0.12s cubic-bezier(0.56, 1.49, 0, 1.89);
    -moz-transition: -moz-transform 0.12s cubic-bezier(0.56, 1.49, 0, 1.89);
    -o-transition: -o-transform 0.12s cubic-bezier(0.56, 1.49, 0, 1.89);
    transition: transform 0.12s cubic-bezier(0.56, 1.49, 0, 1.89);
    -webkit-transform: matrix(0.9, 0, 0, 0.9, 0, 0) translate(-50%,-50%);
    transform: matrix(0.9, 0, 0, 0.9, 0, 0) translate(-50%,-50%);
    -moz-transform: matrix(0.9, 0, 0, 0.9, 0, 0) translate(-50%,-50%);
    -o-transform: matrix(0.9, 0, 0, 0.9, 0, 0) translate(-50%,-50%);
}

.mappaList li:hover .hover_div img, .galList li:hover .hover_div img {
    opacity: 1;
    visibility: visible;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.56, 1.49, 0, 1.89);
    -moz-transition: -moz-transform 0.2s cubic-bezier(0.56, 1.49, 0, 1.89);
    -o-transition: -o-transform 0.2s cubic-bezier(0.56, 1.49, 0, 1.89);
    transition: transform 0.2s cubic-bezier(0.56, 1.49, 0, 1.89);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0) translate(-50%,-50%);
    transform: matrix(1, 0, 0, 1, 0, 0) translate(-50%,-50%);
    -moz-transform: matrix(1, 0, 0, 1, 0, 0) translate(-50%,-50%);
    -o-transform: matrix(1, 0, 0, 1, 0, 0) translate(-50%,-50%);
}

.gall_back{
	float:right;
	margin-bottom:20px;
}


/*----------GALÉRIA MAPPA NÉZET-----------------*/

.mappaList li {
	display: inline-block;
	list-style-type:none;
}

.img_text {
	position: relative;
	z-index: 200;
	color: #fff;
	text-align: center;
	width: 304px;
	color: #000;
	height: 247px;
	font-size: 20px;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.mapkep{
	text-decoration: none !important;
}

.mappaKep:hover a .img_text{
	transform: scale(1);
	visibility:visible;
	opacity:0.8;
	transform: rotate(-2deg);
}

.img_text_cont {
	padding: 0px 20px;
	background: #000;
	opacity: 0.8;
	color: #fff;
	text-decoration: none;
	margin: 0px 30px 0px 0px;
	padding: 10px;
	text-align: left;
}

.mappaList{

	text-align: center;
}