@charset "UTF-8";

body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-image: url('images/bg.png');
	background-position: top center;
	/* SCROLLBAR-BASE-COLOR: rgb(255,255,255);
	SCROLLBAR-3DLIGHT-COLOR: rgb(255,255,255);
	SCROLLBAR-DARKSHADOW-COLOR: rgb(255,255,255);
	SCROLLBAR-ARROW-COLOR: rgb(34,9,0);
	SCROLLBAR-FACE-COLOR: rgb(245,220,159);
	SCROLLBAR-HIGHLIGHT-COLOR: rgb(234,185,63);
	SCROLLBAR-SHADOW-COLOR: rgb(234,185,63);
	SCROLLBAR-TRACK-COLOR: rgb(249,239,212); */
	--pagewidth: 1000px;
	--prime-color: #0081b8;
	--second-color: #b2bb1c;
	--button-color: #999;
	--third-color: #44a4c0;
}
div {
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size: 12px;*/
	color: #333333;
}
p:empty {
	display: none;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	color: #333333;
}
input[type=text], input[type=email], input[type=password], textarea, select {
	padding: 5px 7px;
}
button, .button, input[type=button], input[type=submit] {
	display: inline-block;
	padding: 7px 14px;
	background-color: var(--button-color);
	color: #FFF;
	border: 0px;
	/*border-radius: 12px;*/
	/*-webkit-border-radius: 12px;*/
	/*-moz-border-radius: 12px;*/
}
img, ul, ol, li, form {
	/*border: 0px;*/
	/*margin: 0px;*/
	/*padding: 0px;*/
}
li {
	margin-left: 20px;
}
a {
	color: var(--second-color);
}
a:link {
	color: var(--second-color);
	text-decoration: none;
}
a:visited {
	color: var(--second-color);
	text-decoration: none;
}
a[href]:hover {
	color: var(--second-color);
	text-decoration: underline;
}
a:not([href]) {
	cursor: default;
}
h1, .h1 {
	font-size: 150%;
	color: var(--second-color);
	padding: 0px;
	margin-top: 0px;
	line-height: 1.2em;
}
h2, .h2 {
	font-size: 120%;
	color: var(--prime-color);
	padding: 0px;
	/*margin: 0px;*/
}
h3, .h3 {
	font-size: 120%;
	color: var(--second-color);
	color: var(--prime-color);
	padding: 0px;
	margin: 0px;
}
h4 {
	font-size: 110%;
	padding: 0px;
	margin: 0px;
}
pre.pp {
	background-color: #CCCCCC;
	line-height: 90%;
}
hr {
	border: 0;
    height: 0;
	border-top: 1px solid var(--second-color);
}

.contenturl h1, .contenturl .h1 {
	color: var(--prime-color);
}
.contenturl h2, .contenturl .h2 {
	color: var(--second-color);
}
h1 + .subtitle, .h1 + .subtitle {
/*	color: var(--prime-color);*/
	font-weight: normal;
	margin-top: -1em;
	margin-bottom: 1.25em;
/*	font-style: italic;*/
}

