@charset "utf-8";
/* CSS Document */
/* GALÉRIA */

#main {
	max-width:980px;
	margin:0px auto;
	padding-bottom:40px;
}
	
/*FŐ GALÉRIA RÉSZEK*/	
#gallery { 
	max-width:980px;
	min-height:900px;
}

#gallery h1 {
	float:left;
	margin-top:30px;
	margin-bottom:20px;
	padding-left: 20px;
	border-left: 3px solid #4793D5;}	


#gallery img { max-width:100%; }
 
 
 /*VÁLASZTHATÓ GALÉRIÁK, TANFOLYAMOK SZERINT*/
#courses ul { 
	margin:0 0 15px 0; 
	padding:0; 
	list-style:none; 
	font-size:.8em;
	column-count: 4;
	-webkit-column-count: 4;
	-moz-column-count: 4;
}
 
#courses ul li  { 
	float:left; 
	width: 100%;
	text-align:center;
	padding:0; 
	border:1px solid #CCCCCC;
	margin:0 0 8px 0;
	column-break-inside:avoid;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
}

#courses ul li:hover { background:#CCCCCC; }

.activelink { color:#FFF; background-color:#4793D5; }
.activelink h2 { color:#FFF;}

#courses h2 {
	font-size: 22px;
	margin: 0;
	padding: 10px;
	border: none;
}
 
 
/*NAGYKÉP RÉSZ*/
#mainpic {
	max-width:100%;
	margin-top:30px;
}

#mainpic img { max-width:100%; }
#mainpic div:first-child { display:block; }

#navigation  { 
	margin:20px 0 0 0; 
	padding:0; 
	list-style:none;  }

#navigation li { float:left; margin-left:6px; max-width:100px; max-height:100px; }
 
#navigation li:hover { cursor:pointer; } 







 
/*LEÍRÁSOK A GALÉRIÁHOZ KAPCSOLATBAN*/	
div#content {
	height:200px;
	background:#888;
}

div#content h1 {  }

div#content h2 {
	
}

@media screen and (max-width: 960px) {
	#courses ul { 
		margin:0 0 0 0;
		column-count: 3;
		-webkit-column-count: 3;
		-moz-column-count: 3;
	}
	#courses h2 {
		font-size: 20px;
		margin: 0;
		padding: 8px;
		border: none;
	}
	
}