/*
címek: font-family: 'Montserrat';
szöveg: font-family: 'Open Sans', sans-serif;
menü: Anton
*/

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}

*, *:before, *:after {webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;}


body {margin: 0;padding: 0;background: #fff;font-family: 'Open Sans', sans-serif;color: #646464;}

iframe {border: none;overflow-x:hidden;overflow-y:hidden;}
img {border: none;max-width: 100%;}

a {text-decoration: none;color: #646464;outline: none;}
a:hover {color: #4088b8;}

#menu-icon {display: none;}
.kozepre {text-align: center;}
.clear {clear: both;font-size: 0px;height: 0px;}
.inaktiv {display: none;}
.row {flex-wrap: wrap;display: -webkit-flex; display: -moz-flex; display: -ms-flexbox;  display: flex;transition: all 0.4s ease 0.05s;justify-content: center;}
.rowb {flex-wrap: wrap;display: -webkit-flex; display: -moz-flex; display: -ms-flexbox;  display: flex;transition: all 0.4s ease 0.05s;justify-content: left;}
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;margin: 5px 0;}
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;margin: 5px 0;}
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;margin: 5px 0;}
p.info {display: inline-block;background-image: url(img/info.png);background-repeat: no-repeat;background-position: 5px 4px;border: 2px solid #1c75a9;background-color: #d8dfe5;padding: 6px;padding-left: 35px;margin: 5px 0;}
img.szurke {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
}
.kek {color: #4088b8;}
.bgkek {background-color: #4088b8;}
.szurke {color: #646464;}
.feher {color: #fff;}
.fekete {color: #000;}
.bgvszurke {background-color: #ececec;}
.bgszurke {background-color: #d9d9d9;}
.rsavbgszurke {background-color: #d9d9d9;}
.bgfeher {background-color: #fff;}
.bgvkek {background-color: #e6eaed;}

.sav {width: 100%;position: relative;}
.savterkoz {padding: 35px 0;}
.savterkoznagy {padding: 45px 0 5px 0;}
.h23 {width: 68%;display: inline-block;}
.h23k {width: 66%;display: inline-block;}
.h13 {width: 30%;display: inline-block;}
.h2 {width: 49%;display: inline-block;}
.h3 {width: 32%;display: inline-block;}
.terkozjobb {margin-right: 2%;}
.terkozbal {margin-left: 2%;}
.terkozjobbnagy {margin-right: 4%;}
.tb1 {margin-left: 1%;}
.tj1 {margin-right: 1%;}
.wrapper {position: relative;width: 100%;max-width: 1200px;margin: auto;}
.logo {display: block;text-align: center;margin: 10px 0 5px 0;}
.keksav {width: 100%;height: 30px;background-color: #4088b8;text-align: right;}
.ikon {height: 30px;padding: 4px 7px;display: inline-block;}
.ikon:hover {background-color: #646464;}
.jobbsav {border-left: 1px solid #4088b8;padding-left: 2%;}

#kereso {display: none;position: absolute; z-index: 15; width: 240px;right: 0; top: 30px;}
#kereso .keresomezo {width: 240px;padding: 5px;color: #545454;font-size: 12px;border: 1px solid #646464;border-radius: 5px;background-color: #fff;}
#kereso:hover .valaszto {display: block;}
#kereso .valaszto {display: none;background-color: #ececec;z-index: 15;font-size: 12px;text-align: center;line-height: 30px;padding: 5px;border-bottom: 1px solid #545454;}
#kereso .keresogomb {font-size: 12px;background-color: #4088b8;color: #fff;padding: 5px 10px;border-radius: 5px;}
#homokora {position: absolute;display: none;left: 5;top: 3;}

#nevnap {position: absolute; top: 50%;transform: translateY(-50%);right:0; font-size: 12px;color:#646464;text-align: right;z-index: 1;}
.menubar {width: 100%;margin-top: 15px;font-family: 'Anton';letter-spacing: 1px;}
.menubar ul {list-style: none;padding: 0;margin:0;}
.menubar li {display: inline-block;margin-right: 10px;}
.menubar a {display: block;padding: 5px;text-transform: uppercase;font-size: 20px;color: #646464;border: 2px solid transparent;}
.menubar a.aktiv {border-bottom: 2px solid #4088b8;}
.menubar a.home {display: none;}
.menubar ul li:hover a.fm {border-bottom: 2px solid #4088b8;}

.menubar ul ul .almenu {width: 100%;height:0;}
.menubar ul ul {position: absolute;background: rgba(64,136,184,0.8);z-index: 50;left:0;width: 68%;height:0;text-align: left;transition: all 0.3s ease 0.05s;}
.menubar ul ul li {padding: 0;transform: scale(0);transition: all 0.3s ease 0s;}
.menubar ul ul a {display: inline-block;text-transform: none;color: #fff;font-size: 17px;padding: 8px 4px;}
.menubar ul ul a:hover {color: #4088b8;background-color: #efefef;}
.menubar ul li:hover ul {height: 100%;}
.menubar ul li:hover ul li {transform: scale(1);}

@keyframes topmenu {
	0% {top: -100px;}
	100% {top: 0;}
}
.topmenusav {position: fixed!important;top:0;width: 100%;animation-name: topmenu;animation-duration: 1s;z-index:1030;background-color: rgba(255,255,255,0.9);border-bottom: 2px solid rgba(64,136,184,0.9);}
.topmenusav #nevnap {display: none;}
.topmenusav .menubar {margin-top:0;margin-left: -2px;}
.topmenusav .menubar ul ul {margin:2px;}
.topmenusav .menubar a {font-size: 14px;}
.topmenusav .menubar ul ul a {padding: 4px;}
.topmenusav .menubar ul li:hover ul {height: 31px;}
.menusavterkoz {height: 50px;width: 100%;}

.jhfix {position: fixed;bottom:0;width: 30%;max-width: 360px;}
.jhabs {position: absolute;bottom:0;}

#contentbar {padding-top: 15px;width: 100%;}
#topnews {position: relative;width: 100%;margin-bottom: 10px;font-family: 'Montserrat', sans-serif;}
.kepcimsav {position: absolute;bottom:0;width: 100%;background-color: rgba(0,0,0,0.5);}
h1.cim {font-family: 'Montserrat', sans-serif;font-weight: 600; color: #484848;}
.datumsav {position: relative;margin: 10px 0 20px 0;font-size :16px;}
.datumsav a {color: #4088b8;text-transform: uppercase;font-weight: bold;font-size: 18px;}
.datumsav a:hover {border-bottom: 1px solid #4088b8;}
.datumsav .ikonok {position: absolute;right:0;top:0;}
.datumsav .ikonok a:hover {border: none;}
.datumsav .ikonok .fb-share-button {position: relative;bottom: 5px;}
.ikonok img {width: 120px;height: 30px;}
h2 {font-family: 'Montserrat', sans-serif;font-weight: 600;}
h3 {font-family: 'Montserrat', sans-serif;font-weight: 600;}
h4 {font-family: 'Montserrat', sans-serif;font-weight: 600;}
h3.lead {font-family: 'Open Sans', sans-serif;margin: 10px 0;font-weight: bold;font-size: 18px;} 
.vezetohirek li {list-style: none;margin: 5px 0 20px 0;}
.vezetohirek h4 {font-weight: normal;font-family: 'Montserrat', sans-serif;margin: 5px 0;}
.vezetohirek img {width: 100%;}
.cimkesav {margin-top: 10px;background-color: #d9d9d9;padding: 10px;font-size: 16px;}
.cimkesav a {display: inline-block;color: #4088b8;font-weight: bold;margin-right: 10px;border-bottom: 1px solid transparent;}
.cimkesav a:hover {border-bottom: 1px solid #4088b8;}
.ikonsav {margin: 20px 0;}
.ikonsav .fb-like {position: relative; bottom: 5px;}
.ikonsav img {width: 120px;height: 30px;}
.ikongomb {display: inline-block;width: 24px;height: 25px;background-repeat: no-repeat;background-size: contain;}
a.fblink {display: block; text-align: center;color: #4088b8;font-style: italic;}
p.copyright {display:inline; margin: 12px 0;background-color: #ececec;font-size: 12px;color: #646464;}
.contentsav p {margin: 12px 0;font-size: 18px;line-height: 28px;}
.contentsav a {color: #4088b8;}
.contentsav a:hover {color: #646464;}
.keretes {padding: 2px 15px;width: 100%;background-color: #e7f4fc;border: 2px solid #4088b8;}
.keretesj {float: right;width: 35%;min-width: 200px;padding: 2px 15px;background-color: #e7f4fc;border: 2px solid #4088b8;}
#galeriasav {margin-top: 15px;}
#galeriasav p {color: #fff;background-color: #4088b8;padding: 5px;font-weight: bold;}

.fokep {position: relative;}
.fokep img {max-height: 600px;}
.galcount {position: absolute;right: 25px;bottom: 25px;background-color: rgba(0,0,0,0.7);padding: 5px 10px;color: #fff;font-size: 16px;}
.galcount img {width: auto;height: 18px;}

blockquote::before {background-image: url(img/idezojel.png);background-repeat: no-repeat;background-size: contain;background-position: center;background-color: #fff;position: absolute;content: "";top: -20px;left: 20px;width: 40px;height: 35px;padding: 0 25px;}
.keretes blockquote::before {background-color: #e7f4fc;}
.keretesj blockquote::before {background-color: #e7f4fc;}
blockquote {position: relative;display: block;border-top: 1px solid #4088b8;border-bottom: 1px solid #4088b8;font-size: 22px;font-style: italic;padding: 0 75px;margin: 40px 0 25px 0;}
blockquote p {line-height: 26px;}
#kapcsolodo {margin-top: 15px;}
.kapcshirsav li {position: relative;display: inline-block;width: 49%;margin-left: 1%;margin-bottom: 15px;list-style: none;background-color: #d9d9d9;}
.kapcshirsav li img {display: block;width: 100%;}
.kapcshirsav li.khfirst {margin-right:1%;margin-left: 0;}
.kapcshirsav h5 {padding: 10px;font-family: 'Montserrat', sans-serif;font-size: 16px;}
.kapcshirsav a.rovat {position: absolute;top: 10px;left: 10px;padding: 5px 10px;background-color: #4088b8;color: #fff;font-size: 16px;}
.kapcshirsav a.rovat:hover {background-color: #fff;color: #4088b8;}

#slider {position: relative;z-index: 10;width: 100%;/*height: 450px;*/background: #000;overflow: hidden;}
#slider a {position: relative;/*height: 450px;*/}
#slider a img {object-fit: cover;/*height: 100%;*/width: 100%;transition: all 3s ease 0s;}
#slider h2 {color: #fff;margin: 0;padding: 15px;font-size: 24px;line-height: 30px;font-weight: 500;}
#slider:hover .kepcimsav {background-color: rgba(64,136,184,0.5);}

.kiskiemelt {width: 100%;margin-top: 10px;}
.kiskiemelt a {position: relative;display: inline-block;width: 32%;height: 290px;margin-left: 2%;overflow: hidden;background-color: #eee;border-bottom: 5px solid transparent;}
.kiskiemelt a img {position: relative;z-index:0;display: block;transition: all 3s ease 0s;width: 100%;}
.kiskiemelt a.kkfirst {margin-left:0;}
.kiskiemelt h3 {position: relative;margin: 0;padding: 15px 10px;font-size: 15px;line-height: 18px;font-weight: 500;background-color: #eee;}
.kiskiemelt a:hover {color:#4088b8;}
.kiskiemelt a:hover img {transform: scale(1.1);}

#frisshirek {position: relative;height: 750px;overflow: hidden;padding-bottom: 10px;}
#frisshirek .frisshirbox {margin-bottom: 12px;width: 92%;padding-left: 4%;}
#frisshirek .hdatum {font-size: 13px;color: #444;font-weight: 400;}
#frisshirek h2 {color: #4088b8;font-weight: normal;padding-left: 4%;font-size: 32px;margin: 10px 0; font-family: 'Anton';letter-spacing: 1px;}
#frisshirek h3 {margin: 2px 0;font-size: 15px;font-weight: 500;font-family: 'Montserrat', sans-serif;}
#frisshirek h3 a {color: #555;}
#frisshirek h3 a:hover {color: #4088b8;}
#frisshirek p {margin-top: 6px;margin-bottom: 6px;font-size: 15px;}
#frisshirek a.htovabb {color: #646464;}
.frisshircim2 {display: none;color: #4088b8;font-weight: normal;font-size: 32px;font-family: 'Anton';letter-spacing: 1px;}

.box {position: relative;width: 100%;margin: 15px 0;}
.box .title {padding: 5px 15px;background-color: #4088b8;color: #fff;font-family: 'Anton';letter-spacing: 1px;font-size: 18px;}
.box .title a {color: #fff;}
.boxcontent {position: relative;padding: 10px 15px;}
.boxkeret {border-left: 1px solid #646464;border-right: 1px solid #646464;border-bottom: 1px solid #646464;}
.fixbox {height: 275px;overflow: hidden;}
.hirbox {border-right: 6px solid transparent;}
.hirbox .hirkep {display: inline-block;width: 45%;height: 100%;}
.hirbox img {display: block;width: 100%;height: 100%;object-fit: cover;}
.hirbox .content {display: inline-block;width: 55%;padding: 15px 3%;}
.hirbox h4 {font-family: 'Montserrat', sans-serif;font-size: 20px;font-weight: 500;color: #4088b8;margin-bottom: 10px;transition: all 0.3s ease 0s;}
.hirbox:hover {color: #646464;border-right: 6px solid #4088b8;}
.rovat {display: block;text-transform: uppercase;font-weight: bold;}
.box .rovat {position: absolute;top: 10px;left: 10px;padding: 5px 10px;background-color: #4088b8;color: #fff;}
.box .rovat:hover {background-color: #fff;color: #4088b8;}
.fixbox .boxcontent {height: 237px;}
.firstbox {margin-top: 50px;}

.kiemeltsav a {position: relative;display: inline-block;width: 32%;margin-left: 2%;}
.kiemeltsav a img {display: block;}
.kiemeltsav a.kkfirst {margin-left:0;}
.kiemeltsav h3 {font-family: 'Montserrat', sans-serif;font-size: 15px;line-height: 19px;font-weight: 500;margin: 8px 0;}
.kiemeltsav a:hover h3 {color: #4088b8;}
.kiemeltsav a.rovat {width: auto;height: auto;margin:8px 0;padding: 3px 0;color: #4088b8;font-size: 20px;}
.kiemeltsav a.rovat:hover {padding: 5px 10px;background-color: #4088b8;color: #fff;font-size: 17px;}

.rovatsav a.cikk {position: relative;display: inline-block;width: 23%;margin: 10px 1%;background-color: #fff;padding-bottom: 30px;}
.rovatsav a.cikk img {display: block;width: 100%;height: 190px;object-fit: cover;}
.rovatsav .cim {display: block;font-family: 'Montserrat', sans-serif;font-size: 18px;line-height: 22px;font-weight: normal;color: #111;margin: 15px 0;padding: 0 15px;}
.rovatsav .lead {display: block;padding: 0 15px;font-size: 14px;}
.rovatsav a.cikk:hover .lead {color: #646464;}
.rovatsav a.cikk:hover {box-shadow: 0 0 3px #4088b8;}
.rovatsav .idopont {position: absolute;bottom: 10px;right: 15px;font-size: 12px;}

.rovatcim {margin: 0 1%;color: #fff;background-color: #4088b8;padding: 5px 10px;font-size: 20px;}

.simarovat {display: inline-block;text-transform: uppercase;font-weight: bold;width: auto!important;height: auto;margin:8px 0;padding: 3px 0;color: #4088b8;font-size: 20px;}
.kiemeltsav a.simarovat {margin-left:0;}
a.simarovat:hover {padding: 5px 10px;background-color: #4088b8;color: #fff;font-size: 17px;}


#kisnaptar {padding: 10px 10%;}
#kisnaptar .honapvalto {text-align: center;margin: 5px 0;font-size: 18px;}
#kisnaptar .honapvalto a {color: #4088b8;}
#kisnaptar .nyilak {position: absolute;background-repeat: no-repeat;width: 30px;height: 18px;background-size: contain;opacity: 0.2;}
#kisnaptar .honapvalto .vissza {background-image: url(img/nyil-bal.png);left: 10%;}
#kisnaptar .honapvalto .tovabb {background-image: url(img/nyil-jobb.png);right:10%;}


#kisnaptar li.nap {position: relative; float: left;width: 14%; height: 20px;text-align: center;font-size: 14px;margin: 5px 0;}
#kisnaptar li.napnev {float: left;color: #4088b8;font-weight: bold;height: 20px;}
#kisnaptar li.first {width: 15%;}
#kisnaptar li.nap span {padding: 4px;}
#kisnaptar li.nap span span {padding: 0px 4px;}
/*#kisnaptar li.vanesemeny span {background-color: #ececec;border-radius: 50%;}*/
#kisnaptar li.mainap span {background-color: #4088b8;color: #fff;border-radius: 50%;font-weight: bold;padding: 4px 5px;}
#kisnaptar li.vanesemeny a {font-weight: bold;}


#kisnaptar .aktivnap {display: none; position: absolute; z-index: 20; right: 0; bottom: 0; padding: 5px 10px;background-color: #4088b8;color: #fff;}
#kisnaptar ul ul {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	height: auto;
	width: 310px;
	background-color: rgba(64,136,184,0.9);
	border: 1px solid #646464;
	filter:alpha(opacity=95);
   -moz-opacity:0.95;
   opacity: 0.95;
}

#kisnaptar ul li:hover ul  {display:block;}
#kisnaptar ul li:hover .aktivnap  {display:block;}
#kisnaptar ul ul li.esemeny {background-image: url(img/li-feher.png);background-repeat: no-repeat;background-position: 5px 12px;padding: 5px 40px 5px 20px;font-size: 14px;text-align: left;}
#kisnaptar li.esemeny a {color: #fff;}
#kisnaptar li.esemeny:hover {background-color: #fff;}
#kisnaptar li.esemeny:hover a {color: #4088b8;}

.suly5 {font-size: 20px;}
.suly10 {font-size: 26px;}

.kepbox img {display: block;width: 100%;height: 100%;object-fit: cover;}
.kepbox a {position: absolute;top:0;left:0;display: block;width: 100%;font-size :14px;padding: 10px 15px;}
.ferencpapa a {height: 100%;}
.kepbox a cim {font-size: 30px;font-family: 'Anton';letter-spacing: 1px;text-transform: uppercase;}
.kepbox a datum {font-size: 18px;font-family: 'Anton';letter-spacing: 1px;text-transform: uppercase;}
.kepbox a igehely {display: block;text-align: right;font-style: italic;}
.kepbox a.tovabb {top:inherit;bottom:0;padding: 10px;text-align: right;background-color: rgba(0,0,0,0.5);color: #fff;font-size: 14px;text-transform: inherit;font-family: 'Open Sans', sans-serif;}
.kepbox a.tovabb:hover {background-color: rgba(64,136,184,0.6);}

.banner-sav {display: block;width: 100%;max-width: 100%;padding: 5px;text-align: center;border: 1px solid #aaa;margin: 10px auto;background-color: #fafafafa;}
.banner-sav img {position: relative;display: block;margin:auto;max-height: 130px;}
.banner-cnagy {display: inline-block;width: 49%;height: 275px;text-align: center;margin-top: 15px;margin-bottom: 15px;border: 1px solid #ccc;}
.banner-cnagy img {position: relative;display: block;width: 98%;margin:auto;top:50%;transform: translateY(-50%);}
.banner-jhnagy {display: block;width: 100%;height: 275px;text-align: center;margin: 15px 0;border: 1px solid #ccc;}
.banner-jhnagy img {position: relative;display: block;width: 98%;margin:auto;top:50%;transform: translateY(-50%);}
.banner-jhkicsi {display: block;width: 100%;height: 120px;text-align: center;margin-top: 13px;border: 1px solid #ccc;}  
.banner-jhkicsi img {position: relative;display: block;width: 98%;margin: auto;top:50%;transform: translateY(-50%);}
.banner-jlent {display: block;width: 100%;height: 120px;text-align: center;margin-top: 25px;border: 1px solid #ccc;}  
.banner-jlent img {position: relative;display: block;width: 98%;margin: auto;top:50%;transform: translateY(-50%);}

.bfirst {margin-top: 0;}

.lentkiemelt a {position: relative;display: block;height: 270px;overflow: hidden;margin-bottom: 15px;}
.lentkiemelt a img {object-fit: cover;height: 100%;width: 100%;transition: all 3s ease 0s;}
.lentkiemelt h3 {color: #fff;margin: 0;padding: 13px;font-size: 18px;line-height: 22px;font-weight: 500;font-family: 'Montserrat', sans-serif;}
.lentkiemelt a:hover img {transform: scale(1.1);}
.lentkiemelt .simarovat {height: auto;width: auto;display: inline-block;}

.kishirbox {display: block;border-right: 2px solid transparent;margin-bottom: 20px;width: 100%;}
.kishirbox img {float: left;width: 45%;margin-right: 10px;height: auto;}
.kishirbox h3 {font-family: 'Montserrat', sans-serif;color: #646464;font-size: 14px;}
.kishirbox:hover {border-right: 2px solid #4088b8;}
.kishirbox:hover img {transform: none;}

.cimkefelhobox .boxcontent {padding: 5px 15px;line-height: 25px;}

.videotar {position: relative;padding-bottom: 30px;}
.videotar .tovabb {position: absolute;right:0;bottom:0;background-color: #4088b8;color: #fff;padding: 8px 10px;font-size: 14px;border: 1px solid transparent;}
.videotar .tovabb:hover {background-color: #fff;color: #4088b8;border: 1px solid #4088b8;}
.videolista {padding: 10px 4%;}
.vbox {position: relative;margin: 10px 0;display: block;border-right: 4px solid transparent;transition: none;}
.vbox:hover h3 {color: #4088b8;}
.vbox:hover p {color: #646464;}
.vbox img {}
.vbox .vbcim {position: absolute;display: inline-block;width: 64%;top: 35%;transform: translateY(-50%);}
.vbox h3 {color: #444;font-weight: normal;font-family: 'Montserrat', sans-serif;}
.vfocim img {width: 100%;height: 375px;object-fit: cover;}
.ytvideo {width: 100%;height: 395px;}
.vkep {position: relative;display: inline-block;width: 28%;margin-right: 4%;}
.play {position: absolute;z-index: 10;display: block;width: 100%;height: 100%;background-image: url(img/play2.png);	background-repeat: no-repeat;background-position: center;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;transition: all 0.4s ease 0.05s;}
.vbox:hover .play {filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1; opacity: 1;transform: rotate(90deg);}

p.lapozo {text-align: center;font-size: 14px;margin: 15px 0;}
p.lapozo a {background-color: #4088b8;color: #fff;padding: 8px 10px;font-size: 14px;border: 1px solid transparent;}
p.lapozo a:hover {background-color: #fff;color: #4088b8;border: 1px solid #4088b8;}

#content {clear: both; float: left; width: 68%;}
#rightside {float: left; width: 30%; margin-left: 2%;}

.konyvajanlosav {padding: 10px 10px 20px 10px;}
.uekonyvajanlo {display: block;height: 50px;margin-bottom: 10px;background-image: url(img/ujember.png);background-repeat: no-repeat;padding-left: 110px;padding-top: 13px;font-size: 22px;color: #000;margin-left: 1%;}
.uekonyvajanlo:hover {background-image: url(img/ujember-kek.png);}
#konyvajanlo li {position: relative;display: inline-block;padding: 10px 10px 50px 10px;background-color: #fff;box-shadow: 0 0 1px #888;text-align: center;margin: 5px 1%;width: 18%;}
#konyvajanlo li:hover {box-shadow: 0 0 2px #4088b8;}
#konyvajanlo img {display: block;margin:10px auto;}
#konyvajanlo .kszerzo {display: block;font-size: 14px;}
#konyvajanlo .kcim {display: block;font-weight: bold;margin: 6px 0;}
#konyvajanlo .arsav {position: absolute;bottom: 10px;left:0;width: 100%;}
#konyvajanlo .kregiar {display: inline-block;padding: 5px;color: #acacac;text-decoration: line-through;}
#konyvajanlo .kujar {position: relative;display: inline-block;margin: 0 5px;padding: 5px 10px;color: #fff;background-color: #4088b8;border-radius: 5px;font-weight: bold;}
#konyvajanlo .kar {display: inline-block;margin: 0 5px;padding: 5px 10px;color: #fff;background-color: #4088b8;border-radius: 5px;font-weight: bold;}

.partnersav {position: relative;background-color: #d9d9d9;border-top: 15px solid #545454;margin-top: 15px;text-align: center;padding: 20px 0;}
#plogok {width: 100%;padding: 0 50px;}
#plogok li {position: relative;height: 80px;}
#plogok a {position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);}
#plogok img {max-height: 80px;
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
}
#plogok a:hover img {-webkit-filter: grayscale(0);
       -moz-filter: grayscale(0);
         -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
            filter: grayscale(0); 
}

.radiobox {position: relative;padding: 25px;margin: 10px 0 15px 0;}
.radiosav {text-align: right;padding: 10px 5% 10px 0;}
.radiologo {position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;left: 15%;}
.rplay {text-transform: uppercase;padding: 10px 23px 10px 0;font-size: 10px;font-weight: bold;background-image: url(img/play.png);background-repeat: no-repeat;background-position: right;}

#calendar {display: none;margin-top: 15px;}
#calendar .focim {background-color: #4088b8;text-transform: uppercase;color: #fff;font-size: 18px;font-weight: bold;padding: 8px 0;text-align: center;position: relative;}
#calendar img {box-shadow: none;}
#calendar a.vissza {position: absolute; top: 10px; left: 15px;width: 40px;height: 23px;background-image: url(img/c-nyil-bal.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/c-nyil-jobb.png);background-repeat: no-repeat;background-position: center;}
#calendar a.tovabb img {display: none;}
#calendar a.vissza img {display: none;}
#calendar .nap {padding: 10px 20px;min-width: 130px;vertical-align: top;font-size: 16px;font-weight: bold;}
#calendar .esemenynap {vertical-align: top;padding: 5px 15px;}
#calendar li.esemeny {background-image: url(img/c-li.png);background-repeat: no-repeat;background-position: 0px 14px;padding: 5px 0 5px 15px;font-size: 16px;}
#calendar li.esemeny a {}
#calendar li.esemeny a:hover {color: #4088b8;}

.fcim {text-transform: uppercase;color: #fff;padding: 5px 15px;font-weight: bold;font-size: 20px;}
.flista {padding: 5px 15px;font-size: 18px;}
.flista li {margin: 5px 0;}

.cimkefelho {line-height: 30px;}
.cimkefelho a {display: block; float: left; margin-right: 20px; margin-bottom: 2px;color: #646464;}
.cimkefelho a:hover {color: #4088b8;border-bottom: 2px dotted #4088b8;margin-bottom:0;}
.cimkefelho .suly10 {color: #000;}
.cimkefelho .suly5 {color: #000;}

.footer-menu {background-color: #545454;width: 100%;padding: 30px 0;text-align: center;color: #ececec;}
.footer-menu a {color: #fff;text-transform: uppercase;font-size: 14px;font-weight: 700;}
.footer-menu p {max-width: 880px;margin: 10px auto;}
.footer-menu p a {text-transform: inherit;font-size: 12px;font-weight: normal;}
.footer-menu a:hover {border-bottom: 1px dotted #fff;}

.footer {background-color: #eee;width: 100%;padding: 15px 0;text-align: center;font-size: 12px;}
.footer .ikon:hover {background-color: #fff;}
.sr {display: none;}

.szurobox {margin: 20px auto;background-color: #efefef;padding: 10px;width: 80%;max-width: 100%;}
.talalatok li {margin-bottom: 6px;}
.talalatok li .datum {font-size: 14px;}
.talalatok li a {font-weight: 600;}

.hirlevelurlap p {margin: 12px 0;}
.button {display: inline-block;font-size: 16px;padding: 5px 10px;margin: 0px 11px 1px 0px;background-color: #4088b8;color: #fff;border: 1px solid #fff;}
.button:hover {border: 1px solid #4088b8;color: #4088b8;background-color: #fff;}

@media only screen and (max-width: 1300px) {
	.wrapper {padding: 0 2%;}
	#nevnap {right: 3%;}
}

@media only screen and (max-width: 1000px) {
	.topmenusav .menubar a {font-size: inherit;}
	#menu-icon {display: inline-block;background-image: url(img/ikon-menu-32.png);background-repeat: no-repeat; height: 32px;margin-left: 50px;margin-top: 3px;padding-left: 40px;color: #4088b8;font-family: 'Anton';font-size: 18px;padding-top: 2px;}
	#fomenu {display: none;position: absolute;z-index: 1000;background-color: rgba(255,255,255,0.9);left:0;padding: 5px;}
	.menubar li {display: block;margin-right: 0;}
	.menubar ul ul {position: relative;width: auto;height: auto;display: none;background-color: #fff;}
	.menubar ul ul li {transform: scale(1);}
	.menubar ul ul a {color: #646464;display: block;}
	.menubar ul ul .almenu {height: auto;}
	.menubar ul li:hover ul {display: block;height: auto!important;}
	.menubar a.fmhome {display: none;}
	.menubar a.home {display: inline-block;position: absolute;top:0;padding:0;margin:0;}
	.savterkoznagy {padding-bottom: 20px;padding-top: 0;margin-top: 15px;}
/*	#slider a {height: 350px;}*/
	#slider h2 {font-size: 20px;padding: 10px;}
	.kiskiemelt a {width: 49%;margin-bottom: 10px;}
	.kiskiemelt a.kk2 {margin-right:0;}
	.kiskiemelt a.kk3 {display: none;}
	.kiskiemelt h3 {padding: 5px 10px;}
	#frisshirek {height: 650px;}
	.kiemeltsav a {width: 49%;}
	.kiemeltsav a.kk3 {display: none;}
	.kepbox img {height: 100%;object-fit: cover;}
	#konyvajanlo {padding-right: 1%;}
	#konyvajanlo li {margin: 5px 0 5px 1%;width: 19%;}
	.radiologo {left: 10%;}
	.radiologo img {max-width: 80%;}
	.katteka .vbcim h3 {font-size: 16px;}
	.katteka .vbcim p {font-size: 14px;}
	#kapcsolodo {margin-top: 10px;}
	.ytvideo {height: 350px;}
}

@media only screen and (max-width: 800px) {
	.rovatsav a.cikk {width: 48%;}
	.fixbox {height: auto;}
	.rovath .content p {display: none;}
	.rovatfp .content p {display: none;}
	.banner-jhkicsi {height: auto;padding: 2px;}
	.banner-jhkicsi img {top: inherit; transform: none;}
	.kepbox a {font-size: 12px;}
	.kepbox a cim {font-size: 22px;}
	.kepbox a datum {font-size: 16px;}
	.kepbox a igehely {display: none;}
	#kapcsolodo .rovat {display: none;}	
	.ytvideo {height: 300px;}
}

@media only screen and (max-width: 760px) {
	.rsavbgszurke {background: none;}
	.kepbox a igehely {display: block;}
	#frisshirek {height: 250px;padding-top: 10px;}
	.frisshircim1 {display: none;}
	.frisshircim2 {display: block;width: 100%;text-align: center;}
	.terkozjobb {margin-right: 0;}
	.h23 {width: 100%;}
	.h13 {width: 100%;}
	.h23k {width: 100%;}
	.terkozjobbnagy {margin-right: 0;}
	h1.cim {font-size: 22px;}
	.datumsav .ikonok {position: relative;}
	.fixbox .boxcontent {height: auto;}
	.maievangelium {max-width: 450px;margin: auto;height: auto;}
	.ferencpapa {display: inline-block;width: 49%;margin-right: 1%;height: auto;}
	.utravalo {display: inline-block;width: 49%;height: auto;}
	.cimkefelhobox {height: auto;}
	.kiemeltsav a img {width: 100%;object-fit: cover;}
	#kultura {width: 100%;}
	#nezopont {width: 100%;}
	#konyvajanlo li.ka5 {display: none;}
	#konyvajanlo li {width: 24%;}
	.katteka .vbcim p {display: none;}
	.kishirbox {display: inline-block;width: 48%;margin-right: 1%;}
	.bx-wrapper .bx-pager.bx-default-pager a {width: 22px;height: 22px;margin: 0 10px;}
	.bx-wrapper .bx-pager.bx-default-pager a:hover,
	.bx-wrapper .bx-pager.bx-default-pager a.active,
	.bx-wrapper .bx-pager.bx-default-pager a:focus {width: 23px;height: 23px;}
	.kepcimsav {position: relative;bottom:inherit;background-color: #4088b8;}
	#slider {background: #4088b8;}
	#slider h2 {font-size: 16px;line-height: 22px;}
	.hirbox .content p {display: none;}
	.hirbox {border-right: none;}
	.hirbox:hover {border-right: none;}
	.hirbox .hirkep {width: 100%;height: auto;}
	.hirbox .content {width: 100%;padding: 5px 3%;}
	.rovatfp .hirbox .content {padding:0;}
	.rovatfp .box {width: 49%;display: inline-block;margin-top: 0;}
	.rovath .box {width: 49%;display: inline-block;}
	.rovatfp .rb1 {margin-right: 2%;}
	.rovath .rb1 {margin-right: 2%;}
	.rovath .rb3 {display: none;}
	.sr {display: block;}
	.box .rovat {display: none;}
	.hirbox h4 {font-size: 15px;line-height: 19px;color: #646464;margin: 8px 0;}
	.hirbox:hover h4 {color: #4088b8;}	
	.savterkoz {padding: 15px 0;}
	.firstbox {margin-top: 10px;}
	/*.bannerek {display: none;}
	.banner-jhkicsi {display: none;}
	.banner-sav {display: none;}*/
	.partnersav {display: none;}
}

@media only screen and (max-width: 500px) {
	.logo {margin: 10px 10px 5px 5px;}
	.kiskiemelt a {width: 100%;height: auto;}
	.kiskiemelt a img {height: auto;}
	.kiemeltsav a {width: 100%;}
	.ferencpapa {display: block;width: 100%;margin-right:0;}
	.utravalo {display: block;width: 100%;}
	.rovath .hirbox {border-right: none;}
	.rovath .hirbox .hirkep {width: 100%;display: block;height: auto;}
	.rovath .hirbox .content {width: 100%;display: block;padding: 10px;}
	.rovatfp .hirbox {border-right: none;}
	.rovatfp .hirbox .hirkep {width: 100%;display: block;height: auto;}
	.rovatfp .hirbox .content {width: 100%;display: block;padding: 10px;}
	.kiemeltsav a {width: 49%;}
	.kiemeltsav a img {height: auto;}
	a.simarovat {width: 100%;}
	.box {width: 100%;display: block;}
	#konyvajanlo {padding-right: 0;}
	#konyvajanlo li {width: 48%;margin-right: 1%;}
	.kishirbox img {float: none;width: 100%;margin-right: 0;}
	.kishirek a.paros {margin-left: 1%;margin-right: 0;}
	.kishirbox {border-right: none;}
	.kishirbox:hover {border-right: none;}
	.h2 {width: 100%;}
	.tj1 {margin-right: 0;}
	#plogok {padding: 0 10px;}
	#plogok li {width: 32%;margin-right: 1%;display: inline-block;}	
	.katteka {display: none;}
	.radiosav {display: none;}
	/*.bannerek {display: none;}
	.banner-sav {display: none;}*/
	.partnersav {display: none;}
	#topnews .kiskiemelt a {margin: 5px 0;width: 100%;}
	.rovatkt a {width: 100%;margin: 5px 0;}
	.konyvajanlosav {padding: 10px 5px;}
	.konyvajanlosav .kregiar {font-size: 12px;}
	.rovatsav a.cikk {width: 100%;}
	.rovatsav a.cikk img {height: auto;}
	.ikonsav a {width: 48%;margin: 5px 1%;text-align: center;}
}

@media only screen and (max-width: 480px) {
	.kiemeltsav a {width: 100%;}
	.rovatfp .box {width: 100%;}
	.rovath .box {width: 100%;}
	.fixbox {height: auto;}
	.lentkiemelt a {height: auto;}
	.lentkiemelt .kepcimsav {position: relative;background: none;bottom: inherit;}
	.lentkiemelt a h3 {font-size: 15px;line-height: 19px;color: #646464;margin: 8px 0;padding:0;}
}