* {
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	border-top: 5px solid #ddd9d0;
	background: #f7f7f2;
	color: #666;
	font: 80% arial, sans-serif;
	width: 100%;
	position: relative;
	line-height: 1.4;
}

body,div,td,ul,ol,li,dl,dt,dd,p,address {
	padding: 0;
}

table {
	empty-cells: show;
	border-collapse: collapse;
}

td,th {
	padding: 0;
	text-align: left;
	vertical-align: top;
}

form * {
	font-size: 1em;
}

textarea {
	font-size: 120%;
}

.add-clear {
	height: 1px;
}

html>body .add-clear {
	height: auto;
}

html>body .add-clear:after {
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
	display: block;
	content: ".";
}

img,table {
	border: 0;
}

a,a:visited {
	color: #0b84c3;
}

a:hover {
	color: #63a200;
}

p {
	margin: 0 0 1em 0;
}

ul {
	margin: 0 0 1.2em 0;
	padding-left: 0;
}

ol {
	margin: 0 0 1.2em 1em;
	padding-left: 0;
}

ul li {
	list-style: none;
	background: url('/i/13px.gif') 0 0.6em no-repeat;
	margin: 0 0 0.3em 0;
	padding-left: 18px;
}

ol li {
	margin-top: 0.5em !important;
	margin-left: 18px;
}

ul.sitemap {
	margin: 0 0 1.2em 0;
	list-style-type: none;
}

ul.sitemap li {
	font-weight: normal;
	margin-top: .6em;
	background: none;
	padding-left: 0;
}

ul.sitemap li ul {
	margin-left: 1.5em;
	list-style-type: none;
}

ul.sitemap li ul li {
	font-weight: normal;
	font-size: 85%;
	margin-top: 0.5em;
	background: none;
}

hr {
	height: 1px;
	border: 0;
	color: #ccc;
	background: #ccc;
	margin: 0 0 1em 0;
}

h3 {
	font-weight: normal;
}

h1,h2,h4 {
	font-weight: bold;
}

h1,h2,h3 {
	font-size: 1em;
	color: #666;
}

h4 {
	font-size: 11px;
	padding-left: 8px;
	color: #848282;
	margin: 1.8em 0 .7em 0;
}

h2,h3 {
	margin: 1.2em 0 0.3em 0;
}

.bordered h1,.bordered h2,.bordered h3,.bordered h4 {
	margin: 0;
	padding: 0;
}

#cover {
	margin: 0px auto;
	width: 1000px;
	overflow: hidden;
}

.wide {
	width: 100%;
}

.layout {
	padding: 0 35px;
}

#header {
	height: 126px;
	overflow: hidden;
}

#content {
	padding-bottom: 10px;
}

#footer {
	border-top: 6px solid #afaba2;
	padding-top: 8px;
	padding-bottom: 25px;
	text-align: center;
}

#logo {
	float: left;
	margin-top: 30px;
	margin-left: 4px;
	position: relative;
}

#logo .sub-text {
	position: absolute;
	top: 59px;
	left: 0;
}

#add-text {
	background: url('/i/phone.png') left top no-repeat;
	padding-left: 56px;
	padding-top: 16px;
	height: 108px;
	float: left;
	margin-left: 275px;
}

#add-text address {
	height: auto;
}

#add-text span {
	display: block;
	margin: 0;
	padding: 0;
}

#add-text .tel {
	margin-bottom: 5px;
}

#cartholder {
	float: right;
	margin-top: 27px;
	background: url('/i/common/cart.gif') left 3px no-repeat;
	padding: 0 0 0 22px;
	min-height: 14px;
	min-width: 176px;
}

#cartholder a.text {
	color: #666;
	text-decoration: none;
}

#cartholder ul {
	margin: 0;
	padding: 0;
}

#cartholder ul li {
	padding: 0;
	margin: 0 0 0.4em 0;
}

#cartholder ul,#cartholder ul li {
	list-style-type: none;
}

#cartholder ul li {
	background: none;
	white-space: nowrap;
}

#menu {
	position: relative;
	height: 40px;
	overflow: hidden;
	background: #737373 url('/i/menu-layout.gif') left top repeat-x;
	padding: 0 4px;
}

#menu .corners {
	position: absolute;
	overflow: hidden;
	width: 10px;
	height: 40px;
}

