/* базовые стили витрины, тема default */
* { margin: 0; padding: 0; }
body {
	background: #eceff1;
	color: #232323;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5;
}
img { border: 0; max-width: 100%; }
a { color: #14568f; }
a:hover { color: #b8620c; }
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
h1 { font-size: 22px; margin: 0 0 12px 0; }
h2 { font-size: 17px; margin: 22px 0 8px 0; }
h3 { font-size: 15px; margin: 16px 0 6px 0; }
p { margin: 0 0 9px 0; }
ul, ol { margin: 0 0 10px 22px; }
li { margin-bottom: 3px; }

.container {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}
.row { margin: 0 0 14px 0; }
.row:after { content: ""; display: block; clear: both; }
.col-left { float: left; width: 62%; box-sizing: border-box; padding-right: 16px; }
.col-right { float: left; width: 38%; box-sizing: border-box; }

/* шапка */
#header {
	background: #1c2a40;
	color: #fff;
	padding: 10px 0;
	border-bottom: 3px solid #e9a82e;
}
#header a { color: #fff; text-decoration: none; }
#logo { float: left; }
#logo b { font-size: 21px; letter-spacing: 1px; }
#logo span { display: block; font-size: 11px; color: #b9c3d2; }
#header .phone { float: right; text-align: right; }
#header .phone b { font-size: 17px; }
#header .phone span { display: block; font-size: 11px; color: #b9c3d2; }

/* меню */
#menu { background: #2f4260; }
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li { float: left; margin: 0; }
#menu a {
	display: block;
	padding: 8px 14px;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	border-right: 1px solid #3d5478;
}
#menu a:hover { background: #e9a82e; color: #1c2a40; }
#menu:after { content: ""; display: block; clear: both; }

#content { background: #fff; padding: 14px 18px; border: 1px solid #d5d9dd; margin: 12px 0; }

.breadcrumb { list-style: none; margin: 10px 0 12px 0; padding: 0; font-size: 12px; color: #666; }
.breadcrumb li { display: inline; }
.breadcrumb li + li:before { content: " / "; color: #999; }

/* товары */
.product-list { list-style: none; margin: 0; padding: 0; }
.product {
	border: 1px solid #dcdcdc;
	padding: 8px 10px;
	margin-bottom: 8px;
	background: #fbfbfb;
}
.product h3 { margin: 0 0 4px 0; }
.product .article { color: #777; font-size: 12px; }
.price { color: #b02a1c; font-weight: bold; white-space: nowrap; }
.price-old { color: #888; text-decoration: line-through; font-weight: normal; }

.btn {
	display: inline-block;
	padding: 6px 13px;
	border: 1px solid #b9b9b9;
	background: #f2f2f2;
	color: #232323;
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
}
.btn-default:hover { background: #e5e5e5; }
.btn-buy { background: #e9a82e; border-color: #c88d1c; color: #1c2a40; font-weight: bold; }

table { border-collapse: collapse; width: 100%; font-size: 12px; }
th, td { border: 1px solid #d8d8d8; padding: 4px 6px; text-align: left; vertical-align: top; }
th { background: #eef1f4; font-weight: bold; }
tr:nth-child(even) td { background: #fafafa; }
.table-responsive { width: 100%; overflow-x: auto; margin-bottom: 12px; }

#footer {
	background: #1c2a40;
	color: #c7ced9;
	padding: 14px 0;
	font-size: 12px;
	margin-top: 14px;
}
#footer a { color: #ffd27f; }
#footer .fcol { float: left; width: 33.3%; box-sizing: border-box; padding-right: 14px; }
#footer:after { content: ""; display: block; clear: both; }
#footer .copy { border-top: 1px solid #33425c; margin-top: 10px; padding-top: 8px; color: #8e99ab; }

@media (max-width: 700px) {
	.col-left, .col-right, #footer .fcol { float: none; width: 100%; padding-right: 0; }
	#logo, #header .phone { float: none; text-align: left; }
	#header .phone { margin-top: 8px; }
	#menu li { float: none; }
	#menu a { border-right: 0; border-bottom: 1px solid #3d5478; }
}