/* messages bar */
.success-bar, .failure-bar, .message-bar {
	display: block;
	position: relative;
	margin: 1em 0;
	padding: 0.5em;
	background-color: rgb(0, 256, 0, 0.1);
	color: green;
	padding-left: 38px;
}
.success-bar * { color: green; }
.failure-bar * { color: #ff3e3e; }
.failure-bar { background-color: rgb(256, 0, 0, 0.1); color: #ff3e3e; }
.message-bar { background-color: rgb(0, 0, 0, 0.1); color: gray; }
.success-bar:empty, .failure-bar:empty, .message-bar:empty { display: none; }
.success-bar:before, .failure-bar:before, .message-bar:before {
	display: inline-block;
	position: absolute;
	left: 17px;
	top: 0.8em;
	margin-right: 10px;
	content: "\f00c";
	line-height: 1;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 95%;
}
.failure-bar:before { content: "\f12a"; }
.message-bar:before { content: "\f075"; left: 14px; }

.auth-box {
	width: 350px;
	max-width: 100%;
	margin: 2em auto;
}
body.floatpage .auth-box .failure-bar,
body.floatpage .auth-box .success-bar {
	display: none;
}
.auth-box p { margin-top: 0; }
.auth-box table,
.auth-box input[type=text],
.auth-box input[type=password],
.auth-box input[type=email],
.auth-box select {
	width: 100%; box-sizing: border-box; padding: 3%;
}
.auth-box .ajax-message {
	margin: 1em 0; padding: 0.5em; display: none;
}
.auth-box .or, #shop .or { font-size: 12px; width: 100%; text-align: center; padding: 1em 0 2em 0; box-sizing: border-box; }
.auth-box .or span, #shop .or span { display: inline-block; padding: 2px 5px; color: #CCC; background-color: #FFF; }
.auth-box .or:after, #shop .or:after { content: ""; height: 1px; display: block; border-bottom: 1px solid #CCC; margin-top: -13px; }
.auth-box:not(.is-success) .show-if-success,
.auth-box.is-success .hide-if-success {
	display: none!important;
}
	

.kek { color: var(--prime-color); }
.w100px { width: 100px; }
.w90px { width: 90px; }
.w80px { width: 80px; }
.w70px { width: 70px; }
.w60px { width: 60px; }
.w50px { width: 50px; }
.w40px { width: 40px; }
.w30px { width: 30px; }
.w70 { width: 70%; }
.w65 { width: 65%; }
.w60 { width: 60%; }
.w55 { width: 55%; }
.w50 { width: 50%; }
.w45 { width: 45%; }
.w40 { width: 40%; }
.w35 { width: 35%; }
.w31 { width: 31%; }
.w30 { width: 30%; }
.w33 { width: 33%; }
.w25 { width: 25%; }
.w20 { width: 20%; }
.w15 { width: 15%; }

.ml1 { margin-left: 1%; }
.tovbb { margin-top: 5px; font-size: 80%; }
.nowrap { white-space: nowrap; }
.alignc { text-align: center; }
.alignr { text-align: right }

.pagewidth {
	width: 100%;
	max-width: var(--pagewidth);
	background-color: #FFFFFF;
	border-left: 4px solid #476876;
	border-right: 4px solid #476876;
	margin: auto;
	box-sizing: border-box;
	padding: 0 0 0.5em 0;
}
.pagewidth > p, .pagewidth > ul, 
.pagewidth > h1, .pagewidth > .h1, 
.pagewidth > h2, .pagewidth > .h2, 
#middle > h2, #middle > .h2 { margin-top: 0; }
#middle h1:first-child, #middle h2:first-child { margin-bottom: 1em; }
hr.pagewidth {  }
/*@media (min-width: 1440px){	.pagewidth { max-width: 1050px; } }*/

.breadcrumbs { font-size: 14px; }

#right_block_01 {
	background-color: var(--prime-color);
	padding: 13px;
	padding-top: 8px;
	margin-bottom: 15px;
	color: #FFFFFF;
}
#right_block_01 a {
	color: var(--second-color)!important;
}
#right_block_01 hr, #right_block_02 hr {
	color: #FFFFFF;
	padding-top: 0px;
	margin-top: 0px;
}
#right_block_02 {
	background-color: var(--second-color);
	padding: 13px;
	padding-top: 8px;
	color: #FFFFFF;
}
#right_block_02 a {
	color: var(--prime-color);
}
#right_block_01 hr,
#right_block_02 hr {
	border-color: #ffffff80;
	margin: 0.5em 0 0 0;
}
#right_block_01 .image img, #right_block_02 .image img {
	max-width: 100%;
	display: block;
}
#right_block_01 .image, #right_block_02 .image {
	display: block;
	margin: 0.5em 0;
}

.right_block_title {
	font-size: 160%;
	font-family: Arial;
	color: #FFFFFF;
}

.right_block_text {
	color: #FFFFFF;
	overflow: auto;
	width: 179px;
}
.right_block_text p,
.right_block_text div {
	color: #FFFFFF;
	overflow: auto;
	width: 179px;
}



/* főmenü */

#menu_col {
	padding-left: 10px;
}

#menu {
	margin: 10px 0px 0px 0px;
}
#menu a {
	display: block;
	font-family: Verdana;
	font-size: 14px;
	/*text-decoration: none;*/
	color: #0081b8;
	padding: 1px 0px 3px 0px;
}
#menu a.akt {
	color: var(--second-color);
}
#menu a.level_1 { margin-left: 0px; font-weight: bold; }
#menu a.level_2 { margin-left: 0px; font-weight: bold; padding: 6px 0px 6px 0px; }
#menu a.level_2:first-child { padding-top: 3px; }
#menu a.level_3 { margin-left: 10px; }
#menu a.level_4 { margin-left: 20px; }
#menu a.level_5 { margin-left: 30px; }
#menu a.level_6 { margin-left: 40px; }

.fm_block1 {
	list-style-position: outside;
	list-style-image: url(images/fm_point.gif);
	padding-left: 0px;
}
.fm_block2 {
	list-style-position: outside;
	list-style-image: url(images/fm_point.gif);
	padding-left: 0px;
	font-weight: bold;
}
.fm_block3 {
	list-style-position: outside;
	list-style-image: url(images/fm_point.gif);
	padding-left: 10px;
}
.fm_block4 {
	list-style-position: outside;
	list-style-image: url(images/fm_point.gif);
	padding-left: 15px;
}

