/* általános beállítások */
* {box-sizing:border-box}
html, body{overflow-x:hidden;margin:0;padding:0;border:0;line-height:1.6}
a{background-color:transparent;color:inherit;text-decoration:none;}
img {border:none;}
input[type="radio"] {vertical-align:-2px;margin:0} input[type="checkbox"] {vertical-align:-2px;margin:0}
input[readonly] {opacity:0.5;pointer-events:none;}
button, input[type="button"], input[type="submit"] {border:none;outline:inherit;font-family:inherit;font:inherit;}
input[type="text"], textarea {font-size:1rem}
input:focus, textarea:focus, button:focus, select:focus {outline: none;}
table {width:100%;border-collapse: collapse;border-spacing: 0;}
select option, datalist {font-size:inherit;color:initial}
.cover {position:fixed;display:none;width:100%;min-height: 100vh;top:0;left:0;right:0;bottom:0;cursor:pointer;background-color:rgba(0,0,0,0.6);z-index:3;}
.clear::after {content: ""; clear: both; display:table;}
.fleft {float:left!important;}
.fright {float:right!important;}
.right {text-align:right}
.center {text-align:center}
.link {cursor:pointer;}
.link:hover {color:black;}
.indent {margin-left:16px}
.red, .res {color:crimson;} /* #B12704 amazon */
.ink {color:blue}
.fade {color:silver}
.inakt {opacity: 0.4;}
.flex {display:flex;flex-wrap:wrap;align-items:baseline}
.flexi {flex-grow:1}
.b-popup {position: relative; display: inline-block; cursor: pointer;background-color:white;}
.b-popup .fa-caret-down {padding-left:0.5em}
.popup {display:none;position:absolute; z-index:1;}
.popup.up, .popup.hup {display:block;box-shadow: 2px 4px 8px #a6a6a6;}
.info {position: relative; display:inline-block; width:15px; height:15px; bottom: -3px;white-space: normal; font-style:normal;
  background: transparent url(/kep/icon/b_info.png) no-repeat; border-collapse:initial;}
.info>span {bottom:175%; left:50%; margin-left:-100px; width:350px; padding:8px; background-color: white; border:1px solid silver;
  border-radius:5px; font-size:small; font-weight: normal;text-align:left;}
.info .arrow {box-shadow:none!important;}
.info .arrow:before, .info .arrow:after{content:"";position:absolute;left:50%;top:-12px;border-width: 18px 7px; border-style:solid; border-color:gray transparent transparent transparent;}
.info .arrow:after {border-top-color: white;top:-14px;}
.w-cover {display:flex;justify-content:center;align-items:center;position:fixed;z-index:4;left:0;top:0;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,0.3);}
.w-keret {padding:0 16px 4px 16px;max-height:100%;max-width:95%;overflow-y:auto;background-color:white;border:2px solid gray;border-radius:8px;outline: none;}
.w-keret header {white-space: nowrap;} 
.w-keret .fa-close {float:right;margin:4px -8px 0 0; font-size: 1.5em;}
#w_keret9 p:first-of-type {margin-top:1.8em} /* dialog */


nav ul, ul.popup {list-style-type:none;padding:0;margin:0}
td, th {padding: 4px}
th {font-size:0.85rem;font-weight:normal;font-style:italic;text-align:left;vertical-align:bottom}
h2 {font-weight: normal; font-size:1.2em;}
h3 {font-weight: bold; font-size:1.2em;}
form [type="text"], form [type="password"], form [type="number"], form select, #oldal form .b-popup.select div, form textarea  {
  border:2px dotted transparent;border-bottom-color:silver;color:blue;padding:0;background-color:white;}
em, form label, .ugy label {font-style:italic; font-size:0.85rem}
#f_adat label, #edit label {white-space: nowrap}
#log_reg label {display: inline-block}
#fiok {background-color:transparent}
#fiok .fa {font-size:1.1rem;margin-top:-3px}
#fiok .popup {background-color:white;right:0; text-align:left}
#fiok a {padding:8px 8px;display:block}

.b, .bb {display:inline-block; cursor:pointer; border-radius:4px;vertical-align:middle;}
.b {padding:0.26em;background-color: hsl(0,0%,92%)}
.b:hover {background-color: hsl(0,0%,80%)}
/* .b.fa {padding:0.18rem 0.25rem} */
.bb {padding:0.3em 0.6em}
.b:disabled, .bb:disabled {opacity:0.5 }