#menu .l {
	left: 0;
	top: 0;
	background: url('/i/common/corners-l.gif') left top no-repeat;
}

#menu .r {
	right: 0;
	top: 0;
	background: url('/i/common/corners-r.gif') left top no-repeat;
}

#menu ul {
	margin: 0;
	padding: 0;
	display: table;
}

#menu ul,#menu ul li {
	list-style-type: none;
}

#menu li {
	padding: 0;
	margin: 0;
	float: left;
	background: none;
}

#menu li:hover,#menu li.active {
	background: url('/i/common/menu/selector.gif') 50% top no-repeat;
}

#menu li a.button {
	display: block;
	cursor: pointer;
}

#menu li a.button,#menu li ins {
	text-decoration: none;
	display: block;
	color: #fff;
	position: relative;
}

#menu li .cont {
	display: block;
	margin: 0 0 -10px 0;
	padding: 12px 39px 24px 39px;
	position: relative;
}

#additional-menu {
	text-align: center;
	margin-bottom: 10px;
}

#additional-menu ul {
	margin: 0;
	padding: 0;
}

#additional-menu ul,#additional-menu ul li {
	list-style-type: none;
}

#additional-menu ul li {
	padding: 0 1em;
	background: none;
	display: inline;
	font-size: 85%;
	border-right: 1px solid #0b84c3;
}

#additional-menu ul li.last {
	border: none;
}

#additional-menu ul li,#additional-menu ul li a {
	color: #0b84c3;
}

#additional-menu ul li a:hover {
	color: #63a200;
}

#path {
	font-size: 11px;
	margin: 10px 0 1px 0;
}

#path .path_arrow {
	margin: 0 1px;
}

#search {
	padding-top: 2px;
}

#search input {
	float: right;
	width: 53px;
}

#search div.phrase {
	margin-right: 60px;
}

#search #phrase {
	float: none;
	width: 95%;
	border: 1px solid #bab9b9;
	font-size: 150%;
	padding: 0 2px;
	color: #666;
}

#content {
	padding-top: 23px;
}

#content.inner {
	padding-top: 7px;
	padding-bottom: 40px;
}

#content #column-left {
	width: 20%;
}

#content #column-middle {
	width: 54%;
    overflow: visible; /* разрешаем дочерним элементам показывать горизонтальную полосу прокрутки */
}

#content #column-right {
	width: 20%;
}

#getprice {
	margin-bottom: 20px;
}

.categories {
	margin: 0 0 2em 0;
	padding: 0;
}

.categories,.categories li {
	list-style-type: none;
}

.categories li {
	padding: 0;
	margin: 0 0 0.45em 0;
	background: none;
}

.categories li ul {
	margin: 0.34em 0 .8em 10px;
	padding: 0;
}

.categories li ul li {
	font-size: 12px;
	color: #63a200;
}

#column-left .categories li ul li a
	{
	color: #666;
	font-size: 12px;
}

#column-left .categories li ul li a:visited{
	color: #8a8888;
}

#column-left .categories li ul li a:hover
	{
	color: #63A200; 
}

#column-right .categories li ul li a,#column-right .categories li ul li a:visited
	{
	color: #0b84c3;
}

.categories li ul li a.current {
	color: #63a200;
}

#column-left .categories li,#column-left .categories li a
	{
	color: #0b84c3;
	font-size: 14px;
}

#column-left .categories li a:visited
	{
	color: #4b9bc4;
}

#column-left .categories li a:hover
	{
	color: #63A200;
}

#column-right .categories li,#column-right .categories li a
	{
	color: #666;
}

#column-right .categories li a:visited{
	color: #8a8888;
	}

#column-right .categories li a:hover
	{
	color: #63A200;
}

.categories li a:hover,.categories li ul li a:hover {
	color: #63a200;
}

.cat-image {
	border: 1px solid #afcddb;
	background: #fff;
	text-align: center;
	padding: 40px 0;
	margin-bottom: 10px;
}

.comm-holder {
	width: 230px;
	background: url('/i/common/wrap.gif') left bottom repeat-x;
	margin-bottom: 18px;
}

.comm-holder.left {
	float: left;
}

.comm-holder.right {
	float: right;
}

