body {
   color: #FFFFFF;
   scrollbar-face-color:#39396D;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-track-color:#EAEAFF;
   scrollbar-shadow-color:rgb(0,0,0);
   scrollbar-highlight-color:rgb(0,0,0);
   scrollbar-3dlight-color:#808080;
   scrollbar-darkshadow-Color:#202020;
   /*font-size: 12px;*/
 }

#focim {
	font-size: 50px;
	font-weight: bold;
	text-align: center;
}

#alcim {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

input, select, option {
  border: 1px solid #666666;
  background: #F5F5F5;
  padding: 1px;
  color: #000000;
  margin-left: 2px;
}

textarea {
  border: 1px solid #666666;
	background: #ffffff;
	padding: 1px;
	color: #000000
}

#sportagszoveg {
	font-weight: bold;
	color: #FFFFFF; 
}

#bold {
  font-weight: bold;
}

a {
  color: white;
  text-decoration: underline;
}

a:hover {
  color: white;
  text-decoration: underline;
}


#just {
 text-align: justify;
 padding: 8px;
 display: block;
 box-sizing: border-box;
}

.hir-body {
  display: block;
  overflow: auto;
}

.hir-szoveg {
  display: block;
  text-align: justify;
  padding: 8px;
  box-sizing: border-box;
}

a.smi {
  display: block;
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.4px;
  text-decoration: underline;
}

a.smi:hover {
  text-decoration: underline;
}

.hir-datum {
  text-align: right;
  padding: 4px 8px 10px;
  width: 100%;
  box-sizing: border-box;
}

.hir-kereso {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 180px;
  margin: 0 auto 12px;
  padding: 10px 8px;
  box-sizing: border-box;
  background: #6171be;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}

.hir-kereso form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin: 0;
  width: 100%;
}

.hir-kereso input[type="text"],
.hir-kereso input[type="SUBMIT"],
.hir-kereso input[type="submit"] {
  width: 90%;
  max-width: 150px;
  box-sizing: border-box;
}

.partner-links img {
  max-width: 190px;
  height: auto;
  display: block;
  margin: 0 auto 12px;
}

/* CSS Tovább / Vissza buttons (replace hirektovabb.jpg / vissza.jpg) */
.btn-nav {
  display: inline-flex;
  align-items: stretch;
  overflow: hidden;
  min-width: 150px;
  height: 36px;
  border-radius: 10px;
  text-decoration: none !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.45);
  border: 1px solid rgba(20, 24, 60, 0.55);
  transition: filter 0.15s ease, transform 0.15s ease;
}

.btn-nav:hover,
.btn-nav:focus {
  filter: brightness(1.08);
  transform: translateY(-1px);
  text-decoration: none !important;
}

.btn-nav-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  padding: 0 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.35);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 45%),
    linear-gradient(180deg, #8fdff8 0%, #5ec8ee 55%, #3fb4e0 100%);
}

.btn-nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.35);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0) 45%),
    linear-gradient(180deg, #7edc3a 0%, #4caf18 55%, #2f7a0d 100%);
  box-shadow: inset 1px 0 0 rgba(0,0,0,0.18);
}

.btn-tovabb .btn-nav-icon::before {
  content: '\2192';
  font-size: 18px;
  letter-spacing: 0;
}

.btn-vissza .btn-nav-icon::before {
  content: '\2190';
  font-size: 18px;
}

.btn-vissza .btn-nav-icon {
  box-shadow: inset -1px 0 0 rgba(0,0,0,0.18);
}

.btn-nav-wrap {
  text-align: right;
  margin: 12px 0;
}

.btn-nav-wrap-left {
  text-align: left;
  margin: 12px 0;
}

#sportag {
 text-align: center;
}

#rovid {
 padding-left: 15px;
}


.style2 {
	color: #FFFF00;
}

pre {
	font-family: "Times New Roman", Times, serif;
}

a#nagy {
	color: yellow;
	font-size: 24px;
	font-weight: bold;
}

table, td, tr {
	background-color: #39396D; 
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	border: 0px;
	empty-cells: show;
}

.szaki
{
	background-color: #0000AA; 
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 3px;
	empty-cells: show;
	text-align: left;
}