.tr, .th {display:flex;flex-wrap:wrap;justify-content: flex-end;margin:4px -4px;align-items:center}
.tr:hover {background-color:hsl(0, 0%, 97%)}
.th {font-size:0.85rem; font-style:italic}
.tr.sum {border-top: 1px solid silver; padding-top: 0.3em;}
.tr img {width:2.5em;height:2em;object-fit:contain;margin:-2px 0}
.ugy .td, .ugy div[class^="td-"] {margin:0 4px}
.ugy .td-n {width:100px;padding:5px 0}
.ugy .td-e {width:70px;text-align:center}
.ugy .td-m {width:60px;text-align:right}
.ugy .td-a {width:75px;text-align:right}
.ugy .td-x {width:20px;text-align:center;font-size:1rem}
.ugy .num ul {max-height:300px;overflow-y:auto}
/* .lap {background-color:white;border: 1px solid hsl(0, 0%, 95%);border-bottom-color:hsl(0, 0%, 87%)} */
.lap {background-color:white;border-bottom: 1px solid hsl(0, 0%, 87%)}

.fa {vertical-align:middle;border-color:currentColor!important}
.fa-chevron-right {padding-left:2px!important;}
.fa-chevron-left {padding-right:2px!important;}
.fa-remove {color:crimson!important;}
.fa-shopping-cart:before {margin-left: -2px}
.btto, .afa {font-size:0.85rem;font-style:inherit}
.btto::before {content: 'Br. '}
.afa::after {content: ' +áfa'}
.fa.ert, .fa.fav {font-size: 1.3rem}

#oldal .b-popup:not(.info)>* {min-width:100%;border:1px solid hsl(0,0%,90%);background-color:white;white-space: nowrap;font-size:0.8rem}
#oldal .b-popup>div, #oldal .b-popup li {padding:4px 8px;}
#oldal .b-popup.select .sel {background-color: hsl(0, 0%, 95%)}

/* .tab {overflow:hidden;padding:0;margin:0;border:1px solid silver;border-bottom-color:white;background:#f2f2f2} */
/* .tab {overflow:hidden;padding:0;margin:0;background:hsl(0, 0%, 92%);} */
.tab {overflow:hidden;white-space:nowrap;padding:0;margin:0;background:hsl(0, 0%, 92%);}
.tab label {padding:9px 12px;cursor:pointer;font-style:normal;font-size:medium;color:inherit;display:inline-block}
.tab label.sel {background-color: white;font-weight:bold}
.tab label:not(.sel):hover {background-color: hsl(0, 0%, 97%)}
.p-tab:not(.sel) {display:none}
.page {border:1px solid silver;border-top:1px solid white;padding:15px 5px}


/* lenyíló listák: ----------------------------- */
#main {flex-grow:1;order:2;padding:8px 0;}
#oldal {display:flex;min-height:400px;}
.oldal {margin:auto;padding-left:8px;padding-right:8px;}
/* .w-body {padding:12px;margin-bottom:8px} */


#menu li {list-style-type:none;width:100%}
#menu_open, #menu_close, #filt_fej {display: none}
#menu_close {position:fixed; top:3px;padding:2px 4px;background-color:hsl(0,0%,20%);border-radius:4px;color:white}
#kos_ar {position:relative;top:-10px;height: 20px; border-radius:100px;background:#fff;color:black;font-size:10px;font-weight:700;padding: 2px 5px;border:1px solid gray}


/* fej elemek: ------------------------------- */
#fm {display:flex;white-space: nowrap}
#fm a, #fm button {padding:8px 10px;}
#fm .popup {min-width:100%}
#fm .b-popup a {display:block}
#fm img {height:1.5em; margin: 0.3em 8px 0 3px;}
#fmx {display:flex;flex-grow:1;flex-wrap: wrap;}
#fmf {flex-grow:1;align-items:center;padding-left:8px;}
#fmf input {width:50px;border:1px solid silver}
#topnav.fix {position:fixed;top:0;width:100%;z-index:2;}

#intro {display:flex;justify-content:space-between;background-size: cover;background-repeat:no-repeat}
#login {white-space:nowrap;align-self: center;text-align:right;margin-right:8px;}
#logo {flex-grow:1;background-repeat:no-repeat;background-position:center left}
#banner {flex:0 0 0;background-repeat:no-repeat;}
#logo a, #banner a {display:block;width:100%;height:100%}
#cim {flex-grow:1;align-self: center;font-size:2em;font-style:italic}