.comm-holder ul,.cart ul {
	margin: 0;
	padding: 0;
}

.comm-holder ul,.comm-holder ul li,.cart ul,.cart ul li {
	list-style-type: none;
}

.comm-holder ul li,.cart ul li {
	padding: 0;
	margin: 0 0 0.3em 0;
	color: #848282;
	background: none;
}

.comm-holder h3 {
	margin-top: 6px;
}

.comm-holder h3,.comm-holder h3 a,.cart h3,.cart h3 a {
	color: #0b84c3;
}

.comm-holder h3 a:hover,.cart h3 a:hover {
	color: #63a200;
}

.comm-holder h3 a:visited {
	color: #4b9bc4;
}

.comm-holder .descr,.cart .descr {
	margin-bottom: 10px;
}

.price-holder {
	margin-bottom: 8px;
}

.price-holder .price {
	float: right;
	color: #7bb71d;
	font-size: 16px;
	font-weight: bold;
}

.cart {
	width: 100%;
	margin-bottom: 2px;
}

.cart h3 {
	margin-top: 0;
}

.cart td {
	font-size: 11px;
	padding: 12px 0 15px 0;
	border-bottom: 1px dashed #ababab;
}

.cart .image {
	width: 235px;
	text-align: center;
	border: 1px solid #afcddb;
	background: #fff;
	padding: 20px 0;
	margin-right: 10px;
	margin-top: 3px;
}

.cart .price-holder {
	margin-bottom: 0;
}

.cart .price-holder .price {
	float: none;
	padding-top: 5px;
}

.cart .price-holder .delete {
	float: right;
}

.cart input {
	border: 1px solid #bab9b9;
	padding: 2px 3px;
	font-size: 90%;
}

.summary {
	line-height: 210%;
	margin-top: 10px;
	text-align: center;
	color: #7bb71d;
	font-size: 16px;
	font-weight: bold;
}

.summary span.grey {
	color: #666;
	margin-right: 4px;
}

.article-item {
	margin: 0 0 1.5em 0;
}

.catalogue {
	font-size: 85%;
}

.catalogue .image {
	margin-top: 2px;
	background: #fff;
	border: 1px solid #afcddb;
	width: 228px;
	height: 104px;
	overflow: hidden;
	text-align: center;
}

.catalogue .image img {
	margin-top: 16px;
}

.column {
	float: left;
	overflow: hidden;
}

.wrapper {
	float: left;
	overflow: hidden;
	height: 1em;
	width: 3%;
}

.bordered {
	padding-bottom: 0;
	margin-bottom: 8px;
}

.bordered.grey {
	border-bottom: 6px solid #afaba2;
}

.bordered.blue {
	border-bottom: 6px solid #49addc;
}

.bordered.next {
	margin-top: 25px;
}

#discounts {
	margin-top: 16px;
	text-align: center;
}

.initials {
	margin: .8em 0 0 0;
}

.initials td,.initials th {
	padding: 0 20px 6px 0;
}

.initials input,.initials textarea {
	border: 1px solid #bab9b9;
	width: 320px;
	padding: 3px;
}

.initials input.small {
	width: 110px;
}

.initials input.auto {
	width: auto;
}

.initials input.image {
	border: 0;
	padding: 0;
	margin-top: 8px;
}

.aut {
	margin: .8em 0 0 0;
}

.aut td,.aut th {
	padding: 0 20px 6px 0;
}

.aut input,.aut textarea,.aut select {
	border: 1px solid #bab9b9;
	padding: 3px;
}

.data {
    width: 100%;
}

.data td,.data th {
	padding: 3px 8px;
	font-size: 11px;
	color: #848282;
	border-top: 1px dashed #d5d5d5;
	border-bottom: 1px dashed #d5d5d5;
}

.data tr.odd {
	background: #efefe6;
}

.item-text {
	padding: 5px 8px;
	background: #efefe6;
	font-size: 11px;
}

.item-text ul {
	margin: 0;
	list-style-type: none;
}

.item-text ul li {
	font-weight: normal;
	margin-bottom: .6em;
	margin-top: 0;
	background: url('/i/common/bullet.gif') 0 0.6em no-repeat;
	margin: 0 0 0.3em 0;
	padding-left: 8px;
}

