body{margin:0;background:#dfe6dc;color:#26302a;font-family:"Tahoma","Arial","Helvetica",sans-serif;font-size:14px}
a{color:#2f5d3f}
a:hover{color:#4a8a5e}
img{border:0}
table.page{width:980px;border:1px solid #9bb0a1;background:#f6f9f4;box-shadow:0 0 0 3px rgba(0,0,0,.08)}
td.head{background:#2f5d3f;background:linear-gradient(#3a7050,#25492f);border-bottom:3px solid #1d3a26;padding:0}
table.head-t{width:100%}
td.logo{padding:11px 14px;color:#fff;font-size:21px}
td.logo b{color:#cfe8b8}
.logo-i{color:#cfe8b8;font-size:19px}
td.slog{padding:6px 14px;color:#d8e8d6;font-size:12px;text-align:center;line-height:1.45}
td.tel{padding:11px 14px;color:#fff;font-size:12.5px;text-align:right;line-height:1.55}
td.tel a{color:#cfe8b8}

td.nav{background:#e6eee2;border-bottom:1px solid #b3c6b8;padding:9px 14px;font-size:13.5px}
td.nav a{color:#27502f;font-weight:bold;text-decoration:none;margin:0 2px}
td.nav a:hover{color:#4a8a5e;text-decoration:underline}
td.runline{background:#fbfdf8;border-bottom:1px solid #cddbd0;padding:8px 14px;color:#4e6b55;font-size:12.5px;text-align:center}
td.body{padding:16px 14px 24px;vertical-align:top}

h1{font-size:20px;color:#25492f;border-bottom:2px solid #b3c6b8;padding-bottom:6px;margin:0 0 10px}
h2{font-size:17px;color:#25492f;border-bottom:1px dotted #b3c6b8;padding-bottom:4px;margin:20px 0 9px}
p{line-height:1.55;margin:0 0 10px}
.intro{color:#4e6b55}

.filter{margin:6px 0 12px}
.filter a{display:inline-block;margin:0 5px 5px 0;padding:4px 11px;border:1px solid #b3c6b8;background:#fff;color:#2f5d3f;text-decoration:none;font-size:12.5px}
.filter a:hover{background:#eef4ea}
.filter a.on{background:#2f5d3f;border-color:#25492f;color:#fff}

.cat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0}
.it{border:1px solid #b3c6b8;background:#fff;padding:7px;text-align:center}
.it img{width:100%;height:150px;object-fit:cover;cursor:pointer;background:#e6eee2}
.it .nm{font-weight:bold;color:#27302a;margin:5px 0 2px;font-size:13.5px}
.it .sz{color:#6d8474;font-size:11.5px}
.it .pr{color:#2f5d3f;font-weight:bold;margin-top:3px}
.it .go{display:inline-block;margin-top:5px;background:#2f5d3f;border:1px solid #25492f;color:#fff;padding:3px 11px;text-decoration:none;font-size:12px}
.it .go:hover{background:#3a7050}

table.facts{width:100%;border-collapse:collapse;margin:4px 0 10px}
table.facts th{background:#e6eee2;border:1px solid #c3d3c7;padding:6px;text-align:left;width:190px;color:#25492f;vertical-align:top;font-size:13px}
table.facts td{border:1px solid #c3d3c7;padding:6px;vertical-align:top;background:#fff}

table.form-t td{padding:5px 6px;vertical-align:top}
td.lbl{width:170px;color:#4e6b55}
.req{color:#a33}
input,select,textarea{font-family:Tahoma,Arial,sans-serif;font-size:13px;padding:5px 6px;border:1px solid #a9bfae;background:#fff;color:#26302a;width:320px;max-width:100%}
input:focus,select:focus,textarea:focus{outline:0;border-color:#2f5d3f}
.btn{background:#2f5d3f;color:#fff;border:1px solid #25492f;padding:6px 18px;font-weight:bold;cursor:pointer;font-family:inherit;font-size:13px;width:auto}
.btn:hover{background:#3a7050}
.small{color:#82977f;font-size:11px;margin:5px 0 0}
.ok{background:#e7f2df;border:1px solid #92bd86;color:#2c5a24;padding:10px;margin:8px 0;font-weight:bold}

td.foot{background:#e6eee2;border-top:2px solid #b3c6b8;padding:10px 14px;color:#4e6b55;font-size:12px;text-align:center}

.lb{position:fixed;inset:0;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;z-index:50;padding:20px}
.lb.on{display:flex}
.lb img{max-width:92%;max-height:90%;border:6px solid #fff}
#lbX{position:fixed;top:16px;right:22px;color:#fff;font-size:32px;cursor:pointer;font-family:Arial;line-height:1}

@media(max-width:1000px){
  table.page{width:100%}
  .cat{grid-template-columns:1fr 1fr}
  td.slog,td.tel{display:none}
  input,select,textarea{width:100%}
  td.lbl{width:auto;display:block}
}
@media(max-width:560px){
  .cat{grid-template-columns:1fr}
  table.facts th{width:auto}
}