*{box-sizing:border-box}
body{margin:0;background:#fff;font:15px/1.6 "Open Sans","Segoe UI",Arial,sans-serif;color:#222}
a{color:#1e6fd9;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
#bar{background:#1d1d1d;color:#999;font-size:12px}#bar .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;padding-top:5px;padding-bottom:5px}
#bar a{color:#ddd;margin-left:14px}#bar a:first-child{margin-left:0}
#hd .wrap{display:flex;align-items:center;gap:18px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
#hd .sq{width:84px;height:84px;background:#173263;display:flex;align-items:center;justify-content:center;flex:none}#hd .sq img{width:70px;height:70px}
#hd .nm{flex:1;min-width:240px}#hd .nm b{display:block;font-weight:300;font-size:32px;line-height:1.1;color:#173263}#hd .nm span{font-size:13px;color:#777}
#hd form{display:flex}#hd input[type=text]{border:2px solid #ccc;border-right:0;padding:7px 10px;font:14px "Open Sans",Arial;width:200px}#hd button{border:0;background:#173263;color:#fff;padding:0 14px;font:14px "Open Sans",Arial;cursor:pointer}
#nav{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:4px}#nav a{flex:1 1 auto;color:#fff;padding:10px 14px 8px;font-size:14px;text-decoration:none;min-width:110px;border-bottom:4px solid rgba(0,0,0,.18)}
#nav a.on{border-bottom-color:#fff}
.band{color:#fff;padding:26px 0 22px;margin-bottom:26px}.band h1{margin:0;font-weight:300;font-size:42px;line-height:1.15}.band .cr{font-size:13px;opacity:.85}.band .cr a{color:#fff}
.main{display:flex;gap:34px;align-items:flex-start;padding-bottom:40px}.content{flex:1;min-width:0}.side{width:260px;flex:none}
.side a{display:block;background:#f0f0f0;margin:0 0 4px;padding:10px 14px;color:#222;text-decoration:none;font-size:14px}.side a:hover{background:#e2e2e2}.side a.on{color:#fff}
.side .sub{padding-left:28px;font-size:13px}.side h4{margin:18px 0 6px;font-weight:300;font-size:20px;color:#555}
h1{font-weight:300;font-size:32px;margin:0 0 14px}h2{font-weight:300;font-size:26px;margin:28px 0 10px;color:#333}h3{font-weight:600;font-size:16px;margin:20px 0 6px}
.ru{color:#888;font-style:italic;font-size:14px}
.nw{padding:12px 0;border-bottom:1px solid #e6e6e6}.nw .d{display:inline-block;color:#fff;background:#603cba;font-size:12px;padding:1px 8px;margin-right:8px}
table.t{border-collapse:collapse;width:100%;margin:8px 0 18px;font-size:14px}table.t th{color:#fff;text-align:left;padding:7px 10px;font-weight:600;background:#555}
table.t td{padding:7px 10px;border-bottom:1px solid #e3e3e3;vertical-align:top}table.t tr:hover td{background:#f6f6f6}
.ph{float:right;margin:0 0 12px 18px;width:340px;max-width:45%;font-size:12px;color:#777}.ph img{width:100%;display:block}
.note{border-left:6px solid #e3a21a;background:#fff6e0;padding:10px 14px;margin:12px 0}.old{background:#f0f0f0;padding:10px 14px;margin:12px 0;color:#666;font-size:13px}
.share{margin:26px 0 0;font-size:12px;color:#888}.share span{display:inline-block;color:#fff;padding:3px 10px;margin-left:4px}
form.f td{padding:4px 8px 4px 0}form.f input,form.f select,form.f textarea{font:14px "Open Sans",Arial;border:2px solid #ccc;padding:5px}
form.f input[type=submit]{background:#173263;color:#fff;border:0;padding:7px 18px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-auto-rows:170px;gap:8px;margin:0 0 30px}
.tile{position:relative;color:#fff;padding:14px;overflow:hidden;text-decoration:none!important;display:block;background-size:cover;background-position:center}
.tile,#nav a{filter:saturate(.38) brightness(1.18);transition:filter .25s}.tile,#nav a{text-shadow:0 1px 2px rgba(0,0,0,.35)}.tile:hover,.tile.keep,#nav a:hover,#nav a.on{filter:none}
@media(hover:none){.tile,#nav a{filter:none}}.tile.w2{grid-column:span 2}.tile.h2{grid-row:span 2}
.tile .big{font-weight:300;font-size:48px;line-height:1}.tile .mid{font-weight:300;font-size:24px;line-height:1.2}.tile p{margin:8px 0 0;font-size:13px;line-height:1.45}
.tile .lbl{position:absolute;left:14px;bottom:10px;font-size:13px;font-weight:600}.tile .lbl.r{left:auto;right:14px}
.tile.ph2 .lbl{background:rgba(0,0,0,.55);padding:3px 8px;left:0;bottom:0}
#ft{background:#1d1d1d;color:#aaa;font-size:13px;padding:26px 0}#ft .wrap{display:flex;flex-wrap:wrap;gap:30px}#ft div div{min-width:200px}#ft a{color:#fff}#ft b{color:#fff;font-weight:600}
@media(max-width:760px){.main{display:block}.side{width:auto;margin-top:20px}.band h1{font-size:30px}.ph{float:none;width:auto;max-width:none;margin:0 0 12px}
#hd .nm b{font-size:24px}#hd form{width:100%}#hd input[type=text]{flex:1}.tiles{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.tile .big{font-size:38px}table.t{font-size:12px}}