.technical {
	margin-top: 14px;
	margin-bottom: 7px;
}

.technical .header {
	font-size: 11px;
	color: #848282;
	padding-left: 8px;
	font-weight: bold;
	padding-top: 4px;
}

#copyright {
	font-size: 85%;
}

.add-border {
	border-bottom: 1px dashed #ababab;
	padding-bottom: 4px;
}

.print {
	float: right;
	padding-left: 21px;
	background: url('/i/common/print.gif') left 2px no-repeat;
	min-height: 18px;
}

.pages {
	padding-top: .3em;
	font-weight: bold;
}

.pages span {
	margin: 0 3px;
}

.shadowed {
	z-index: 999;
	position: absolute;
	background-color: #FFF;
	font-size: 9pt;
	color: #000;
}

.shadowed .tl {
	position: absolute;
	font-size: 0;
	top: -15px;
	left: -17px;
	background: url('/i/shadow-lt.png') 0 0 no-repeat !important;
	background: none;
	filter: progid :       DXImageTransform.Microsoft.AlphaImageLoader (
		    
		 src =  
		
		   '/i/shadow-lt.png' );
	width: 17px;
	height: 15px;
}

.shadowed .t {
	position: absolute;
	font-size: 0;
	top: -15px;
	left: 0;
	background: url('/i/shadow-t.png') 0 0 repeat-x !important;
	background: url('/i/spacer.gif');
	filter: progid :       DXImageTransform.Microsoft.AlphaImageLoader (
		    
		 src =  
		
		   '/i/shadow-t.png', sizingmethod =       'scale' );
	width: 100%; //
	width: 18px;
	height: 15px;
	/* border: 1px solid; */
}

.shadowed .tr {
	position: absolute;
	font-size: 0;
	top: -15px;
	left: 100%;
	background: url('/i/shadow-rt.png') 0 0 no-repeat !important;
	background: none;
	filter: progid :       DXImageTransform.Microsoft.AlphaImageLoader (
		    
		 src =  
		
		   '/i/shadow-rt.png' );
	width: 17px;
	height: 15px;
}

.shadowed .r {
	position: absolute;
	font-size: 0;
	top: 0;
	left: 100%;
	background: url('/i/shadow-r.png') 0 0 repeat-y !important;
	background: none;
	filter: progid :       DXImageTransform.Microsoft.AlphaImageLoader (
		    
		 src =  
		
		   '/i/shadow-r.png', sizingmethod =       'scale' );
	width: 17px;
	height: 100%;
}

.shadowed .br {
	position: absolute;
	font-size: 0;
	top: 100%;
	left: 100%;
	background: url('/i/shadow-rb.png') 0 0 no-repeat !important;
	background: none;
	filter: progid :       DXImageTransform.Microsoft.AlphaImageLoader (
		    
		 src =  
		
		   '/i/shadow-rb.png' );
	width: 17px;
	height: 21px;
}

.shadowed .b {
	position: absolute;
	font-size: 0;
	top: 100%;
	left: 0;
	background: url('/i/shadow-b.png') 0 0 repeat-x !important;
	background: url('/i/spacer.gif');
	filter: progid :       DXImageTransform.Microsoft.AlphaImageLoader (
		    
		 src =  
		
		   '/i/shadow-b.png', sizingmethod =       'scale' );
	width: 100%;
	height: 21px;
}

.shadowed .bl {
	position: absolute;
	font-size: 0;
	top: 100%;
	left: -17px;
	background: url('/i/shadow-lb.png') 0 0 no-repeat !important;
	background: none;
	filter: progid :       DXImageTransform.Microsoft.AlphaImageLoader (
		    
		 src =  
		
		   '/i/shadow-lb.png' );
	width: 17px;
	height: 21px;
}

.shadowed .l {
	position: absolute;
	font-size: 0;
	top: 0;
	left: -17px;
	background: url('/i/shadow-l.png') 0 0 repeat-y !important;
	background: none;
	width: 17px;
	height: 100%;
}

.pseudo-button {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-family: arial, sans-serif;
	color: #0b84c3;
	cursor: pointer;
}

.pseudo-button:hover {
	color: #63a200;
}

.t-right {
	text-align: right;
}

.rel {
	position: relative;
}

.clear {
	clear: both;
}

.inv {
	display: none;
}

