/*baloldal, tanfolyam és induló képzések*/	
#left { 
	float:left; 
	width:30%;
	padding-bottom: 30px;
}	
	
section {
	width:100%; 
}

#left h1 {
	height: 40px;
	/*background:#CCCCCC;*/
	color:#2C2C2C;
	font-size: 1.8em;
	font-weight: 400;
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 0px;
	border: 1px solid #CCCCCC;
	text-align:center;
	text-transform:uppercase;
}
#left h1:hover { background-color:#999999; cursor:pointer; }

ul#tanfolyam { 
	list-style:none;
	margin:6px 0;
	padding-left:0px; }

ul#tanfolyam li#digfest { display:none; }
	
ul#tanfolyam li h2 { 
	margin:0px;
	padding:8px 10px 4px 10px;
	margin-bottom:4px;
	border: 1px solid #CCCCCC;
	font-size:1.2em;
}

ul#tanfolyam li h2:hover {
	background:#CCCCCC;
}



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



/*indulo képzések rész*/
ul#indulo { 
	border-top: 2px solid #333;
	margin:20px 0px 0px 0px;
	padding:20px 0 0 0; 
	list-style:none;
}

#left h1:hover { background-color:#999999; }

ul#indulo li {
	margin:5px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	border: 1px solid #CCCCCC;
}

ul#indulo li:hover {
	background:#CCCCCC;
	border: 1px solid #CCCCCC;
	cursor:pointer;
}

#indulo li h2 { 
	padding: 0px 10px;
	font-size:1.2em; 
}	

ul#indulo li p { 
	padding: 0px 10px 0px 40px; 
	font-size:1.1em; 
	margin-bottom:6px;
}
.small { display: none; }


/*------------ TABLET MÉRET ------------ */
@media screen and (max-width: 800px) {

	#left h1 { font-size:1.6em; height:auto; min-height: 40px; }
	
	ul#tanfolyam li h2 { 
		margin:0px;
		padding:8px 10px 4px 10px;
		margin-bottom:4px;
		border: 1px solid #CCCCCC;
		font-size:1.0em;
	}


	/*indulo képzések rész*/
	ul#indulo { 
		border-top: 2px solid #333;
		margin:10px 0px 0px 0px;
	}
	
	ul#indulo h2 { 
		padding: 0px 10px;
		font-size:1.1em; 
	}	

	ul#indulo li p { 
		padding: 0px 10px 0px 30px; 
		font-size:1.0em; 
		margin-bottom:6px;
	}
}

@media screen and (max-width: 640px) {

	#left h1 { font-size:1.4em; height:auto; min-height: 40px; }
	
	

	/*indulo képzések rész*/
	ul#indulo { 
		border-top: 2px solid #333;
		margin:10px 0px 0px 0px;
	}
	
	ul#indulo li p { 
		padding: 0px 10px 0px 16px; 
	}
}


