.bgfeher {background-color: #fff;}
.bgvkek {background-color: #bccad3;}
.bgkek {background-color: #606d75;}
.bgskek {background-color: #314451;}
.bgnarancs {background-color: #dc5e21;}
.bglila {background-color: #5c2849;}
.bgmalyva {background-color: #a23e5c;}
.bgzold {background-color: #80b33a;}
.bgbarna {background-color: #6d5f3e;}
.bgszurke {background-color: #899495;}
.bgkhskek {background-image: url(../img/khskek.png);background-repeat: repeat-x;}
.bgkhvkek {background-image: url(../img/khvkek.png);background-repeat: repeat-x;}
.bgkhvbarna {background-image: url(../img/khvbarna.png);background-repeat: repeat-x;}
.jkbg2 {background-color: #48214b;}
.jkbg3 {background-color: #81a03c;}
.jkbg4 {background-color: #a23c5d;}
.jkbg5 {background-color: #00699c;}
.jkbg6 {background-color: #5f6d74;}
.jkbg7 {background-color: #c01333;}
.jkbg8 {background-color: #6b4c6d;}
.jkbg9 {background-color: #103460;}
.jkbg10 {background-color: #df5b29;}
.bgkorona {background-color: #d24d57;}

.kek {color: #0070a0;}
.vkek {color: #bccad3;}
.skek {color: #314451;}
.zold {color: #80b33a;}
.barna {color: #6d5f3e;}
.lila {color: #5c2849;}
.feher {color: #fff;}
.fekete {color: #000;}
.szurke {color: #606d75;}
.narancs {color: #dc5e21;}
.malyva {color: #a23e5c;}
.piros {color: #f00;}
.videosor {text-align: center;}
.videosor iframe {width: 100%!important;max-width: 800px;height: 600px;margin:auto;border-radius: 20px;overflow: hidden;}
.zoldcsik {width: 100%;border:0;height: 2px;margin: 15px auto;}

h1 {font-size: 32px;text-align: left;font-family: Montserrat;}
h2 {font-weight: normal;font-size: 26px;font-family: Montserrat;}
h3 {font-size: 24px;font-family: Montserrat;}

.header {width: 100%;background-color: #2a3962;color: #fff;}
.header1 {width: 100%;font-weight: 500;font-size: 14px;background-color: rgba(0,0,0,0.33);}
.header1 a {color: #fff;}
.header1 .h1bal {display: inline-block;width: 50%;padding: 12px 0;}
.header1 .h1bal span {color: #7D7D7D;}
.header1 .h1jobb {display: inline-block;width: 50%;text-align: right;padding: 7px 0;}
.header1 .h1jobb a {display: inline-block;padding: 5px 13px;border-radius: 6px;}
.header1 .h1jobb a:hover {background-color: #293861;}
.header2 {width: 100%;padding: 40px 0;position: relative;}
.header2 .logo {width: 28%;padding-right: 10px;}
.header2 #fomenu {width: 72%;position: absolute;top:50%;transform: translateY(-50%);right:0;}

ul.menusor {display: flex;justify-content: right; list-style: none;padding:0;margin:0;color: #fff;transition: all 0.35s ease 0.1s;z-index: 200;}
ul.menusor li {position: relative;}
ul.menusor a {font-size: 16px;font-weight:500;color: #fff;display: block;padding: 5px 13px;border-radius: 6px;}
ul.menusor a::first-letter {text-transform: uppercase;}
ul.menusor li:hover a.fomenupont {background-color: rgba(255,255,255,0.13);}
ul.menusor ul {display: none;position: absolute;z-index: 200;left:0;height: auto;background-color: #293861;list-style: none;margin:0;padding:0;border-bottom-right-radius: 5px;overflow: hidden;}
ul.menusor ul a:hover {background-color: rgba(255,255,255,0.13);}
ul.menusor li:hover ul {display: block;}
.fooldalstyle ul.menusor ul {background-color: rgba(65,122,207,0.4);}
.fooldalstyle ul.menusor li:hover a.fomenupont {background-color: rgba(65,122,207,0.4);}



.holvagyunk {padding-top: 5px;color: #314451;border-bottom: 1px dotted #bccad3;}
.holvagyunk a {color: #314451;}

#menu-icon {display: none;background-image: url(../img/ikon-menu.png);background-repeat: no-repeat;background-position: left 5px;padding: 8px 0 8px 45px;font-size: 16px;color: #fff;margin-left: 10px;}



.navsav {float: left;margin-left: 7%;margin-top: 15px;transition: all 0.35s ease 0.1s;}
a.menuikon {display: block;width: 38px;background-repeat: no-repeat;background-image:url(../img/i_hamburger.png);padding-top: 28px;margin: 10px auto 0 auto;text-transform: uppercase;}
.urlaplogin {border: 1px solid #2d4451;background: none;color: #fff;padding: 3px 5px;width: 30%;margin-right: 5px;}
input.userikon {height: 25px;background: none;border: none;background-repeat: no-repeat;background-image:url(../img/i_user.png);background-position: left top;background-size: 20px 25px;padding-left: 20px;color: transparent;padding-top:3px;}
input.userikon:hover {color: #fff;}
a.userikon {background-repeat: no-repeat;background-image:url(../img/i_user.png);background-position: 5px center;background-size: 16px 20px;padding-left: 25px!important;color: #fff;padding-top:6px;}
a.kilepikon {background-repeat: no-repeat;background-image:url(../img/ikon_exit.png);background-position: 5px center;padding-left: 25px!important;color: #fff;}
a.adminikon {background-repeat: no-repeat;background-image:url(../img/ikon_edit.png);background-position: 5px center;padding-left: 25px!important;color: #fff;}
a.felveteliikon {background-repeat: no-repeat;background-image:url(../img/ikon_felveteli.png);background-position: 5px center;padding-left: 25px!important;color: #fff;}
a.uzenetikon {background-repeat: no-repeat;background-image:url(../img/ikon_levelek.png);background-position: 5px center;padding-left: 25px!important;color: #fff;}
a.fogadooraikon {background-repeat: no-repeat;background-image:url(../img/ikon_fogadoora.png);background-position: 5px center;padding-left: 25px!important;color: #fff;}

.content {text-align: justify;padding-bottom: 20px;}
.content img {border-radius: 10px;overflow: hidden;}
.content .lead {font-family: Montserrat;font-size: 22px;font-weight: 600;padding-left: 20px;border-left: 4px solid #419ccf;}
.content .hirdatum {margin-bottom: -15px;margin-top: 20px;}

.topmenusav {height: 80px;}
.topmenusav a.focim {display: none;}
.topmenusav a.jfocim {display: none;}
.topmenusav a.logo img {width: 40%;}
.topmenusav a.jlogo img {width: 15%;margin-left: -10px;}
.topmenusav img.jubi300 {display: none;max-width:7%;max-height: 65px;}
.topmenusav .fikon {font-size: 14px;background-size: 16px;margin:4px 15px 0 0;padding:5px 5px 2px 26px;width: auto;}
.topmenusav a.userikon {width: 16px;height: 16px;}
.topmenusav .fejlecikonok {float: left;margin-left: 60px;margin-top:0;}
.topmenusav .fikonjubi {margin-left: 5%!important;}
.topmenusav .navsav {float: right;margin: 3px 0;}
.topmenusav .urlaplogin {padding: 2px 5px;}
.topmenusav ul.menusor {padding-left: 60px;}

.fooldalstyle {position:absolute;top:0;background: none!important;}
.fooldalstyle .header1 {background: none!important;}
.fooldalstyle .header2 {background: none!important;}
#fokepsav {position: fixed;top: 0;z-index: -1;width: 100%;height: 630px;background-size: cover;}

#khsav {position: relative;z-index: 10;display: none;margin-top: 580px;}
.kiemelthirek {position: relative;z-index: 10;margin-top: -15%;transition: all 0.35s ease 0.1s;}
.khlila {position: relative;width: 100%;background-image: url(../img/kk01.png);background-repeat: no-repeat;background-position: top left;}
.khmalyva {position: relative;width: 100%;background-image: url(../img/kk02.png);background-repeat: no-repeat;background-position: top left;}
.khnarancs {position: relative;width: 100%;background-image: url(../img/kk03.png);background-repeat: no-repeat;background-position: top left;}
.khzold {position: relative;width: 100%;background-image: url(../img/kk04.png);background-repeat: no-repeat;background-position: top left;}
.khbarna {position: relative;width: 100%;background-image: url(../img/kk05.png);background-repeat: no-repeat;background-position: top left;}
.khlilakat {background-image: url(../img/i_fohir.png);}
.khmalyvakat {background-image: url(../img/i_300hir.png);}
.khnarancskat {background-image: url(../img/i_hir.png);}
.khzoldkat {background-image: url(../img/i_bloghir.png);}
.khbarnakat {background-image: url(../img/i_bloghir.png);}
.khmobil {display: none;}
.khbg {position: relative;width: 100%;background-repeat: no-repeat;background-position: top left;z-index: 5;}

.glila {position: relative;width: 100%;background-image: url(../img/g01.png);background-repeat: no-repeat;background-position: top left;}
.gboxkep {position: absolute;top: 24px;left:0;width: 100%;height: 73%;object-fit: cover;}
.gboxtxt {text-align: left;padding: 280px 10px 10px 10px;}
.gboxcim {padding-top: 10px;font-size: 18px;}
.gdatum {color: #fff;font-size: 15px;text-align: right;padding-right: 10px;padding-top: 3px;}

.khir {position: relative;padding-bottom: 40px;z-index: 10;}
.khkep {position: absolute;top: 60px;left:0;min-width: 100%;}
.khkat {color: #fff;font-size: 24px;font-weight: bold;background-repeat: no-repeat;background-size: 50px;background-position: 8% 7px;padding-left: 30%;padding-top: 16px;height: 56px;}
.khcim {display: block;font-size: 18px;margin-top: 300px;padding: 0 15px 0 15px;}
.jkatbox .khcim {margin-top: 290px;}
.khlead {padding: 0 15px;}
.khgomb {position: absolute;bottom:15px;display: block;width: 75px;left:50%;transform: translate(-50%,0);padding: 2px 5px;color: #fff;text-align: center;text-decoration: underline;margin-bottom: 5px;border-radius: 3px;}
.khgomb:hover {background-color: #2e4a55;}
.khdatum {position: absolute;width: 100%;bottom:0;text-align: center;font-size: 12px;}
.jkatbox {position: relative;width: 28%;margin: 20px 2%;max-width: 304px;padding-bottom: 80px;}
.jkatbox .khcim {padding-top: 15px;}
.jkatborder {position: absolute;bottom:0;left:0;width: 100%;height: 30px;}
.jkatbox .khgomb {bottom: 45px;}
.jkatbox .khdatum {bottom: 30px;}
.jboxbal {padding-right: 20px;}

.khirlista {position: relative;padding-bottom: 35px;}
.khldisz {width: 100%;height: 10px;}
.khljobbcsik {position: absolute;right:0;top:0;width: 1px;height: 85%;}
.khlhir {padding: 10px;}
.khlcim {font-size: 18px;}
.khldatum {font-size: 12px;}
.khlkep {float: left;margin-right: 5px;margin-bottom: 5px;max-width: 35%;}
.kattovabb {position: absolute;bottom:0;display: block;width: 100%;padding: 10px 10px 10px 40px;background-image: url(../img/i_tovabb.png);background-repeat: no-repeat;background-position: 5px center;background-size: auto 80%;color: #fff;}
.kattovabb:hover {background-color: #2e4a55;}


.savterkoz {padding: 50px 0;}
.savcimsor {margin-bottom: 20px;padding-left: 10px;}
.savcim {font-size: 18px;}
.savfocim {font-size: 32px;font-family: "Montserrat";font-weight: 600;color: #000;}
.savtovabb {font-size: 12px;color: #0070a0;}

.ktjsav {margin: 35px auto;background-repeat: no-repeat;background-size: cover;min-height: 500px;background-position: center;}
.ktjsav h4 {padding-top: 50px;font-size: 55px;font-weight: 700;color: #fff;font-family: Montserrat;}

.kepsor {width: 100%;height: 505px;overflow: hidden;}
.kepsor a {display: block;position: relative;float: left;box-shadow: -1px -1px 2px #fff;width: 20%;height: 240px;border-bottom: 10px solid #fff;border-top: 10px solid #fff;margin-bottom: 25px;background-repeat: no-repeat;background-size: cover;color: #fff;}
.kepsor a .acim {position: absolute;bottom: 5px;right: 2%;max-width: 95%; min-height: 34px;background-color: rgba(0,0,0,0.7);padding: 4px 48px 4px 6px;font-size: 14px;}
.kepsor a .adatum {position: absolute;right:0;bottom:0;background-color: rgba(194,210,68,0.8);border-top-left-radius: 7px;color: #0070a0;font-size: 12px;text-align: center;padding: 1px 3px;width:40px;}

/*.hirlista {display: grid; gap: 18px; grid-template-columns: 1fr 1fr 1fr 1fr;margin-bottom: 20px;}*/
.hirlista .hbox {position: relative;display: block;background-color: #fff;border-radius: 6px;box-shadow: 0 2px 65px rgba(133,133,133,0.15);overflow: hidden;}
.hirlista .hbox:hover {box-shadow: 0 0 5px rgba(65,156,287,0.3);}
.hirlista .hbox img {display: block;width: 100%;height: 170px;object-fit: cover;}
.hirlista div {padding: 15px 16px 20px 16px;}
.hirlista .hirkat {display: inline-block;border-radius: 4px;padding: 4px 10px;margin: 10px 2px 10px 0;}
.hirlista .katblog {background-color: rgba(207,65,65,0.2);color: #cf4141;}
.hirlista .katkiemelt {background-color: rgba(162,65,207,0.2);color: #a241cf;}
.hirlista .katkozerdeku {background-color: rgba(236,116,49,0.2);color: #ec7431;}
.hirlista h4 {font-size: 20px; font-weight: 600;color: #000;}
.hirlista h5 {font-size: 14px;font-weight: 500;color: #898989;}
.hirlista .hdatum {position: absolute;bottom: 0;left:16px;font-size: 14px; color: #898989;padding-left: 20px;background-image: url(/design/img/ora.svg);background-repeat: no-repeat;background-position: left center;}


.listaelem {position: relative;border-radius: 10px;overflow: hidden;background-color: rgba(94,115,200,0.28);color: #2a3562;}
.listaelem img {display: block;width: 100%;object-fit: cover;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.listaelem .cim {text-align: center;font-weight: 600;font-size: 20px;}
.glista .arnyek {position: absolute;width: 100%;height:100%;top:0;left:0;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.38) 53%);}
.glista .cim {position: absolute;bottom: 10%;width: 100%;text-align: center;color: #fff!important;font-size: 33px;font-family: Montserrat;font-weight: 700;line-height: 40px;}

/*
.hsav {padding: 0 8px;}
.hbox {flex: 1;padding:10px;margin-right: 5px;margin-bottom: 10px;border-bottom: 1px solid #dc5e21;text-align: left;}
.hbox a img {max-width: 100%;float: left;width: 26%;margin-right: 4%;}
.hbox .hcim {font-size: 21px;color: #000;}
.hbox .hdatum {font-size: 12px;color: #989898;}
.hbox p {margin: 0;font-size: 14px;}
*/

#napiesemenyek .naptarcsik {color: #fff;margin-bottom: 10px;margin-left: 10px;}
#napiesemenyek .nap {padding: 5px 0;font-size: 15px;font-weight: bold;text-align: center;float: left;flex:1;background-repeat: no-repeat;background-position:-12px -12px;}
.kivagasfeher {background-image: url(../img/sarok.png);}
.kivagaskek {background-image: url(../img/sarokkek.png);}
#napiesemenyek .esemeny {padding: 10px;font-size: 16px;float: left;flex:6;}

.napkepe {position: relative;}
.napkepe .kivagaskek {position: absolute;top:-5px;left:-5px;z-index: 10;width: 30px;height: 30px;}
.feliratsav {position: absolute;bottom:0;width: 100%;z-index: 10;background-color: rgba(162,62,92,0.5);padding: 10px;color: #fff;}
.feliratsav .cim {font-size: 17px;font-weight: bold;}
.feliratsav .datum {margin-left: 10px;font-size: 11px;}
.feliratsav p {margin:0;}

.kovesemeny {background-color: #fff;background-image: url(../img/esemenyfej.png);background-repeat: no-repeat;background-position: top left;background-size: 100%;padding-top: 12%;max-width: 96%;margin: 15px 0;padding-right: 2%;}
.kovesemeny .cimsav {position: absolute;top:5%;left:0;padding-left: 4%;color: #fff;font-size: 40px;}
.kovesemeny .b2 {float: left;padding-left: 5%;}
.kovesemeny h3 {font-size: 20px;}
.cimkefelho {background-color: #fff;margin-top: 15px;padding: 10px 30px 20px 30px;}
.cimkefelho .cim {font-size: 17px;}
.kereso {position: relative;background-color: #183435;padding: 10px 15px 10px 30px;color: #fff;}
.kereso .kivagasfeher {position: absolute;top:-8px;left:0;z-index: 10;width: 30px;height: 29px;}
.kereso .cim {font-size: 20px;font-weight: bold;}
.kereso input {width: 95%;margin-top: 5px;padding-left: 30px;}
.kereso input.keresogomb {position: absolute;width: 25px;margin-top: 10px;left: 35px;border: none;background: none;background-image: url(../img/nagyito.png);background-repeat: no-repeat;background-size: 22px;}

.legutobbiak h3 {font-size: 25px;}
.legutobbiak ul {list-style: none;margin:0;padding:0;}
.legutobbiak li {margin-bottom: 10px;font-size: 18px;padding-left: 20px;background-repeat: no-repeat;background-image: url(../img/li-sarga.png);background-position: left 4px;}

.tablobox {position: relative;margin-bottom: 10px;border-bottom: 1px solid #dc5e21;text-align: left;}
.tablokep {display: block; float: left;margin-right: 1%;width: 40%;}
.letoltes {position: absolute;bottom: 0;left: 41%;}
.fidopont {display: inline-block;width: 15%;padding: 6px;text-align: center;border: 1px solid transparent;}
.fidopont input {margin-top: -4px;top: 4px;position: relative;}
.fidoaktiv {border: 1px solid #80b33a;}

.jhbox {width: 100%;padding-bottom: 10px;border-bottom: 4px solid #2e4a55;margin-bottom: 10px;}

.vizjel {background-image: url(../img/vizjel.png);background-repeat: no-repeat;background-position: 1% 49%;background-size: 36%;}
.jbox1 {float: left;width: 33%;padding-top: 30px;}
.jbox1 img {max-width: 98%;padding-top: 30px;margin-left: 1%;}
.jbox2 {float: left;width: 67%;padding: 15px 0;}
.jbox2 .box {float: left;margin-bottom: 15px;}
.jbox2 .kiemeltbox a img {border-radius: 10px;max-width: 100%;float: left;width: 26%;margin-right: 4%;}
.jbox2 .box a img {max-width: 100%;float: left;width: 26%;margin-right: 4%;}
.jbox2 .jhcim {font-size: 16px;color: #000;}
.jbox2 .jhdatum {font-size: 12px;color: #82878b;}
.jbox2 .hadatok {padding-right: 10px;}

.bbox {float: left;padding: 10px;margin-bottom: 10px;}
.bbox a img {border-radius: 10px;max-width: 100%;float: left;width: 26%;margin-right: 4%;}
.bbox .bcim {font-size: 21px;}
.bbox .bdatum {font-size: 12px;}
.bbox p {margin-bottom: 0;font-size: 14px;}
.gbox {position: relative;padding: 5px;}
.gbox img {width: 100%;height: 100%;object-fit: cover;transition: all 0.35s ease 0s;border: 1px solid #fff;box-shadow: 1px 1px 3px #454545;border-radius: 5px;}

#tanarlista .tbox {position: relative;display: inline-block;background-color: #fff;width: 48%;margin-bottom: 20px;}
#tanarlista img {width: 25%;display: block;}
#tanarlista .tadatok {width: 75%;display: block;position: absolute;top: 50%;right: 0;transform: translateY(-50%);padding: 0 15px;text-align: left;}
#tanarlista .tnev {display: block;font-family: 'Monserrat', sans-serif;font-size: 16px;font-weight: 700;line-height: 22px;color: #000;}
#tanarlista .tbeosztas {display: inline-block;color: #ec7431;font-size: 14px;line-height: 20px;background-color: rgba(236,116,49,0.2);border-radius: 4px;padding: 1px 6px;margin-bottom: 5px;}

#content .galeria {background-color: #dfdfdf;padding: 10px 5px 10px 15px;}
#jlista .lapozo {width: 100%;display: block;text-align: center;padding-top: 10px;margin-top: 10px;}

.lapozo {text-align: center;}
.lapozo a {display: inline-block;padding: 10px 15px;background-color: rgba(0,0,0,0.04);color: #000;border-radius: 6px;}
.lapozo a:hover {background-color: #fff;}

#listazas .cimsav {text-align: center;font-family: Montserrat;font-size: 20px;font-weight: 600;margin-bottom: 40px;}
#listazas .cimsav a {display: inline-block;color: #b0b0b0;margin: 0px 35px;}
#listazas .cim {font-size: 28px;color: #000;}
#listazas .honap {font-size: 20px;text-align: center;font-family: Montserrat;font-weight: 600;background-color: #fff;padding: 5px;box-shadow: 0 2px 65px rgba(133,133,133,0.15);margin-bottom: 10px;}
#listazas .esemeny {display: grid;grid-template-columns: 1fr 4fr;column-gap: 2%;margin-bottom: 20px;}
#listazas .nap {position: relative;color: #000;font-family: Montserrat;font-size: 54px;font-weight: 700;padding-bottom: 15px;}
#listazas .nap div {font-size: 14px;}
#listazas .napbrd {position: absolute;width: 60%;left:0;bottom:0;height: 5px;background-color: #41a4cf;}
#listazas .esemenyek {font-size: 18px;line-height: 22px;font-weight: 600;}


/*
#listazas {position: relative;}
#listazas .kbox {flex:inherit;width: 31%;margin:15px 1%;}
.kbcim {font-size: 15px;}
#listazas .khkep {height: auto;width: 100%;top: 50px;}
#listazas .khlila {background-size: 100%;}
#listazas a.khgomb {color: #fff;}
#listazas a.khkat {display: block;color: #fff;padding-left: 0;text-align: center;font-size: 15px;}
#listazas p.lead {margin: 10px 0;text-align: left;padding-top: 225px;padding-bottom: 50px;}
#listazas a {color: #073c65;}
#listazas .listabox {position: relative;margin-bottom: 2%;padding: 10px;}
#listazas .listabox:hover {background-color: #efefef;}
#listazas a.kep {display: block;float: left;margin-right: 4%;width: 26%;}
#listazas .listabox img {width: 100%;}
#listazas .szovegblokk {float: left;width: 70%;max-width: 800px;}

//#listazas h4 {font-weight: normal;text-transform: uppercase;font-family:ubuntumedium;font-size: 18px;text-align: left;margin-top:5px;}
//#listazas h4.csakcim {font-size: 16px;}
//#listazas h5 {font-weight: normal;font-family:ubuntumedium;font-size: 17px;text-align: left;margin-top:5px;}

#listazas p.gdatum {color: #898989;}
#listazas .tovabb {display: block;position :absolute;bottom: 5px;right: 10px;text-align: right;}

#listazas .datum {float: left;margin-right: 4%;width: 26%;}
#listazas .nap {margin: auto;width: 40%;padding: 10px 0;background-color: #dfe5ea;color: #4b4b4b;font-family: ubuntu_condensedregular;text-align: center;font-size:40px;background-image: url(../img/sarok.png);background-repeat: no-repeat;background-position:-5px -10px;}
#listazas .napnev {margin: auto;width: 40%;padding: 10px 0;text-align: center;color:#fff;font-family: ubuntumedium;font-size: 16px;}
#listazas .naptarhoz {background-image: url(../img/naptaradd.png);background-repeat: no-repeat;padding: 0 20px;}
#listazas .terkepen {background-image: url(../img/gmap.png);background-repeat: no-repeat;padding: 0 20px;}
#listazas .facebookon {background-image: url(../img/ikon_facebook.png);background-repeat: no-repeat;padding: 0 20px;}
#listazas .forumnap {margin: auto;width: 40%;padding: 10px 0;background-color: #dedede;color: #4b4b4b;font-family: ubuntu_condensedregular;text-align: center;font-size:30px;}
#listazas .forumho {margin: auto;width: 40%;padding: 10px 0;background-color: #522060;text-align: center;color:#fff;font-family: ubuntumedium;font-size: 18px;}
#listazas ul.cimkelista {list-style: none;}
#listazas ul.cimkelista li {margin-bottom: 10px;}
#listazas ul.cimkelista li a {font-size: 18px;}
#listazas ul.cimkelista img {width: 12%; float: left;margin-right: 2%;}
*/

#naptarbox {position: relative;margin: 20px 0;}
.nboxfooldal {float: left;width: 24%; margin: 10px 0.5%;}
#naptarbox .napbox a {color: #000;}
#naptarbox .napbox {margin: 5px 0;padding: 5px;border-radius: 10px;}
#naptarbox .datum {padding: 5px 0;width: 22%;text-align: center;background-color: #0070a0;color: #fff;font-size: 19px;font-weight: bold;float: left;margin-right: 2%;border-radius: 10px;}
.jobbhasab #naptarbox .datum {padding: 5px 0;width: 20%;text-align: center;background-color: #0070a0;color: #fff;font-size: 18px;font-weight: normal;float: left;margin-right: 2%;border-radius: 10px;}
#naptarbox .napiprogram {float: left;width: 76%;}
#naptarbox p.cim {margin:6px 0;font-weight: bold;font-size: 16px;}
#naptarbox p.lead {margin: 6px 0;font-size: 14px;}
#naptarbox .napbox:hover {background-color: #c2e3eb;}

#kisnaptar {margin-bottom: 25px;}
#kisnaptar ul {list-style: none;margin:0;padding:0;}
#kisnaptar li.nap {position: relative; float: left;width: 14%; height: 25px;background-color: #f1f1f1;color: #323334;border-right: 1px solid #cbcbcb;border-top: 1px solid #cbcbcb;padding-top:3px;text-align: center;}
#kisnaptar li.napnev {float: left;background-color: #2e4a55;border-bottom: 2px solid #fff;color: #FFF;font-weight: bold;padding-top: 4px;height: 25px;border-top: 1px solid #cbcbcb;}
#kisnaptar li.first {border-left: 1px solid #cbcbcb;width: 14%;}
#kisnaptar li.vanesemeny {background-color: #d8dfe5;border-bottom: 2px solid #073c65;}
#kisnaptar li.mainap {background-color: #fff;color:#073c65;}
#kisnaptar li.nap:hover {background-color:#073c65;color: #fff;}
#kisnaptar .honapvalto {position: absolute; right: 5px;top: 5px;color: #0070a0;}
#kisnaptar .honapvalto a {color: #073c65;}

#kisnaptar .aktivnap {display: none; position: absolute; z-index: 20; right: 0; bottom: -2px; width: 100%; height: 25px;padding-top:2px;background-color: #073c65;text-align: center;}
#kisnaptar ul ul {display: none;position: absolute;right: 0;bottom: -2px;height: auto;width: 310px;background-color: rgba(223,229,234,0.9);border: 1px solid #073c65;border-top-left-radius: 10px;	padding: 10px;}
#kisnaptar ul li:hover ul  {display:block;}
#kisnaptar ul li:hover .aktivnap  {display:block;}
#kisnaptar ul ul li.esemeny {background-image: url(../img/li.png);background-repeat: no-repeat;background-position: 0 3px;background-size: 8px;padding-left: 15px;font-size: 14px;text-align: left;margin: 5px;margin-right: 40px;}

/* galéria */
#galeria {position: relative;}
#galeria .gbox {position: relative;float: left;width: 33%;border: 3px solid #fff;height: auto;padding-bottom: 105px;}
#galeria .gcim {position: absolute;bottom:0;left:0;width:100%;height: 110px;background-color: #522060;text-align: center;display: table;}
#galeria span {color: #fff;font-family:ubuntu_condensedregular;font-size: 17px;text-transform: uppercase;display: table-cell;vertical-align: middle;height: 90px;}
#galeria p {margin: 0;color: #c4c4c4;font-size: 15px;display: table-row;}
#galeria .cover {display: none;position: absolute;width:100%;height: 100%;z-index: 5;transition: all 0.35s ease 0s;}
#galeria .gbox:hover .cover {display: block;}
#content .gbox:hover img {transform: scale(1.2);}

.gkiemeltkep {float: left;width: 70%;height: 450px;}
.gkiskepek {float: left; width: 29%;margin-left: 1%;height: 450px;}
.gkkep img {width: 100%;height: 100%;object-fit: cover;}
.gkiskep {display: block;width: 100%;height: 185px;margin-bottom: 8px;overflow: hidden;}
.gkiskep img {width: 100%;height: 100%;object-fit: cover;}
a.gkeptovabb{display: block;color: #fff;height: 64px;background-image: url(../img/i_tovabb.png);background-repeat: no-repeat;background-position: 5px center;padding-left: 55px;font-size: 18px;padding-top: 22px;}

#versenylista h3 {color: #000;font-size: 22px;font-weight: 600;font-family: 'Montserrat'}
#versenylista p {color: #898989;font-size: 14px;font-weight: 500;font-family: 'Montserrat';}
#versenylista ul {list-style: none;padding:0;margin:0;}
#versenylista ul li {font-size: 16px;font-family: 'Montserrat'; line-height: 19.5px;margin-bottom: 10px;}
#versenylista .lilabox {display: inline-block;background-color: rgba(162,65,207,0.2);color: #a241cf;border-radius: 4px;padding: 4px 10px;font-weight: 500;}
#versenylista .kekbox {display: inline-block;background-color: rgba(65,122,207,0.2);color: #417ACF;border-radius: 4px;padding: 4px 10px;font-weight: 500;}

@media only screen and (max-width: 1280px) {
	.kepsor a {width: 25%;}
}

@media only screen and (max-width: 1200px) {
	a.focim {font-size: 30px;}
	.navsav {margin-left: 3%;}
	.fejlecikonok {margin-left: 3%;}
}

@media only screen and (max-width: 1040px) {
	.navsav {margin-left: 108px;}
	.fejlecikonok {margin-left: 108px;}
	.kiemelthirek {margin-top: -5%;}
	.khkat {font-size: 20px;}
}

@media only screen and (max-width: 920px) {
	.kepsor {height: 770px;}
	.kepsor a {width: 33%;}
	#menu-icon {display: block;}
	#fomenu {display: none;border-top: 1px solid #4c5e68;}
	.topmenusav a.jlogo {display: none;}
	.topmenusav .fikonjubi {margin-left: 0!important;}
	.fejlecskek .wrapper {padding:0;}
	ul.menusor {padding:0;}
	.topmenusav ul.menusor {padding:0;}
	ul.menusor a {padding: 10px;}
	ul.menusor li {float: none;}
	ul.menusor ul {left: inherit;right:0;text-align:right;background-color: #4c5e68;}
	ul.menusor li:hover a.fomenupont {text-align:right;border-bottom:1px solid #fff;}
	ul.menusor ul a:hover {background-color: #fff;color: #2e4a55;}
	.khmobil {display: block;}
	.khir {margin-top: 10px!important;}
	.khljobbcsik {height: 100%;}
	.b4 {width: 25%;margin: auto;max-width: 295px;}
	.kihuzott {flex: inherit;}
	.khkat {font-size: 24px;padding-top: 18px;}
	.topmenusav img.jubi300 {max-width: 15%;}
	#listazas .kbox {width: 48%;}
	#listazas .datum {width: 40%;}
	#listazas .szovegblokk {width: 55%;}
	.jkatbox {width: 50%;}
	.nav300 {display: none;}
	.fejlecpadding {min-height: 200px;}
	.kovesemeny .cimsav {font-size: 3vw; top: 25px;}
}

@media only screen and (max-width: 620px) {
	.fejlecsav {position: relative;}
	.fejlecpadding {display: none;}
	.fejlecikonok {margin-left:0;}
	.topmenusav {position: fixed;}
	.topmenusav .fejlecikonok {margin-left:0;}
	.kepsor a {width: 50%;}
	.b2 {width: 100%;}
	.b23 {width: 100%;}
	.b13 {width: 100%;}
	.b34 {width: 100%;}
	.b4 {width: 100%;}
	.jbox1 {display: none;}
	.jbox2 {width: 100%;}
	.savterkoz {padding: 25px 0;}
	.jkatbox {width: 100%;float: none;}
	.legutobbiak {display: none;}
	.kovesemeny .cimsav {font-size: 5vw; padding-left: 7%;top: 25px;}
	.topmenusav #menu-icon {padding: 5px 0 5px 40px;font-size: 16px;background-size: 30px;}
	.content {padding-right: 0;}
	#listazas a.khkat {font-size: 18px;}
	.tablobox {text-align: center;}
	#listazas .tablobox h4 {text-align: center;}
	.tablokep {float: none;width: 100%;text-align: center;}
	.letoltes {position: relative;left: inherit;}
	a.userikon {display: block;text-align: left;}
	.fidopont {width: 25%;padding: 15px 0;}
	.button {margin: 0 5px 6px 0;padding: 10px 15px;}
	#foglalista ul li {margin-bottom: 10px;}
}

@media only screen and (max-width: 480px) {
	#header {min-height: 260px;}
	a.jlogo {position: relative;text-align: center;float: left;}
	a.jlogo img {width: 80%;}
	a.jfocim {display: none;}
	.navsav {margin-left: 0;text-align: right;}
	.fikon {margin-right: 0;padding-left: 22px;font-size: 14px;background-size: 18px;}
	.topmenusav .fikon {margin-right: 0;}
	.topmenusav a.logo img {width: 30%;}
	.topmenusav .navsav {padding-top: 10px;}
	.fikonjubi {margin-left: 0!important;}
	.savfocim {font-size: 40px;}
	.kepsor {height: 770px;}
	.kepsor a {width: 100%;}
	.hbox {flex: inherit;}
	.box {float: none;}
	.b23 {width: 100%;}
	.b13 {width: 100%;}
	.b2 {width: 100%;}
	.b3 {width: 100%;}
	.b4 {width: 100%;margin:auto;}
	.savterkoz {padding: 10px 0;}
	#slider {display: none;}
	#khsav {margin-top:0;}
	.kiemelthirek {margin-top: 20px;}
	.gsav a {width: 49%;}
	.gsav .gcim {font-size: 14px;}
	#galeria .gbox {width: 100%;}
	#tanarlista .sor {padding: 5px;}
	#tanarlista img {width: 30%;}
	.gkiemeltkep {height: 350px;}
	.gkiskepek {height: 350px;}
	.gkiskep {height: 144px;margin-bottom: 4px;}
	a.gkeptovabb {height: 54px;padding-left: 50px;padding-top: 12px;font-size: 12px;}
	.kovesemeny .cimsav {top: 8px;}
	#listazas .esemeny {display: grid;grid-template-columns: 1fr;column-gap: 0;}
	#listazas .nap {text-align: center;}
}