#kezd_akc h2, #kezd_pop h2 {background: #ebebeb; padding:4px 8px; border-radius: 4px;}
#kezd_blog {border-top:1px dotted #ebebeb;margin-top:20px;}
#d_csop>h3, #d_blog>h3, #d_archiv {font-style:italic}

#slider {width:100%;overflow:hidden;position:relative;margin-bottom:8px;}
#slider>div {position: absolute;top:0;width:100%;overflow:hidden;}
#slider>div>a {cursor:pointer}
#slider>div:not(:first-child) {opacity: 0}
#slider .prev, #slider .next, #w_aru_kep .prev, #w_aru_kep .next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px; margin-top: -22px;
  color: white; font-weight: bold; font-size: 18px;transition: 0.6s ease;border-radius: 3px; user-select: none;text-shadow: 0 0 1px gray, 0 0 1px gray, 0 0 1px gray, 0 0 1px gray;}
#slider .next, #w_aru_kep .next {right: 0;}
#slider .prev:hover, #slider .next:hover, #w_aru_kep .prev:hover, #w_aru_kep .next:hover {background-color: rgba(0,0,0,0.5);}
#slider .text {position:absolute;color:#f1f1f1;text-shadow:-1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000;}
#slider h4 {font-size:3vw;margin:0}
#slider p {font-size:2vw;margin:0}
#slider>p {position: absolute; left: 50%; transform:translateX(-50%); margin-top:-4%;}
#slider>p>span {cursor:pointer;height:8px;width:8px;margin:0 4px;border: 1px solid white; background-color:hsla(0, 0%, 0%, 0.3); border-radius:50%;display:inline-block;transition:background-color 0.6s ease;}
#slider>p>span:first-child {background-color:white}
#slider .left {left:40px} 
#slider .right {right:40px} 
#slider .top {top:20px} 
#slider .bottom {bottom:20px;} 
#slider .middle {top:50%;transform:translateY(-50%);} 
#slider .center {left:50%;transform:translateX(-50%);text-align:center} 
#slider .center.middle {top:50%;left:50%;transform:translate(-50%,-50%);text-align:center} 
@media screen and (min-width:1024px) {
  #slider h4 {font-size:2rem;}
  #slider p {font-size:1.5rem;}
}
#csop_list {display:grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 12px;margin-bottom:4px}
.csop-box {text-align: center;border:1px solid hsl(0,0%,95%);overflow:hidden;position:relative;}
.csop-box div {padding-top:8px}
#csop_list a {padding:15px;display:block}
#csop_list img {width:100%}

/* bal oldali menü: ---------------------------------------- */
#menu {overflow-y:auto;overflow-x:hidden;flex-shrink:0;flex-grow:0}
#menu>div {position:relative;padding:8px 8px 0 0;}
#menu a, #menu button {width:100%;display:block;text-align:left;cursor:pointer}
.m0, .m1, .m2, .m3, #d_k, #d_tk, #s_k {padding:4px 0 4px 8px;}

#am div, #sm div {display:none}
#menu .sel:not(.tul) {font-weight:bold}
nav .inakt {opacity: 0.3;}
 
.p-hlev {font-size:small; font-style:italic; max-width:500px;margin-left:20px;display:none}
#csop_menu {background: white;width: 200px}

/* blog elemek -------------------------------------------- */
#blog {display:grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));grid-gap: 12px;margin-bottom:8px}
#blog .cikk {position:relative;}
.pad {padding:12px;}
.cikk h3 {margin-top:0}


/* termékszűrő: -------------------------------------------- */
#d_k, #d_tk, #s_k {display:flex}
#keres, #tkeres, #skeres {border-radius:4px 0 0 4px; border-width:1px;width:100%;line-height:1.6}
#b_keres, #b_tkeres, #b_skeres {border-radius:0 4px 4px 0;height:auto;padding-top:0.4em}
#min_height {height:400px; width:1px;}
#menu h2 {margin:0px; padding:4px 8px;font-size:1rem;font-weight:bold;border-bottom:1px solid white;}
#del_all {float:right;margin:7px 5px 0 0;font-size:0.85em} /* szűrés törlése */
#tm {margin:0px; padding-left:0px;}
#filt_fej  {font-size:0.8em;padding:8px 0 0 4px;color:gray}
#filt_fej>b {color:crimson;}
#filt_fej>label {cursor:pointer}

