@font-face {
  font-family: Open Sans;
  src: url('OpenSans-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Open Sans;
  src: url('OpenSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: Open Sans;
  src: url('OpenSans-LightItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: Open Sans;
  src: url('OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

	:root{
		--fejlec-hatter: #cacaca;
		--fejlec-cim-betu-szin: #ffffff;
		--kepsav-hatter: #cacaca;
		--tartalomsav-hatter: #f6f6f6;
		--tartalom-hatter: #ffffff;
		--tartalom-cim-hatter: #86bc25;
		--tartalom-cim-betu-szin: #ffffff;		
		--top-menu-szin: #333333;
		--link-szin: #86bc25;
		--utvonal-szin: #e30613;		
		--betu-szin: #56595c;
		--menu-hatter: #ebebeb;
		--almenu-hatter: #dbdbdb;
		--menu-betu-szin: #56595c;
		--almenu-betu-szin: #848484;
		--modul-fejlec-hatter: #cacaca;
		--modul-hatter: #dbdbdb;
		--lablec-hatter: #ececec;
		--lablec-cim-betu-szin: #56595c;
		--lablec-betu-szin: #56595c;
		--menusav-hatter: #ececec;	
		--mobil-fejlec-betuszin: #ffffff;
		--mobil-fejlec-hatter: #86bc25;	
		--mobil-lablec-hatter: #ececec;	
		--mobil-lablec-betu-szin: #56595c;		
	}
	
		
 
@media (min-width: 992px) {

	*{
		font-family: 'Open Sans';
		font-size: 13px;
		color:var(--betu-szin);

	}

	body{
		padding:0px;
		margin:0px;
	}

	/* --- FEJLEC --- */
	header{
		color:var(--fejlec-hatter);
		background-image:url('../images/fejlec.jpg');
		background-repeat: no-repeat;
		background-size:auto;
		background-position:center center;
		position:relative;
		z-index:3;	
		height:401px;
	}

	/* --- FEJLEC KERESO --- */

	div.kereso{
		height:47px;
	}
	div.kereso div.search{
		margin-top:13px;
	}

	div.kereso form{
		border: 1px solid #c3c3c3;
		height:30px;
		float:right;
	}
	div.kereso input{
		width:80%;
		padding-left:5px;
		padding-right:5px;	
		border: none;
	}
	div.kereso button{
		width:15%;
		height:20px;
		background-color:transparent;
		background-image:url('../images/keres.png');
		background-repeat: no-repeat;
		background-size:auto;
		background-position:center center;
		border: none;
	}

	div.kereso button:hover{
		background-color:transparent;
	}


	/* --- FEJLEC MENU ---*/

	div.menusor{
		height:47px;
		line-height:47px;
	}

	div.navigacio{
		
	}

	div.navigacio ul {
		list-style: none;
		float:right;
	}


	div.navigacio a {
		color: var(--top-menu-szin);
		text-transform: uppercase;
		margin-left:38px;
	}

	div.navigacio a:hover{
		text-decoration: none;
		border-bottom: 3px solid var(--link-szin);
	}

	/* --- UTVONAL-TAMOGATO --- */

	div.utvonal-tamogato{
		position:relative;
		height:68px;
		padding: 0px;
		border-bottom: 5px solid var(--utvonal-szin);
		line-height:68px;
	}


	/* --- UTVONAL --- */
	ul.breadcrumb{
		background:transparent;
		list-style: none;
		text-transform: uppercase;
		padding:0px;
	}

	ul.breadcrumb a {
		color: var(--link-szin);
		text-transform: uppercase;
	}

	ul.breadcrumb a:hover{
		text-decoration: none;
		border-bottom: 1px solid var(--link-szin);
		color: var(--link-szin);
	}

	ul.breadcrumb li {
		padding-left:2px;
		padding-right:2px;
	}


	/* --- TARTALOM --- */

	div.tartalomsav{
		position:relative;	
		
	}
	div.tartalomhatter{
		background:var(--tartalomsav-hatter);
		position:relative;
	}


	div.tartalom{
		background:var(--tartalom-hatter);
		padding-top:15px;
		padding-bottom:40px;
	}

	/* --- AKTOSZLOP --- */
	div.page-header{
		
	}

	div.category-desc{
		padding-top:10px;
	}

	div.aktoszlop a{
		color: var(--link-szin);
		text-decoration:none;
		padding:0px;
	}
	div.aktoszlop a:hover{
		text-decoration:underline;
	}

	div.aktoszlop h1{
		background:var(--tartalom-cim-hatter);
		width:100%;
		padding-left:15px;
		padding-right:15px;
		margin:0px;
		line-height:37px;
		text-transform: uppercase;	
		font-size: 16px;
		color:var(--tartalom-cim-betu-szin);
	}

	div.aktoszlop h2{
		padding:0px;
		margin:0px;
		font-weight:bold;
		text-transform: uppercase;	
		font-size: 16px;
		color:var(--betu-szin);
		text-align:left;		
	}

	div.aktoszlop div.items-row{
		padding-top:15px;
	}

	div.aktoszlop div.span4{
		width:33.33%;
		height: 325px;
		float:left;
	}

	div.aktoszlop div.span4 div.item{
		padding-left:10px;
		padding-right:10px;
		height:100%;
		position:relative;
		text-align:justify;
	}

	div.aktoszlop div.span4 div.item time{
		font-size:11px;
		font-weight:bold;
	}
	
	div.aktoszlop div.span4 dl.article-info,div.aktoszlop div.span4 dd.published{
		padding:0px;
		margin:0px;
	}	
	

	div.aktoszlop div.span4 div.item p.readmore{
		position:absolute;
		padding-right:10px;
		bottom:0;
		right:0;
	}

	div.aktoszlop div.span4 div.item img{
		width:100%;
	}
	
	/* --- CIMKEZETT elemek --- */
	div.aktoszlop div.span6{
		width:33.33%;
		height: 325px;
		float:left;
	}
	
	div.aktoszlop div.span6 div.item img{
		width:100%;
	}	
	
	div.aktoszlop div.span6 div.item{
		padding-left:10px;
		padding-right:10px;
		height:100%;
		position:relative;
		text-align:justify;
	}	
	div.aktoszlop div.span6 div.item time{
		font-size:11px;
		font-weight:bold;
	}
	
	div.aktoszlop div.span6 dl.article-info,div.aktoszlop div.span6 dd.published{
		padding:0px;
		margin:0px;
	}	
	
	div.aktoszlop div.span6 div.item p.readmore{
		position:absolute;
		padding-right:10px;
		bottom:0;
		right:0;
	}	

	div.aktoszlop div.pagination{
		width:100%;
	}

	div.aktoszlop div.pagination ul{
		list-style-type: none;
		list-style: none;
		margin: auto auto;
	}

	div.aktoszlop div.pagination ul li{
		float:left;
		padding-left:10px;
		padding-right:10px;
	}

	div.aktoszlop div.archive select{
		width:100px;
	}

	div.aktoszlop div.archive button{
		background-color: var(--link-szin);
		border:0px;
	}
	
	div.aktoszlop div.item-image {
		width: 255px;
		height: 175px;  
		overflow: hidden;
	}	
	div.aktoszlop div.item-image img{
		object-fit: contain;
	}	

	/* --- MENUOSZLOP-- */

	/* -- MENU -- */
	div.menuoszlop ul{
		list-style-type: none;
		background: var(--menu-hatter);
		width:100%;
		margin: 0px;
		padding:0px;
		border-radius: 0px 10px 10px 0px;
			-moz-border-radius: 0px 10px 10px 0px;
			-webkit-border-radius: 0px 10px 10px 0px;
		border: 0px solid #000000;		
	}

	div.menuoszlop ul li{
		width:100%;
		line-height:35px;
		background-image:url('../images/menu_nyil.png');
		background-repeat: no-repeat;
		background-size:auto;
		background-position:95% 8px;
	}

	div.menuoszlop ul li.active, div.menuoszlop ul li.alias-parent-active{
		background-image:url('../images/menu_nyil_aktiv.png');
		background-repeat: no-repeat;
		background-size:auto;
		background-position:95% 10px;
	}

	div.menuoszlop li a{
		display:block;
		text-transform: uppercase;	
		font-size: 16px;
		color:var(--menu-betu-szin);
		padding-left:15px;
		padding-right:15px;
		text-decoration: none;
	}

	div.menuoszlop li a:hover{
		display:block;
		text-decoration: underline;	
	}

	div.menuoszlop ul ul{
		display:none;
	}

	div.menuoszlop ul li.active ul, div.menuoszlop ul li.alias-parent-active ul{
		list-style-type: none;
		background:var(--almenu-hatter);
		margin: 0px;
		padding:0px;
		display:block;
	}

	div.menuoszlop ul ul li{
		background-image:none;
		border-bottom: 1px solid #ededed;
		line-height:35px;
	}

	div.menuoszlop ul ul li.active{
		background-image:none;
	}


	div.menuoszlop ul ul li a{
		display:block;
		font-weight:normal;
		text-transform: none;	
		font-size: 16px;
		color:var(--almenu-betu-szin);
		text-decoration: none;
	}

	/* -- MODULOK -- */
	div.menuoszlop div.moduletable{
		padding-bottom:20px;
	}

	div.menuoszlop div.moduletable h3{
		line-height:35px;
		font-weight:bold;
		background:var(--modul-fejlec-hatter);
		width:100%;
		text-transform: uppercase;	
		font-size: 16px;
		color:var(--betu-szin);
		padding-left:15px;
		padding-right:15px;
		padding-bottom:0px;
		margin:0px;
	}

	div.menuoszlop div.moduletable div.custom, div.menuoszlop div.moduletable div.newsflash{
		background:var(--modul-hatter);
		padding-top:10px;
		padding-left:15px;
		padding-right:15px;
		padding-bottom:10px;
		text-decoration: none;	
		margin:0px;
	}
	
	div.menuoszlop div.moduletable div.newsflash h4 a{
		color:var(--link-szin);
	}
	
	div.menuoszlop div.moduletable div.newsflash p{
		text-align:justify;
	}
		

	div.menuoszlop div.moduletable div.custom p, div.menuoszlop div.moduletable div.custom strong{
		font-size: 14px;
		color:var(--betu-szin);
		padding:0px;
		margin:0px;
	}

	/* --- LABLEC--- */
	div.lablecsav{
		position:relative;
		top:-30px;	
		
	}

	div.lablec{
		background-image:url('../images/lablec.jpg');
		background-repeat: no-repeat;
		background-size:auto;
		background-position:center center;
		height:45px;
		position:relative;
	}


	div.facebook h2 a{
		color:var(--lablec-cim-betu-szin);
		text-align: left;
		font-size: 24px;
		line-height:45px;
		padding-left:90px;
		text-transform: uppercase;
	}

	div.facebook h2 a:hover{
		text-decoration: underline;
	}

	div.iskolanev-lab h3{
		color:var(--lablec-cim-betu-szin);
		text-align: left;
		font-size: 18px;
		padding-top:18px;
		line-height:44px;

	}
	/* --- LABLEC MENUSOR --- */
	div.lablec-menu{
		background: var(--lablec-hatter);
		height:234px;
		position:relative;
	}

	div.lablec-modul{
		height:234px;
		padding-top:20px;
	}

	div.lablec-menu h3{
		text-transform: uppercase;
		font-size: 16px;
		color: var(--lablec-betu-szin);
	}

	div.lablec-menu p{
		font-size: 16px;
		color:var(--lablec-betu-szin);
	}

	div.lablec-menu a{
		font-size: 16px;
		color:var(--lablec-betu-szin);
		text-decoration: none;
	}
	div.lablec-menu a:hover{
		font-size: 16px;
		color:var(--lablec-betu-szin);
		text-decoration: underline;
	}
	
}
@media (max-width: 991.98px) {

	div.container {

	}
	
	*{
		font-family: 'Open Sans';
		font-size: 13px;
		color:var(--betu-szin);

	}
	
	body{
		background:var(--oldal-hatter);
		padding:0px;
		margin:0px;
	}
	
/* --- FEJLEC --- */	
	div.fejlecsav{
		background:var(--mobil-fejlec-hatter);
		padding-top:10px;
		padding-bottom:10px;
		text-align:center;
	}
	
	nav{
		background:var(--menusav-hatter);
	}
	
	div.logo img{
		width:150px;
		height:176px;			
	}	
	div.fejlec h1{
		font-family:Open Sans;
		font-size: 20px;
		font-style: normal;
		font-weight:bold;
		color: var(--mobil-fejlec-betuszin);	
			
	}
	
	div.fejlec h2{
		font-family:Open Sans;
		font-size: 14px;
		font-style: normal;
		color: var(--mobil-fejlec-betuszin);		
	}	
	
	div.menusav h2{
		font-family:Open Sans;
		font-size: 14px;
		font-style: normal;
		color: var(--mobil-fejlec-betuszin);
		line-height:25px;
		padding:0px;	
		float:right;		
	}	
	
	div.menusav button{
		float:right;

	}	

/* --- TARTALOM --- */		
	div.tartalomsav{
		background:var(--tartalomsav-hatter);
	}
	
	div.tartalom{
		background:var(--tartalom-hatter);
		padding-top:10px;
	}
	

	div.page-header{
		
	}

	div.category-desc{
		padding-top:10px;
	}

	div.tartalom a{
		color: var(--link-szin);
		text-decoration:none;
		padding:0px;
	}
	div.tartalom a:hover{
		text-decoration:underline;
	}

	div.tartalom h1{
		background:var(--tartalom-cim-hatter);
		width:100%;
		padding-left:5px;
		padding-right:5px;
		margin:0px;
		line-height:35px;
		text-transform: uppercase;	
		font-size: 16px;
		color:var(--fejlec-cim-betu-szin);
	}

	div.tartalom h2{
		padding:0px;
		margin:0px;
		font-weight:bold;
		text-transform: uppercase;	
		font-size: 16px;
		color:var(--betu-szin);
	}

	div.tartalom div.items-row{
		padding-top:5px;
	}

	div.tartalom div.span4{
		width:100%;
		float:left;
	}

	div.tartalom div.span4 div.item{
		padding-left:10px;
		padding-right:10px;
		height:100%;
		position:relative;
		text-align:justify;
	}

	div.tartalom div.span4 div.item time{
		font-size:11px;
		font-weight:bold;
	}

	div.tartalom div.span4 dl.article-info,div.aktoszlop div.span4 dd.published{
		padding:0px;
		margin:0px;
	}	
	
	div.tartalom div.span4 div.item p.readmore{
		position:relative;
		padding:0px;
		float:right;
	}

	div.tartalom div.span4 div.item img{
		width:100%;
	}

	div.tartalom div.pagination{
		width:100%;
	}

	div.tartalom div.pagination ul{
		list-style-type: none;
		list-style: none;
		margin: auto auto;
	}

	div.tartalom div.pagination ul li{
		float:left;
		padding-left:10px;
		padding-right:10px;
	}

	div.tartalom div.archive select{
		width:100px;
	}

	div.tartalom div.archive button{
		background-color: var(--link-szin);
		border:0px;
	}	

	/* --- CIMKEZETT elemek --- */
	div.tartalom div.span6{
		width:100%;
		float:left;
		padding-top:15px;		
	}
	
	div.tartalom div.span6 div.item img{
		width:100%;
	}	
	
	div.tartalom div.span6 div.item{
		padding-left:10px;
		padding-right:10px;
		height:100%;
		position:relative;
		text-align:justify;
	}	
	div.tartalom div.span6 div.item time{
		font-size:11px;
		font-weight:bold;
	}
	
	div.tartalom div.span6 dl.article-info,div.tartalom div.span6 dd.published{
		padding:0px;
		margin:0px;
	}	
	
	div.tartalom div.span6 div.item p.readmore{
		position:absolute;
		padding-right:10px;
		bottom:0;
		right:0;
	}	

	div.tartalom div.pagination{
		width:100%;
	}

	div.tartalom div.pagination ul{
		list-style-type: none;
		list-style: none;
		margin: auto auto;
	}

	div.tartalom div.pagination ul li{
		float:left;
		padding-left:10px;
		padding-right:10px;
	}

	div.tartalom div.archive select{
		width:100px;
	}

	div.tartalom div.archive button{
		background-color: var(--link-szin);
		border:0px;
	}
	
	div.tartalom div.item-image { 
		overflow: hidden;
	}	
	div.tartalom div.item-image img{
		object-fit: contain;
	}			
	
	
	/* -- MENU -- */
	
	div.search input{
		margin: 0px;
		padding:0px;
		width:100%;
	}
	
	/* --- FEJLEC KERESO --- */

	div.search{

	}

	div.search form{

	}
	div.search input{
		position:relative;
		width:100%;
		padding-left:15px;
		padding-right:5px;	
		border: none;
		margin: 0 auto;
		font-size:16px;
		line-height:30px;		
	}
	
	
	nav ul{
		list-style-type: none;
		margin: 0px;
		padding:0px;
		background:var(--menu-hatter);
	}

	nav ul li{
		line-height:35px;
		background-image:url('../images/menu_nyil.png');
		background-repeat: no-repeat;
		background-size:auto;
		background-position:95% 8px;
	}

	nav ul li.active, nav ul li.alias-parent-active{
		background-image:url('../images/menu_nyil_aktiv.png');
		background-repeat: no-repeat;
		background-size:auto;
		background-position:95% 10px;
	}

	nav ul li a{
		display:block;
		width:100%;
		font-weight:bold;
		text-transform: uppercase;	
		font-size: 16px;
		color:var(--menu-betu-szin);
		text-decoration: none;
		padding-left:15px;
		padding-right:15px;		
	}

	nav ul li a:hover{
		display:block;
		text-decoration: underline;	
		color:var(--menu-betu-szin);
	}

	nav ul ul{
		display:none;
	}

	nav ul li.active ul, nav ul li.alias-parent-active ul{
		list-style-type: none;
		background:var(--almenu-hatter);
		margin: 0px;
		padding:0px;
		display:block;
	}

	nav ul ul li{
		background-image:none;
		border-bottom: 1px solid #ededed;
		line-height:35px;
	}

	nav ul ul li.active{
		background-image:none;
	}


	nav ul ul li a{
		display:block;
		font-weight:normal;
		text-transform: none;	
		font-size: 16px;
		color:var(--almenu-betu-szin);
		text-decoration: none;
	}
	
	nav ul ul li a:hover{
		color:var(--almenu-betu-szin);
		text-decoration: underline;
	}	
	
/* --- LABLEC --- */	
	div.lablecsav{
		background:var(--mobil-lablec-hatter);
		padding-top:10px;
	}	
	div.lablec h3{
		text-transform: uppercase;
		font-size: 16px;
		color: var(--mobil-lablec-betu-szin);
	}

	div.lablec p{
		font-size: 16px;
		color:var(--mobil-lablec-betu-szin);
	}

	div.lablec a{
		font-size: 16px;
		color:var(--mobil-lablec-betu-szin);
		text-decoration: none;
	}
	div.lablec a:hover{
		font-size: 16px;
		color:var(--mobil-lablec-betu-szin);
		text-decoration: underline;
	}
}