.c {
	text-align: center;
}
.dash{
	border-bottom: 1px dashed #ABABAB;
	height: 1px;
	margin: 10px 0px;
	width: 100%;
	}
.title {
	font-weight: bold;
	margin: 10px 0px;
	
}

.comment {
	background-color: #EFEFE6;
	border-top: 1px dashed #D5D5D5;
	padding: 10px;
}

.comment_desc {
	padding-bottom: 10px;
	text-align: right;
}

div#column-right.column ul.categories li {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 5px;
}

html body {
    
}

	
	/* css, html - h4mpy */

	/* === Responsive fixes for tables on product page === */
	/* Контейнер с характеристиками: разрешаем горизонтальную прокрутку */
	.technical {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* Любая таблица внутри блока .technical должна прокручиваться по горизонтали */
	.technical table {
		display: block;
		width: max-content;
		max-width: none;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		min-width: 1200px; /* чтобы таблица была шире контейнера и появился скролл */
	}

	/* Не переносим ячейки, чтобы появился скролл */
	.technical table tr,
.data tr {
    white-space: nowrap;       /* строки не переносятся — таблица шире контейнера и появляется скролл */
}

	/* Универсальный контейнер-обёртка со скроллом */
	.table-scroll {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		display: block;
		width: 100%;
		white-space: nowrap; /* гарантируем появление горизонтального скролла */
		padding-bottom: 18px; /* увеличиваем область для нижней полосы прокрутки */
	}
	.table-scroll table {
		display: block !important; /* важно: таблица как блок, чтобы контейнер мог прокручиваться */
		white-space: nowrap !important;
		width: auto !important;          /* перебиваем width из HTML/inline */
		min-width: 2000px !important;    /* гарантируем ширину больше контейнера */
		table-layout: auto;
	}

	/* Перебиваем любые inline width у ячеек, чтобы ширина считалась по контенту */
	.table-scroll td,
	.table-scroll th {
		width: auto !important;
	}

	/* === Полноэкранный просмотр таблицы === */
	.table-modal {
		position: fixed;
		inset: 0;
		background: rgba(0,0,0,.5);
		z-index: 9999;
		display: none;
	}
	.table-modal.open { display: block; }
	.table-modal__content {
		position: absolute;
		top: 4%;
		left: 3%;
		width: 94%;
		height: 92%;
		background: #fff;
		border: 1px solid #ccc;
		box-shadow: 0 8px 24px rgba(0,0,0,.2);
		overflow: auto; /* обе прокрутки */
		padding: 12px;
	}
	.table-modal__close {
		position: absolute;
		top: 8px;
		right: 12px;
		cursor: pointer;
		color: #666;
		font: bold 16px/1 arial,sans-serif;
	}
	.table-modal__content table {
		display: table !important;
		width: max-content; /* реальная ширина по контенту */
		white-space: nowrap; /* строкам не переноситься */
	}
	.table-open-btn {
		margin-top: 8px;
		display: inline-block;
		background: #49addc;
		color: #fff;
		padding: 6px 10px;
		border-radius: 3px;
		text-decoration: none;
		cursor: pointer;
	}
	.table-open-btn:hover { background: #3a99c2; }

	/* Нижняя дублирующая полоса прокрутки */
	.table-scroll-bottom {
		overflow-x: auto;
		overflow-y: hidden;
		height: 24px; /* делаем нижний скролл более высоким и удобным */
		margin-top: 6px;
		-webkit-overflow-scrolling: touch;
	}
	.table-scroll-bottom-inner {
		height: 1px; /* невидимый наполнитель, ширину задаём скриптом */
	}

/* Улучшаем читабельность широкой таблицы: закрепим первый столбец и разрешим перенос в нём */
.data td:first-child,
.data th:first-child {
    position: sticky;
    left: 0;
    background: #f7f7f2; /* цвет фона страницы, чтобы не просвечивалось */
    white-space: normal; /* переносим длинные заголовки строк */
    z-index: 2;
}

/* (если есть thead) — закрепим шапку */
.data thead th {
    position: sticky;
    top: 0;
    z-index: 3;
}

/* Чуть компактнее отступы внутри ячеек, чтобы больше помещалось по ширине */
.data td,
.data th {
    padding: 6px 6px;
}