body#sub #header{
	z-index:1001;
}

.centerc{text-align:center;}
.center{margin:0 auto;}

.botleft
{
	float:left;
	margin-top:-3em;
	padding-left: 1em;
}
@media only screen and (min-width: 771px) and (max-width: 1019.9px){
	.botleft .urlnoline {
	    display: inline-block;
	    margin-left: -0.5em;
	}
}

#kereso {
	width: 10em;
	vertical-align: top;
	padding-left: 2em;
	background-image: url(images/ikon_keres.svg);
	background-position: left;
	background-repeat: no-repeat;
	background-size: 21px;
	border-radius: 6px;
	border: 2px #990021 solid;
	background-color: #e4e4e4;
	color: #999;
	font-family: arsenal;
	line-height: 1.8em;
}

.botleft .gomb{
	height:2.3em;
}



#footer {
	clear:both;
    background-color: #4a3334;
    color: white;
    min-height: 10em;
    border-top: 3px solid #990021;
}
#footer *{
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}





/*********************** botright ***************************/
.botright {
    display: inline-block;
    float: right;
}
.mgomb {
	box-sizing:border-box;
    text-align: center;
    width: 3em;
    background-color: #990021;
    border-bottom: 0.3em solid #7a0000;
	cursor:pointer;
}
#m_keres{
	background-color:#c7b5b5;
	border-color:#b39595;
}
#m_menu_bezar{display:none;}
.mgomb img {
    vertical-align: middle;
    width: 50%;
}
#m_menu img{width:67%;}

#mkereso{
	display:none;
	clear: both;
	background-color: #333;
	padding: 1em;
	text-align: center;
	font-size:16px;
}
#mkereso .kereso{
	font-size: 18px;
	height: 2em;
	line-height: 2em;
	width: 50%;
	min-width: 248px;
	vertical-align: middle;
}
.keres_ind{cursor:pointer;}
#mkereso .keres_ind{
	display: inline-block;
	background-color: #990021;
	border-radius:3px;
	width: 2em;
	height: 2em;
	vertical-align:middle;
}
.keres_ind img {
    height: 100%;
}

#logokeps,
#footer .logo img{
	height:2.5em;
}





@media only screen and (max-width: 339.99px) {
	#logokep {
	    height: 3.4em;
	    display: inline-block;
	    margin: 0.5em 0 0.5em 2em;
	}
	#logokeps{display:none;}
}
@media only screen and (min-width: 340px) {
	#logokep{display:none;}
	#logokeps{display:inline-block; vertical-align:middle;}
}
@media only screen and (max-width: 380.99px) {
	#logokeps,
	#footer .logo img{
		height:2em;
	}
}

@media only screen and (max-width: 770.99px) {
	#header {
		position:fixed;
		z-index:1001;
		width: 100%;
	    /* max-width: 770px; */
	    /* margin: 0 auto; */
		/* position: absolute;
		width: 100%;
		top: 0; */
		background-color:rgba(255,255,255,0.9);
	}

	#m_keres,
	#m_menu{display:inline-block;}

	#logo {
	    display: inline-block;
		float:left;
		padding-left: 1em;
	}

	#logo,
	.botright{line-height:4.5em;}
	#header,
	#logo,
	.mgomb{height:4.5em;}

	.botleft{display:none;}

	#menu a {
	    color: white;
	}
	#menu {
		background:black;
		background: rgba(0,0,0,0.9);
		color: #990021;
		list-style-type: square;
		padding: 2em;
		text-transform: uppercase;
		font-family: comfortaa;
		display:none;
		margin:0;
		position: relative;
		z-index: 2000;
		clear:both;

		max-height: calc(100vh - 4.5em);
		overflow: auto;
	}
	.menupont,
	.menupontd {
		margin-bottom: 1em;
	}
	#menu > li:last-of-type{
		margin-bottom:2em;
	}
	.menupont span,
	.menupontd span {
	    font-size: 150%;
	    padding: 0.1em 0;
	    display: inline-block;
		vertical-align:middle;
		color:#888;
	}
	.almenu {
	    padding: 0;
		font-size: 16px;
	}
	.almenu li {
		padding: 0 0.7em 0 0;
		margin:0.2em 0;
		list-style: none;
		display: inline-block;
		text-transform: initial;

	}

	#footer{text-align:center;}
	#footer .logo{  }
	#footer .logo img{padding:2em 0;}
	#footer #gombok {
		background-color: white;
		height: 3.6em;
	}
	#footer #gombok a {
		background-color: #990021;
		display: inline-block;
		border-bottom: 0.3em solid #770000;
		margin: -0.4em 0.2em;
	}
	#footer #gombok a svg {
		padding: 0.8em 0.3em 0.5em 0.3em;
		height: 2.6em;
	}

	#footer #lab {
		padding: 1em;
		font-family: arsenal;
	}
	#footer #lab a {
		color: white;
		text-transform: uppercase;
		display: inline-block;
		margin: 1em;
	}
	#footer #lab div {
		margin: 1em;
	}

}