.szaki2
{
	background-color: #0000AA; 
	margin: 0px;
	border-bottom: 2px solid yellow;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 3px;
	empty-cells: show;
	text-align: left;
}

.feher {
	border: 3px solid White;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 10px;
	empty-cells: show;
}

a:visited.navlink  {text-decoration: none}
a:link.navlink  {text-decoration: none}
a:active.navlink  {text-decoration: none}
a:hover.navlink   {display: block; background-color: lightslategray; text-decoration: none}

.style1 {
	font-family: Verdana, "Times New Roman", Times;
	font-weight: bold;
	font-size: 10px;
	color: white;
	text-decoration: none;
	text-align: left;
}

.styleszaki {
	font-family: Verdana, "Times New Roman", Times;
	font-weight: bolder;
	font-size: 12px;
	color: white;
	text-decoration: none;
	text-align: left;
}


.szakisport {
	font-family: Verdana, "Times New Roman", Times;
	font-weight: bold;
	font-size: 18px;
	color: white;
	text-decoration: none;
	text-align: center;
	background-color: lightslategray;
}

.szakisport2 {
	font-family: Verdana, "Times New Roman", Times;
	font-weight: bold;
	font-size: 20px;
	color: white;
	text-decoration: none;
	text-align: center;
	background-color: lightslategray;
}



div.tile {
  position: absolute;
  width: 4em;
  height: 4em;
}

.a {
  top: 360px;
  left: 140px;
  font-weight: bold;
}

a {
  font-weight: bold;
}

.szakiforum {
	font-family: Verdana, "Times New Roman", Times;
	font-weight: bold;
	font-size: 18px;
	color: yellow;
	text-decoration: none;
	text-align: center;
	background-color: lightslategray;
}

#kezdolapos {
position: absolute; 
left: 310px; 
top: 262px; 
color: black;
}

#kezdolaposa {
	font-family: Verdana, "Times New Roman", Times;
	font-weight: bold;
	font-size: 12px;
	color: blue;
}

.szakiforumketto
{
	background-color: #636589; 
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 3px;
	empty-cells: show;
	text-align: left;
}

#jobbextraelso {
  width: 190px;
  height: max-content;
  min-height: 0;
  background: linear-gradient(180deg, #b1bac0 0%, #6d7695 100%);
  margin-bottom: 10px;
  box-sizing: border-box;
  padding-bottom: 8px;
}

#jobbextraelso .nap-hire-cim {
  display: block;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #1a1a2e;
  padding: 10px 6px 4px;
  text-transform: uppercase;
}

#jobbextradiv {
  padding-top: 8px;
  font-size: 11px;
  font-weight: bold;
  color: black;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: justify;
}

#gyorshirek-box {
  width: 190px;
  box-sizing: border-box;
  margin: 10px 0;
  padding: 8px 8px 10px;
  background: #eef1f5;
  border: 1px solid #c8d0dc;
}
.gyorshirek-cim {
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #1a1a2e;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.gyorshir-item {
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #c8d0dc;
  font-size: 11px;
}
.gyorshir-item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.gyorshir-cim { margin-bottom: 4px; color: #2f3268; }
.gyorshir-szoveg { line-height: 1.35; }
.gyorshir-datum { margin-top: 4px; color: #667085; font-size: 10px; }

#jobbextramasodik {
  width: 190px;
  height: 270px;
  background-image: url(jobbextra2.jpg);
  margin-top: 10px;
  margin-bottom: 10px;
}

#balra {
 float: left;
 padding: 8px;
 margin: 0;
 height: auto;
}

#balra img {
 display: block;
 max-width: 100%;
 height: auto;
}

