body, th, td, input { font-family: arial; font-size: 14px; }
body { background: /*#cde*/ /*#cdc*/ /*#555*/ /*#f8f8f2*/ /*#eee*/ /*#acc*/ /*#000*/ #432; margin: 0; padding: 0; }
a { color: #088; text-decoration: none; /*font-weight: bold;*/ }
a:hover { color: #088; text-decoration: underline; }

select { border: 1px solid #888; outline: 0; background: #fff; border-radius: 4px; padding: 4px; color: #000; font-family: arial; font-size: 14px; font-weight: normal; cursor: pointer; vertical-align: middle; }
select:hover,
select:focus { border: 1px solid #880; background: #ff4; }

input { border: 1px solid #888; outline: 0; border-radius: 4px; padding: 4px; background: #fff; color: #000; font-family: arial; font-size: 14px; font-weight: normal; vertical-align: middle; }
input:hover,
input:focus { border: 1px solid #880; background: #ff4; }
input:disabled { border: 1px solid #aaa; background: #ccc; }
input[readonly] { border: 1px solid #aaa; background: #ccc; }
input[readonly]:hover,
input[readonly]:focus { border: 1px solid #aa7; background: #cc8; }

button,
input[type="button"],
input[type="submit"] {
	outline: 0;
	vertical-align: middle;
	border-radius: 4px; padding: 4px 12px; font-family: arial; font-size: 14px; font-weight: normal; cursor: pointer;
	box-shadow: 0 0 1px #000;
	color: #000;
	background: #ccc;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	box-shadow: 0 0 1px #000;
	background: #cc6;
	border-left: 1px solid #ffc;
	border-top: 1px solid #ffc;
	border-right: 1px solid #773;
	border-bottom: 1px solid #773;
}
button:active,
input[type="button"]:active,
input[type="submit"]:active {
	border-left: 1px solid #773;
	border-top: 1px solid #773;
	border-right: 1px solid #ffc;
	border-bottom: 1px solid #ffc;
	padding: 5px 11px 3px 13px;
}

.page { margin: 0 auto; /*width: 1000px;*/ /*box-shadow: 0 0 8px #000;*/ padding: 0; /*border-radius: 8px;*/ }
.header { position: relative; z-index: 2; }
.header .block { position: relative;
	background: /*#024 url(core/main/img/img_earth.jpg) no-repeat 50% 5%*/ /*#044*/ #488;
	background-size: 100%;
	/*border-radius: 8px 8px 0 0;*/
	/*background-image: url(../img/xbg.jpg);
	background-position: 0 /*-300px*/ 55%;*/
}
.header .block .logo { height: 30px; float: left; margin: 0px; cursor: pointer; /*border-radius: 4px;*/ background: #eee; /*box-shadow: 0 0 4px #fff;*/ padding: 5px; box-shadow: 0 0 2px 2px #eee; }
.header .block .title { float: left; /*color: #000;*/ margin: 0 8px; line-height: 40px; /*padding-top: 8px;*/ font-size: 24px; cursor: pointer;
	color: #fff;
	/*text-shadow: 0 0 7px #000;*/
}
.header .block .title .ver { font-size: 10px; line-height: 10px; color: #ff0; }
.header .block .flag { position: relative; float: right; width: 24px; height: 18px; background: transparent no-repeat 50% 50%; background-size: 100% auto; cursor: pointer; box-shadow: 0 0 2px #000; }
.header .block .lang { position: absolute; right: 0px; top: 20px; display: none; background: #000; border: 2px solid #555; width: 100px; padding: 5px; z-index: 100; }
.header .block .lang a { color: #fff !important; display: block; cursor: pointer; font-weight: bold; opacity: 0.7; text-align: left; }
.header .block .lang a.selected { opacity: 1; color: #ff0 !important; }
.header .block .lang img { color: #fff; height: 24px; width: 24px; vertical-align: middle; margin-right: 4px; }

.header .block .login { /*background: rgba(255,255,255,0.5);*/ /*border-radius: 0 0 0 8px;*/ color: #fff; line-height: 20px; padding: 10px 10px; font-size: 15px; text-align: center; float: right;
	/*box-shadow: 0 0 5px #000;
	position: relative;
	z-index: 2;*/
}
.header .block .login a { color: #ff0; font-weight: bold; }
.header .block .login .profile a { color: #000; font-weight: normal; }
.header .block .login .maxuser { color: #00f; cursor: help; font-size: 11px; position: relative; top: -3px; line-height: 0; }

.header .block .fuggo{ float: right; background: #f00; color: #fff; /*margin: 2px;*/ padding: /*4px 8px*/10px 10px; /*border: 1px solid #a00; border-radius: 5px;*/ font-weight: bold; line-height: 20px; font-size: 15px; }

.header .menu { background: /*#0aa*/ /*#6cc*/ /*#add*/#e0e0e0 url(../public/img/kiwihug-MS9Tnh3if1o-unsplash-640.jpg); color: #000; padding: /*6px 10px*/ 1px 10px 3px 10px; font-size: /*16px*/ 18px; text-align: center;
	/*box-shadow: 0 0 5px #000;
	position: relative;
	z-index: 2;*/
	box-shadow: 0 0px 4px /*#066*/ #000;
	position:relative;
}
.header .menu a { color: /*#fff*/ #000; /*font-weight: bold;*/ text-decoration: none; white-space: nowrap; padding: /*2px 5px*/ 6px 5px 7px 3px; border-radius: 5px; margin: 0 /*5px*/4px; vertical-align: top; line-height: 36px; border: 1px solid transparent; text-shadow: 2px 2px 1px #fff; }
.header .menu a:hover { background: /*#7dd*/ /*#bee*/ #fff; border: 1px solid #ddd; }
.header .menu a.active { background: /*#8ee*/ /*#dff*/ #ff4; color: #000; border: 1px solid /*#488*/ /*#aaa*/ #cc0; }
.header .menu a img { height: 32px; width: 32px; vertical-align: bottom; margin-right: 3px; position: relative; top: -1px; }

.header .submenu { background: /*#088*/ /*#884*/ #488; color: #000; padding: 3px 10px 2px 10px; font-size: 16px; text-align: center; line-height: 26px;
	/*box-shadow: 0 0 5px #000;
	position: relative;*/
	box-shadow: 0 2px 2px /*#044*/ /*#440*/ #222;
}
.header .submenu a { color: #fff; font-weight: bold; text-decoration: none; white-space: nowrap; padding: 2px 5px; border-radius: 5px; margin: 0 5px; }
.header .submenu a:hover { background: /*#1aa*/ /*#aaa*/ /*#aa8*/ #6aa; }
.header .submenu a.active { background: /*#8ee*/ #ff4; color: #000; }

.footer { position: relative; top: /*-40px*/ -80px; max-width: 1000px; margin: 0 auto; }
.cpustat { margin: 4px; height: 25px; border: 1px solid transparent; outline: 1px solid #000; background: rgba(255,255,255,0.2); float: left; position: relative; border-radius: 2px; }
.cpustat div { position: absolute; bottom: 0; }
.cpustat div.inf:hover { outline: 1px solid #ff0; }

.main {
	position: relative;
	/*z-index: 1;*/
	/*padding: 10px 0 50px 0;*/
	padding: 10px 0 90px 0;
	/*background: url(https://cdn.pixabay.com/photo/2019/05/16/20/15/online-4208112_960_720.jpg);
	background-repeat: no-repeat; background-size: 100%;*/ /*background-attachment: fixed;*/
}
.main .background { position: absolute; left: 0; top: 0px; width: 100%; /*z-index: 1;*/ }
.main .background img { width: 100%; }
.main .background div { width: 100%; height: 0; box-shadow: 0 0 50px 100px /*#cdc*/ /*#555*/ /*#f8f8f2*/ /*#eee*/ #432; position: relative; }
.content { position: relative; padding: 10px 10px 10px 10px; max-width: 1000px; margin: 0 auto; background: rgba(255,255,255,0.9); border-radius: 8px; min-height: 280px; box-shadow: 0 0 4px #688; }
.icon {
	float: left; width: 148px; height: 128px; display: block; text-align: center; text-decoration: none;
	cursor: pointer; background: #f0f0f0; margin: /*0 10px 10px 0*/ 0 4px 14px 10px; overflow: hidden; border-radius: 10px;
	color: #444; font-weight: bold; box-shadow: 0 0 4px #aaa; position: relative; font-size: 14px;
}
.icon .imgContent { display: block; height: 64px; line-height: 64px; margin: 5px 0; position: relative; }
.icon .imgContent .ic { max-height: 64px; max-width: 95%; margin: 0 auto; vertical-align: middle; }
.icon .imgContent .lnk { width: 16px !important; height: 16px !important; position: absolute; right: 10px; top: 4px; opacity: 0.3; }
.icon:hover { background: #f8f8f8; }
.icon .permission { font-size: 75%; font-weight: normal; }
h1 { margin: 0 0 10px 0; padding: 0; text-align: left; font-size: 24px; font-weight: normal; }
h1.center { text-align: center; }
h1 select { float: right; }
h2 { margin: 10px 0 5px 0; padding: 0; font-size: 20px; background: #488; border-radius: 5px; padding: 2px 5px; /*border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;*/ color: #fff; font-weight: normal; }
h3 { margin: 8px 0 4px 0; padding: 0; font-size: 18px; color: #840; border-bottom: 1px solid #840; font-weight: bold; }

.categoryTitle { margin: 0 0 15px 0; padding: 4px 8px; background: #ddd; border: 1px solid #ccc; font-weight: bold; font-size: 16px; border-radius: 5px; }

.administration { height: 32px; float: right; cursor: pointer; opacity: 0.5; }
.administration:hover { opacity: 1; }

.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }

.successMessage { background: #8f8; color: #000; border: 1px solid #0a0; }
.errorMessage { background: #f88; color: #000; border: 1px solid #f00; }
.infoMessage { background: #ffc; color: #000; border: 1px solid #cc8; }
.successMessage,
.errorMessage,
.infoMessage { padding: 10px; margin-bottom: 10px; font-weight: bold; border-radius: 5px; }

.messageWindow { /*padding: 10px 10px 0 10px;*/ font-size: 20px; position: fixed; width: 70%; xmin-height: 200px; left: 14%; top: 25%; box-shadow: 0 0 50px #000; border: 1px solid #000; border-radius: 16px; background: #ffa; z-index: 10000; cursor: pointer; }
.messageWindow div { background: transparent; border: 0; margin: 0; font-weight: bold; padding: 30px; text-align: center; }
.messageWindow .successMessage { color: #0a0; }
.messageWindow .errorMessage { color: #f00; }
.messageWindow .infoMessage { color: #cc8; }

.back { text-decoration: none; font-weight: bold; color: #800; }
.back:hover { text-decoration: underline; }

.impresszum { text-align: center; padding-top: 8px; font-size: 12px; }
.impresszum a { text-decoration: none; color: #000; }
.impresszum a:hover { text-decoration: underline; }

table.urlap { /*border-collapse: collapse;*/ border-spacing: 0; }
table.urlap th { text-align: left; font-weight: normal; width: 1%; white-space: nowrap; }
table.urlap th,
table.urlap td { border-top: 1px solid #fff; border-bottom: 1px solid #ccc; padding: 4px 3px 3px 3px; }
table.urlap tr:first-child th,
table.urlap tr:first-child td { border-top: 0; }
table.urlap tr:last-child th,
table.urlap tr:last-child td { border-bottom: 0; }
table.urlap .left { text-align: left; }
table.urlap .center { text-align: center; }
table.urlap .right { text-align: right; }
table.urlap input[type="text"] { width: 97%; }

table.adatok { border-collapse: collapse; width: 100%; }
table.adatok th,
table.adatok td { border: 1px solid #ccc; padding: 4px; }
table.adatok th { text-align: left; font-weight: normal; width: 1%; white-space: nowrap; font-weight: bold; }
table.adatok td { }

table.lista { border-collapse: collapse; width: 100%; }
table.lista th,
table.lista td { border: 1px solid #ccc; padding: 4px; }
table.lista th { font-weight: bold; text-align: center; }
table.lista td { font-weight: normal; text-align: center; }
table.lista .left { text-align: left; }
table.lista .center { text-align: center; }
table.lista .right { text-align: right; }
table.lista .bold { font-weight: bold; }
table.lista .italic { font-weight: italic; }

span.req { color: #f00; }

.help { cursor: help; }

.clear { clear: both; font-size: 0; line-height: 0; display: block; }

.elemek { background: #eee; }
.elemek tr:nth-child(odd) { background: #e0e0e0; }

ul.checklist { margin: 0; padding: 0; }
ul.checklist li { background: url(../public/img/success16.png) no-repeat 0px 6px; padding: 4px 0 0 26px; margin: 0; list-style: none; min-height: 20px; font-size: 16px; }

ul.felsorolas { margin: 0 0 0 18px; padding: 0; }
ul.felsorolas li { padding: 0; margin: 0; list-style: circle; min-height: 20px; }

.bekezdes { text-align: justify; font-size: 20px; }
.bekezdes p { margin-top: 5px; margin-bottom: 15px; }
.bekezdes img { border: 1px solid #ccc; border-radius: 8px; box-shadow: 5px 5px 5px #ccc; margin: 0 10px 10px 10px; }
.bekezdes img.left { float: left; margin: 0 20px 10px 10px; }
.bekezdes img.right { float: right; margin: 0 10px 10px 20px; }
.bekezdes img.center { margin: 10px auto 10px auto; display: block; }
@media screen and (max-width: 480px) {
    .bekezdes img { float: none !important; display: block; margin: 0 auto 10px auto !important; }
    table.urlap { display: block; }
    table.urlap tr { display: block; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; }
    table.urlap tr:first-child { border-top: 0; }
    table.urlap tr:last-child { border-bottom: 0; padding-top: 10px;}
    table.urlap tr th { display: block; border: 0; padding: 3px 0 3px 0; }
    table.urlap tr td { display: block; border: 0; padding: 0 0 5px 0; }
    table.urlap tr td input[type="text"] { /*max-width: 98% !important;*/ }
}

@media screen and (max-width: 1024px) {
	.responsive .page { width: auto; }
}
@media screen and (max-width: /*840px*/ 860px) {
	.responsive .icon { width: /*132px*/ 116px; height: 104px; margin: /*0 10px 10px 0*/ 4px 4px 5px 5px; font-size: 13px; }
	/*.responsive .icon img { height: 48px; margin: 5px auto; }*/
	.responsive .icon .imgContent { height: 48px; line-height: 48px; margin: 5px auto; }
	.responsive .icon .imgContent .ic { max-height: 48px; }
	.responsive .categoryTitle { margin: 5px 0 5px 0; }
}
/*@media screen and (max-width: 660px) {
	.responsive .header .block .logo { float: none; height: 75px; }

	.responsive .header .block .title { float: none; line-height: 1.2em; padding: 0; margin: 0; text-align: right; position: absolute; top: 55px; right: 10px; font-size: 24px; }
	.responsive_title .header .block .title { line-height: 2.4em !important; margin-left: 20px !important; padding-top: 10px !important; text-align: left !important; position: relative !important; top: 0 !important; right: 0 !important; }
}*/