@charset "UTF-8";
/*Nem törhető kötőjel: ‑*/
@media print
{    
    body
    {
        display: none !important;
    }
}
@media only screen and (max-width: 768px) {

	body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	background: #9C3016;
	font-size: 1.5vw;
	line-height:5vw;
	text-align: justify;
	color: yellow;
	overflow-y: scroll;
	webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	hyphens: auto;
	}
	.clear {
	clear:both;
	}
	a {
	text-decoration: none;
	color:coral;
	font-weight: 400;
	}
	a:hover {
	color: #A70D2A;
	font-weight: 400;
	}
	pre {
		white-space:pre;
	}
	.step {
		background-color:orange;
		padding:0.1vw 1vw;
		font-size:4vw;
		line-height:2vw;
	}	
	.step a {
		color:yellow;		
	}
	.step a:hover {
		color:#9C3016;		
	}	
	.arrow {
		font-size:6vw;
		vertical-align:-0.4vw;
	}
	b {
	font-weight:600;
	color:#ff4500;
	}
	.ta-c {
	text-align: center;
	}
	.ta-r {
	text-align: right;
	}
	.ta-l {
	text-align: left;
	}	
	.anim {
	margin-top:-1.5vw;
	color:coral;
	font-style: italic;
	}
	.ms-gomb {
	background-color: #F1F1F1;
	padding: 0 2vw;
	border: 0.1vw solid #0078D7;
	color: black;
	}	
	.ms-gomb2 {
	background-color: #0078D7;
	padding: 1vw 3vw;
	border: 0.1vw solid #0078D7;
	color: white;
	}	
	.ms-gomb3 {
	background-color: white;
	padding: 1vw 3vw;
	border: 0.1vw solid #0078D7;
	color: #0078D7;
	}
	.ms-gomb4 {
	background-color: lightgrey;
	padding: 1vw 3vw;
	border: 0.1vw solid black;
	color: black;
	}	
	.ms-menu {
	color: white;
	padding: 0 0.1vw;
	font-style: normal;
	}
	.excel {
	background-color: #F3F2F1;
	color: black;
	border-bottom: 0.6vw solid #217346;
	}
	.ms-almenu {
	background-color: #F3F2F1;
	color: black;
	padding: 0 0.1vw;
	font-style: normal;
	}	
	.ms-ablak {
	background-color: #FFF;
	color: black;
	border: 1px solid lightgrey;
	border-bottom: none;
	padding: 0 0.1vw;
	}	
	img[src*=mouse] {display:inline-block; vertical-align: middle;}
	img {
	width: 100%;
	}
	.w-80_ {
	width:80%;
	}
	.w-60_ {
	width:60%;
	}	
	.w-50_ {
	width:50%;
	}	
	.w-40_ {
	width:40%;
	}
	.w-30_ {
	width:30%;
	}	
	.w-20_ {
	width:20%;
	}	
	.w-5_ {
	width:5%;
	display:inline-block; vertical-align: middle;
	}
	.w-3_ {
	width:3%;
	}
	.truet, .truet_, .truet_2, .truet_3, .truet_4 {
	font-size:5vw;
	font-weight:600;
	line-height:4vw;
	color:green;
	}
	.truet_, .truet_2, .truet_3, .truet_4 {
	padding-top: 0.1vw;
	border-top: 3px solid green;
	text-align:center;
	}
	.truet_ {
	width:6vw;
	}
	.truet_2 {
	width:12vw;
	}
	.truet_3 {
	width:14vw;
	}
	.truet_4 {
	width:16vw;
	}
	.textup {
	vertical-align:0.5vw;
	}

	@font-face {
	font-family: 'wm2';
	src: local('../css/font/wm2_font'),
	url('../css/font/wm2_font.ttf') format('truetype');
	}
	@font-face {
	font-family: 'wm2_key';
	src: local('../css/font/wm2keyb.ttf'), 
	url('../css/font/wm2keyb.ttf') format('truetype');
	}
	.key {
	font-family: 'wm2_key';
	font-size: 10vw;
	color: #FF4433;
	vertical-align: middle;
	line-height:8vw;
	font-weight:normal;
	font-style:normal;
	}
	h1 {
	font-weight:600;
	font-size:5.5vw;
	line-height:7vw;
	}
	h2 {
	text-align:left;
	font-weight:600;
	font-size:5vw;
	margin:1vw 0;
	}
	h3 {
	text-align:left;
	font-weight:600;
	font-size:4.5vw;
	margin-top:4vw;
	margin-bottom:-1vw;	
	}
	h4 {
	text-align:left;
	font-weight:600;
	font-size:4vw;
	margin-top:3vw;
	margin-bottom:-1vw;
	}
	li {
	text-align: left;
	hyphens: auto;
	}

	/*FEJLÉC LOGÓ*/
	#fejlec {
	margin-top: -1.5vw;
	}
	/*.key {
	font-family: 'wm2_key';
	font-size: 5vw;
	color: #FF4500;
	vertical-align: middle;
	line-height:4vw;
	font-weight:normal;
	}*/
	#wm_logo {
	font-family: 'wm2';
	font-size: 8vw;
	text-align: center;
	color: #FFFFCC;
	letter-spacing: 1.25vw;
	text-shadow: 0.3vw 0.3vw 0 brown, 0.6vw 0.5vw 0 orange;
	line-height: 1vw;
	}
	.bs_big{
	font-weight: bold;
	}
	.bs_small {
	font-family: 'wm2';
	font-size: 4vw;
	color: orange;
	}
	.alcim {
	font-size: 3vw;
	color: yellow;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.5vw;
	word-spacing: 1vw;
	margin-top: -2vw;
	}
	.cim {
	font-size: 3vw;
	color: yellow;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.5vw;
	word-spacing: 1vw;
	margin-bottom: 1vw;
	margin-top: -2vw;
	}

	/*FŐMENÜ*/
	#fomenu {
	width: 96%;
	margin: 0 auto;
	text-align: left;
	}
	.tema-div {
	 display: flex;
	 flex-direction: row;
	 flex-grow: 1;
	 justify-content: space-evenly;
	 align-items: flex-start;
	 align-content: space-around;
	 padding: 1vw 3vw;
	 margin: 1vw 0;
	 background-color: #FFFFCC;
	 border-right: 2vw solid orange; 
	}
	.tema-div:hover {
	 background-color: #FCB061;
	 border-right: 2vw solid red;
	}
	.tema-logo {
	 padding: 1vw 0;
	 width: 8vw;
	 margin: 0 auto;
	 clear: both;
	 float: left;
	}
	.tema-logo img{
	width: 10vw;
	margin-top:2vw;	
	}
	.tema-nev {
	font-size: 4.5vw;
	width: 70vw;
	padding-left: 13vw;
	margin-top:3.5vw;
	}
	.tema-mod {
	font-size: 3.5vw;
	font-style: italic;
	color: coral;
	font-weight: normal;
	}
	.tema-div.inaktiv {
	background-color: lightgrey;
	border-right: 2vw solid orange;
	}
	.tema-div.inaktiv:hover {
	border-right: 2vw solid grey;
	}

	/*TÉMAKÖR FEJLÉC*/
	.tema-fejlec {
	width: 100%;
	min-height:9vh;
	margin: 0 auto;
	text-align: center;
	background-color: #9C3016;
	position: fixed;
	top: 0;
	z-index: 999;
	}
	.modul-menu, .hamb-menu {
	width: 11vw;
	height: 11vw;
	margin: 0 auto;
	padding:1vw;
	background-color: #9C3016;
	}
	.modul-menu {
	position: absolute;
	top: 1vw;
	}
	.tema-cim-div {
	float: center;
	width:96%;
	padding-top:2vw;
	}
	.tema-cim {
	color: yellow;
	font-size: 4vw;
	margin-top:1.5vw;
	padding-top: 0.5vw;
	}
	.hamb-menu {
	position: absolute;
	top: 0.8vw;
	right:3vw;
	}
	.modul-ikon img, .hamb-menu img {
	width:10vw;
	height:10vw;
	}
	.hamb-menu button {
	background-color:#9C3016;
	border:none;
	}

	/*TÉMAKÖR CONTENT*/
	.tema-content {
	width:96%;
	margin-top: 14vw;
	padding:1vw; 
	}

	/*TÉMAKÖR MENÜ*/
	.tema-menu {
	height: 100%;
	width: 99%;
	padding-left:1vw; 
	z-index: 2;
	background-color: #9C3016;
	overflow-x: hidden;
	}	
	.menu-button {
	border: none;
	background-color: transparent;
	outline: none;
	width:106%;
	}
	.menu-button:focus {
	border: none;
	}
	.menu, .menu-aktiv {
	display:block;
	width:91%;
	margin-left:-0.8vw;
	margin-bottom:0.75vw; 
	padding:2vw;
	font-weight: normal;
	text-align:left; 
	font-size: 3.5vw;
	font-family: 'Open Sans', sans-serif;
	border-right:1vw solid #E1995E;
	}
	.menu, .menu-aktiv {
	color:white; 
	background:#E1995E;
	}
	.menu {
	border-right:1vw solid #E1995E;
	}
	.menu-aktiv {
	color:yellow; 
	}
	.menu-aktiv:hover {
	color:#9C3016;
	border-right:1vw solid orange;
	}
	.menu:hover {
	color:yellow;
	border-right:1vw solid orange;
	}
	.almenu, .almenu-aktiv, .pelda, .pelda-aktiv {
	display: block;
	float:right;
	width:90%;
	margin-bottom:1vw; 
	padding:2vw;
	text-align:left; 
	font-weight: 600;
	font-size: 3.5vw;
	font-family: 'Open Sans', sans-serif;
	}
	.almenu {
	color:#9C3016; 
	background:#FFFFCC;
	border-right:1vw solid #FFFFCC;
	}
	.almenu-aktiv {
	color:#D2042D; 
	background:#FFFFCC;
	border-right:1vw solid red;
	}
	.almenu:hover {
	color:#9C3016;
	border-right:1vw solid orange;
	font-weight: 600;	
	}
	.almenu-aktiv:hover {
	color:#D2042D;
	border-right:1vw solid orange;
	font-weight: 600;	
	}
	.pelda {
	background:#FFFF99; 
	color:#E1995E; 
	border-right:1vw solid #FFFF99;
	}
	.pelda-aktiv {
	background:#FFFF99; 
	border-right:1vw solid red;
	}
	.pelda:hover, .pelda-aktiv:hover { 
	color:#9C3016;
	border-right:1vw solid orange;
	}

	/* FELADATOK HIVATKOZÁS */
	.pelda-f {
	text-decoration:none; 
	color:#E1995E; 
	line-height:2;
	}
	.pelda-f:hover {
	color:#9C3016;
	}
	.pelda-f:visited {
	color:grey;
	}
	.pelda-f:visited:hover {
	color:#B9003D;
	} 
	.nyil {
	font-size:10vw;
	text-align:right;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	}
	.nyil a {
	text-decoration:none;
	color:#9C3016;
	}

	/*TARTALOM*/
	.tartalom2 {
	clear:both;
	float:center;
	width: 96.5%;
	margin-left:1.4vw;
	background:#FFFFCC;
	color:#9C3016;
	font-size:3.5vw;
	padding:1vw;
	z-index:-1;
	overflow: hidden;
	}
	.code {
	font-family: 'Cutive Mono', monospace;
	color: green;
	font-size:3.75vw;
	font-weight: bold;
	text-align: left;
	}
