/* ExpMarketing — основной стиль */
html,body{margin:0;padding:0}
body{background:#dcdcd8 url(../img/bg.png) repeat;color:#3b3b3b;font:12px/1.6 Verdana,Tahoma,"DejaVu Sans",Arial,sans-serif}
a{color:#7a6c2a;text-decoration:none}
a:hover{color:#b0471f;text-decoration:underline}
img{border:0;max-width:100%;height:auto}
h1,h2,h3,h4{font-family:Tahoma,Verdana,"DejaVu Sans",Arial,sans-serif;color:#2e2e2e;margin:0 0 10px}
h1{font-size:17px;line-height:1.35;letter-spacing:.2px}
h2{font-size:14px;line-height:1.4;margin-top:22px}
h3{font-size:12.5px;margin-top:16px}
p{margin:0 0 11px;text-align:justify}

#wrap{width:960px;margin:12px auto 0;background:#fff;border:1px solid #c6c6c0;box-shadow:0 0 6px rgba(0,0,0,.12)}

/* шапка */
#header{height:74px;position:relative;padding:0 18px;border-bottom:3px double #b8ab6e;background:#fff}
#logo{position:absolute;left:16px;top:9px;display:block}
#logo img{display:block;width:250px;height:56px}
#menu{position:absolute;right:14px;top:12px;margin:0;padding:0;list-style:none}
#menu li{float:left;margin-left:4px}
#menu a{display:block;padding:3px 11px 4px;border:1px solid #a9a9a2;border-radius:3px 3px 0 0;background:#f2f2ee;background:linear-gradient(#ffffff,#e6e5df);color:#333;font-weight:bold;font-size:11px;letter-spacing:.3px;box-shadow:inset 0 -1px 0 #fff}
#menu a:hover,#menu li.cur a{background:#e9e4cd;background:linear-gradient(#f8f5e6,#ddd5b0);color:#5d5220;text-decoration:none;border-color:#9b9067}
#subnav{position:absolute;right:16px;bottom:7px;font-size:10.5px;color:#888}
#subnav a{color:#777;margin-left:8px}

/* колонки */
#cols{overflow:hidden;padding:16px 18px 10px}
#content{float:left;width:630px}
#sidebar{float:right;width:240px}

/* хлебные крошки */
.crumbs{font-size:10.5px;color:#888;margin:0 0 9px}
.crumbs a{color:#857739}
.crumbs span.sep{margin:0 5px;color:#bbb}

.meta{font-size:10.5px;color:#8b8b85;margin:-4px 0 12px;padding-bottom:7px;border-bottom:1px dotted #cfcfc7}
.meta a{color:#7a6c2a}

.text h2{border-bottom:1px solid #e3e0d2;padding-bottom:3px}
.text ul,.text ol{margin:0 0 12px 4px;padding-left:22px}
.text li{margin-bottom:4px}
.text blockquote{margin:14px 0;padding:9px 13px;background:#f7f5ea;border-left:4px solid #b8ab6e;color:#4f4a33;font-style:italic}
.text blockquote p{margin:0}
.text strong{color:#2b2b2b}
.lead{font-size:12.5px;color:#454545}
.figure{float:right;margin:2px 0 10px 16px;padding:4px;border:1px solid #d3d1c6;background:#faf9f4;width:236px}
.figure img{display:block;width:236px}
.figure.wide{float:none;width:auto;margin:0 0 14px}
.figure.wide img{width:100%}
.figure .cap{font-size:10px;color:#888;padding:4px 2px 0;line-height:1.35}

/* сайдбар */
.box{margin-bottom:16px}
.box h4,.boxt{margin:0 0 8px;padding:4px 9px;border:1px solid #a9a9a2;border-radius:5px;background:#efeee8;background:linear-gradient(#ffffff,#e4e3dc);font-size:11px;font-weight:bold;color:#3a3a3a;letter-spacing:.4px;text-transform:uppercase;box-shadow:inset 0 1px 0 #fff}
.box .ftitle{display:block;font-weight:bold;color:#8a7a2e;margin-bottom:6px;line-height:1.35}
.box .fimg{display:block;border:1px solid #cfcdc2;padding:2px;margin-bottom:6px;background:#fff}
.box .fimg img{display:block;width:100%}
.box p{font-size:11px;line-height:1.5;text-align:left;margin-bottom:6px;color:#555}
.box ul{list-style:none;margin:0;padding:0}
.box li{border-bottom:1px solid #e1e0d8;padding:5px 3px 5px 10px;font-size:11px;line-height:1.4;position:relative}
.box li:before{content:"";position:absolute;left:1px;top:11px;width:4px;height:4px;background:#b8ab6e}
.box li .cnt{color:#999;font-size:10px}
.box li.on a{color:#b0471f;font-weight:bold}
.box .more{font-size:10.5px;text-align:right;padding-top:5px}
.notebox{border:1px dashed #c8c2a0;background:#fbfaf3;padding:8px 10px;font-size:11px;color:#555}

/* анонсы */
.teaser{overflow:hidden;padding:12px 0;border-bottom:1px dotted #cfcfc7}
.teaser .ti{float:left;width:150px;margin-right:14px;border:1px solid #d3d1c6;padding:2px;background:#fff}
.teaser .ti img{display:block;width:150px;height:94px}
.teaser h3{margin:0 0 4px;font-size:12.5px;line-height:1.35}
.teaser h3 a{color:#5b5220}
.teaser p{margin:0 0 4px;font-size:11.5px;color:#4a4a4a;text-align:left}
.teaser .tm{font-size:10px;color:#999}
.teaser .tm a{color:#8a7a2e}

.secthead{margin:24px 0 4px;padding:5px 10px;border:1px solid #b9b5a0;border-radius:5px;background:#f2f0e6;background:linear-gradient(#fdfcf6,#e8e5d6);font:bold 12px Tahoma,Verdana,"DejaVu Sans",sans-serif;color:#4d4520;text-transform:uppercase;letter-spacing:.4px}
.secthead a{color:#4d4520}
.secthead small{float:right;font-weight:normal;text-transform:none;letter-spacing:0;font-size:10.5px;padding-top:1px}

.catblock{overflow:hidden;margin:10px 0 6px}
.catblock .lead-t{float:left;width:300px;margin-right:18px}
.catblock .lead-t .ti{border:1px solid #d3d1c6;padding:2px;background:#fff;margin-bottom:6px}
.catblock .lead-t .ti img{display:block;width:100%}
.catblock .lead-t h3{margin:0 0 4px;font-size:12.5px}
.catblock .lead-t p{font-size:11.5px;text-align:left}
.catblock ul{margin:0;padding:0;list-style:none;overflow:hidden}
.catblock li{padding:6px 0 6px 12px;border-bottom:1px solid #ecebe4;position:relative;font-size:11.5px;line-height:1.4}
.catblock li:before{content:"\203A";position:absolute;left:1px;top:5px;color:#b8ab6e;font-weight:bold}

.alllist{columns:2;column-gap:24px;margin:8px 0 14px;padding:0;list-style:none}
.alllist li{break-inside:avoid;padding:3px 0 3px 12px;position:relative;font-size:11.5px;line-height:1.4}
.alllist li:before{content:"\203A";position:absolute;left:1px;top:2px;color:#b8ab6e;font-weight:bold}

.related{margin-top:22px}
.related .teaser .ti{width:110px}
.related .teaser .ti img{width:110px;height:69px}
.pn{overflow:hidden;margin:16px 0 4px;padding:8px 0;border-top:1px solid #e3e0d2;border-bottom:1px solid #e3e0d2;font-size:11px}
.pn .prev{float:left;width:48%}
.pn .next{float:right;width:48%;text-align:right}
.pn small{display:block;color:#999}

.pager{margin:16px 0;text-align:center;font-size:11px}
.pager a,.pager span{display:inline-block;min-width:16px;padding:2px 6px;margin:0 2px;border:1px solid #c6c4b8;background:#f7f6f0}
.pager span.cur{background:#b8ab6e;border-color:#9b9067;color:#fff;font-weight:bold}

.glossary h3{color:#5b5220;margin:12px 0 3px}
.toc{border:1px solid #dcd8c4;background:#fbfaf3;padding:8px 12px;margin:0 0 14px;font-size:11px}
.toc b{display:block;margin-bottom:4px}
.toc ol{margin:0;padding-left:20px}
.letters{margin:0 0 12px;font-size:12px;line-height:2}
.letters a{display:inline-block;padding:0 6px;border:1px solid #d6d3c3;margin:0 2px 2px 0;background:#f8f7f1;font-weight:bold}

/* формы */
.form{border:1px solid #d3d0bf;background:#f9f8f2;padding:14px 16px;margin:14px 0}
.form .row{margin-bottom:10px}
.form label{display:block;font-weight:bold;font-size:11px;margin-bottom:3px;color:#444}
.form input[type=text],.form input[type=email],.form input[type=tel],.form textarea,.form select{width:100%;box-sizing:border-box;padding:5px 7px;border:1px solid #b9b7ac;background:#fff;font:12px Verdana,Tahoma,"DejaVu Sans",sans-serif;color:#333}
.form textarea{height:120px;resize:vertical}
.form .agree{display:flex;align-items:flex-start;gap:7px;font-size:10.5px;color:#555;line-height:1.45;margin:4px 0 12px}
.form .agree label{display:inline;font-weight:normal;font-size:10.5px;color:#555;margin:0}
.form .agree input{margin:2px 0 0;flex:0 0 auto}
.btn{display:inline-block;padding:5px 16px;border:1px solid #8f8559;border-radius:3px;background:#d8cf9f;background:linear-gradient(#f3eecf,#cdbf84);font:bold 11px Tahoma,Verdana,"DejaVu Sans",sans-serif;color:#3d3614;cursor:pointer;text-transform:uppercase;letter-spacing:.4px}
.btn:hover{background:linear-gradient(#f8f4dc,#c3b471)}
.btn[disabled]{opacity:.55;cursor:default}
.form .ok{display:none;margin-top:10px;padding:8px 10px;background:#eef4e2;border:1px solid #b9cb93;color:#465a1f}
.form .err{display:none;margin-top:8px;color:#b0471f;font-size:11px}

/* подвал */
#footer{border-top:3px double #b8ab6e;background:#f1f0eb;padding:12px 18px 14px;font-size:10.5px;color:#666;overflow:hidden}
#footer .fl{float:left;width:600px;line-height:1.9}
#footer .fl a{color:#5f5629;margin-right:12px;white-space:nowrap}
#footer .fr{float:right;text-align:right;line-height:1.7}
#bottom{width:960px;margin:0 auto 14px;text-align:center;font-size:10px;color:#888;padding:6px 0}

/* cookie */
#cookie{position:fixed;left:50%;bottom:14px;width:640px;margin-left:-330px;background:#fffef7;border:1px solid #9b9067;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.25);padding:10px 14px;font-size:11px;color:#444;z-index:50;display:none}
#cookie p{margin:0 0 7px;text-align:left}
#cookie .btn{margin-right:6px}
#cookie a.lnk{font-size:11px}

.e404{text-align:center;padding:30px 0 20px}
.e404 .num{font:bold italic 90px Georgia,"DejaVu Serif",serif;color:#c9bd84;text-shadow:2px 2px 0 #8a7a2e;line-height:1}
.sitemap ul{margin:4px 0 12px;padding-left:20px}
.sitemap li{margin-bottom:3px}
.clr{clear:both}

@media (max-width:980px){
 #wrap,#bottom{width:auto;margin:0}
 #header{height:auto;padding:10px 12px}
 #logo,#menu,#subnav{position:static}
 #menu{overflow:hidden;margin-top:8px}
 #menu li{margin:0 4px 4px 0}
 #subnav{margin-top:4px}
 #cols{padding:12px}
 #content,#sidebar{float:none;width:auto}
 .figure{float:none;width:auto;margin:0 0 12px}
 .figure img{width:100%}
 .catblock .lead-t{float:none;width:auto;margin:0 0 8px}
 .alllist{columns:1}
 #footer .fl,#footer .fr{float:none;width:auto;text-align:left}
 #cookie{width:auto;left:10px;right:10px;margin-left:0}
}
@media (max-width:520px){
 .teaser .ti{width:100px}.teaser .ti img{width:100px;height:63px}
}