#head td { position: relative; vertical-align: top; }
#head p { margin: 0; }
#head input { padding: 1px 5px; }
#head #search { position: absolute; top: 60px; right: 10px; }
#head #search .l { display: inline; background-color: rgb(179, 186, 28); color: rgb(255, 255, 255); height: 15px; font-weight: bold; font-size: 11px; padding: 5px 8px;}
#head #search button { background: transparent; padding: 3px 5px; vertical-align: middle; cursor: pointer; }
#head_menu {
	position: absolute;
	bottom: 5px;
	right: 10px;
	font-size: 15px;
	color: var(--second-color);
	margin-top: 7px;
}
#head_menu a {
	font-size: 15px;
	color: var(--second-color);
}
#head .loggedin {
	float: right;
	padding: 3px 8px;
	background-color: rgba(255, 255, 255, 0.5);
}
body.widecontent #head .loggedin {
	float: unset;
	position: absolute;
	padding: 3px 10px;
	right: 0;
	bottom: 1px;
}

#partnerek_block {
	color: var(--second-color);
	padding-left: 10px;
}
#linkek_block {
	color: var(--second-color);
	padding-left: 10px;
}

#main {
	padding: 1% 2% 5% 2%;
}

#main_content_midle {
	line-height: 1.4em;
}
#main_content_midle a, #middle a {
	word-break: break-all;
}
#main_content_midle a h2 {
	word-break: break-word;
}

.comments {
	margin-top: 30px;
	border-top: 2px #CCC solid;
	background-color: #EEE;
	padding: 0 30px 20px 30px;
}
.comments textarea {
	width: 95%;
	min-height: 60px;
}
.comments .head {
	border-bottom: 1px #CCC solid;
	padding-bottom: 8px;
}
.comments .body {
	padding: 10px 0;
}
.comments .reply {
	text-align: right;
	margin-right: 20px;
}
.comments .show_all {
	margin-top: 10px;
	font-size: 120%;
}
.comments .date {
	display: inline-block;
}
.comments .title {
	font-weight: bold
}
.comments .username {
	display: inline-block;
	font-weight: bold;
	margin-top: 10px;
}
.comments .hr {
	padding: 10px;
	border-bottom: 1px #DDDDDD solid;
	margin-bottom: 15px;
}
.comments .breaked_list_links {
	text-align: center;
	margin: 15px;
}
.comments .breaked_list_links a {
	padding: 3px 6px 3px 6px;
	background-color: #F1F1F1;
}
.comments .breaked_list_links a.akt {
	background-color: #FFFFFF;
}

.articles h2, .articles .h2 {
	text-transform: uppercase; 
}

.pager a {
	padding: 0.25em 0.5em;
	display: inline-block;
	color: var(--second-color);
}
.pager a.akt {
	background-color: var(--prime-color);
	color: #FFFFFF;
}

#food {
	padding-bottom: 0;
}
#food a {
	color: #FFFFFF;
}
#food .food-text {
	padding: 1em;
	background-color: #0083a9;
	color: #FFFFFF;
	font-size: 10px;
	background-image: url(images/base_29.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
}

@media (min-width: 700px)
{
	.monly { display: none; }
}

@media (max-width: 700px)
{
	body { font-size: 14px; }
	.mW100, .mW100 tbody, .right_block_text, .right_block_text div, .right_block_text p { width: 100%; display: block; box-sizing: border-box; }
	.donly { display: none; }
	#head td { background-image: unset!important; }
	#head #search { top: 20px; right: 6%; white-space: nowrap; }
	#head #search button, #head #search button img { width: 1px; height: 1px; padding: 0; }
	#head_menu-bottom-hr { display: none; }
	#head_menu .item { display: inline-block; padding: 5px; text-transform: capitalize; }
	#menu-opener {
		display: block;
		margin: 2% 4% 1% 4%;
		padding: 5px 0;
		text-align: center;
		font-size: 130%;
		background-color: #45a4c04d;
		color: #0ab3df;
	}
	#menu-opener i {
		display: block;
		width: 20px;
		height: 1px;
		margin: 4px 0 4px 0;
		border-top: 2px #2995b6 solid;
	}
	#menu-opener div {
		display: inline-block;
		vertical-align: top;
		margin: 0 5px;
		font-size: 19px;
		color: #2995b6;
	}
	.monly #head_menu {
		position: relative;
		bottom: unset;
		right: unset;
		margin: auto;
		padding: 5% 5% 5% 0;
	}
	.menu-onoff { display: none; }
	#middle { padding: 4%!important; padding-top: 20px!important; }
	#menu_col { padding-left: 0; }
	#menu_col .menu-onoff { padding-left: 4%; }
	#menu { margin: 0; }
	#menu a.level_2 { font-size: 16px; }
	#main_content_midle { line-height: unset; }
	#main_content_midle p, #main_content_midle div { text-align: left!important; }
	#partnerek_block { /*text-align: center;*/ }
	#partnerek_block .content p, #partnerek_block .content div { display: inline-block; width: 30%; max-width: 120px; margin-left: 2%; vertical-align: middle; }
	#partnerek_block .content p:nth-child(3n-2), #partnerek_block .content div:nth-child(3n-2) { margin-left: 0; }
	#partnerek_block img { width: 100%!important; height: auto!important; float: unset!important; }
}

@media print
{
	.pagewidth {
		border: 0;
	}
}