/*OpenOffice*/
.lo-menu {
background-color: #C9E5FC;
border: 1px solid lightgrey;
color: black;
padding: 0em 0.5em;
font-style:normal;
}
.lo-almenu {
background-color: #91C9F7;
border: 1px solid lightgrey;
color: black;
padding: 0em 0.5em;
font-style:normal;
}
	/* TÁBLÁZATOK */

	/*Prefixumok */
	table.prefixum {width:100%; margin:0 auto; border:0.1vw solid #F79646; border-collapse:collapse; text-align:center; background:#FFFFCC;}
	table.prefixum th {background:#F4B39B; border:0.1vw solid #F79646; padding:0.5vw; font-weight:600;}
	table.prefixum th.si {background:#FAC090; border:0.1vw solid #F79646; padding:0.5vw;}
	table.prefixum th.iec {background:#E46C0A; color:white; border:0.1vw solid #F79646; padding:0.5vw;}
	table.prefixum td {width:10%; border:0.1vw solid #F79646;}
	table.prefixum td.si {background:#FAD9CD; border:0.1vw solid #F79646; padding:0.5vw;}
	table.prefixum td.iec {background:#FCD5B5; font-weight:600; border:0.1vw solid #F79646; padding:0.5vw;}

	/*.table_content {
	width: auto;
	display: grid;
	grid-template-rows: repeat(4em, auto);
	justify-content: left;
	color: #9C3016;
	font-size: 1.1em;
	line-height:2em;
	padding:0 5em;
	margin:0 auto;
	font-family: monospace;
	letter-spacing:0.1em;
	font-weight:bold;
	}*/
	.table_content_2 {
	width: auto;
	display: grid;
	grid-template-rows: repeat(5, auto);
	justify-content: center;
	color: #9C3016;
	font-size: 2.75vw;
	padding:1vw;
	}
	.c5 {
	grid-template-columns: repeat(5, minmax(15vw, auto));
	}
	.elso_i {
	font-weight:600;
	text-align:right;
	}

	/*LÁBLÉC*/
	footer {
	clear:both; 
	width: 100%;
	float:center;

	}
	#lablec {
	float:center;

	}
	.email {
	float:center;
	font-size: 3vw;
	color: yellow;
	text-align: center;
	letter-spacing: 0.5vw;
	line-height:6vw;
	padding-bottom:1vw;

	}
	.wm_link {
	font-size: 2.9vw;
	color: orange;
	text-align: center;
	letter-spacing: 0.2vw;
	padding-bottom: 1vw;
	line-height:2vw;
	}
	.wm_link a, .wm_link a:visited {
	color: white;
	text-decoration:none;
	font-weight:600;
	}
	.wm_link a:hover {
	color: white;
	font-weight:600;
	}
	.blink {
	font-weight:600;
	  animation: blinker 1s step-start infinite;
	}
	@keyframes blinker {
	  50% {
	opacity: 0.2;
	  }
	}
	.jogi {
	clear:both;
	text-align: center;
	background-color: #FFC000;
	color: #C70039;
	padding: 1vw;
	font-size: 1.8vw;
	line-height:2vw;
	}
	.counter {
		color:yellow;
		text-align: center;
		padding-bottom:2.5vw;
	}	
}