@media only screen and (min-width: 603px) {
	#header{
		/* position: absolute; */
		width: 100%;
		top: 0;
	}
	body#sub #header{
		/* position:fixed; */
	}
}
@media only screen and (min-width: 771px) {
	#logo{
		padding: 1em 0;
		background-color:rgba(255,255,255,0.9);
		text-align:center;
	}

	#logokep{
		height:7em;
		margin: 0em auto;
		display:inline-block;
	}
	#logokeps{ display:none; }

	body#sub #logokep{
		display:none;
	}
	body#sub #logokeps{
		display:inline-block;
		margin:0 auto;
	}

	#header{
		font-size:12px;
		position: absolute;
		width: 100%;
		top: 0;
	}
	body#sub #header{
		position:fixed;
	}

	.botright{display:none;}

	#menu {
		position: relative;
		padding-left:0;
		margin:0;
		text-align:center;
		line-height:2.5em;
		/* background-color:#990021; */
		/* background-color:#7f0000; */
		/* opacity:0.85; */
		background-color:rgba(127, 0, 0, 0.85);
		color:white;
		text-transform:uppercase;
		font-family:comfortaa;
		display: block !important;
	}
	#menu .menupont:hover,
	#menu .menupontd:hover {
		background-color: rgba(210, 0, 0, 0.4);
	}
	#menu .menupont,
	#menu .menupontd {
		list-style: none;
		display: inline-block;
		cursor:pointer;
		padding:0 1em;
	}
	#menu .csakmobil{
		display:none;
	}
	.almenu {
		position: absolute;
		top: 2.5em;
		padding-left: 0;
		left: 0px;
		width: 100%;
		text-align: center;
		line-height:2.5em;
		/* background-color:#7f0000; */
		/* background-color:#a00000; */
		background-color:rgba(160, 0, 0,0.88);;
		color:white;
		text-transform:uppercase;
		font-family:comfortaa;
	}
	#menu a{color:white;}
	#menu a:hover{color:white;}

	.almenupont:hover {
		background-color: rgba(100, 0, 0, 0.32);
	}
	.almenupont{
		list-style: none;
		display:inline-block;
		padding:0 1em;
	}
	.almenu{
		display:none;
		height:0;
		transition:height 0.5 ease;
	}

	.almenu.latszik{
		display:inline-block;
		height:2.5em;
	}



	#footer{text-align:center;}
	#footer .logo{  }
	#footer .logo img{/*height:2.4em;*/ padding:2em 0;}
	#footer #gombok {
		background-color: white;
		height: 3.6em;
	}
	#footer #gombok a {
		background-color: #990021;
		display: inline-block;
		/*height: 4em;*/
		border-bottom: 0.3em solid #770000;
		margin: -0.4em 0.2em;
	}
	#footer #gombok a svg {
		padding: 0.8em 0.3em 0.5em 0.3em;
		height: 2.6em;
	}

	#footer #lab {
		padding: 1em;
		font-family: arsenal;
	}
	#footer #lab a {
		color: white;
		text-transform: uppercase;
		display: inline-block;
		margin: 1em;
	}
	#footer #lab div {
		margin: 1em;
	}
}


@media only screen and (min-width: 1020px){ /* wide desktop */
	/* #menu{font-size:14px;} */
	#header{font-size:14px;}

	#mainapon{
		max-width: 906px;
		clear: both;
	}
	body#sub #logokeps{height:3em;}
}



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




@keyframes szazalek
{
   0%   {margin-left:-13.5em;}
   20%  {margin-left:0em;}
   80%  {margin-left:0em;}
   100% {margin-left:-13.5em;}
}
@-webkit-keyframes szazalek
 {
	0%   {margin-left:-13.5em;}
	20%  {margin-left:0em;}
	80%  {margin-left:0em;}
	100% {margin-left:-13.5em;}
}
@keyframes szazalekplusz
{
   0%   {visibility:visible;}
   100% {visibility:hidden;}
}
@-webkit-keyframes szazalekplusz
 {
	0%   {visibility:visible;}
	100% {visibility:hidden;}
}

#szazalek {
	position: fixed;
	bottom: 3em;
	background-color: white;
	padding: 1.5em 2em;
	font-family: arsenal;
	font-weight: bold;
	left: 0px;
	box-shadow: 0em 0em 2em 0em rgba(0,0,0,0.4);
	border-radius: 0 1em 1em 0;

	animation-name: szazalek;
	animation-duration: 4s;
	animation-delay:2s;
	-webkit-animation-name: szazalek;
	-webkit-animation-duration: 4s;
	-webkit-animation-delay:2s;

	z-index: 1001;
	margin-left:-13.5em;
}
#szazalekplusz{
	visibility:hidden;
	animation-name: szazalekplusz;
	animation-duration: 4s;
	animation-delay:2s;
	-webkit-animation-name: szazalekplusz;
	-webkit-animation-duration: 4s;
	-webkit-animation-delay:2s;
}
#szazalek a{
	font-size:200%;
	color: #990021;
}

@media only screen and (max-width: 770.99px){
	#szazalek{
		padding: 0.5em 2em;
		font-size:75%;
	}
}