html {height: 100%;}
html, body, input, div, span, textarea, select {font-family:sans-serif,arial; font-size:13px; color:#504a49;}
body {padding:0px; margin:0px; border:0px; height:100%;}
p {margin:0; padding:0.5em 0;}
a {text-decoration:none; color:#942f4c;}
h1 {font-weight: bold; font-size:1.1em; text-transform:uppercase; }
h2 {font-weight: normal; font-size:1.1em; text-transform:uppercase; }
h3 {font-weight: bold; font-size:1.1em; }
small  {font-size:0.875em; }
select, input {margin-left:0px;}
blockquote {margin-top: 0; margin-bottom:0;}
img {border:none}
table {border-collapse: collapse; }
input[type="radio"] {vertical-align:-2px;}
input[type="checkbox"] {vertical-align:-3px;}
.link {cursor:pointer;}
.link_b {cursor:pointer; color:#942f4c;}
.link_r {cursor:pointer; color:red; padding-left:60px;}
.link:hover, .link_b:hover, .link_r:hover {background-color:#f0dfdb;}
.b, .b_del, .b_up, .b_dn, .b_pgup, .b_pgdn, .b_edit, .b_uj, .b_info {cursor:pointer; width:16px; height:16px; display:inline-block; background-repeat: no-repeat; background-position:center; }
.b_del {background-image:url(/kep/b_del.png);}
.b_pgup {background-image:url(/kep/icon/pgup.png);}
.b_pgdn {background-image:url(/kep/icon/pgdn.png);}
.b_edit {background-image:url(/kep/icon/b_edit.png);}
.b_up {background-image:url(/kep/icon/up.png);}
.b_dn {background-image:url(/kep/icon/dn.png);}
.b_uj {background-image:url(/kep/icon/b_uj.png);}
.b_info {background-image:url(/kep/icon/b_info.png);}
.b_info span {display:none; position:absolute; background-color:#fffaf0; padding: 5px; border:1px solid silver; border-radius: 3px; text-align:left;}
.b_info:hover span {display:block;}
.indent {padding-left: 30px}

#body {background:white url('/kep/bg_body_6.jpg') repeat-x;}
#keret {max-width:960px; text-align:left; padding:0px 10px 20px 10px;  background:#e6e6e6 url(/kep/bg_fej_9.jpg) no-repeat top center;
  border:1px solid gray; border-radius: 10px;
  -moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888;}
#fej {height:150px; color:white; }
#mat_nev {width:300px; margin:10px 0 0 10px; background:transparent url(/kep/mat_nev6.png) no-repeat 0 10px;}
#motto {text-align:center;}
#motto_sz {color:white; font-size:0.9em; font-style:italic; text-align:center; width:100%;  max-height:120px; overflow:hidden;}
#motto_i {color:white; font-size:0.9em; margin-top:5px;}
#login {text-align:right; vertical-align:top; width:300px; padding-top:10px; font-weight:bold;}
#login span.link {color:white;}
.logtext {width:200px;}
#fomenu {text-transform:uppercase; text-align:left; background:#785156 url(/kep/bg_fomenu6.png) repeat-x -20px; border-radius: 8px 8px 0px 0px;}
#fomenu ul {list-style-type:none; margin:0px; padding:0px; overflow:hidden;}
#fomenu li {float:left;}
#fomenu span {color:white;}
#fomenu img {height:16px}
#fomenu a {display:block; color:white; padding:6px 12px; text-decoration:none;} 
#fomenu a:hover {background-color:#987a78;}
#fomenu a.sel {color:white; background:#785156 url(/kep/bg_fomenu_sel_6.png) repeat-x -20px;}
#fomenu li div {display:none; position:absolute; background-color:#785156; border: 1px solid #473231; z-index:999;} 
#fomenu li:hover div {display:block; }

#main {width:100%; height:500px; padding:0px 0px; border:1px solid #cccccc; border-width:0px 1px; margin:0px; border-spacing:0px; background:white;} 
#main td {vertical-align:top;} 
#content td {vertical-align:middle;} 
#menu {width:185px; padding:10px; background:transparent url(/kep/bg_menu_9a.jpg) repeat-y;}
#menu p {padding:4px 6px; margin-top:0px; text-transform:uppercase; font-weight: bold; background:#C2D8F4 url(/kep/bg_fomenu_sel.png) repeat-x -20px;}
#menu a { padding:3px 0 3px 6px; margin-left:-6px; display:block;}
#menu a:hover {background-color:#f0dfdb;}
#menu a.sel {font-weight: bold;}
.menu_cim {color:white; margin:8px 0 0 0; padding:4px 6px; background:#473231 url(/kep/bg_menuc_9.jpg) repeat-x; border-radius: 5px 5px 0 0;}
.menu_box {padding:0.3em 0 0.5em 0; margin-bottom:15px; border-radius: 0 0 5px 5px;}
.menu_box a, #center_col a {color:#504a49;}
#left_col {padding:0 10px; min-width:230px; background:transparent url(/kep/bg_left_9.jpg) repeat-y;}
#center_col {max-width: 430px; }
#center_div {width: 100%; overflow-x:hidden;} /* FF miatt kell belső div, mert nem kezeli jól az overflow-t*/
#center_div img {max-height:300px; overflow-y:hidden}
#right_col {padding:0 10px; min-width:230px; background:transparent url(/kep/bg_left_9.jpg) repeat-y;}

.menu_almenu {margin-left:10px; font-style:italic;} 
#tabs, #tab {list-style-type:none; margin:0px; padding:0px; overflow:hidden; border-bottom:3px solid #f0dfdb;}
#tabs li, #tab li {float:left; margin-right:2px;}
#tabs li a, #tab li {display:block; padding:4px 8px; text-decoration:none; color:#504a49; border-radius: 6px 6px 0px 0px;} 
#tabs  a:hover, #tab li:hover {background-color:#f0dfdb; cursor:pointer;}
#tabs a.sel, #tab li.sel {font-weight:bold;background-color:#f0dfdb; }

/* #content {width:*; padding:15px;} */
#content {width:auto; padding:15px; min-height:800px; max-width:710px; overflow-x:auto;}
#content p {text-align:justify;}
#content a {color:#942f4c; text-decoration:none;}
#content #ocim {text-transform:uppercase; text-align:center;}
#lab {background:#C2D8F4 url(/kep/bg_fomenu6.png) repeat-x -20px; color:white; text-align:center; padding:3px 0px; border-radius: 0px 0px 8px 8px;}
#fejezet a {text-decoration:none; color:#504a49;}

#sidebar {width:170px; padding-left:10px; border-left:1px solid #E6E6E6;}
#sidebar div {width:100%; display:table;}
#sidebar a {display:block; padding:0px 0px 0.8em 1px;}
#sidebar a:hover {background-color:#f0dfdb;}

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

/* egyes oldalakhoz tartozó stílusok */
.tcim {padding:2px 0px; background:#EDEDED url(/kep/bg_gray_k.jpg) repeat-x ; border:1px solid #DBDBDB; border-radius:3px; /* border-top:2px solid #9EC0CF; */ } 
.event {margin-left:100px;}
.right, .gomb {float:right;}
.red, #res {color:red;}
.hr {border-top:1px dotted gray; height:0.5em; margin-top:0.5em;}
.hrc {border-top:3px solid #f0dfdb; height:0.5em; margin-top:0.5em;}
.lapoz {padding-right:15px; font-size:0.875em; float:right;}
/*.lapoz select {font-size:0.875em;}*/

/* modal ablakok stílusai */
#win_frame {position:fixed; top:0px; width:100%; height:100%; border:0px; z-index:100; display:none;} 
#menu_cover  {left:0px; top:0px; width:100%; height:100%; padding:0px; margin:0px; border: 0px; position:fixed; z-index:10;overflow:auto;}
#win_cover {left:0px; top:0px; width:100%; height:100%; padding:0px; margin:0px; border: 0px; position:fixed; background-color:black; z-index:9;
  filter:progid:DXImageTransform.Microsoft.alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
#win {background-color:#efebe7; position:relative; margin:auto; display:table; border:1px solid #14293D; border-radius: 10px;}
#win td {border:0px; border-spacing:0px; border-collapse:collapse; padding:0px; margin:0px;}
#win form {margin:20px;}
.wnev {width:99%}
.wnap {width:80px;}
.wido {width:60px;}
label {display:inline-block; width:80px;}
#event textarea {min-width:550px; width:99%; height:200px;}
#forum textarea {min-width:350px; width:99%; height:200px;}
#task textarea {min-width:500px; width:99%; height:150px;}
#cikk #szov {min-width:500px; width:99%; height:350px; } 
#cikk #ajanl {min-width:500px; width:99%; height:50px; } 
#csop textarea {min-width:500px; width:99%; height:150px;}
#adat textarea {width:99%; height:99%;}

.kepcikk {float:right; width:150px; margin:10px 0px 10px 10px;}
.keplist {float:right; width:100px; margin:0px 0px 10px 10px;}
.cikkdiv {display:table; width:100%;}
.kep_p {max-width:45px; max-height:60px; float:left; margin-right:5px;}
.kep_n {max-width:120px; max-height:160px; float:left; margin:0px 10px 10px 0px;}
.kep_a {max-width:120px; max-height:160px; float:right; margin-left:10px;}
.ar {font-weight:bold; font-size:15px; color:#CC2E2E; }
.cikk_ido {font-weight:normal;font-size:0.8em;float:right;}


#shop_menu {width:200px;}

div.rounded { border:3px solid #4d426e; border-radius:10px; background-color:#fcf3e4; padding:10px; }

