html, body {padding:0px; margin:0px; border:0px; height:100%; font-family: Arial, sans-serif; color:#505050;}
body {font-size:14px;}
#body {background:#E6E6E7 url(/kep/icon/fej_bg.jpg) repeat-x;}
p, li {text-align: justify;}
a {color:#b07003; text-decoration:none;}
a:hover {color:#0c62ba;}
label {display:inline-block; width:80px;}
select, input {margin-left:0px; color:inherit; font-size:inherit;}
input[type="radio"] {vertical-align:-1px;}
input[type="checkbox"] {vertical-align:-2px;}
img {border:none;}
.link {cursor:pointer; color:#666600;}
.link:hover {color:black;}
.page {min-width:380px; max-width:960px; text-align:left; margin:auto;} 
.b, .b_down, .b_pgup, .b_pgdn, .b_uj, .b_del, .b_edit {cursor:pointer; width:16px; height:16px; display:inline-block; background-repeat: no-repeat; background-position:center; }
.b_edit {background-image:url(/kep/b_edit.png);}
.b_down {background-image:url(/kep/b_down.png);}
.b_pgup {background-image:url(/kep/pgup.jpg);}
.b_pgdn {background-image:url(/kep/pgdn.jpg);}
.b_uj {background-image:url(/kep/uj.jpg);}
.b_del {background-image:url(/kep/b_del.png);}
.right {float:right; border:1px solid silver;}
.info {cursor:default; width:16px; height:16px; display:inline-block; background-color:#2C6CA0; color:white; text-align:center; border-radius:8px;}
.red {color:red;}
#res {color:red;}
.ar {font-weight:bold; font-size:1.2em; color:#CC2E2E;}
.fej {background:white url(/kep/h6.jpg) repeat-x; margin-bottom: 0.5em; white-space:nowrap;}
.fej img {cursor: pointer;}
.hirek a {color:#8F6B00; font-size:0.875em;}
.hr {border-top:1px dotted gray; height:1px; margin:0.5em 0;}
.rovid {margin:0px; padding:0px;}

#fej {height:65px; background:white url(/kep/fej_bg.jpg) repeat-x;}
#fej_cim {height:40px;} 
#fej_menu ul {list-style-type:none; margin:0px; padding:0px; overflow:hidden;}
#fej_menu li {float:left;}
#fej_menu a {display:block; padding:4px 12px; text-decoration:none;} 
#fej_menu a:hover {background-color:#FFFFCC;}
#fej_menu a.sel {color:black; font-weight:bold;}
#fej_menu li div {display:none; position:absolute; background-color:white; border: 1px solid silver; z-index:999;} 
#fej_menu li:hover div {display:block; position:absolute;}
#fej_menu img {height:16px}
#login {float:right; margin:5px 10px 0px 0px; text-align:right; color:#FDF89E;}
#login .link {color:#FDF89E;}
#szlogen {margin:8px 0 5px 0; height:27px;}
#b_kosar {background-image:url("/kep/kosar_fh.png"); background-repeat:no-repeat; background-position:center; width:25px; display:inline-block;}

#fokep {padding: 0 15px 0 15px;}
#fokep td:first-child {background:white url(/kep/weblap/1/fokep.jpg) no-repeat; transition: background 0.5s linear;}
#fokep td  li, #fokep td ul, #fotul td li {margin:0;}

#main {width:100%; height:500px; border-style:solid; border-width:3px 1px; border-color:#faed6d #DBDBDB; background-color:white;}
#main_top {border-radius:10px 10px 0px 0px; margin-top:8px; background:silver url(/kep/main_top_bg.jpg) repeat-x 0 -4px; border:1px solid #DBDBDB; border-bottom:none;}
#main_lab {color:#FDF89E; font-size:0.875em; text-align:center; padding:1px;  border-radius: 0px 0px 10px 10px; background:silver url(/kep/main_lab_bg.jpg) repeat-x; border:1px solid #DBDBDB; border-bottom:none;}
#main_lab a {color:#FDF89E; padding:6px 12px; font-weight:bold;} 
#content {width:*; vertical-align:top; padding:10px 20px;}
/* #content li {margin:0.5em 0;} */
#content ul, #content ol {padding-left:22px;margin:0.5em 0;}
#rovid, #rovid li {margin:0px;padding:0px;}
#content h1 {font-size:1.1em; height:18px; background:white url(/kep/prizma_k.jpg) no-repeat; padding:3px 0 0 30px; margin-top:1.5rem;}
#content h2 {font-weight: normal; font-size:1.2em; text-transform:uppercase; margin-top:1.5rem;}
#content h3 {font-weight: bold; font-size:1.2em; }

#menu {width:180px; border-right:1px solid #DBDBDB; vertical-align:top; padding:10px; background:white;}
#menu h1 {font-size:1.1em; color:#FDF89E; background:silver url(/kep/bg_menu_1.jpg) repeat-x; 
  margin:5px 0 0 0; padding:5px 6px; border-radius:5px 5px 0px 0px;}
#menu a {display:block; padding:3px 0 3px 6px; color:#505050;}
#menu a:hover {background-color:#EBEBEB;}
#menu .sel {font-weight:bold} 
.menu_box {border-left:1px solid #DBDBDB;}
.menu_blokk {margin:2px 0px 2px 15px; border:1px solid #DBDBDB; border-radius: 5px; padding-bottom:5px; background-color:#f0f2f5;}
.menu_blokk p {text-align:center; margin:0px; padding:3px; background:white url(/kep/bg_fomenu_sel.png) repeat-x 0px; color:black; font-size:0.8em;}
.menu_tul, .menu_tul ul {margin:0px; cursor:pointer; padding-left:0px; z-index:1;}
.menu_tul li {list-style-type: none; margin: 0px; position: relative; padding:2px 0px;}
.menu_tul li > ul {display:none; position:absolute; top:-1px; left:160px; white-space:nowrap; border:1px solid silver; border-radius:5px; background-color:#ffffcd;}
.menu_tul li:hover, .menu_tul li.CSStoHighlight {color: black; background-color:#EBEBEB;}
.menu_tul ul.CSStoShow {display: block;}
.menu_tul li:hover > ul {display: block; color:#505050;}
.menu_tul a {font-size:0.8em; padding:0px 5px; display:block;}
.menu_fcsop {text-transform:uppercase; padding:3px 0px 3px 6px; margin:5px 0px; border:1px solid #DBDBDB;
  background:white url(/kep/bg_silver.jpg) repeat-x 0 3px; border-radius:5px;}
.menu_csop {padding-left:10px; margin:0px;}
.menu_1 {} 
.menu_2 {margin-left:10px; font-style:italic;} 
.menu_3 {margin-left:20px; font-size:0.85em;} 

#win_cover {left:0px; top:0px; width:100%; height:100%; padding:0px; margin:0px; border: 0px; position:fixed; background-color:black; 
  filter: alpha(opacity=30); opacity: 0.3; z-index:100;}
#menu_cover  {left:0px; top:0px; width:100%; height:100%; padding:0px; margin:0px; border: 0px; position:fixed; z-index:10;overflow:auto;}
#win_frame {position:fixed; top:0px; width:100%; height:100%; border:0px; z-index:100; display:none; } 
#win_box {background-color:white; border:2px solid #353500; border-radius: 15px;}
#win_box form {margin:20px; text-align:left;}

#termek_csop {display:table; width:100%;}
#termek_csop img {padding:5px 0px 10px 5px; float:right;}
#termek_csop a {display:inline-block; float:center; margin:10px;}
#termek_csop div {display:block; width:150px; height:150px; border:5px solid #3a5e80; border-radius:30px;}
#termek_list img {height:50px; float:right;}
.termek {width:100%; cursor:pointer; border:1px solid white; border-radius:5px;}
.termek:hover {border-color:gray; color:black;}
.termek_nev, .hirek th { background:#E9E9E9 url(/kep/bg_silver.jpg) repeat-x; font-weight: bold; padding-left:3px; border:1px solid #DBDBDB; border-radius:5px;}
.hirek th {text-align:center; }
.termek_szov {font-size:0.8em;}
.termek_ar {color:#BD1717; font-size:1.1em;}
.termek_nav {border-top:2px dotted #8aa2b0; margin:0px 0px 10px 0px;}

.rendez {position: relative; cursor:default; margin-top:3px; font-size:0.9em;}
.rendez div {display:none; position:absolute; top:1.2em; background-color:white; border:1px solid silver; width:100%; border-radius:5px; background-color:#ffffcd;}
.rendez:hover div {display:block;}
.rendez a {padding:2px 0px 2px 5px; display:block;}
.rendez a:hover {background-color:silver;}
/* .lapoz {float:right;} */
.lapoz select {font-size:0.875em;}
.p_bej {clear:both}
.p_valasz {clear:both; color:hsl(195, 100%, 35%);margin-bottom:1em}
.p_kep {display:inline-block;padding:0 0 1em 1em;float:right}
.p_kep>img {max-width:200px;max-height:80px;}

#aru_rend {display:table;width:100%;}
#aru_rend img {float:left; margin:0px 10px 10px 0px;}
#aru_tul_cim {text-align:center; background:white url(/kep/bg_silver.jpg) repeat-x 0 3px; padding:5px; border:1px solid #DBDBDB; border-bottom:0px; border-radius:8px 8px 0px 0px;}
#aru_tul {border:1px solid #DBDBDB; padding:0px 10px; border-radius:0px 0px 8px 8px;}
#aru_tul p {margin:0.5em 0em;}

/* méretérzékelés: --------------------------------- */
@media screen and (max-width:820px) {
  .wide {display:none}
}
@media screen and (min-width:820px) {
  .slim {display:none}
}