/* ------------- TELO MÉRET -----------------*/
@media screen and (max-width: 500px) {

	#left { width: 100%; }	

	section {
		width:100%; 
	}

	section h1 {
		height: 40px;
		padding-top:4px;
		margin-top:6px;
		text-align:center;
		text-shadow:none;
	}

	.activelink { color:#FFF; background-color:#4793D5; }
	.activelink h2 { color:#FFF;}
	.activelink + li {
		display: block;
	}



	/*ezt a részt kell külön formázni a telóra
	tanfolyam leírás ami eredetileg az article rész*/

	#coursesmain {
		height:200px;
	}

	.courses {
		float:none;
		margin:4px 6px 0px 0px;
		width:100%;
		padding:4px;
		border:1px solid #cccccc;
		height: 70px;
	}

	.small {
		display: none;
	}

	ul#tanfolyam { list-style:none; padding-left:0px; }

	ul#tanfolyam li#digfest { display:block; }	

	ul#tanfolyam li.small { padding:0 0 20px 0; }

	ul#tanfolyam li.small  ul { float:none; width:100%; list-style:none; margin: 0px;
	padding: 4px 0 0 0; }

	ul#tanfolyam li.small  ul li { float:left; width:22%; border: none; margin:3px 6px 10px 0px; padding:0 0 0 0;}
	ul#tanfolyam li.small  ul li:hover { background:#4793D5; cursor:pointer; }


	/*TELÓMÉRET: LEÍRÁS RÉSZ FORMÁZÁS */

	ul#tanfolyam li.small #small_description_1,
	ul#tanfolyam li.small #small_description_2,
	ul#tanfolyam li.small #small_description_3,
	ul#tanfolyam li.small #small_description_4,
	ul#tanfolyam li.small #small_description_5,
	ul#tanfolyam li.small #small_description_6,
	ul#tanfolyam li.small #small_description_7,
	ul#tanfolyam li.small #small_description_8,
	ul#tanfolyam li.small #small_description_9,
	ul#tanfolyam li.small #small_description_10,
	ul#tanfolyam li.small #small_description_11,
	ul#tanfolyam li.small #small_description_12,
	ul#tanfolyam li.small #small_description_13 { padding-left:6px; }

	ul#tanfolyam li.small #small_description_1 h2, 
	ul#tanfolyam li.small #small_description_2 h2,
	ul#tanfolyam li.small #small_description_3 h2,
	ul#tanfolyam li.small #small_description_4 h2,
	ul#tanfolyam li.small #small_description_5 h2,
	ul#tanfolyam li.small #small_description_6 h2,
	ul#tanfolyam li.small #small_description_7 h2,
	ul#tanfolyam li.small #small_description_8 h2,
	ul#tanfolyam li.small #small_description_9 h2,
	ul#tanfolyam li.small #small_description_10 h2,
	ul#tanfolyam li.small #small_description_11 h2,
	ul#tanfolyam li.small #small_description_12 h2,
	ul#tanfolyam li.small #small_description_13 h3 { font-size:1.2em; }

	/* ------- */

	ul#tanfolyam li.small ul li h2 { border: 1px solid #CCCCCC; margin:0px; padding:4px 0px; font-size:1em; }

	ul#tanfolyam li.small  h2 { text-align:center; border:none; font-size:1.0em; padding-left:0px; padding-right:0px; }

	ul#tanfolyam li.small .small_data  { padding:0; }
	ul#tanfolyam li.small .small_data  h2 { text-align:left; border:none; font-size:1em; padding:0; }

	ul#tanfolyam li.small .small_data  h2:hover { background:none; color:#333; }

	ul#tanfolyam li.small  h3 { font-size:1.2em; padding-left:0px; }

	ul#tanfolyam li.small  p { font-size:1em; padding-left:0px; padding-right:0px; text-align:left; }

	ul#tanfolyam li.small .small_data  a:hover { color:#F90; }

	#artpic { padding-bottom:8px; }

	ul#artnav li:last-child {
	float: left;
	background: #4793D5;
	margin-right: 0px;
	}


	ul#tanfolyam li h2:hover {
		background:#4793D5;
		color:#fff;
	}




	/*induló képzések rész*/

	ul#indulo { 
		border-top: 2px solid #333;
		margin:15px 0px 0px 0px;
	}

	ul#indulo li { display: none; }

	div.indulo {
		height:40px;
		overflow:hidden;
		margin:6px 0px 0px 0px;
		padding:8px 0px 0px 0px;
		border: 1px solid #CCCCCC;
	}

	div.indulo:hover {
		background:#666;
		border: 1px solid #666;
	}

	ul#indulo h2 { 
		padding: 0px 6px;
		font-size:1.0em; 
	}	

	ul#indulo li p { 
		padding: 0px 6px 0px 6px; 
		font-size:1.0em; 
		margin-bottom:4px;
	}

	ul#indulo li p  span{ 
		display:none;
	}
}