@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,400;0,600;1,200&display=swap');

html {
	height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body{margin: 0;padding:0;width: 100%;height: 100%;background-color: #c6cdde;font-size: 14px;font-family: 'Exo', sans-serif;color: #000;}

#elonezet {display: none;position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 500;background-color: rgba(38,38,38,0.9);overflow: auto;}
.clear {clear: both;}
ul {margin:0;padding:0;}
a {text-decoration: none;}
a, img {border:none;outline:none;}
.rejtett {display: none;}
.piros {color: #f00;}
img {max-width: 100%;}
input, select, textarea {max-width: 100%;}
table {max-width: 100%;}
iframe {max-width: 100%;}
.row {display: flex;flex-wrap: wrap;justify-content: center;}
.inaktiv {display: none;}
.kozepre {text-align: center;}
h1 {margin:0;padding: 10px 0;font-size: 34px;font-weight: 400;}
h3.lead {margin:0;padding: 0;font-size: 18px;font-weight: 600;}

.tablazat {width: 100%;}
.tablazat thead td {font-weight: bold;}
.tablazat td {border-bottom: 1px solid #237c50;border-left: 1px dotted #aeaeae;padding: 5px;vertical-align: top;}
.tablazat td.first {border-left: none;}
.tablazat td.link:hover {cursor: pointer;}
.tablazat a.letoltes {color: #237c50;background-image: url(img/file.png);background-repeat: no-repeat;background-position: left;padding-left: 20px;}

.wrapper {position: relative;width: 100%;max-width: 1200px;margin: auto;}
.wterkoz {padding: 20px 0;}
.xterkoz {padding-left: 1%;padding-right: 1%;}
.bgfeher {background-color: #fff;}
.bgszurke {background-color: #c6cdde;}
.bgvfeher {background-color: rgba(255,255,255,0.9);}
.bgzold {background-color: #1e9950;}
.bgvzold {background-color: rgba(30,153,80,0.2);}
.bgkek {background-color: #143260;}
.bgskek {background-color: #00274c;}
.bgbordo {background-color: #890019;}
.bgvbordo {background-color: rgba(137,0,25,0.2);}
.bgvsarga {background-color: rgba(209,143,38,0.3);}
.bgvszurke {background-color: #aaa;}
.feher {color: #fff;}
.zold {color: #1e9950;}
.kek {color: #143260;}
.bordo {color: #890019;}

.bgwarningp {-webkit-animation: bgalertred 1s infinite;-moz-animation: bgalertred 1s infinite;-o-animation: bgalertred 1s infinite;animation: bgalertred 1s infinite;}
.bgwarnings {-webkit-animation: bgalertyellow 1s infinite;-moz-animation: bgalertyellow 1s infinite;-o-animation: bgalertyellow 1s infinite;animation: bgalertyellow 1s infinite;}
@-webkit-keyframes bgalertred {
	0%, 49% {background-color: #890019;}
	50%, 100% {background-color: rgba(137,0,25,0.2);}
}
@-webkit-keyframes bgalertyellow {
	0%, 49% {background-color:rgba(209,143,38,0.5);}
	50%, 100% {background-color: rgba(209,143,38,0.3);}
}

fieldset {background-color: #fff;border-radius: 4px;border-color: #208b55;max-width: 700px;margin:auto;}
legend {background-color: #208b55;color: #fff;border-radius: 4px;padding: 5px 10px;font-size: 18px;}
.urlap {border: 1px solid #42c986;border-radius: 4px;padding: 5px;}
.urlapdatum {border: 1px solid #42c986;border-radius: 4px;padding: 5px;width: 90px;}
.urlap35 {width: 35%;}
.urlap100 {width: 100%;}
fieldset label {white-space: nowrap;}
.button {border-radius: 4px;border: 1px solid transparent;padding: 5px 10px;}
.buttonok {background-color: #208b55;color: #fff;}
.buttonok:hover {border: 1px solid #208b55;background-color: #42c986;}
.buttonmegse {background-color: #c39331;color: #fff;border: 1px solid #c39331;}
.buttonmegse:hover {background-color: #fff;color: #c39331;border: 1px solid #c39331;}
.buttontorol {background-color: #b9092f;color: #fff;}
.buttontorol:hover {background-color: #fff;color: #b9092f;border: 1px solid #b9092f;}
.adatok {display: inline-block;background-color: #fff;border-radius: 4px;border: 1px solid #1e9950;padding: 10px;line-height: 25px;}
.adatok a {color: #1e9950;}

.header {position: fixed;top:0;z-index: 10;width: 100%;height: 40px;padding: 5px 0;color: #fff;}
.header .logo {display: inline-block;height: 100%;font-size: 14px;font-weight: 600;color: #fff;background-image: url(img/logo.png);background-repeat: no-repeat;background-position: 5px center;background-size: contain;padding: 5px 5px 5px 45px;}
.header .mobilszlogen {display: none;}
.header .fooldalilogo {font-size: 24px;color: #890019;font-weight: 600;padding: 25px 0 45px 115px;margin-top: 15px;}
.header .jobb {position: absolute;right:0;top: 15px;transform: translateY(-50%);text-align: right;}
#menu-icon {position: relative;display: inline-block;margin: -10px 10px;background-image: url(img/ikon_menu.png);background-repeat: no-repeat;background-size: contain;background-position: center;width: 30px;height: 30px;}
#menu-icon:hover {cursor: pointer;}
.belepes {display: inline-block;margin: 0 10px;color: #fff;padding: 5px 0 5px 40px;background-image: url(img/belepes.png);background-repeat: no-repeat;background-size: contain;background-position: left center;}
#fomenu {display: none;position: absolute;top: 35px;right: 0;padding: 0;text-align: left;background-color: #143260;}
#fomenu li a {display: block;padding: 5px 10px;color: #fff;font-size: 16px;font-weight: 600;}
#fomenu li a:hover {background-color: #fff;color: #143260;}

.fomenu {position: absolute;z-index: 10;top: 45%;left: 50%;transform: translateX(-50%) translateY(-50%);border: 1px solid #fff;color: #42b571;font-size: 20px;text-transform: uppercase;font-weight: 600;text-align: center;padding: 10px;text-shadow: 0 0 1px #42b571, 0 0 3px #fff, 0 0 2px #fff, 0 0 5px #fff, 0 0 10px #fff,0 0 15px #fff, 0 0 7px #fff;background-color: rgba(0,0,0,0.1);}
.fomenu a {display: inline-block;margin: 5px;color: #1e9950;}
.fomenu a:hover {color: #890019;text-shadow: 0 0 3px #fff, 0 0 2px #fff, 0 0 5px #fff, 0 0 10px #fff,0 0 15px #fff, 0 0 7px #fff}

.fooldal {height: 100%;}
.content {position: relative;width: 100%;background-image: url(img/terkep.jpg);background-size: contain;background-repeat: no-repeat;background-position: center 25px;background-attachment: fixed;padding-top: 40px;}
.afrika {display: none;position: absolute;top:0;left:0;width: 100%; height: 100%;background-image: url(img/afrika.png);background-size: contain;background-position: center 25px;background-attachment: fixed;background-repeat: no-repeat;}
.europa {display: none;position: absolute;top:0;left:0;width: 100%; height: 100%;background-image: url(img/europa.png);background-size: contain;background-position: center 25px;background-attachment: fixed;background-repeat: no-repeat;}
.eamerika {display: none;position: absolute;top:0;left:0;width: 100%; height: 100%;background-image: url(img/eamerika.png);background-size: contain;background-position: center 25px;background-attachment: fixed;background-repeat: no-repeat;}
.damerika {display: none;position: absolute;top:0;left:0;width: 100%; height: 100%;background-image: url(img/damerika.png);background-size: contain;background-position: center 25px;background-attachment: fixed;background-repeat: no-repeat;}
.azsia {display: none;position: absolute;top:0;left:0;width: 100%; height: 100%;background-image: url(img/azsia.png);background-size: contain;background-position: center 25px;background-attachment: fixed;background-repeat: no-repeat;}
.ausztralia {display: none;position: absolute;top:0;left:0;width: 100%; height: 100%;background-image: url(img/ausztralia.png);background-size: contain;background-position: center 25px;background-attachment: fixed;background-repeat: no-repeat;}
.afrikalink {display: block;position: absolute;top: 46%;left: 40%;width: 20%;height: 42%;}
.europalink {display: block;position: absolute;top: 10%;left: 40%;width: 17%;height: 28%;}
.eamerikalink {display: block;position: absolute;top: 10%;left: 0;width: 28%;height: 42%;}
.damerikalink {display: block;position: absolute;top: 50%;left: 20%;width: 16%;height: 42%;}
.azsialink {display: block;position: absolute;top: 4%;left: 59%;width: 39%;height: 43%;}
.ausztralialink {display: block;position: absolute;top: 63%;left: 72%;width: 17%;height: 27%;}
/*.content .wrapper {min-height: 800px;}*/
.hasab {display: inline-block;}
.hbal {padding: 0 3%;border-right: 1px solid #42b571;}
.hjobb {padding: 0 2%;}
.contentsav {display: inline-block;width: 74.5%;margin-right: 2%;}
.jobbsav {display: inline-block;width: 23.5%;background-color: #42c986;padding: 5px 15px;margin-bottom: 20px;color: #fff;font-size: 18px;}
.b23 {width: 66%;}
.b13 {width: 34%;}
.b34 {width: 76%;}
.b14 {width: 24%;}
.b3 {width: 31%;}
.bb {margin: 0;}
.bc {margin: 0 3.5%;}
.bj {margin: 0;}
.cikk {font-size: 19px;line-height: 24px;}
.infosav {font-size: 14px;}
.contentsav ul, li {list-style: none;}
.contentsav li {padding-left: 20px;background-repeat: no-repeat;background-position: 0 2px;background-image: url(img/li.png);width: 95%;margin: 4px auto;}
.kiscim {font-size: 22px;font-weight: 600;margin: 10px 0;}
/*
.hirbox {display: block;margin: 20px 0;color: #000;padding: 5px;}
.hirbox .hircim {display: block;font-size: 16px;font-weight: 600;}
.hirbox .lead {display: block;font-size: 12px;}
.hirbox img {margin-top: 10px;}
.hirbox:hover {background-color: #42b571;}
.hirbox:hover .hircim {color: #fff;}
.hirbox:hover .lead {color: #fff;}
*/

.hirbox {display: block;margin: 20px 0;color: #000;padding: 5px;}
.hirbox:hover {background-color: #dbf1e4;}
.hirbox .hircim {display: block;font-size: 16px;font-weight: 600;}
.hirbox .lead {display: block;font-size: 12px;}
.hirbox img {margin-top: 10px;}


#hirlista .hirbox {position: relative;margin: 10px 1%;padding: 5px;}
#hirlista .hirbox:hover {background-color: #dbf1e4;}
#hirlista .hirbox .hirkep {display: block;position: relative;border-bottom: 1px solid #000;}
#hirlista .hirbox .hirkep:hover .hircim {background-color: rgba(0,0,0,0.5);}
#hirlista .hirbox img {margin:0;}
#hirlista .hirbox .hircim {position: absolute;bottom: 25px;left:5%;width: 90%;padding: 4px;box-shadow: 0 0 1px #fff;color: #fff;text-shadow: 0 0 5px #000;font-size: 18px;font-weight: 600;}
#hirlista .hirbox .lead {font-size: 14px;margin: 5px 0;}
#hirlista .hirbox .hdatum {font-size: 11px;color:#000;padding-bottom: 4px;}
#hirlista .hirbox .kozosseg a {font-size: 12px;color: #3e90c8;}
#hirlista .hirbox .kozosseg a:hover {color: #143260;}

.klista h3 {color: #890019;text-transform: uppercase;font-size: 22px;margin: 10px 0;}
.klista h4 {color: #1e9950;margin: 6px 0;border-bottom: 1px solid #1e9950;font-size: 16px;}
.klista li {margin: 3px 0;}
.klista li a {color: #143260;}

.zold {color: #1e9950;}
.kek {color: #143260;}
.bordo {color: #890019;}

.box {position: relative;display: inline-block;}
p.lapozo a {display: inline-block;width: auto; padding: 5px 10px;color: #000;background-color: #dbf1e4;}
p.lapozo a:hover {background-color: #1e9950;color: #fff;}

.infosav a {color: #000;border-bottom: 1px dotted #42c986;}
.fokep {position: relative;display: block;width: 100%;background-color: #fff;padding: 20px;box-shadow: 0 0 10px #dedede;margin-bottom: 20px;text-align: center;}
.fokep img {display: block;width: 100%;object-fit: cover;}
.fokep .kat {position: absolute;top:0;right:0;background-repeat: no-repeat;width: 25%;height: 20%;background-image: url(img/sarok.png);background-size: contain;background-position: top right;}
.fokep .katikon {width: 22%;top: 55%;}

.boxsav {width: 100%;margin: 15px 0;}
.boxfejlec {background-color: #208b55;padding: 5px 20px;color: #fff;font-size: 18px;}
.boxcontent {background-color: #fff;padding: 10px 20px;}
.cimkefelho a {display: inline-block;padding: 5px 10px;margin-right: 10px;margin-bottom: 10px;background-color: #1e9950;color: #fff;border-radius: 5px;font-size: 16px;}
.cimkefelho a:hover {background-color: #143260;color: #fff;}
.youtube {margin: 15px 0;text-align: center;}
.keretes {padding: 2px 10px;width: 90%;margin: 5px auto;background-color: #42c986;}
.keretesj {float: right;width: 30%;padding: 5px 15px;background-color: #42c986;margin: 5px 0 5px 10px;color: #fff;}
.keretes a {border-bottom: 1px dotted;}
.keretesj a {border-bottom: 1px dotted;}

.zoldkeret {padding: 5px 10px;width: 90%;margin: 5px auto;color: #208b55;font-style: italic;border: 1px solid #208b55;}

blockquote::before {background-image: url(img/idezojel.jpg);background-repeat: no-repeat;background-size: contain;position: absolute;content: "";top: -20px;left: 20px;width: 40px;height: 35px;}
blockquote {position: relative;display: block;border-top: 1px solid #42c986;border-bottom: 1px solid #42c986;font-size: 22px;font-style: italic;padding: 15px;margin: 30px 0;line-height: 26px;color: #34ad71;}

.footer {position: relative;color: #fff;padding: 10px;font-size: 12px;}
.footer .bal {max-width: 60%;}
.footer .jobb {position: absolute;right:10px;bottom: 10px;}
.footer a {color: #fff;}
.footer a:hover {border-bottom: 1px dotted #fff;}
.ffooter {position: fixed;bottom:0;width: 100%;}

p.error {display: inline-block;background-image: url(img/error.png);background-repeat: no-repeat;background-position: 5px 5px;background-color: #ffe4e2;border: 2px solid #FF0000;padding: 6px;padding-left: 30px;}
p.warning {display: inline-block;background-image: url(img/warning.png);background-repeat: no-repeat;background-position: 5px 5px;border: 2px solid #ffe396;background-color: #fff7e2;padding: 6px;padding-left: 30px;}
p.ok {display: inline-block;background-image: url(img/ok.png);background-repeat: no-repeat;background-position: 5px 5px;border: 2px solid #109e21;background-color: #d2e3d4;padding: 6px;padding-left: 30px;}
.tipp {display: inline-block;background-image: url(img/ready.png);background-repeat: no-repeat;background-position: 5px 5px;border: 2px solid #ffe396;background-color: #fff7e2;padding: 6px;padding-left: 30px;}
.ido {display: inline-block;background-image: url(img/ikon_varakozo.png);background-repeat: no-repeat;background-position: 5px 5px;border: 2px solid #ffe396;background-color: #fff7e2;padding: 6px;padding-left: 30px;}
.zoldgomb {display: inline-block;padding: 5px 10px;background-color: #1e9950;color: #fff;border: 1px solid #1e9950;border-radius: 3px;}
.zoldgomb:hover {background-color: #fff;color: #1e9950;}


@media only screen and (max-width: 1280px) {
	.fomenu {width: 70%;}
}

@media only screen and (max-width: 1024px) {
	.fomenu {width: 80%;}
}

@media only screen and (max-width: 700px) {
	.belepes {margin: 0 5px;padding: 15px 0 9px 40px;font-size: 0;}
	#menu-icon {width: 25px;height: 25px;}
	.header {z-index: 100;}
	.header .szlogen {display: none;}
	.header .mobilszlogen {display: inline;}
	.header .fooldalilogo {padding: 5px 5px 5px 45px;margin-top:inherit;font-size: 14px;color: #fff;}
	.fomenu {top: 10%;transform: translateX(-50%);background-color: rgba(0,0,0,0.1);}
	.fomenu .elvalaszto {display: none;}
	.fomenu a {display: block;margin: 20px 10px;}
	.b34 {width: 100%;}
	.b14 {width: 100%;}
	.b3 {width: 100%;}
	.hbal {border-right: none;border-bottom: 1px solid #42b571;}
	.wterkoz {padding: 10px 0;}
	h1 {font-size: 30px;}
	.afrikalink {display: none;}
	.europalink {display: none;}
	.eamerikalink {display: none;}
	.urlap35 {width: inherit;}
}