.szavazasfokerdes
{
	background-color: #71716a; 
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 3px;
	empty-cells: show;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

.szavazasgomb
{
	background-color: #a20e0e; 
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 3px;
	empty-cells: show;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.szavazasbody
{
	background-color: #71716a; 
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 3px;
	empty-cells: show;
	text-align: left;
}

#kiemelthirek
{
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	font-family: Verdana, "Times New Roman", Times;
	font-weight: bold;
	font-size: 10px;
	color: white;
	text-decoration: none;
	text-align: left;
	padding: 3px;
	background-color: #3366CC;
}

.szakiforumhirek {
	font-family: Verdana, "Times New Roman", Times;
	font-weight: bold;
	font-size: 12px;
	color: yellow;
	text-decoration: none;
	text-align: center;
	background-color: lightslategray;
}

#szakiforumtop {
	font-family: Verdana, "Times New Roman", Times;
	font-weight: bold;
	font-size: 16px;
	color: yellow;
	text-decoration: none;
	text-align: center;
	background-color: lightslategray;
}

#jobbextraharmadik {
  width: 190px;
  height: 270px;
  background-image: url(jobbextra3.jpg);
  margin-top: 10px;
  margin-bottom: 10px;
}

#jobbextradivkispalyas {
  padding-top: 55px;
  font-size: 12px;
  font-weight: bold;
  color: black;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: justify;
}

.felsodatum {
	color: blue;
}

#sptd
{
	background-color: #0000AA; 
	margin: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 3px;
	empty-cells: show;
	text-align: left;
	padding: 10px;
	vertical-align: top; 
}

#spt
{
	width: 100%;
	max-width: 100%;
}

#spsz 
{
  font-family: Times, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bolder;
  letter-spacing: 1px;   
  text-decoration: none;
}

#spheader
{
	background-color: #0000AA;
	margin: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-style: italic;
  font-variant: small-caps;
  font-weight: bolder;
  color: #FFFFFF;
  padding: 10px;
  letter-spacing: 5px;   
}

/* Fluid shell: side columns stay ~200px, center fills remaining width */
.site-layout {
	width: 100%;
	max-width: 100%;
}

.site-layout td.baloldal,
.site-layout td.jobbhirek {
	width: 200px;
}

.site-layout td.nagyon {
	width: auto;
}

.site-header {
	box-sizing: border-box;
	width: 100%;
	min-width: 780px;
	margin: 0;
	background: #e6e6fe;
}

.site-header-top {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 12px 14px 8px;
	box-sizing: border-box;
	background: #e6e6fe;
	min-height: 275px;
}

.site-header-brands {
	flex: 0 0 270px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	z-index: 1;
}

.site-header-brands img {
	display: block;
	max-width: 100%;
	height: auto;
}

.site-header-stage {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	padding-top: 2px;
}

.site-header-carousel {
	width: 100%;
	max-height: 252px;
	overflow: hidden;
	border-radius: 2px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.25);
	background: #2a2a44;
}

.site-carousel-img {
	display: block;
	width: 100%;
	height: 252px;
	object-fit: cover;
	object-position: center center;
}

.site-header-nameday {
	margin-top: 6px;
	min-height: 20px;
	color: blue;
	text-align: left;
	font-weight: bold;
}

/* CSS nav buttons — replace blurry menuitem*.jpg graphics */
.site-nav {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 14px;
	padding: 10px 18px 14px;
	box-sizing: border-box;
	background: #e6e6fe;
	position: relative;
	z-index: 2;
}

