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

/* Galéria */
@media only screen and (min-width: 769px) {
	#LayoutDiv1 #gallery {
		margin: -7.0em auto 0 1.2%;
		width: 95%;
		text-align: center;
		list-style:none;
		padding:1%;
		background-color: #FFF;
		box-shadow: none;
		float:left;
		border:none;
	}
	#LayoutDiv1 #gallery ul.image {
		list-style: none;
		padding-left:0px;
		margin-right:0px;
		border:none;
		background:none;
		height: auto;
		text-align: center;
			margin: 0em auto 1.0em 0;
			width: 100%;
			border-left: none;
			box-shadow: none;
		}
		
	#LayoutDiv1 #gallery ul li {
		display: inline;
		margin: 1px;
		padding: 0px;
		border: none; }

		#LayoutDiv1 #gallery ul li.first a img {
			width:98%;
			height: auto;}

		#LayoutDiv1 #gallery ul li.first a img:hover {
			opacity: 0.5;
			max-width:98%;
			height: auto;}
		
	#LayoutDiv1 #gallery ul img {
		border: 0px solid #666;
		text-decoration:none;
		text-align: justify;
		margin:0.4em;
		clear:none;
		float:left;
	}
	#LayoutDiv1 #gallery ul li a {
		text-decoration:none;
		}
	#LayoutDiv1 #gallery ul a img {
		width:auto;
		height:180px;
		}
		
	#LayoutDiv1 #gallery ul a:hover img {
		color: #fff;
		width: auto !important;
		height: 180px;
		opacity:0.5;
	}
	#LayoutDiv1 #gallery ul a:hover { color: #fff; 
	}
}
@media only screen and (max-width: 769px) {
	#LayoutDiv1 #gallery {
		background-color: #FFFFFF;
		margin: auto auto 5px auto;
		width: 95%;
		text-align: justify;
		list-style:none;
		padding:1%;
	}
	#LayoutDiv1 #gallery ul {
		list-style: none;
		padding-left:0px;
		margin-left:0px;
		border:none;
		}
		
	#LayoutDiv1 #gallery ul li {
		display: inline;
		margin: 1px;
		padding: 0px;
		border:none; }
		
	#LayoutDiv1 #gallery ul img {
		border: 0px solid #999;
		margin:0.3%;
		text-decoration:none;
		text-align: justify;
		clear:none;
		float:left;
	}
	#LayoutDiv1 #gallery ul li a {
		text-decoration:none;
		}
	#LayoutDiv1 #gallery ul a img {
		width:auto !important;
		height:70px;}
		
	#gallery ul a:hover img {
		color: #fff;
		width:auto !important;
		height: 70px;
		opacity:0.5;
	}
	#LayoutDiv1 #gallery ul a:hover { color: #fff; 
	}	
	}

@media only screen and (max-width: 480px) {
	#LayoutDiv1 #gallery {
		margin: auto auto 5px auto;
		width: 98%;
		text-align: justify;
		list-style:none;
		background-color: #FFFFFF;
		padding:1%;
	}

	#LayoutDiv1 #gallery ul {
		list-style: none;
		padding-left:0px;
		margin-left:0px;
		border:none;
		}
		
	#LayoutDiv1 #gallery ul li {
		display: inline;
		margin: 1px;
		padding: 0px;
		border:none; }
		
	#LayoutDiv1 #gallery ul img {
		border: 0px solid #999;
		text-decoration:none;
		text-align: justify;
		float:left;
		
	}
	#LayoutDiv1 #gallery ul li a {
		text-decoration:none;
		}
	#LayoutDiv1 #gallery ul a img {
		width:auto !important;
		height: 60px;
		margin:1%;}
		
	#LayoutDiv1 #gallery ul a:hover img {
		color: #fff;
		width:auto !important;
		height: 60px ;
		opacity:0.5;
	}
	
	#LayoutDiv1 #gallery ul a:hover { color: #fff; 
	}

}
/* Galéria vége*/