body{margin: 0;padding:0;width: 100%;min-height: 100%;background-color: #fff;font-size: 14px;font-family: 'ubunturegular';color: #000;}

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

.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 {color: #073c65;font-size: 32px;text-align: left;}
h2 {color: #5c2849;font-weight: normal;font-size: 26px;}
h3 {color: #5c2849;font-size: 24px;}

.bgcsik {display: block;width: 100%;background-image: url(../img/csik.jpg);}
.csiklent {position: absolute;bottom:0;height: 30%;}
.csikbg {background-image: url(../img/csik.jpg);}

a.logo {position: absolute;left:0;top: 5px;z-index: 1002;}
a.logo img {width: 80%;transition: all 0.35s ease 0.1s;}
a.jlogo {position: absolute;left:0;top: 0;z-index: 1002;}
a.jlogo img {width: 25%;transition: all 0.35s ease 0.1s;}
a.focim {display: block;float: left;margin-left: 115px;font-size: 36px;color: #fff;padding-top: 5px;}
a.jfocim {display: block;float: left;margin-left: 125px;font-size: 28px;color: #fff;padding: 15px 0;}
.jubioldal {display: block;font-size: 32px;margin-top: -10px;}
a.logolent {display: block;text-align: center;}
a.logolent img {max-width: 18%;padding-top: 22px;}
a.logolent3 {display: block;text-align: center;}
a.logolent3 img {max-width: 18%;padding-top: 60px;}
#footer {background-image: url(../img/lablec.jpg);}
#footer a.logolent3:hover {border:0;}

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

#fomenu {display: block;}
#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;}

ul.menusor {list-style: none;padding:0;margin:-2px 0 0 0;position: relative;color: #fff;font-size: 17px;padding-left: 110px;transition: all 0.35s ease 0.1s;}
ul.menusor li {float: left;position: relative;}
ul.menusor li.elvalaszto {padding: 5px 0;} 
ul.menusor a {color:#fff;display: block;padding: 5px 10px;transition: all 0.35s ease 0.1s;}
ul.menusor li:hover a.fomenupont {background-color: #4c5e68;}
ul.menusor ul {display: none;position: absolute;z-index: 200;left:0;height: auto;background-color: rgba(76,94,104,0.8);list-style: none;margin:0;padding:0;border-bottom-right-radius: 5px;overflow: hidden;}
ul.menusor ul a:hover {background-color: #4c5e68;}
ul.menusor ul li {float: none;}
ul.menusor li:hover ul {display: block;}

.fejlecsav {position: fixed;z-index: 1001;width: 100%;top:0;}
.fejlecpadding {min-height: 150px;}

img.jubi300 {position: absolute;right:5px;top:0;max-width: 15%;max-height: 127px;z-index: 1000;transition: all 0.35s ease 0.1s;}
.fejleckek { 
	background: #5a6f77; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#5a6f77, #4c5e68); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5a6f77, #4c5e68); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5a6f77, #4c5e68); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5a6f77, #4c5e68); /* Standard syntax */}
.fejlecskek {border-top: 2px solid #2d4451;background-color: #2e4a55;}

.fejlecikonok {float: left;margin-left: 7%;margin-top: 5px;transition: all 0.35s ease 0.1s;}
.fikonjubi {margin-left: 3%!important;}
.fikon {display: block;float: left;margin: 9px 15px 5px 5px;padding: 8px 5px 2px 35px;background-repeat: no-repeat;background-position: left center;font-size: 16px;transition: all 0.35s ease 0.1s;}
.fi1 {background-image:url(../img/i_naptar.png);}
.fi2 {background-image:url(../img/i_blog.png);}
.fi3 {background-image:url(../img/i_enaplo.png);}
.fi4 {background-image:url(../img/i_tamogat.png);}
.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 {height: 25px;background-repeat: no-repeat;background-image:url(../img/i_user.png);background-position: left top;background-size: 20px 25px;padding-left: 30px;color: #fff;padding-top:6px;}
a.kilepikon {height: 18px;background-repeat: no-repeat;background-image:url(../img/ikon_exit.png);background-position: left top;padding-left: 20px;color: #fff;}
a.adminikon {height: 18px;background-repeat: no-repeat;background-image:url(../img/ikon_edit.png);background-position: left top;padding-left: 20px;color: #fff;}
a.felveteliikon {height: 18px;background-repeat: no-repeat;background-image:url(../img/ikon_felveteli.png);background-position: left top;padding-left: 20px;color: #fff;}
a.uzenetikon {height: 18px;background-repeat: no-repeat;background-image:url(../img/ikon_levelek.png);background-position: left top;padding-left: 20px;color: #fff;}
a.fogadooraikon {height: 18px;background-repeat: no-repeat;background-image:url(../img/ikon_fogadoora.png);background-position: left top;padding-left: 20px;color: #fff;}

.content {padding-right: 6%;text-align: justify;}

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

#slider {position: fixed;top: 60px;transition: all 0.35s ease 0.1s;}
#slider img {border-bottom: 5px solid #fff;}
#khsav {position: relative;z-index: 10;display: none;margin-top: 55%;}
#khsav .csikbg {position: absolute;z-index: 1;width: 100%;height: 40%;bottom:0;}
.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: 60px;text-align: center;}
.savtovabb {font-size: 12px;color: #0070a0;}

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

.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 .sor {width: 100%;padding: 5px 10px;}
#tanarlista a {display: block;font-size: 18px;}
#tanarlista p {margin: 4px 0;}
#tanarlista img {float: left;margin-right: 10px;max-width: 180px;}

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

#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 .lapozo {width: 100%;display: block;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-family:ubuntumedium;font-size: 20px;padding: 0 20px;}
#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 ul {list-style: none;padding-left: 20px;}
#versenylista ul li {padding-left: 25px;background-image: url(/design/img/erem.png);background-repeat: no-repeat;font-size: 17px;margin-bottom: 10px;}
#versenylista .nev {}


@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%;}
	#listazas .kbox {width: 90%;}
	#listazas .listabox {border-bottom: 1px dotted #444546;}
	#listazas a.kep {float: none;width: 100%;max-height: 220px;overflow: hidden;}
	#listazas img {object-fit:cover;}
	#listazas .datum {float: none; width: 100%;}
	#listazas .nap {width: 100%;}
	#listazas .napnev {width: 100%;}
	#listazas .szovegblokk {float: none;width: 100%;margin-top: 15px;}
	#listazas p.lead {padding-top: 300px;}
	#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;}
}