@font-face {
font-family: 'Ariel Black'; 
src: url('web1.ttf') format('truetype'); 
font-weight: normal;
font-style: normal; 
}
@font-face {
font-family: 'Keziras1'; 
src: url('Dynalight-Regular.ttf') format('truetype'); 
font-weight: normal;
font-style: normal; 
}
@font-face {
font-family: 'Keziras2'; 
src: url('mathilde.otf') format("opentype"); 
font-weight: normal;
font-style: normal; 
}

@font-face {
	font-family: 'Caviar';
	src: url('CaviarDreams.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI Light';
	src: url('segoeuil.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/*-----------------jelszo ablak--------------------------*/

	.jelszo_ablak{
		display: block;
		position:fixed;
		left:45%;
		top:15%;

		height:200px;
		width:350px;
		background-color:white;
		border: 1px solid #AAAAAA;
		opacity:0;
		visibility:collapse;
		z-index:100;
		padding:30px;
		box-shadow:8px 8px 10px #000000;		

	
	}
	.fej_hover {
		
	}

	.fej_hover:hover {
		background-color:blue;
	}
/*-----------------tooltip beálítás--------------------------*/
	.tooltip {
		position: relative;
		display: inline-block;
	}

	.tooltip .tooltiptext {
		visibility: hidden;
		width: 300px;
		background-color: #666666;
		color: #FFFFFF;
		font-family:'Segoe UI light', Tahoma, Geneva, Verdana, sans-serif;
		font-size: 16px;
		text-align: left;
		border-radius: 6px;
		padding: 10px 15px;
		/* Position the tooltip */
		position: absolute;
		z-index: 1;
		top: 120%;
		left: 50%;
		margin-left: -50%;
		transition: opacity .7s;
		opacity: 0;
	}

	.tooltip:hover .tooltiptext {
		visibility: visible;
		opacity: 1;
	}

	.tooltip .tooltiptext::after {
		content: " ";
		position: absolute;
		bottom: 99.9%; /* At the bottom of the tooltip */
		left: 50px;
		margin-left: -5px;
		border-width: 10px;
		border-style: solid;
		border-color: transparent transparent #666666 transparent;
	}


/*-----------------menusor link szinezök--------------------------*/
a.technologia_hover:link {
	color: #8800FF;
	text-decoration: none;
}

a.technologia_hover:visited {
	color: #8800FF;
	text-decoration: none;
}

a.technologia_hover:hover {
	color: #DD00FF;
	text-shadow: #8800FF 0.1em 0.1em 0.4em;
}

a.metafizika_hover:link {
	color: #00BBDD;
	text-decoration: none;
}

a.metafizika_hover:visited {
	color: #00BBDD;
	text-decoration: none;
}

a.metafizika_hover:hover {
	color: #00CCFF;
	text-shadow: #44BBFF 0.1em 0.1em 0.4em;
}

a.megismeres_hover:link {
	color: #FF0088;
	text-decoration: none;
}

a.megismeres_hover:visited {
	color: #FF0088;
	text-decoration: none;
}

a.megismeres_hover:hover {
	color: #FF66AA;
	text-shadow: #FF4488 0.1em 0.1em 0.4em;
}

a.fizika_hover:link {
	color: #FF2200;
	text-decoration: none;
}

a.fizika_hover:visited {
	color: #FF2200;
	text-decoration: none;
}

a.fizika_hover:hover {
	color: #FF8800;
	text-shadow: #FF9999 0.1em 0.1em 0.4em;
}

a.naplo_hover:link {
	color: #000000;
	text-decoration: none;
}

a.naplo_hover:visited {
	color: #000000;
	text-decoration: none;
}

a.naplo_hover:hover {
	color: #8888FF;
	text-shadow: #8888FF 0.1em 0.1em 0.4em;
}

a.majom_hover:link {
    color: #AA4400;
    text-decoration: none;
}

a.majom_hover:visited {
    color: #AA4400;
    text-decoration: none;
}

a.majom_hover:hover {
    color: #DD4400;
    text-shadow: #FFAA88 0.1em 0.1em 0.4em;
}
a.almos_hover:link {
    color: #BAAA44;
    text-decoration: none;
}

a.almos_hover:visited {
    color: #BAAA44;
    text-decoration: none;
}

a.almos_hover:hover {
    color: #DDAA44;
    text-shadow: #FFAA44 0.1em 0.1em 0.4em;
}
/*--------------------menusor link szinezök vége-----------------------------------*/


a.vkek_hover:link {
    color: #DD4400;
    text-shadow: black 0.1em 0.1em 0.4em;
    text-decoration: none;
}
a.vkek_hover:visited {
			color:#AADDFF;
			text-shadow:black 0.1em 0.1em 0.4em;
			text-decoration: none;
		}
a.vkek_hover:hover{
			color: #FFFFDD;
		}
		
a.vkek_hoverB:link {
			color:#0066CC;
			text-decoration: none;
		}
a.vkek_hoverB:visited {
			color:#0066CC;
			text-decoration: none;
		}
a.vkek_hoverB:hover{
			color: #FFFFDD;
			text-shadow:black 0.1em 0.1em 0.4em;
		}

a.vkek_hoverX:link {
			color:#AADDFF;
			text-decoration: none;
		}
a.vkek_hoverX:visited {
			color:#AADDFF;
			text-decoration: none;
		}
a.vkek_hoverX:hover {
    color: #FFFFDD;
    text-decoration: none;
}


a.piros_hover:link {
    color: #FF0000;
    text-decoration: none;
}

a.piros_hover:visited {
    color: #FF0000;
    text-decoration: none;
}
a.piros_hover:hover {
    color: #FF0000;
    text-decoration: none;
    font-weight: bolder;
}


/* *********** */	
.vkek_hoverN {
			color:#AADDFF;
			text-shadow:black 0.1em 0.1em 0.4em;
			text-decoration: none;
		}
.vkek_hoverN:hover{
			color: #FFFFDD;
		}
		
		
/* *********** */	
.link_szovegbenN {
	text-decoration: none;
	color: #0066CC;
}
.link_szovegbenN:hover {
	color: #88AAFF;
	cursor:pointer;
}

/* *********** */
a.link_szovegben:link {
	text-decoration: none;
	color: #0066CC;
}
a.link_szovegben:visited {
	text-decoration: none;
	color: #0066CC;
}

a.link_szovegben:hover {
	color: #0066CC;
	font-weight: bold;
}

/* *********** */

.sotet_hatteru:link {
	text-decoration: none;
	color: #0066CC;
}
.sotet_hatteru:visited {
	text-decoration: none;
	color: #0066CC;
}

.sotet_hatteru:hover {
	color: #0066CC;
	font-weight: bold;
	cursor:pointer;
}

.link_hover{
}
.link_hover:hover{
	color: #0066CC;
	cursor:pointer;
}

/* *********** */
.kepnagyito_kontener {
	overflow: hidden;
}

	.kepnagyito_kontener img {
		/*vertical-align: top;*/
		max-width: 100%;
		transition: transform 0.7s;
	}

.kepnagyito_kontener:hover img {
	transform: scale(1.1);
	cursor:pointer;
}

.kep_pulzalas1:hover{
	box-shadow: 5px 10px 15px #888888;
	cursor:pointer;
	transition: box-shadow 0.4s;
}

.kep_pulzalas2:hover {
	box-shadow: 6px 2px 10px #AAAAAA;
	cursor: pointer;
	transition: box-shadow 0.4s;
	border-left: 2px solid #FFFFFF;
	border-right: 1px solid #444444;
}

.hatter_szurke  {
	filter: grayscale(100%);
	border-left: 2px solid #FFFFFF;
	transition: .7s ease-in-out;
}

.kep_szurke  {
	filter: grayscale(45%);
}


/* *********** */
		.mutato_ujj{text-decoration:none;}

.mutato_ujj:hover {
    cursor: pointer;
    opacity: 0.5;
}


.gomb_div:hover {
	background-color: #CCF0FF;
	cursor:pointer;
}
.gomb_div1:hover {
	background-color:rgba(192,240,255,0.2);
	cursor:pointer;
}

.gomb_div2 {
	color: #AAAAAA;
}
.gomb_div2:hover {
	background-color: #CCF0FF;
	cursor: pointer;
	color:#004488;
}


.feher_link_szinezo:hover {
	color: #FFFFFF;
	cursor:pointer;
}

.kek_link_szinezo:hover {
	color: #0044BB;
	font-weight:bold;
	cursor:pointer;
}
.kek_link_szinezo2:hover {
	color: #0099BB;
	font-weight:bold;
	cursor:pointer;
}

.piros_szinezo:hover {
    color: #FF0000;
    font-weight: bold;
    cursor: pointer;
}

.tema_blokk_cim_lenyito:hover {
	font-weight: bold;
	cursor:pointer;
}

a.katona:link{
	text-decoration: none;
	font-size:16px;
	color: #AAAAAA;
}
a.katona:visited{
	text-decoration: none;
	color: #AAAAAA;
}
a.katona:hover{
	color: #FF0000;
}
a.blokk_menu:link {
		font-weight:normal;
		cursor:default;
		text-decoration: none;
}
a.blokk_menu:visited {
		font-weight:normal;
		cursor:default;
		text-decoration: none;
}
a.blokk_menu:hover {
		cursor:pointer;
}
/* Osztály stílusok */
/* ********************************************************************************** */
html {
  scroll-behavior: smooth;
	}

.hoverelo:hover{
	cursor:pointer;
}


.felso_menusor{
	margin-top:0px;
	margin-bottom:0px; 
	height:30px; 
	width: 976px;
	text-align: right;
	font-family:'Segoe UI Light', Tahoma, Geneva, Verdana, sans-serif;
}

.tema_blokk{
	display:block;
	width: 976px; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-position: left;
	background-repeat: no-repeat;
}

.lenyilo_tema_blokk{
	display:block;
	width: 976px;
	overflow:hidden; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	visibility:collapse;
	transition: all 1s;
}

.lenyilo_tr{
	display:block;
	overflow:hidden;
	transition: all 1s;
}

.keret_tartalom{
	opacity:.1;
    transition: all 2s;
}

.blink_valami{
	animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
	}
@keyframes blinker {  
    from { opacity: 0;}
    20% { opacity: 0.1;}
    30% { opacity: 0.3;}
    40% { opacity: 0.5;}
    50% { opacity: 0.5;}
    60% { opacity: 0.5;}
    70% { opacity: 0.3;}
    80% { opacity: 0.1;}
    to { opacity: 0; }
}

.katona_video:{
	text-decoration: none;
	font-size:16px;
	color: #AAAAAA;
}
.katona_video:hover{
	color: #FF0000;
}

/* Elem stílusok */
/* ********************************************************************************** */

#naplo_blokk_lenyilo{
	color: #444444;
	line-height: 32px;
	font-family: 'Segoe UI Light', Tahoma, Geneva, Verdana, sans-serif; 
	margin-top:15px;
}