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

html {
	min-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{
	width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: 'sahityaregular', sans-serif;
	font-size: 15px;
	color: #777777;
}

.clear {clear: both;}
.rejtett {display: none;}
img {max-width: 100%;border: 0;}
a {color: #434445;text-decoration: none;}
p {margin: 6px 0;}
.alahuzott {border-bottom: 1px dotted #454545;}
.ui-datepicker {background-color: #fff;padding: 10px;}
.ui-datepicker-title {text-align: center;}
.ui-datepicker-next {float: right;}
.ui-state-default:hover {background-color: #ccc;}
.bgkek {color: #fff;background-color: #006eb5;}
.bgfekete {color: #fff;background-color:  #1a1c28;}
.bgszurke {background: #e8e8e8;}
.bgkep {color: #fff;background-repeat: no-repeat;background-size: cover;background-position: center;}
.bgkep a {color: #fff;}
.bgkep a:hover {border-bottom:1px dotted #fff;}
.kek {color: #006eb5;}
.feher {color: #fff;}
.balkep {float: left;margin-right: 15px;width: 40%;}
.jobbkep {float: right;margin-left: 15px;width: 40%;}
ul {list-style: none;padding:0;margin:0;}
li.email {background-image: url(img/boritek.png);background-repeat: no-repeat;background-position: 0 center;padding-left: 40px;margin-bottom: 10px;}
li.email a {color: #777;}
li.tel {background-image: url(img/telefon.png);background-repeat: no-repeat;background-position: 0 center;padding-left: 40px;margin-bottom: 10px;}
li.terkep {background-image: url(img/foldgomb.png);background-repeat: no-repeat;background-position: 0 center;padding-left: 40px;margin-bottom: 10px;}
li.terkep a {color: #777;}
a.feher:hover {color: #efefef;}

h1 {font-size: 34px;color: #006eb5;font-weight: normal;margin-bottom:0;margin-top: 15px;}
h2 {font-weight: normal;}
h3 {font-weight: normal;font-size: 20px;}
h6 {font-size: 16px;margin: 6px 0;}
.focim {font-size: 36px;text-transform: uppercase;}
.cim {font-size: 28px;}
.kiscim {font-size: 22px;}
.kozeptomb {max-width: 650px;margin:auto;}

.bb2 {float: left;width: 50%;padding-right: 2%;}
.bj2 {float: left;width: 50%;padding-left: 2%;}
.zoldgomb {display: inline-block;background-color: #80b461;padding: 10px;color: #fff;font-size: 18px;text-transform: uppercase;margin-bottom: 5px;}
.zoldgomb:hover {background-color: #fff;color: #80b461;box-shadow: 1px 1px 4px #80b461;}


a.tovabb {display: block;width: 120px;margin: auto;background-color: #284907;border-radius: 10px;color: #fff;font-size: 20px;padding: 10px;text-transform: uppercase;text-align: center;box-shadow: 2px 2px 10px #454545;}
a.tovabb:hover {background-color: #fff;color: #284907;}

.wrapper {position: relative;width: 95%;max-width: 1100px;margin: auto;}
.terkoz {padding: 15px 0;}

.nyelvek {position: absolute;top:0;right: 20px;background-color: #d9d9d9;padding: 2px 10px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;font-family: Arial;}
.nyelvek a {color: #fff;font-size:12px;}
.nyelvek a.aktiv,a:hover {color: #006eb5;}

.menusav {position: relative;z-index: 130;width: 100%;height: 75px;background-color: #fff;background-image: url(img/bg-menusav.png);background-repeat: no-repeat;background-position: top center;}
.menusav .logo {float: left;margin-top: 15px;margin-bottom: 10px;width: 30%;}
.menusav .logo img {width: 100%;}

.menuk {float:right;width: 69%;padding-top: 30px;}

ul.menu {position: absolute;z-index: 101;list-style: none;margin: 0;padding:0;}
ul.menu li {position: relative;float: left;margin: 0 5px;background: none;padding: 14px 0;}
ul.menu li a {color: #393939;font-weight: 500;font-size: 15px;padding-left: 10px;}
ul.menu li a:hover {color: #006eb5;}

.menusav ul.almenu {padding: 17px 0 0 0;}
.menusav ul.almenu li {float: none;padding: 0;margin: 0;}
.menusav ul.almenu li a {display: block;color: #777777;font-size: 14px;font-weight: normal;padding: 4px 4px 4px 20px;}
.menusav ul.almenu li a:hover {color: #000;background: #e6f0f7;}
.menusav ul.almenu {display: none;position: absolute;width: 180px;top:48px;list-style: none;background-color: #fff;padding: 0;}
.menusav li.kereso ul.almenu {right: 0;}
.menusav ul li:hover ul.almenu {display: block;}

.topmenusav {position: fixed!important;top:0;height: 40px!important;}
.topmenusav .logo {margin-top: 5px!important;margin-bottom: 5px!important;height: 30px;}
.topmenusav .logo img {width: auto!important;height: 100%;}
.topmenusav .menuk {padding-top: 10px!important;}

.keresourlap {position: relative;}
.keresourlap .keresomezo {margin: 5px 2% 35px 2%;width: 96%;border: 1px solid #80b461;}
.keresourlap .keresogomb {position: absolute;right:0;bottom:0;color: #fff;background-color: #80b461;padding: 5px 10px;text-align: center;text-transform: uppercase;border: 0;}
.keresourlap .keresogomb:hover {background-color: rgba(128,180,97,0.2);color: #80b461;}
hr {border-top:1px solid #006eb5;border-bottom:1px solid #006eb5;border-left: none;border-right: none;background:none;width: 100%;height: 4px;margin-bottom: 10px;}
hr.feher {border-top:1px solid #fff;border-bottom:1px solid #fff;}

#menu-icon {display: none;}

#slidersav {width: 100%;position: relative;}
#slider {margin:0;padding:0;list-style: none;width: 100%;}
#slider li {background: none;padding:0;}
#slider li img {position: relative;width: 100%;}
#slider .info {position: absolute;bottom: 20px;padding: 25px 25px 50px 25px;}
#slider .infobox {position: relative;background-color: rgba(0,0,0,0.65);padding: 15px 25px;width: 450px;}
#slider .disz1 {position: absolute;width: 25px;height: 25px;background-color: rgba(0,0,0,0.3);top:0;left:0;}
#slider .disz2 {position: absolute;width: 50px;height: 50px;background-color: rgba(0,0,0,0.3);top:0;right:0;}
#slider .disz3 {position: absolute;width: 50px;height: 50px;background-color: rgba(0,0,0,0.3);bottom:20px;left:0;}
#slider .disz4 {position: absolute;width: 25px;height: 25px;background-color: rgba(0,0,0,0.3);bottom:0;right:0;}
#slider h3 {color: #fff;font-weight: normal;font-size: 28px;margin: 0;}
#slider p {color: #fff;}

.bx-pager {position: absolute;z-index: 100;left:55%;transform:translateX(-55%);width: 20%;}
.bx-pager-link {display: block;float: left;width: 10px;height: 10px;margin-right: 10px;background-color: #74a6d5;font-size: 0;}
.bx-pager .active {background-color: #fff!important; border: 1px solid #fff;}

.b2 {width: 48%;margin: 0 1%;}
.b3 {width: 31.3%;margin: 0 1%;}
.b4 {width: 23%;margin: 0 1%;}
.b5 {width: 18%;margin: 0 1%;}
.bjvonal {border-right: 1px solid #777;padding-right: 10px;}
.sav {width: 100%;position: relative;z-index: 120;}
.terkoz {padding: 30px 0;}
.nagyterkoz {padding: 60px 0;}
.lableczold {padding: 35px 0 45px 0;}
.diszcsik {width: 100%;max-height: 13px;margin-bottom: 35px;}
.diszcsik img {width: 100%;}
.box {position: relative;float: left;overflow: hidden;padding: 10px;}
.box img.nagykep {border: 1px solid #dedede;padding:1%;width:98%;}
.sav h4 {font-weight: normal;font-size: 32px;}
.sav h5 {font-weight: normal;font-size: 24px;margin: 6px 0;}

.idezet {position: absolute;bottom: 5%;right: 20%;font-size: 28px;color: #fff;padding: 1% 4%;}
.idezojel1 {position: absolute;left: 0;top:0;background-image: url(img/idezojel.png);background-repeat: no-repeat;background-size: 100%;background-position: top;}
.idezojel2 {position: absolute;right:0;bottom:0;background-image: url(img/idezojel.png);background-repeat: no-repeat;background-size: 100%;background-position: bottom;}

.subkat {margin-bottom: 10px;}
.subkatmenu {position: relative;display: block; border: 1px solid #dedede;padding:10px;font-size: 18px;}
.subkatmenuikon {position: absolute;display: block;right: 0;top:0;border-left: 1px solid #dedede;width: 6%;height: 100%;background-repeat: no-repeat;background-position: center;}
.subkatmenuikonle {background-image: url(img/kinyit.png);}
.subkatmenuikonfel {background-image: url(img/becsuk.png);}
.subkatmenu:hover {background-color: rgba(128,180,97,0.2); }
.subkatmenu:hover .subkatmenuikon {background-color: #80b461;}
.subkatinfo {position: relative;padding: 10px 10px 30px 10px;border-left: 1px solid #dedede;border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;}
.subkatinfo p {margin:0;}
.subkatinfo a.tovabbgomb {display: block;position: absolute;right:0;bottom:0;color: #fff;background-color: #80b461;padding:10px;text-align: center;text-transform: uppercase;}
.subkatinfo img {float: left;margin-right: 10px;margin-bottom: 6px;}
.subkatinfo .gombsav {margin-top: 20px;}

.row {display: flex;flex-wrap: wrap;}
.hirbox {padding: 0 10px 25px 10px;margin-bottom: 25px;float: none;}
.hirbox img {width: 100%;}
.hirbox h3 {font-size: 18px;margin: 15px 0 0 0;}
.hirbox h3 a:hover {border-bottom: 1px dotted #80b461;}
.hirbox .info {position: absolute;bottom:10px;font-size: 12px;width: 100%;}
.hirbox a.tovabblink {position: absolute;right: 20px;text-align: right;text-transform: uppercase;}
.hirbox a.tovabblink:hover {border-bottom: 1px dotted #006eb5;}
#hirlista .lapozo {text-align: center;border-top: 1px dotted #cdcdcd;padding-top: 10px;margin-top: 10px;}
.hkep {position: relative;}
.hkat {position: absolute;top:0;right:0;background-color: rgba(255,255,255,0.6);padding: 10px;border-bottom-left-radius: 15px;width: 40%;text-align: center;text-transform: uppercase;}
.hklink {position: absolute;bottom:0;right:0;text-transform: uppercase;background-color: rgba(255,255,255,0.6);padding:5px;border-top-left-radius: 50%;}
.szurosav {position: relative;text-align: right;color: #006eb5;}
input.datum {border:1px solid #006eb5;padding: 2px 5px;width:90px;color: #006eb5;}
.hkapcs {text-transform: uppercase;font-size: 22px;}
p.datum {font-size: 17px;margin-bottom: -10px;}

#content {clear: both;position: relative;padding-bottom: 20px;}
#content .ikonsav {position: relative;margin-top: 10px; margin-bottom: 10px;}
#content .share {float: right; margin-right: 8px;}

.gkep {position: relative;float: left;border: 3px solid #fff;width:33%;height: 150px;background-repeat: no-repeat;background-size: cover; }
.gkep a {display: block;width: 100%;height:100%;}
.gkep a:hover {border: 1px solid #a3c180;}
.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;}

ul.talalatok {margin-bottom: 15px;}

input.kturlap {width: 100%;background: none;border: 1px solid #efefef;padding: 10px 15px;margin: 5px 0;color: #fff; font-size: 16px;}
textarea.kturlap {width: 100%;height: 150px;background: none;border: 1px solid #efefef;padding: 10px 15px;margin: 5px 0;color: #fff;font-size: 16px;}
input.kturlapgomb {width: 100%;background: #80b461;color: #fff;border: none;padding: 15px;margin: 5px 0;text-align: center;text-transform: uppercase;font-size: 16px;}
input.kturlapgomb:hover {background-color: #fff;color:#80b461;box-shadow: 1px 1px 4px #80b461;}
input.tolt {background-color: #fff;background-image: url(img/load-indicator.gif);background-repeat: no-repeat;background-position: center;color: #fff;}
.ikonhaz {padding-left: 25px;background-image: url(img/ikon-haziko.png);background-repeat: no-repeat;background-position: 0 4px;}
.ikontel {padding-left: 25px;background-image: url(img/ikon-tel.png);background-repeat: no-repeat;background-position: 0 4px;}
.ikonmail {padding-left: 25px;background-image: url(img/ikon-mail.png);background-repeat: no-repeat;background-position: 0 4px;}
.ikonmap {padding-left: 25px;background-image: url(img/ikon-map.png);background-repeat: no-repeat;background-position: 0 4px;}

.clear3 {clear: both;}

#listazas {position: relative;}
#listazas a {color: #80b461;}
#listazas .listabox {position: relative;float: left;padding-bottom: 25px;}
#listazas a.kep {display: block;}
#listazas .listabox img {width: 100%;}
#listazas .szovegblokk {}
#listazas h3 {text-align: center;font-size: 24px;background-color: #d6eaf2;padding: 5px;text-transform: uppercase;font-weight: normal;}
#listazas h4 {margin-top:15px;margin-bottom: 0;text-transform: uppercase;font-size: 22px;font-weight: normal;}
#listazas h4.csakcim {font-weight: normal;font-size: 16px;}
#listazas h5 {margin: 0;font-size: 16px;}
#listazas p {margin:0;}
#listazas p.idezet {margin-top: -8px;margin-bottom: 10px;}
#listazas .tovabb {display: none;position: absolute;bottom:5px;padding-right: 5px;text-align: right;border-top: 1px dotted #003882;width: 100%;}
#listazas .lapozo {text-align: center;border-top: 1px dotted #cdcdcd;padding-top: 10px;margin-top: 10px;}
#listazas .cimsav {text-align: center;margin-bottom: 20px;border-bottom: 1px dotted #cdcdcd;padding-bottom: 10px;}
#listazas .cim {font-weight: bold;text-transform: uppercase;font-size: 20px;padding: 0 20px;}
#listazas .datum {float: left;margin-right: 4%;width: 26%;}
#listazas .nap {margin: auto;width: 40%;padding: 8px 0;background-color: #e5e5e5;color: #4b4b4b;text-align: center;font-size:35px;}
#listazas .napnev {margin: auto;width: 40%;padding: 8px 0;background-color: #284907;text-align: center;color:#fff;font-size: 20px;}
#listazas .naptarhoz {background-image: url(img/naptaradd.png);background-repeat: no-repeat;padding: 0 20px;}
#listazas .tovabblink {font-weight: normal;font-style: italic;}
#listazas .zoldgomb {width: 135px;margin-top: 5px;font-size: 18px;}

.bx-wrapper {margin-left: 20px;}
#galeriasav li {height: 270px;max-height: 100%;}
#galeriasav li img {object-fit: cover;height: 90%;}

ul.sitemap li.fomenu {font-weight: bold;font-size: 16px;}
ul.sitemap ul {margin-left: 20px;}
ul.sitemap ul ul {margin-left: 40px;}

.footer {background-color: rgba(40,45,51,0.8);}
.footer .info {float: left;width: 60%;color: #828388;}
.footer .ikonok {float: right;width: 30%;}
.footer .ikonok a {display: inline-block;padding: 0 0 2px 40px;background-repeat: no-repeat;color: #828388;margin-bottom: 10px;background-size: 20px;}
.footer a.impresszum {background-image: url(img/ikon-info.png);}
.footer a.jogi {background-image: url(img/ikon-jog.png);}
.footer a.sitemap {background-image: url(img/ikon-sitemap.png);}
.footer a:hover {color: #fff;}
.footer a {color: #777;}

@media only screen and (min-width: 1300px) {
	.idezet {padding: 1% 40px;}
}
@media only screen and (max-width: 1300px) {
	.bglogo img {width: 100%;margin-top: 60%;}
}

@media only screen and (max-width: 1000px) {
//	.menusav {height: 135px;}
//	.menusav ul.menu {left: 0;top: 110px;}
}

@media only screen and (max-width: 880px) {
	.b4 {width: 48%;}
	#content .b4 {width: 48%;}
	.b3 {width: 48%;}
	.clear3 {clear: none;}
	.clear32 {clear: both;}
	.vanboxgomb {min-height: auto;}
	.boxbg {padding: 15% 0}
	.box img.boximg {margin-bottom: 40%;}
	#slider .info {margin-top: -100px;}
	#slider h3 {font-size: 30px;}
	#slider a.start {width: 120px;font-size: 28px;padding: 8px;}
	#listazas .datum {width: 28%;margin-right: 2%;}
	#listazas .nap {width: 90%;max-width: 120px;}
	#listazas .napnev {width: 90%;max-width: 120px;}
	#content a.idopont {font-size: 15px;}
	#content .programbox {padding: 31px 2px 0 6px;min-height: 30px;}
	ul.menu li {margin: 0 5px;}
	ul.menu li a {padding-left: 12px;}
}

@media only screen and (max-width: 780px) {
	#content .programbox {padding: 31px 2px 0 6px;}
	.bglogo {display: none;}
	#menu-icon {position: absolute;right: 5px;top: 30px;background-image: url("img/menu_32-kek1.png"); background-repeat: no-repeat; display: block; padding: 6px 0 5px 40px;color: #006eb5;}
	.topmenusav #menu-icon {top: 0;}
	#fomenu {display: none;position: absolute;right: 0;background-color: #fff;width: 180px;margin-top: 15px;margin-right: -2%;}
	.menusav1 {position: relative;background-color: #284907;height: 100px;}
	.menusav1 .logo {display: block;}
	.menusav1 ul.menu {left: auto;top: 110px;left: auto;transform: none;}
	.menusav1 ul.almenu {padding: 0;right: 180px;width: 140px;top:0;z-index: 110;}
	.menusav ul.almenu {padding: 0;right: 180px;width: 140px;top:0;z-index: 110;}

	.menusav ul.menu {left:auto;}
	ul.menu li.elvalaszto {display: none;}
	ul.menu li {float: none;padding: 0;margin:0;}
	ul.menu li a {font-size: 16px;display: block;padding: 5px 10px;}
	ul.menu a:hover {background-color: #e6f0f7;color: #fff;}
	ul.menu li.kereso {display: none;}
	ul.menu li:hover {background-image: none;}
	ul.almenu a {font-size: 10px;}
}

@media only screen and (max-width: 600px) {
	#menu-icon {top: 18px;}
	.wrapper {width: 98%;}
	h1 {font-size: 26px;}
	h2 {font-size: 24px;}
	#content h3 {font-size: 17px;}
	h4 {font-size: 20px;}
	.b2 {width: 100%;margin: 2% 1%;}
	.bb2 {width: 100%;padding-right: 0;float: none;}
	.bj2 {width: 100%;padding-right: 0;float: none;}
	.b3 {width: 100%;margin: 2% 1%;}
	.b4 {width: 100%;margin: 2% 1%;}
	.b5 {width: 100%;margin: 5px 0;padding: 10px;text-align: center;}
	.bjvonal {border-bottom: 1px solid #777;padding-bottom: 10px;margin-bottom: 10px;border-right: none;}
	#lisabox .listazas {float: none;}
	#content .b4 {width: 100%;}
	.bx-pager {width: 40%;}
	.box img.boximg {margin-bottom: 20%;}
	.boxbg {padding: 6% 0;}
	#slider .info {bottom:0;padding:5px 10px;}
	#slider h3 {font-size: 18px;}
	#slider p {font-size: 12px;}
	#slider a.start {width: 110px;font-size: 25px;padding: 5px;}
	#slider li img {width: 120%;}
	#slider .infobox {width: auto;}
	#listazas .datum {margin-right: 2%;width: 21%;}
	#listazas .nap {width: 100%;max-width: 120px;font-size: 30px;}
	#listazas .napnev {width: 100%;max-width: 120px;font-size: 15px;}
	#naptarlista .szovegblokk {width: 76%!important;}
	#naptarlista h4 {margin-top: -5px;font-size: 22px!important;}
	#listazas h5 {font-size: 13px;}
	#listazas .tovabblink {display: block; text-align: right;}
	#listazas a.kep {width: 100%;margin-bottom: 10px;}
	#listazas .szovegblokk {width: 100%;}
	#listazas h4 {font-size: 19px;}
	.idezet {font-size: 15px;}
	#content .balsav {width: 100%;float: none;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dotted #284907;}
	#content .programbox {padding: 35px 2px 0 6px;}
	#content a.idopont {font-size: 18px;}
	#content .jobbsav {width: 100%;float: none;}
	.boxaloldal {padding-bottom: 0;}
	.menusav {height: auto;}
	.logo {width: 60%;max-width: 195px;top:2px;}
	.logo img {width: 100%;}	
	.jog {width: 40%;font-size: 12px;}
	.gkep {width: 50%;}
	.zoldgomb {font-size: 14px;}
	.footer .info {float: none;width: 100%;}
	.footer .ikonok {float: none;width: 100%;margin-top: 20px;}
	.balkep {float: none;width: 95%;margin:auto;}
	.jobbkep {float: none;width: 95%;margin:auto;}
}

.urlapOK {background-image: url(img/pipa.png);background-repeat: no-repeat;background-position: 0;padding-left: 30px;color: #fff;font-size: 16px;}


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;
}

p.warning {
	display: inline-block;
	background-image: url(img/warning.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	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 8px;
	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 8px;
	border: 2px solid #ffe396;
	background-color: #fff7e2;
	padding: 6px;
	padding-left: 30px;
}