#tm>li, #tul_sel li {list-style-type: none; margin: 0px; position: relative; padding:0px; width:100%;}
#tm ul>li {font-size:0.8em;}
#menu .fa-angle-right {padding:0.25em 7px 0 0;float:right}
#menu .fa.fa-angle-left {padding:0.25em 7px 0 0;float:left}
#menu button.up .fa-angle-right, #menu button:not(.up) .fa-angle-left, #menu a:not(.up) .fa-angle-left {display:none}

.tul-csop ul {padding-left:2px;max-height:200px;overflow-y:auto}
ul::-webkit-scrollbar {width: 8px;}
ul::-webkit-scrollbar-track {background: #f1f1f1;}
ul::-webkit-scrollbar-thumb {background: #cdcdcd;}
ul::-webkit-scrollbar-thumb:hover {background: #c0c0c0;}
.tul{padding:3px 0 3px 24px;background: url('/kep/icon/checkbox.png') no-repeat 6px 0.5em transparent;}
.tul:not(.inakt), #stock input {cursor:pointer;}
.tul:not(.sel) {display:none}
.tul.sel {background-image: url('/kep/icon/checkbox_checked.png');}
#tm .tul-db {padding:0 3px;float:right;color:silver}
.tul-csop .del {padding-left:4px;}

#tm button {width: 100%;text-align:left;background-color:transparent;border-top:1px solid hsl(0, 0%, 90%);cursor:pointer;display:block;padding:4px 0 3px 8px;color:inherit}
#tul_sel > div {max-height:300px; overflow:auto}
#tul_sel .link {font-size:small}
#d_tk {border-top:1px solid hsl(0, 0%, 90%)}

/* terméklista oldal: --------------------------------------------------- */
#csop_fej {overflow:auto}
#cs_kep {float:right}
#csop_fej h1 {margin:0;font-weight: bold; font-size:1.2em; text-transform:uppercase;}
#aru_fej{display:flex;justify-content: space-between;flex-wrap: wrap;align-items: baseline;font-size:0.8em;padding:4px;margin:4px 0;}
#aru_lab {font-size:0.8em;padding:4px;text-align:center;margin-top:8px;}
#aru_db span {padding:4px 4px;}
#page ul {bottom:100%;max-height:110px;overflow-y:auto;}
#page a, #aru_db a {padding:0.4rem 0.5rem;border:1px solid hsl(0,0%,95%);background-color:white;}
#page a.inakt, #aru_db a.inakt {color:hsl(0,0%,90%);}
#aru_db {font-weight:bold;white-space: nowrap}

.log_alert {font-weight:bold; font-size:0.8em; color:crimson; border:1px solid silver; border-radius:4px; text-align:center;margin-bottom:4px; padding: 7px;}
#aru_list.box {display:grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));grid-gap: 12px;}
/* .sor .t-nev {padding-left:8px} */
/* .sor .t-telj {padding-right:8px} */

.aru-box {display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;} 
.aru-box:hover, #aru_link>div:hover, .csop-box:hover, #blog>.cikk:hover {cursor:pointer;box-shadow: 2px 4px 8px #a6a6a6;top:-6px}
.aru-box .t-kep {width:100%;max-height:150px;padding:16px 8px 0 8px;flex-grow:1}
.t-kep a {display: block; position: relative;  width: 100%;text-align:center}
.t-kep img {max-height:150px;max-width:80%;}
.aru-box .t-szov {display:flex;flex-direction:column;justify-content: space-between;flex-grow:1;}
.aru-box .d-ar {border-top:1px solid hsl(0, 0%, 95%)}
.aru-box .d-ar>div {display:flex;justify-content: space-between;align-items: baseline;padding:12px;}
.ar, #szdij, .ingy {font-weight:bold}
.akc {color:crimson}
.t-rend {color:gray;font-weight:normal;font-size:0.8em;}
.aru-box .t-nev {padding:12px;text-align:center;font-weight:bold;color:#3e5c82;}
.t-leir {font-size:0.8em;color:gray;padding:12px;}
.t-klt {font-weight:bold; color:darkgreen;}
.aru-box .d-ar  .aru-box .t-klt {font-size:0.8em}
.t-akc {display:block; width:40px; height:24px; position:absolute; left:0;top:0;}
#aru_list span[class*="-ar"] {white-space: nowrap}

/* rendelési oldal: ------------------------------------ */
#rend_fej {display: flex;flex-wrap:wrap;margin: 0 -8px}
#rend_fej>div {flex-grow:1;padding:0 8px;}
#aru_rend {flex-basis:60%;min-width:285px;}
#aru_rend h3 {margin:0px}
#aru_rend th {vertical-align:middle;width:50px;white-space: nowrap;}
#aru_rend #menny {width:60px}
#aru_kep {flex-basis:40%;min-width:150px;}
#d_aru_kep {width:100%;height:200px;text-align:center;position:relative}
#i_aru_kep, #x_aru_kep {cursor:pointer;height:100%;width:100%;object-fit:contain;}
#aru_kep>span>img {float: left; margin: 0px 3px 3px 0px; height: 30px; max-width: 40px;}
#aru_rend ul.popup {max-height:230px; overflow-y:auto}
#aru_rend .popup li {padding:2px 8px}
.gytul {display:inline-block}

#aru_rend .ar {font-size:1.2em;}
.b-ar {color:blue;font-weight:bold;font-size:1.2em;}
#t_kep {background-size:contain;background-repeat: no-repeat;background-position:center}
#w_aru_kep {width:600px;height:500px;max-height:calc(100vh - 12px);max-width:100%;display:flex;flex-direction:column;position:relative}
#ikonok img {height:34px;padding:1px;max-width:42px;}
#ikonok img.sel {border:1px solid black}
#aru_rend .fa-check {color:limegreen; font-size:1.5em; display:none;}

#aru_tul {word-wrap:break-word;word-break: break-word; overflow-wrap: break-word;padding:0!important}
.aru header {display:flex;align-items: center;cursor:pointer;font-weight:bold;padding:5px;margin-top:8px;font-size: 1.2rem;background-color: white; border-bottom:1px solid hsl(0, 0%, 87%)}
/* .aru .img {width:10px;font-size:1rem;font-weight:normal; flex: 1; &, & > * { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}} */
.aru .img {width:10px;font-size:1rem;font-weight:normal; flex: 1; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.aru header img {height:1.8rem; margin-bottom:-0.5em}
/* #aru_tul p {margin:0.5em 1em;} */
.aru-tul {margin:0.5em 1em; text-indent:-1em; padding-left:1em;}
.aru-tul * {text-indent: 0} /* hogy a popup-ban ne legyen behúzás */
#aru_tul .tov {font-size:0.85em;display:none;font-weight:bold}
#aru_tul .text {overflow:hidden}
#aru_tul .grad { -webkit-mask-image: linear-gradient(white 60%, transparent); mask-image: linear-gradient(white 60%, transparent); }
#aru_link {display:flex;flex-wrap: wrap;}
#aru_link>div {width:180px;margin:0 8px 8px 0;padding:16px;border:2px solid hsl(0,0%,95%);text-align:center}
#jav label {width:9em;font-style:italic;display:inline-block;font-size:0.8em}
.video {position: relative; margin: auto; width: 80%; padding-bottom: 56.25%; height: 0;}
.video iframe{position: absolute;top:0;left: 0;width: 100%;height: 100%;}

 /* ügyek: ----------------------------------- */
/* #kosar h3 {margin-top:0;} */
.ugy .tr a {color:inherit!important}
.ugy #ar_tip {margin-top: -2.5rem;float:right}
.ugy .num span {font-size:1rem}
.ugy .num:not(#a_num) ul {text-align:right}
.ugy .t-klt {font-size: 0.85rem;}
form .lap {padding:12px}
#kosar textarea {width:100%}
#f_fomenu label {display:inline-block;width:80px}

#ajk_rend {background-color: gray;}
#f_ajk textarea:disabled, #f_ajk input:disabled {background-color: white;border: 1px solid transparent}

/* #d_menu {border-left:1px solid silver;padding-left:8px;} */
#d_menu button, #d_fmenu button {background-color:white; border:1px solid silver;margin-bottom:5px;cursor:pointer;padding:2px 8px;}
#d_menu button.sel, #d_fmenu button.sel {background:hsl(235, 10%, 50%);color:hsl(0, 0%, 95%) }
#d_menu>button.m_0:not(.sel), #d_fmenu>button.m_0:not(.sel) {background-color:hsl(0,0%,95%)}

 /* lábléc ---------------------- */
#lab>div {overflow:auto}
#lab1>div {display:flex;justify-content: space-between;flex-wrap:wrap;}
#lab1 h3 {text-transform: uppercase;border-bottom:1px solid currentColor}
#lab1>div>div {padding:0 8px;}
.l-kapcs .fa {margin-right:0.5em;width:1.7em;height:1.7em;text-align:center;border-radius:4px;padding-top:0.25em}
.l-kapcs p {display:flex;align-items: center;}

/* cookie értesítő -------------------- */
#calert {position: fixed;bottom: 8px;right: 30px;width: 300px;background-color: #222;color: #fff;z-index: 9999;padding: 1rem 1.5rem 0 1.5rem;font-size:1rem;border-radius: 5px;opacity: 0.9}
#calert .b {padding:0 0.5em}
#calert .bb {padding:0.8em}
#calert a {text-decoration: underline}

/* méretérzékelés: --------------------------------- */
@media screen and (max-width:680px) {
  #menu {position:fixed;top:0;display:none;height:100%;z-index:3;}
  #menu, #menu button, #menu a {background-color: hsl(0, 0%, 20%)!important;color:hsl(0,0%,70%)}
  #tm button, #d_tk {border-color: hsl(0,0%,50%)}
  #menu .up, #tkeres {background-color:hsl(0, 0%, 30%)!important;color:hsl(0,0%,80%)}
  #menu .up {border-bottom: 1px solid hsl(0,0%,50%)!important;}
  #fmx>*:not(#fm1), #d_k, #s_k {display:none}
  #fm #fm0, #fm1>i, #fm #fm_2, #fm #fm_99, #fm img {display:initial}
  #fmf {display:flex}
  #fmx {flex-grow:0;flex-wrap: nowrap;}
  #cim {font-size:1.3em}
  #intro {padding:2px;}
  #login {font-size:0.8em}
  #aru_db span>span, #kosar .m-label {display: none}
  
  #menu_open, #menu_close {display: inline-block}
  #filt_fej {display: block}
  form .lap {padding:4px}
}
@media screen and (min-width:681px) {
  #menu, #menu button {background-color: transparent }
  #sm>.m0 .fa {display:none}
  #fm0, #fmf, #fm1>i, #fm #fm_2, #fm #fm_99, #fm img {display:none}
  #sm .m0, #menu .up {border-top: 1px solid transparent}
  #amenu, #smenu {background-color:white;border: 1px solid hsl(0, 0%, 95%);}
  #menu button:not(.sel):not(.up):hover, #menu a:not(.sel):hover,.tul:not(.inakt):hover {background-color:hsl(0, 0%, 97%)}
}
@media print {
  body>header, body>footer, .b, .bb, #menu, #ar_tip, #vissza { 
      display: none !important; 
  }
}

html,#body {background-color:hsl(0, 0%, 97%);color:hsl(0, 0%, 30%);font-family:"Trebuchet MS", sans-serif;font-size:15px;}
#fej {font-size:13px;}
#topnav, #topnav button, #topnav div, .bb {background-color:hsl(0, 0%, 20%);color:hsl(0, 0%, 90%);}
#lab {background-color:hsl(0, 0%, 40%);color:hsl(0, 0%, 90%);font-size:13px;}
#lab3 {background-color:hsl(0, 0%, 90%);color:hsl(0, 0%, 20%);}
#fm a:hover, #fm button:hover, .bb:hover, #fm .sel {background-color:hsl(0, 0%, 27%)}
#sm .m0, #km .m0, #menu .up, #kosar h3, #aru_list tr:nth-child(even), .b-popup li:hover, .aru header.sel {background-color:hsl(0, 0%, 92%);border-color:hsl(0, 0%, 97%)}
#content:not(.aruk) a, #content .link, .w-keret a, .w-keret .link {color:hsl(199, 75%, 42%)}
#intro {height:80px;}
#logo {background-image:url(/kep/keret/Prizma.png);background-size: auto 80%}
#menu>div {width:220px}
.oldal {max-width:1200px}
#slider {padding-top:35%}
@media screen and (max-width:680px) {
#intro {height:50px}
#menu>div {width:250px}
}
#lab {border-top: 8px solid hsl(0,0%,20%)}
#lab2 .oldal {border-top: 1px solid hsl(0, 0%, 90%)}
select option {padding-right:1em}
/*.kezd {display: flex; flex-direction: column}
.kezd #d_blog {order: -1}
.kezd #d_blog>h3 {display:none}*/