.site-nav-btn {
	flex: 1 1 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-width: 0;
	height: 38px;
	padding: 0 6px 0 18px;
	border-radius: 999px;
	text-decoration: none !important;
	color: #ffffff !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0,0,0,0.35);
	background:
		linear-gradient(180deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 42%),
		linear-gradient(180deg, #b6e84a 0%, #7ec922 52%, #5fb018 100%);
	box-shadow:
		0 3px 7px rgba(0,0,0,0.35),
		inset 0 1px 0 rgba(255,255,255,0.45);
	transform: skewX(-10deg);
	transition: filter 0.15s ease, transform 0.15s ease;
}

.site-nav-btn:hover,
.site-nav-btn:focus {
	filter: brightness(1.08);
	transform: skewX(-10deg) translateY(-1px);
	color: #ffffff !important;
	text-decoration: none !important;
}

.site-nav-btn:visited {
	color: #ffffff !important;
}

.site-nav-label {
	transform: skewX(10deg);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.site-nav-chev {
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	transform: skewX(10deg);
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
	color: transparent;
	background:
		linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 45%),
		linear-gradient(180deg, #ffe45a 0%, #f0b400 55%, #e09000 100%);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.5),
		0 1px 2px rgba(0,0,0,0.25);
}

.site-nav-chev::after {
	content: '';
	width: 0;
	height: 0;
	margin-left: 2px;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #ffffff;
	filter: drop-shadow(0 1px 1px rgba(0,0,0,0.25));
}

/* News title bar — replaces menusor.jpg */
.hir-cim {
	background: linear-gradient(90deg, #358fcf 0%, #2476d8 100%);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-indent: 5px;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	box-sizing: border-box;
}

.hir-cim-compact {
	background: linear-gradient(90deg, #358fcf 0%, #2476d8 100%);
	padding: 5px;
	text-indent: 5px;
	width: 100%;
	box-sizing: border-box;
}

.nagyon {
	background-color: #39396D; 
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding-right: 5px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	empty-cells: show;
	height: 3000px;
}

/* Center content blocks that were hardcoded to 600px */
.nagyon table {
	max-width: 100%;
	box-sizing: border-box;
}

.jobbhirek {
	background-color: #86b1c4; 
	border-collapse: collapse;
	text-align: center;
	padding: 8px;
	height: 3000px;
}

.baloldal {
	background-color: #39396D; 
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding-right: 0px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	empty-cells: show;
	height: 3000px;
}

/* === mobile layout === */
.site-menu-toggle {
	display: none;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 10px 9px;
	border: 0;
	border-radius: 8px;
	background: #39396d;
	box-shadow: 0 2px 6px rgba(0,0,0,0.25);
	cursor: pointer;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
}

.site-menu-toggle-bar {
	display: block;
	width: 22px;
	height: 2px;
	background: #ffffff;
	border-radius: 1px;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.site-menu-toggle.is-open .site-menu-toggle-bar:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}
.site-menu-toggle.is-open .site-menu-toggle-bar:nth-child(2) {
	opacity: 0;
}
.site-menu-toggle.is-open .site-menu-toggle-bar:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

.site-header-brand-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
}

@media (max-width: 860px) {
	html, body {
		overflow-x: hidden;
		max-width: 100%;
	}

	.site-header {
		min-width: 0;
	}

	.site-header-top {
		min-height: 0;
		padding: 10px 12px;
	}

	.site-header-brands {
		flex: 1 1 auto;
		width: 100%;
	}

	.site-logo img {
		max-width: min(220px, 70vw);
		height: auto;
	}

	.site-evsi,
	.site-header-stage {
		display: none !important;
	}

	.site-menu-toggle {
		display: inline-flex;
	}

	.site-nav {
		display: none;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 10px;
		padding: 0 12px 14px;
	}

	.site-nav.is-open {
		display: flex;
	}

	.site-nav-btn {
		flex: 0 0 auto;
		width: 100%;
		box-sizing: border-box;
		transform: none;
		border-radius: 10px;
		height: 44px;
		padding: 0 10px 0 16px;
	}

	.site-nav-btn:hover,
	.site-nav-btn:focus {
		transform: none;
	}

	.site-nav-label,
	.site-nav-chev {
		transform: none;
	}

	/* Hide side columns - keep center news only */
	.site-layout td.baloldal,
	.site-layout td.jobbhirek {
		display: none !important;
	}

	.site-layout,
	.site-layout > tbody,
	.site-layout > tbody > tr {
		display: block;
		width: 100% !important;
	}

	.site-layout > tbody > tr > td {
		display: block;
		width: 100% !important;
	}

	.site-layout td.nagyon {
		width: 100% !important;
		height: auto !important;
		padding: 0 8px !important;
		box-sizing: border-box;
	}

	.nagyon img,
	.hir-body img,
	#balra,
	#balra img {
		max-width: 100% !important;
		height: auto !important;
	}

	#balra {
		float: none !important;
		display: block;
		margin: 0 auto 8px;
	}

	.hir-cim,
	.hir-body,
	.hir-datum {
		word-wrap: break-word;
		overflow-wrap: anywhere;
	}

	.flash {
		max-width: 100%;
		overflow: hidden;
	}
}