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

@font-face {
    font-family: 'barlowregular';
    src: url('fonts/barlow-regular-webfont.eot');
    src: url('fonts/barlow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/barlow-regular-webfont.woff2') format('woff2'),
         url('fonts/barlow-regular-webfont.woff') format('woff'),
         url('fonts/barlow-regular-webfont.ttf') format('truetype'),
         url('fonts/barlow-regular-webfont.svg#barlowregular') 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{margin: 0;padding:0;width: 100%;min-height: 100%;background-color: #fff;font-size: 16px;font-family: 'barlowregular', 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%;}
table {max-width: 100%;}
iframe {max-width: 100%;}
.row {display: flex;flex-wrap: wrap;justify-content: center;}

.wrapper {position: relative;width: 100%;max-width: 1220px;margin: auto;padding: 0 10px;}
.bgszurke {background-color: #eee;}
.bgsszurke {background-color: #ccc;}
.bgfeher {background-color: #fff;}
.bgskek {background-color: #003c8c;}
.bgvkek {background-color: #0e7abd;}
.bgzold {background-color: #208b55;}
.bglila {background-color: #6d3c8d;}
.feher {color: #fff;}
.skek {color: #003c8c;}
.vkek {color: #0e7abd;}
.fekete {color: #000;}

.header {padding: 20px 0;}
.header .logo {width: 20%;max-width: 150px;}
.header .tarsoldalak {position: absolute;top: 50%;transform: translateY(-50%);right: 0;text-align: right;width: 70%;}
.header .tarsoldalak a {display: inline-block;margin-left: 15px;color: #0e7abd;background-repeat: no-repeat;background-size: 26px;background-position: right center;padding: 8px 30px 5px 0;font-weight: 600;font-size: 20px;border-bottom: 2px solid transparent;}
.header .tarsoldalak a:hover {border-bottom: 2px solid #0e7abd;}
.mivagyunk {background-image: url(img/ikon-mivagyunk.png);}
.miserend {background-image: url(img/ikon-miserend.png);}
.szemle {background-image: url(img/ikon-szemle.png);}
.kozossegek {background-image: url(img/ikon-kozosseg.png);}
.esemenyek {background-image: url(img/ikon-esemenyek.png);}

.menusav {text-align: right;}
.menusav ul {list-style: none;}
.menusav li {display: inline-block;}
.menusav a {display: inline-block;font-family: 'barlowbold';padding: 10px 15px 5px 15px;color: #fff;font-size: 18px;text-transform: uppercase;}
.menusav a:hover {background-color: #0e7abd;}
.loginreg {background-image: url(img/userikon.png);background-repeat: no-repeat;background-size: 60%;background-position: center;}

.box {display: inline-block;}
.b23 {width: 69%;}
.b13 {width: 31%;}
.b2 {width: 48%;}
.b3 {width: 31%;}
.bb {margin: 20px 4% 20px 0;}
.bc {margin: 20px 3.5%;}
.bj {margin: 20px 0;}

.jobbhasab hr {margin: auto;width: 50%;border:0;height: 2px;background-color: #fff;margin-top: 15px;}
.jhgombok {margin: 15px -1% 0 -1%;}
.jhgombok a {display: inline-block;padding: 5px 10px;width: 48%;margin: 0 1%;background-color: #0e7abd;color: #fff;text-align: center;font-weight: bold;}
.jhgombok a:hover {background-color: #003c8c;}
.boxcim {font-size: 26px;text-transform: uppercase;color: #003c8c;margin: 15px 0;font-weight: bold;}
.boxcim span {font-size: 18px;text-transform: none;}
.szemlebox a {display: block;width: 99%;color: #003c8c;font-size: 16px;padding: 5px 0;margin-left: 1%;}
.szemlebox a.szcikk {display: block;width: 99%;color: #003c8c;font-size: 16px;padding: 5px 5px 5px 20px;margin-left: 1%;background-image: url(img/li.png);background-repeat: no-repeat;background-position: left 8px;}
.szemlebox a.szcikk:hover {background-color: #fff;color: #0e7abd;}
.szemlebox a:hover {color: #0e7abd;}
.szemlebox a.kiemelt {position: relative;display: block;width: 100%;border: none;background-color: #fff;font-size: 22px;background-size: cover;background-repeat: no-repeat;border: 5px solid #fff;min-height: 180px;padding:0;margin:0;font-family: 'barlowbold';}
.szemlebox a.kiemelt span {position: absolute;bottom:0;left:0;background-color: rgba(255,255,255,0.7);display: block;padding: 5px 2% 5px 20px;width: 100%;font-size: 18px;background-image: url(img/li.png);background-repeat: no-repeat;background-position: left 8px;}
.szemlebox a.kiemelt:hover span {background-color: rgba(255,255,255,0.9);}
.szemlebox a.boxcim {display: block;width: 100%;font-size: 28px;border: none;margin: 15px 0 5px 0;font-family: inherit;padding:0;}

.naptarbox {margin-top: 25px;}
.naptarbox .datum {display: block;margin-top: 15px;}
.naptarbox li {list-style: none;margin:0;padding:0;}
.naptarbox li a .ido {font-size: 12px;color: #4179bc;font-weight: normal;}
.naptarbox a.elink {display: block;width: 99%;color: #003c8c;font-size: 16px;padding: 5px 5px 5px 20px;margin-left: 1%;background-image: url(img/li.png);background-repeat: no-repeat;background-position: left 8px;}
.naptarbox a.elink:hover {background-color: #fff;color: #0e7abd;}


.keresobox {margin-top: 25px;}
.keresobox input {width: 49%;height: 34px;margin: 3px 0;}
.keresobox select {height: 34px;margin: 3px 0;}
.keresobox button {background-color: #4179bc;color: #fff;height: 34px;border:0;border-radius: 5px;}

.lenyilohasab {display: block;width: 100%;}
.kerdesbox .lenyilosav {margin-bottom: 10px;background-color: #0e7abd;}
.kerdesbox .lenyilosav a {display: block;color: #fff;font-size: 20px;font-weight: bold;padding: 10px 15px;background-repeat: no-repeat;background-image: url(img/nyil-le.png);background-position: 95% center;}
.kerdesbox .lenyilosav a.nyitva {background-image: url(img/nyil-fel.png);background-color: #003c8c;}
.kerdesbox .lenyilosav a:hover {background-color: #003c8c;}
.kerdesbox .lenyilosav div {background-color: #fff;padding: 10px;color: #003c8c;}
.kerdesbox .lenyilosav div a {color: #003c8c;font-size: 14px;padding:0;background: none;text-align: right;background-color: inherit!important;}


.datumsav {color: #003c8c;text-align: right;padding: 10px 0;font-family: 'barlowbold';}
.napisav {margin-bottom: 15px;background-color: #003c8c;}
.napisav a {display: block;color: #fff;font-size: 16px;font-weight: bold;padding: 10px 15px;background-repeat: no-repeat;background-image: url(img/nyil-le.png);background-position: 95% center;}
.napisav a.nyitva {background-image: url(img/nyil-fel.png);}
.napisav div {background-color: #fff;color: #003c8c;list-style: none;}
.napisav div a {display: block;background-image: url(img/nli.png);background-repeat: no-repeat;background-position: 0 8px;padding: 5px 15px 5px 20px;color: #003c8c;margin-bottom: 5px;}
.napisav div a:hover {background-color: #0e7abd;color: #fff;background-image: url(img/nlif.png);}

.mainap {color: #0e7abd;text-align: right;font-size: 14px;line-height: 20px;margin-top: 10px;}
.napigondolat {width: 97%;margin-top: 25px;background-color: #fff;border: 1px solid #003c8c;padding: 10px 20px;color: #003c8c;font-size: 20px;}
.forras {display: block;font-style: italic;text-align: right;font-size: 18px;}

.iboxsav {margin: 0 -1%;}
.ibox {display: inline-block;width: 31.3333%;margin: 10px 1%;background-color: #0e7abd;color: #fff;padding: 10px;text-align: center;}
.ibox span {display: block;font-weight: bold;font-size: 16px;margin: 5px 0;}
.mlinksav {padding: 5px 0 0;text-align: center;background-color: rgba(255,255,255,0.9);}
.mlinksav a {display: inline-block;margin: 0 5px;}


.temaboxok {padding-bottom: 10px;padding-right: 3%;color: #003c8c;margin: 0 -2%;}
.temaboxok .box {box-shadow: 0 0 10px #ccc;padding-bottom: 20px;color: #003c8c;width: 46%;margin: 20px 2%;}
.temaboxok .box:hover {background-color: #003c8c;box-shadow: 0 0 10px #003c8c;color: #fff;}
.temaboxok h3 {padding: 0 15px;margin: 6px 0;font-family: 'barlowbold';font-size: 20px;}
.temaboxok p {padding: 0 15px;margin: 6px 0;}
.temaboxok .kep {position: relative;margin-bottom: 20px;}
.temaboxok .ikon {position: absolute;width: 40%;height: 60%;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);background-color: rgba(255,255,255,0.7);border-radius: 50%;}
.temaboxok .ikon img {position: absolute;top: 50%;left:50%;transform: translateX(-50%) translateY(-50%);max-width: 40%;max-height: 50%;}

.content {padding-right: 3%;padding-top: 25px;}
.jobbhasab {padding-top: 10px;}
.szovegterkoz {padding: 10px;}
.oldalcim {position: relative;margin:0;color: #fff;background-color: #003c8c;background-image: url(img/boxfejjobb.png);background-repeat: no-repeat;background-position: right center;padding: 10px 15px;font-size: 26px;}
.oldalcim img {position: absolute;right: 20px;max-height: 80%;top: 50%;transform: translateY(-50%);}
.oldalcim a {color: #fff;}
.oldalkiscim {position: relative;margin:0;color: #fff;background-color: #0e7abd;background-image: url(img/boxfejjobb2.png);background-repeat: no-repeat;background-position: right center;background-size: contain;padding: 10px 15px;font-size: 18px;}
.oldalkiscim img {position: absolute;right: 20px;max-height: 70%;top: 50%;transform: translateY(-50%);}
.temacim {position: relative;margin:0;color: #fff;background-color: #0e7abd;padding: 5px 15px;text-transform: uppercase;}
.keresosav {position: relative;width: 100%;background-color: #fff;}
.keresosav input[type='text'] {height: 34px;}
.keresosav input[type='number'] {height: 34px;}
.keresosav select {height: 34px;}
.keresosav form {position: relative;padding: 5px;text-align: right;}
.keresosav .urlapgomb {float: right;margin-left: 4px;height: 34px;}
.keresosav .mezogomb {position: relative;display: inline-block;}
.keresosav a.fullink {display: inline-block;background-color: rgba(14,122,189,0.1);color: #003c8c;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;padding: 5px 10px;text-transform: uppercase;font-weight: bold;font-size: 18px;margin: 0 5px;}
.keresosav a.fullink:hover {background-color: #003c8c;color: #fff;}
.fuleksav {padding: 0 20px;}
.fuleksav a.aktiv {background-color: #003c8c!important;color: #fff!important;}

.keresourlap {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);text-align: right;width: 60%;}
.keresourlap input[type='text'] {display: inline-block;margin-left: 4px;border: none;width: 48%;color: #0e7abd;font-size: 14px;padding: 2px 25px 2px 5px;background-color: #fff;}
.keresourlap input[type='number'] {margin-left: 4px;border: none;color: #0e7abd;font-size: 14px;padding: 2px 5px;background-color: #fff;}
.tkeresogomb {font-size:0;position: absolute;width: 14px;height: 14px;right: 15px;top:50%;transform: translateY(-50%);border: none;background-image: url(img/nagyito-kek.png);background-repeat: no-repeat;background-size: contain;background-color: #fff;}


#calendar {display: none;margin-top: 15px;}
#calendar .naptarfocim {background-color: #fff;text-transform: uppercase;color: #003c8c;font-size: 18px;font-weight: bold;padding: 8px 0;text-align: center;position: relative;border-bottom: 2px solid #003c8c;}
#calendar img {box-shadow: none;}
#calendar a.vissza {position: absolute; top: 10px; left: 15px;width: 40px;height: 23px;background-image: url(img/nyil-bal-kek.png);background-repeat: no-repeat;background-position: center;}
#calendar a.tovabb {position: absolute; top: 10px; right: 15px;width: 40px;height: 23px;background-image: url(img/nyil-jobb-kek.png);background-repeat: no-repeat;background-position: center;}
#calendar a.tovabb img {display: none;}
#calendar a.vissza img {display: none;}
#calendar .nap {width: 140px;padding: 10px 20px;vertical-align: top;font-size: 16px;font-weight: bold;}
#calendar .esemenynap {vertical-align: top;padding: 5px 15px;}
#calendar li.esemeny {list-style: none;background-image: url(img/li.png);background-repeat: no-repeat;background-position: 0px 9px;padding: 5px 0 5px 20px;font-size: 16px;}
#calendar li.esemeny a {color: #000;}
#calendar li.esemeny a:hover {color: #4088b8;}
.helyszininfo {font-weight: bold;font-size: 20px;color: #003c8c;}

.szerzolista {position: relative;margin: 0 -1%;}
.szerzolista a {position: relative;display: inline-block;width: 31.333%;margin: 10px 1%;padding-bottom: 10px;background-color: #fff;color: #003c8c;font-size: 18px;font-weight: bold;text-align: center;}
.szerzolista a:hover {background-color: #003c8c;color: #fff;}
.szerzolista .szcim {display: inline-block;padding-top: 5px;}
.szerzolista .nyelv {position: absolute;right: 5px;bottom:3px;}
.szkep {width: 40%;}
h1.sznev {margin-bottom: 10px;}

.clista {position: relative;margin: 0 -1%;transition: all 0.4s ease 0.05s;clear: both;}
.clista a {position: relative;display: inline-block;width: 31.333%;margin: 10px 1%;padding-bottom: 30px;background-color: #fff;color: #555;text-align: center;font-size: 15px;} 
.clista a:hover {background-color: #003c8c;color: #0e7abd;}
.clista a:hover .ecim {color: #fff;}
.clista a:hover .cdatum {color: #fff;}
.clista .ecim {display: inline-block;padding: 5px;font-size: 17px;font-weight: bold;color: #003c8c;}
.clista .ckat {display: block;position: absolute;bottom:0;left:0;background-color: #0e7abd;padding: 4px;color: #fff;}
.clista .cdatum {display: block;font-weight: bold;color: #0e7abd;margin-top: 5px;}

.vlista {position: relative;margin: 0 -1%;transition: all 0.4s ease 0.05s;}
.vlista .vbox {position: relative;display: inline-block;width: 31.333%;margin: 10px 1%;padding-bottom: 25px;background-color: #fff;transition: all 0.4s ease 0.05s;}
.vlista .vkep {background-repeat: no-repeat;background-size: cover;background-position: center;}
.vlista .vplay {display: block;width: 100%;height: 140px;background-repeat: no-repeat;background-position: center;}
.vlista .vplay:hover {background-image: url(img/play_yt.png);}
.vlista .vcim {display: block;font-size: 15px;color: #003c8c;padding: 5px 10px;font-weight: bold;}
.vlista .valcim {display: block;font-size: 12px;color: #0e7abd;padding: 5px 10px;}
.vlista .nyelv {position: absolute;right: 5px;bottom:3px;}
.vlista .felirat {position: absolute;right: 25px; bottom: 3px;width: 10px;}
.vlista .forras {display: block;position: absolute;bottom:0;left:0;background-color: #0e7abd;padding: 4px;color: #fff;}
.vlista .vplaying {width: 100%!important;}
.vlista .vplaying .vkep {display: none!important;}
.vlista .yt {text-align: center;}

.szlista a {display: block;color: #000;padding: 5px 4% 5px 15px;font-size: 18px;background-image: url(img/nyil-jobb-kek.png);background-repeat: no-repeat;background-position: 98% center;background-size: auto 14px;}
.szlista a:hover {background-color: #003c8c;color: #fff;background-image: url(img/nyil-jobb.png);}
.szlista span {color: #0e7abd;font-size: 16px;}

.klista {}
.klista a {display: block;color: #000;padding: 5px 4% 5px 15px;font-size: 18px;background-image: url(img/nyil-jobb-kek.png);background-repeat: no-repeat;background-position: 98% center;background-size: auto 14px;}
.klista a:hover {background-color: #003c8c;color: #fff;background-image: url(img/nyil-jobb.png);}
.kerdes {margin-top: 15px;padding: 10px 15px;color: #fff;font-weight: 600;font-size: 16px;}
.valasz {padding: 10px 15px;font-size: 16px;}
.temakat {color: #fff;background-color: #0e7abd;padding: 5px 10px;display: inline-block;margin: 5px;border:0;font-weight: bold;font-size: 18px;}
.temakat:hover {background-color: #003c8c;}
.zlista a {display: block;color: #654;padding: 5px 4% 5px 15px;font-size: 16px;background-image: url(img/nyil-jobb-kek.png);background-repeat: no-repeat;background-position: 98% center;background-size: auto 14px;}
.zlista a .dalcim {color: #000;font-weight: bold;font-size: 18px;}
.zlista a:hover {background-color: #003c8c;color: #fff;background-image: url(img/nyil-jobb.png);}
.zlista a:hover span {color: #fff;}
.dalkat {color: #fff;background-color: #0e7abd;padding: 2px 4px;display: inline-block;margin: 2px;border:0;}
.dfokat {font-weight: bold;font-size: 18px;}
.dalkat:hover {background-color: #003c8c;}
.dalkatform {display: inline-block;}
.letoltgomb {display: inline-block;background-image: url(img/download.png);background-repeat: no-repeat;background-position: 5px center;color: #fff;background-color: #0e7abd;padding: 4px 10px 4px 25px;margin-right: 10px;border:0;font-size: 18px;font-weight: bold;}
.letoltgomb:hover {background-color: #003c8c;}

.ismerteto {margin-top: 10px;font-style: italic;padding: 10px 15px;border: 1px solid #ccc;color: #444;font-size: 14px;}
.katsav {position: relative;margin-top: 15px;padding: 10px 15px;color: #fff;font-weight: 600;font-size: 16px;background-image: url(img/katsavjobb.png);background-position: right center;background-repeat: no-repeat;}
.katsav img {position: absolute;right: 20px;max-height: 80%;top: 50%;transform: translateY(-50%);}
.katinfo {padding: 10px 15px;font-size: 16px;}
.katinfo ul {margin: 6px 0;}
.katinfo li {font-weight: bold;color: #0e7abd;}
.tkepek {}
.tkepek img {float: left;margin-left: 2%;margin-bottom: 10px;height: 90px;width: 24%;object-fit: cover;}
.tkepek img.fokep {width: 48%;margin-left:0;height: 190px;}
.cbg {margin: 15px 0;padding: 5px 2%;}
.tlista a {display: block;position: relative;background-color: #fff;padding: 10px;margin: 6px 0;}
.tlista a:hover {background-color: rgba(14,122,189,0.1);}
.tlista img {float: left;display: block;width: 20%;height: 105px;object-fit: cover;margin-right: 15px;}
.tlista .tcim {color: #0e7abd;font-weight: bold;font-size: 20px;margin: 5px 0;}
.tlista .ttelepules {font-weight: bold;font-size: 18px;color: #000;margin: 5px 0;}
.tlista .tletszam {position: absolute;right: 10px;top: 10px;padding-right: 40px;padding-top:3px;background-image: url(img/ikon-letszam.png);background-repeat: no-repeat;background-position: right center;background-size: contain;color: #000;}
.tlista .tajegyseg {position: absolute;right: 0;bottom:0;background-color: #0e7abd;color: #fff;padding: 5px 10px;}

.igeszakasz {padding: 10px 15px;font-size: 16px;background-image: url(img/nyil-le-kek.png);background-repeat: no-repeat;background-position: 95% center;}
.igeszakasz div {padding: 15px 0;}
.iglenyitva {background-image: url(img/nyil-fel-kek.png);background-position: 95% 98%;}
.egyhazinap {color: #003c8c;text-transform: uppercase;font-size: 18px;text-align: center;font-weight: bold;}
.szentunnep {color: #0e7abd;font-size: 18px;text-align: center;}
#evkor {position: relative;transition: all 0.4s ease 0.05s;}
.lnevkor {transition: all 1s ease 0.05s;}
.lntakaro {position: absolute;top:0;left:0;display: none;}
.ek1 .lnevkor {transform: rotate(219deg);} /* Advent */
.ek2 .lnevkor {transform: rotate(204deg);} /* Karácsony */
.ek3 .lnevkor {transform: rotate(188deg);} /* Újév */
.ek4 .lnevkor {transform: rotate(172deg);} /*Vízkereszt*/
.ek5 .lnevkor {transform: rotate(157deg);}
.ek6 .lnevkor {transform: rotate(141deg);} /* hamvazószerda */
.ek7 .lnevkor {transform: rotate(125deg);}
.ek8 .lnevkor {transform: rotate(110deg);} /* Virágvasárnap */
.ek9 .lnevkor {transform: rotate(94deg);}
.ek10 .lnevkor {transform: rotate(78deg);}
.ek11 .lnevkor {transform: rotate(63deg);} 
.ek12 .lnevkor {transform: rotate(47deg);} /* Húsvét */
.ek13 .lnevkor {transform: rotate(31deg);}
.ek14 .lnevkor {transform: rotate(16deg);} /* Pünkösd */
.ek15 .lnevkor {transform: rotate(0deg);}
.ek16 .lnevkor {transform: rotate(-16deg);} /* Úrnapja */
.ek17 .lnevkor {transform: rotate(-31deg);}
.ek18 .lnevkor {transform: rotate(-47deg);} /* Mária mennybevétele - Nagyboldogasszony */
.ek19 .lnevkor {transform: rotate(-63deg);}
.ek20 .lnevkor {transform: rotate(-78deg);}
.ek21 .lnevkor {transform: rotate(-94deg);} /* Mindenszentek */
.ek22 .lnevkor {transform: rotate(-110deg);}
.ek23 .lnevkor {transform: rotate(-125deg);}
.lnnyil {position: absolute;display: block;top: -20px;left: 50%;transform: translatex(-50%);}
.lncim {position: relative;margin-top: 20px;padding: 10px;color: #fff;font-weight: bold;background-color: #0e7abd;}
.lnszoveg {background-color: #fff;padding: 10px;}
.lntabla {width: 100%;border-left: 1px solid #0e7abd;border-collapse: collapse;}
.lntabla th  {background-color: #0e7abd;color: #fff;font-weight: bold;text-align: center;padding: 10px;border-right: 1px solid #0e7abd;}
.lntabla th.hetvege {width: 15%;}
.lntabla td {border-right: 1px solid #0e7abd;border-bottom: 1px solid #0e7abd;padding: 10px 5px;text-align: center;background-color: #fff;font-weight: bold;width: 14%;font-size: 18px;}
.lntabla td.unnep {color: #f00;}
.lntabla td a {display: block;text-align: center;margin-top: 10px;font-size: 14px;color: #000;}
.lntabla td.unnep a {color: #f00;}
.lntabla td.lnmainap {background-color: rgba(14,122,189,0.1);}
.lntabla td a:hover {color: #0e7abd;}
.honapvalto {position: relative;text-align: center;}
.honapvalto a {font-size: 22px;font-weight: bold; color: #0e7abd;}
.honapvalto a.lnvissza {position: absolute; left:0;font-size: 24px;}
.honapvalto a.lntovabb {position: absolute; right: 0;font-size: 24px;}

.button {display: inline-block;padding: 8px 10px;margin: 4px;border: 1px solid transparent;font-size: 14px;}
.button:hover {background-color: #fff;color: #003c8c;border: 1px solid #003c8c;}
fieldset {border: 1px solid #003c8c;margin: 10px 0;}
legend {background-color: #0e7abd;padding: 5px 10px;color: #fff;border-radius: 3px;}
fieldset .urlap {min-width: 50%;max-width: 100%;}
fieldset .urlap100 {width: 100%;}


.footer {color: #fff;padding: 30px 0;margin-top: 30px;}
.footer .logo {width: 20%;max-width: 120px;}
.footer .lablecmenu {position: absolute;top: 50%;transform: translateY(-50%);right: 0;text-align: right;width: 70%;}
.lablecmenu a {color: #fff;}

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

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

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

.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;margin: 6px 0;}

@media only screen and (max-width: 700px) {
	h1 {font-size: 20px;}
	h2.temacim {font-size: 14px;}
	.oldalcim {padding: 5px 15px;font-size: 20px;}
	.header {padding: 10px 5px;}
	.header .tarsoldalak a {font-size: 10px;padding: 25px 0 0 0;background-position: top center;margin-left: 10px;}
	.menusav a {font-size: 14px;padding: 7px 10px;}
	.menusav {text-align: center;padding: 8px 0;}
	.b23 {width: 100%;}
	.napigondolat {margin-left: 1.5%;margin-top: 10px;font-size: 16px;}
	.forras {font-size: 14px;}
	.temaboxok {padding: 0 5px;margin: 0 -1.5%;}
	.temaboxok .box {padding-bottom: 10px;margin: 8px 1.5%;width: 47%;}
	.temaboxok h3 {font-size: 16px;padding: 0 10px;}
	.temaboxok p {padding: 0 10px;}
	.temaboxok .kep {margin-bottom: 10px;}
	.b2 {width: 49%;}
	.bb {margin: 10px 2% 5px 0;}
	.bj {margin: 10px 0 5px 0;}
	.b13 {width: 100%;}
	.content {padding-right:0;}
	.szemlebox {padding: 0 10px;}
	.naptarbox {padding: 0 10px;}
	.keresobox {padding: 0 10px;}
	.kerdesbox {padding: 0 10px;}
	.footer {margin-top: 15px;padding: 20px 10px;}
	.boxcim {font-size: 24px;}
	.boxcim span {font-size: 15px;}
	.temacim {font-size: 18px;}
	.fuleksav {padding: 0 10px;}
	.keresourlap {position: relative;top: inherit;transform: none;width: 100%;margin-top: 10px;}
	.keresourlap .tkereso {width: 45%;}
	.keresourlap .tszerzo {width: 45%;}
	.tkeresogomb {right: 5px;}
	.keresosav a.fullink {font-size: 14px;margin: 0 2px;text-transform: none;}
	.klista a {padding: 10px 4% 10px 15px;}
	.zlista a {padding: 10px 4% 10px 15px;}
	.szlista a {padding: 10px 4% 10px 15px;}
	.tlista .tcim {font-size: 18px;}
	.tlista .ttelepules {font-size: 16px;}
	.tlista .tletszam {top: inherit; bottom: 30px;}
	.tlista img {width: 30%;}
	.vlista .vbox {width: 48%;}
	.szerzolista a {width: 48%;padding-bottom: 15px;}
	.szerzolista .nyelv {bottom:0;}
	.clista a {width: 48%;}
	fieldset .urlap {width: 100%;}
	fieldset select {width: 100%;}
}