@charset "utf-8";
/* CSS Document */

/* ********************** Képgaléria thumb képek vége ***************************** */ 
ul.gallery {
	padding:0 !important;
	margin:0px 0px 10px 0px !important;
	position:relative;
	list-style: none; 
	overflow: hidden; 
	width:100%;
}

ul.gallery li { /* Ez a legkülső "div" amiben van a kép és a felirat */
	border: 1px solid;
	border-color:#CCC;
	width: 23.5%; 
	height: 135px; 
	margin-right: 2%; 
	margin-bottom: 2%; 
	float: left; 
	position: relative;
	list-style: none;	
	overflow: hidden;
	cursor:pointer;
}
ul.gallery li:hover {
	border-color:#0067aa;
}
ul.gallery li div { /* Ebbe a div-be meg a kép */
	left: 1px; 
	top: 1px; 
	width: 99%; 
	height: 131px;
	overflow: hidden; 
	position: relative;
}
ul.gallery li div a { /* Ez fontos volt a Chrome miatt */
	left: 0px; 
	top: 0px; 
	position: absolute; 
	z-index: 2;
	width:100%;
	height: 115px;
}
ul.gallery li div a img {
	margin:0;
	border:none;
	padding: 0px !important; 
	border: 0px currentColor; 

	/* width: 130px; */
}
ul.gallery li span { /* Ez a szürke háttér a szöveges tartalom ebben van */
	background-color: #0067aa;
	opacity:0.75;
	filter:alpha(opacity=75);
	margin: 1px;
	padding: 4px 4px 2px 11px;
	width: 99%; 
	height: 30px; 
	bottom: 0px; 
	overflow: hidden; 
	font-size: 10px; 
	display: block; 
	position: absolute; 
	z-index: 3;
	text-align:left;	
}
ul.gallery li span a {
	color:#FFF;
	text-align:left;
}

ul.gallery li span a:hover{
	color:#FFF !important;
}

ul.gallery li div a img {
	margin-top: 0px;	
}
/* ********************** Képgaléria thumb képek vége ***************************** */ 

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
	ul.gallery li{ border:none !important; }
}

@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) and (orientation:portrait){
	ul.gallery li{ margin-right:0 !important; width:50% !important;} 
}