@charset "utf-8";
/* Бетон-Строй — rbu-eremino.ru. Палитра логотипа: оранжевый #E1891E, синий #116094 */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font:13px/1.65 Verdana,Tahoma,Arial,sans-serif;color:#4a4f55;background:#dfe3e7
	url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%278%27%20height%3D%278%27%3E%3Crect%20width%3D%278%27%20height%3D%278%27%20fill%3D%27%23dfe3e7%27/%3E%3Cpath%20d%3D%27M0%208L8%200%27%20stroke%3D%27%23d7dbe0%27%20stroke-width%3D%271%27/%3E%3C/svg%3E) repeat}
img{max-width:100%;height:auto;border:0;display:block}
a{color:#116094;text-decoration:underline}
a:hover{text-decoration:none;color:#E1891E}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;font-weight:normal;color:#22384a;margin:0 0 12px}
h1{font-size:26px;line-height:1.25}
h2{font-size:21px;line-height:1.3;padding-bottom:8px;border-bottom:2px solid #E1891E}
h3{font-size:16px;font-family:Verdana,Arial,sans-serif;font-weight:bold;color:#116094}
p{margin:0 0 11px}
.page{width:980px;margin:12px auto;background:#fff;border:1px solid #b9c2cb;border-radius:6px;
	box-shadow:0 2px 7px rgba(34,56,74,.25);overflow:hidden}
.clr:after{content:"";display:table;clear:both}

/* верхняя строка: адрес, почта */
.tline{background:#22384a;color:#a8bccd;font-size:11.5px;padding:6px 18px;border-bottom:3px solid #E1891E}
.tline span{margin-right:22px}
.tline a{color:#d5e4f0}

/* шапка: логотип и телефон */
.head{padding:14px 18px;background:#fff;
	background:linear-gradient(#ffffff,#eef2f5);border-bottom:1px solid #cdd5dd}
.head .logo{float:left}
.head .logo img{height:66px;width:auto}
.head .hr{float:right;text-align:right;padding-top:6px}
.head .hr .tel{font-family:Georgia,serif;font-size:24px;color:#116094;text-decoration:none;display:block}
.head .hr .gr{font-size:11.5px;color:#7d8791}
.head .hr .zv{display:inline-block;margin-top:7px;padding:6px 14px;background:#E1891E;color:#fff;
	text-decoration:none;border-radius:3px;font-weight:bold;font-size:12px}
.head .hr .zv:hover{background:#c8760f;color:#fff}

/* баннер */
.ban{position:relative;border-bottom:1px solid #cdd5dd}
.ban img{width:100%}
.ban .txt{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;
	background:linear-gradient(rgba(17,96,148,0),rgba(17,96,148,.86))}
.ban h1{color:#fff;margin:0 0 6px;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.ban p{color:#e6eef5;margin:0;font-size:13px;max-width:640px}

/* раскладка: сайдбар слева, контент справа */
.body{padding:18px}
.side{float:left;width:232px}
.cont{float:right;width:696px}

/* меню в сайдбаре */
.menu{border:1px solid #cdd5dd;border-radius:4px;overflow:hidden;margin-bottom:16px}
.menu .t{background:#116094;background:linear-gradient(#1a70a8,#0d5580);color:#fff;
	padding:9px 12px;font-family:Georgia,serif;font-size:15px}
.menu ul{list-style:none;margin:0;padding:0}
.menu li{border-top:1px solid #e2e7ec}
.menu li:first-child{border-top:0}
.menu a{display:block;padding:9px 12px;text-decoration:none;color:#35424c;font-size:12.5px;
	background:#f7f9fb}
.menu a:hover{background:#fff;color:#E1891E;padding-left:16px}

/* блок в сайдбаре */
.box{border:1px solid #cdd5dd;border-radius:4px;margin-bottom:16px;background:#f7f9fb}
.box .t{background:#E1891E;background:linear-gradient(#eda03c,#d47c11);color:#fff;padding:9px 12px;
	font-family:Georgia,serif;font-size:15px}
.box .in{padding:12px}
.box dl{margin:0;font-size:12px}
.box dt{color:#7d8791;margin-top:9px}
.box dt:first-child{margin-top:0}
.box dd{margin:1px 0 0;color:#35424c}
.box input{width:100%;padding:7px 8px;margin-bottom:9px;border:1px solid #c3ccd4;border-radius:3px;
	font:12px Verdana,Arial,sans-serif;color:#35424c}
.box input:focus{outline:0;border-color:#E1891E}
.box button{width:100%;padding:9px;border:0;border-radius:3px;background:#116094;
	background:linear-gradient(#1a70a8,#0d5580);color:#fff;font:bold 13px Verdana,Arial,sans-serif;
	cursor:pointer}
.box button:hover{background:#0d5580}
.box .sm{font-size:10.5px;color:#8b949d;margin:8px 0 0;line-height:1.45}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* блоки контента */
.sec{margin-bottom:26px}
.sec:last-child{margin-bottom:0}
.lead{color:#6b737b;margin-bottom:14px}

/* продукция — плитки 2×3 */
.prod{margin:0 -8px}
.prod .it{float:left;width:33.33%;padding:0 8px 16px}
.prod .in{border:1px solid #d7dde3;border-radius:4px;padding:12px;height:100%;background:#fbfcfd}
.prod b{display:block;color:#116094;font-size:13px;margin-bottom:5px}
.prod p{font-size:11.5px;color:#6b737b;margin:0 0 8px}
.prod .ot{font-size:12px;color:#c8760f;font-weight:bold}

/* прайс */
.tw{overflow-x:auto}
.tw table{width:100%;min-width:600px;border-collapse:collapse;font-size:12.5px}
.tw th{background:#116094;background:linear-gradient(#1a70a8,#0d5580);color:#fff;text-align:left;
	padding:9px 12px;font-weight:normal;font-family:Georgia,serif;font-size:13px}
.tw th:last-child,.tw td.p{text-align:right}
.tw td{padding:7px 12px;border-bottom:1px solid #e4e9ed}
.tw tr.g td{background:#f2f6f9;color:#116094;font-weight:bold;font-size:12px;text-transform:uppercase;
	letter-spacing:.3px;border-bottom:1px solid #cdd5dd}
.tw tbody tr:hover td{background:#fdf6ec}
.tw td.n{color:#35424c;font-weight:bold;white-space:nowrap}
.tw td.p{color:#22384a;font-weight:bold;white-space:nowrap}
.note{font-size:11.5px;color:#8b949d;margin-top:10px}

/* две колонки текст + фото */
.two{margin:0 -9px}
.two .c{float:left;width:50%;padding:0 9px}
.two img{border:1px solid #cdd5dd;border-radius:4px;width:100%}
.ch{list-style:none;padding:0;margin:0 0 11px}
.ch li{position:relative;padding-left:18px;margin-bottom:6px;font-size:12.5px}
.ch li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;background:#E1891E;
	border-radius:2px}
.tri{margin:12px -6px 0}
.tri div{float:left;width:33.33%;padding:0 6px}
.tri .in{border:1px solid #d7dde3;border-radius:4px;background:#fbfcfd;padding:10px;text-align:center}
.tri b{display:block;font-family:Georgia,serif;font-size:19px;color:#116094;white-space:nowrap}
.tri span{font-size:11px;color:#7d8791}

/* галерея */
.gal{margin:12px -6px 0}
.gal figure{float:left;width:33.33%;margin:0;padding:0 6px}
.gal img{border:1px solid #cdd5dd;border-radius:4px;width:100%}
.gal figcaption{font-size:11px;color:#7d8791;padding-top:6px;text-align:center}

/* контакты */
.rq{margin:0 0 14px;font-size:12.5px}
.rq dt{color:#7d8791;margin-top:9px}
.rq dt:first-child{margin-top:0}
.rq dd{margin:1px 0 0;color:#35424c}
.map{border:1px solid #cdd5dd;border-radius:4px;overflow:hidden;line-height:0;margin-top:14px}
.map iframe{display:block;border:0;width:100%;height:320px}

/* подвал */
.foot{clear:both;background:#22384a;color:#8fa4b6;font-size:11.5px;padding:14px 18px;
	border-top:3px solid #E1891E}
.foot a{color:#cfe0ee}
.foot .l{float:left;width:60%}
.foot .r{float:right;width:38%;text-align:right}

@media (max-width:1000px){
	.page{width:auto;margin:0;border:0;border-radius:0;box-shadow:none}
	.side,.cont{float:none;width:auto}
	.side{margin-bottom:18px}
	.head .logo,.head .hr{float:none;text-align:left}
	.head .hr{padding-top:12px}
	.prod .it,.two .c,.tri div,.gal figure{float:none;width:auto;padding:0 0 12px}
	.foot .l,.foot .r{float:none;width:auto;text-align:left}
	.foot .r{padding-top:6px}
	h1{font-size:21px}
	.ban .txt{position:static;background:#116094}
}