@font-face {
	font-family: 'BebasNeue';
	src: url('fonts/BebasNeue.eot');
	src: url('fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),
		url('fonts/BebasNeue.woff2') format('woff2'),
		url('fonts/BebasNeue.woff') format('woff'),
		url('fonts/BebasNeue.ttf') format('truetype'),
		url('fonts/BebasNeue.svg#BebasNeue') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaHU-Roman';
	src: url('HelveticaHU-Roman.eot');
	src: url('fonts/HelveticaHU-Roman.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaHU-Roman.woff2') format('woff2'),
		url('fonts/HelveticaHU-Roman.woff') format('woff'),
		url('fonts/HelveticaHU-Roman.ttf') format('truetype'),
		url('fonts/HelveticaHU-Roman.svg#HelveticaHU-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
  -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;
	background-color: #fff;
	font-size: 14px;
	font-family: 'HelveticaHU-Roman';	
	color: #494949;
}

.clear {clear: both;}
a {text-decoration: none;color: #494949;}

.lila {color: #782c92;}
.bgszurke {background-color: #666666;color: #fff;}
.bgszurke a {color: #fff;}
.bgfekete {background-color: #000;color: #fff;}
.bgfekete a {color: #fff;}
.bglila {background-color: #782c92;color: #fff;}
.bglila a {color: #fff;}
h1 {color: #782c92;font-family: 'BebasNeue';font-size: 36px;font-weight: normal;}
.nagycim {color: #782c92;font-family: 'BebasNeue';font-size: 38px;font-weight: normal;}
h2 {color: #782c92;}
h3 {color: #782c92;}
h4 {text-transform: uppercase;font-family: 'BebasNeue';font-size: 18px;}
.kiemelt {font-weight: bold;font-size: 15px;}
.rejtett {display: none;}

.wrapper {position: relative;width: 100%;max-width: 1165px;margin: auto;padding: 0 5px;}
#header1 {position: relative;width: 100%;height: 25px;}
#header1 .wrapper {text-align: right; padding-top: 2px;}
#header1 a {margin-left: 5px;}
#header1 img {width: 21px;height: 21px;}

#header2 .wrapper {height: 100%;}
#header2 {position: relative;width: 100%;height: 259px;background-image: url(img/fejlec_iksz.jpg);background-position: center;padding-top: 50px;}
#header2 .szlogen {position: absolute;bottom: 3px;right: 10px;font-family: 'BebasNeue';font-size: 24px;color: #fff;}

#menubar {width: 100%;border-bottom: 2px solid #782c92;}
#menu-icon {display: none;}
.menusav {position: relative;}
.topmenusav {position:fixed!important;top:0;left:0;z-index: 100;background-color: #fff;}
#menubar ul.fomenu {position: relative;list-style: none;padding: 0;margin:0;width: 71%;z-index: 5;display: flex;justify-content: space-between;}
#menubar .fomenu li {position: relative;}
#menubar li a {display: block;padding: 10px 0;margin:0;font-size: 22px;text-transform: uppercase;font-family: 'BebasNeue';}
#menubar li .mnyil {position: absolute;top:15px;right: -25px;background-image: url(img/menu-le.png);background-repeat: no-repeat;background-position: center;width:15px;height: 15px;}
#menubar .almenu {display: none;position: absolute;width: 170px;list-style: none;background-color: rgba(255,255,255,0.8);padding:0;margin:0;z-index: 10;}
#menubar .almenu li {display: block;width: 100%;}
#menubar .almenu li a {font-size: 14px;font-family: 'HelveticaHU-Roman';padding: 10px 5px;}
#menubar li:hover .almenu {display: block;}
#menubar li.vanam:hover .mnyil {background-image: url(img/menu-fel.png);}
#menubar li:hover a {color: #782c92;}
#menubar li:hover .almenu a {color: #494949;background-image: none;}
#menubar li .almenu a:hover {color: #fff;background-color: #782c92;}

#menubar .kereso {position: absolute;right: 0;top: 10px;width: 20%;text-align: right;}
input.keresomezo {border: 1px solid #d7c0de;font-size: 12px;padding: 0 5px;width: 70%;margin-right: 1%;height: 20px;}
input.nagyito {border: 0;background-color: transparent;background-image: url(img/nagyito.png);background-repeat: no-repeat;background-position: center;background-size: 100%;width: 20px;height:20px;}

#contentbar {position: relative;width: 100%;margin-top: 20px;}
#content {position: relative;float: left;width: 71%;margin-right: 1%;padding-bottom: 20px;padding-top: 8px;}
#jobbhasab {float: left;width: 28%;padding-bottom: 20px;}
#content a {color: #782c92;}
#content .behuzas {width: 55%;margin:auto;}
#content .karika {display: inline-block;border-radius: 50%;background-color: #782c92;color: #fff;width: 145px;height: 145px;text-align: center;}
#content .karika .kozepre {display: table-cell;width: 145px;height: 145px;vertical-align: middle;}
#content .karika .nev {font-family: 'BebasNeue';font-size:26px;}
#content .hirkep img {float: left;width: 35%;margin-right: 4%;margin-bottom: 2%;}

#content .hirdatum {font-weight: bold;font-size: 12px;}

#slider {width: 100%;height: 350px;overflow: hidden;position: relative;margin:0 0 20px 0;padding:0;}
#slider li {position: relative;width: 100%;height:100%;}
#slider img {position: absolute;top:0;left:0;width: 66%;height: 100%;object-fit: cover;}
#slider .sinfo {position: absolute;right:0;top:0;width: 35%;height: 100%;background-color: #383637;padding: 10px 15px;color: #fff;}
#slider .sdatum {font-size: 12px;font-weight: bold;}
#slider .cim {display: block;text-transform: uppercase;font-size: 24px;color: #fff;font-family: 'BebasNeue';margin: 15px 0;}
#slider .lead {font-size: 14px;}
#slider a.tovabb {margin-top: 10px;text-transform: uppercase;display: block;text-align: right;color: #fff;font-size: 12px;font-weight: bold;}
.bx-wrapper .bx-pager {right:0;width: 35%;}

#footinfo .box {float: left;padding: 5px 10px;}
#jobbhasab img {max-width: 100%;}
#content img {max-width: 100%;}
#jobbhasab .box {margin: 0 0 15px 0;}
#jobbhasab .boxcim {font-family: 'BebasNeue';color: #782c92;text-align: center;font-size: 22px;}
.bannerek {text-align: center;}
.b2 {width: 50%;}
.b3 {width: 33%;}
.b4 {width: 25%;}
.b5 {width: 20%;}
.b6 {width: 16%;}

.hirlevelgomb {display: block;width:100%;background-color: #782c92;padding: 22px 75px 15px 40px;text-transform: uppercase;font-family: 'BebasNeue';font-size: 24px;color: #fff;background-image: url(img/boritek.png);background-repeat: no-repeat;background-position: 95% center;}
.hirlevelgomb:hover {background-position: 97% center;}

#hirlista .hirbox {width: 50%;float: left;padding: 0 10px;margin-bottom:15px;}
#hirlista .hirinfo {float: left;width: 65%;}
#hirlista .hirkep {float: left;width: 110px;height: 110px;margin-right: 2%;}
#hirlista .hirkep img {object-fit: fill;width: 100%;height: 100%;}
#hirlista .hdatum {font-size: 12px;font-weight: bold;padding-top: 10px;}
#hirlista .cim {display: block;text-transform: uppercase;font-size: 20px;color: #782c92;font-family: 'BebasNeue';margin: 10px 0;padding: 0!important;}
#hirlista .lead {margin-top:10px;font-size: 14px;}
#hirlista .tovabb {text-transform: uppercase;display: block;text-align: right;padding-right: 10px;color: #782c92;font-size: 12px;font-weight: bold;border: none!important;margin-top: 10px!important;}
.lilasav {width: 100%;padding: 18px 10px 12px 10px;background-color: #782c92;}
#content .lilasav a {color: #fff;}

#csurlap {width: 50%;margin:auto;}
#csurlap .csurlapmezo {display: inline-block;width: 39%;text-align: right;padding-right: 4%;}
#csurlap input.csurlap {border: 1px solid #782c92;width: 60%;height: 35px;}
#csurlap input.csurlapnap {border: 1px solid #782c92;width: 50px;height: 35px;}
#csurlap .csgomb {display: block;width: 60%;margin-left: 40%;height: 60px;font-family: 'BebasNeue';font-size: 32px;color: #fff;background-color: #782c92;text-align: center;padding-top:14px;transition: all 0.35s ease 0s;}
#csurlap .csgomb:hover {font-size: 40px;padding-top: 10px;}

#footer {width: 100%;padding: 5px;}
#footer .logo {}
#footer .footmenu {text-align: right;padding-right: 5%;}
#footer .footmenu a {margin-right: 10px;}

.gkep {position: relative;float: left;border: 2px dashed #8b8b8b; width:31%;margin: 1%;height: 160px;background-repeat: no-repeat;background-size: cover; border-radius: 8px;transition: all 0.35s ease 0s;box-shadow: 0 0 5px #757575;}
.gkep:hover {transform: scale(1.2);z-index: 10;}
.gkep a {display: block;width: 100%;height:100%;}
.gkep .felirat {position: absolute;bottom:0;left:0;display: none;font-size: 12px;color:#284907;padding: 8px 4px;width:100%;}
.gkep a:hover .felirat {display: block;background-color:rgba(255,255,255,0.6);border-top:1px solid #a3c180;}

#content .ikonsav {position: absolute;top: 3px; right: 0;}
#content .share {float: right; margin-right: 8px;}

label.cimke {display: inline-block;padding: 0 10px;background-color: rgba(255,255,255,0.2);border-radius: 8px;margin-bottom: 10px;}
label.cimke1 {padding: 0 10px;background-color: rgba(255,255,255,0.65);border-radius: 8px;color: #000;border: 2px solid #e23f3a;font-weight: bold;}

@media only screen and (max-width: 920px) {
	#menubar li a {font-size: 2.2vw;}
	#header2 .logo {background-color: rgba(120,44,146,0.5);}
	#menubar li .mnyil {top: 48%;transform: translateY(-52%);background-size: 90%;}
}

@media only screen and (max-width: 700px) {
	#menu-icon {display: block;background-image: url(img/ikon-menu.png);background-repeat: no-repeat;background-position: 0 11px; margin-left: 5px;padding: 10px 30px;font-family: 'BebasNeue';color: #782c92;font-size: 18px;}
	#menubar ul.fomenu {display: none;width: 140px;}
	#menubar li a {font-size: 20px;}
	#menubar li .mnyil {right: 20px;background-image: url(img/menu-jobb.png);}
	#menubar li.vanam:hover .mnyil {background-image: url(img/menu-bal.png);}
	#menubar .almenu {left: 140px;top:5px;}
	#menubar .kereso {width: 180px;}
	#content {float: none;width: 100%;}
	#jobbhasab {float: none;width: 100%;}
	.b4 {width:50%;}
	#header2 .szlogen {font-size: 4vw;}
	#csurlap {width: 95%;margin:auto;}
}

@media only screen and (max-width: 550px) {
	#slider {height: 440px;}
	#slider li {height:100%;}
	#slider img {position: relative;width: 100%;height: 100%;}
	#slider .sinfo {position: absolute;bottom:0;top:initial;width: 100%;height: auto;background-color: rgba(56,54,55,0.7);padding: 10px 15px;color: #fff;z-index: 10;}
	#slider .sinfo .lead {display: none;}
	.bx-wrapper .bx-pager {width: 100%;}
	.bx-wrapper {margin-bottom: 20px;}
	#hirlista .hirbox {width: 100%;float: none;}
	.b4 {width:100%;}
	#header2 .szlogen {font-size: 4.5vw;}
	#csurlap .csurlapmezo {width: 100%;text-align: center;}
	#csurlap input.csurlap {width: 100%;}
	.gkep {width: 100%;float: none;margin:10px 0;height: 200px;}
}

p.tipp {
	display: inline-block;
	background-image: url(img/ready.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	border: 2px solid #ffe396;
	background-color: #fff7e2;
	padding: 6px;
	padding-left: 30px;
}

.button {
	float: left;
	display: block;
	font-size: 20px;
	color: #1c75a9;
	margin-right: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 6px #000000;
	-webkit-box-shadow: 2px 2px 6px #000000;
	box-shadow: 2px 2px 6px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='3');
	height: 40px;
	text-align: center;
	vertical-align: middle;
	padding: 0 10px;
}

a.button {padding-top: 12px;}

.button:hover {
	-moz-box-shadow: 1px 1px 5px #000000;
	-webkit-box-shadow: 1px 1px 5px #000000;
	box-shadow: 1px 1px 5px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='3');
}

.buttonok {background-color: #01a752;color: #FFFFFF;border: 1px solid #01a752;}
#content a.buttonok:hover {color: #FFFFFF;}

.buttonmegse {color: #d77e14!important;background-color: #ecd688;}
#content a.buttonmegse:hover {color: #d77e14;}

#content p.error {
	display: inline-block;
	background-image: url(img/error.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	background-color: #ffe4e2;
	border: 2px solid #FF0000;
	padding: 6px;
	padding-left: 30px;
}

#content p.warning {
	display: inline-block;
	background-image: url(img/warning.png);
	background-repeat: no-repeat;
	background-position: 5px 11px;
	border: 2px solid #ffe396;
	color: #dfc349;
	text-shadow: 1px 1px #444444;
	background-color: #fff7e2;
	padding: 6px;
	padding-left: 30px;
}

#content p.ok {
	display: inline-block;
	background-image: url(img/ok.png);
	background-repeat: no-repeat;
	background-position: 5px 11px;
	border: 2px solid #109e21;
	background-color: #d2e3d4;
	padding: 6px;
	padding-left: 30px;
	color: #109e21;
}

#content p.tipp {
	display: inline-block;
	background-image: url(img/ready.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	border: 2px solid #ffe396;
	background-color: #fff7e2;
	padding: 6px;
	padding-left: 30px;
}