
/* ---ОБЩЕЕ--- */
html, body {
  margin:0;
  padding:0;
  border:0;
  height:100%;
}
hr {
	color:#ccc; /*для IE*/
	background-color:#ccc; /*для нормальных браузеров*/
	border:none;
	height:1px;
}
p { margin: 5px 0px;}
.catimg { display:block; float: left; margin: 3px 7px 7px 3px; }
#mHeader p {margin:0}
#mHeader {border-width:0}
body {
	background:  url() #FFFFFF; 
   background-repeat: no-repeat;
	color:#0059B3;
	font:normal 10pt tahoma, arial, verdana;
	padding: 0px 0px 0px 0px;
}
#wrapper {
	margin: 0 auto; 
	border: none;
	padding: 0px;
}
.op-main {
	color:#6E6E6E;
	font:normal 9pt Arial, arial, verdana;
}
.pricegru {
	font:bold 12pt Arial, arial, verdana;
	padding: 2px 20px;
}
tbody tr.odd {	background-color: #F5F5F5;} 
thead th,thead td,tfoot th {padding: 0.5em; border: 1px solid #FFFFFF; background-color: #F5F5F5; } 
#td-main td{
	padding: 3px;
}
/* --- ШАПКА --- */
#header {
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#4271B5;
	font:normal 12pt Tahoma, arial, verdana;
	border-style: solid; 
	border-color: #4271B5; 
	border-width: 0px 0px 2px 0px; 
	border-radius: ; 
}
#header table{
	color:#4271B5;
	font:normal 12pt Tahoma, arial, verdana;
	border:0px; 
}
#header a {
   color:#4271B5;
}
/* ---ПОДВАЛ--- */
#footer {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-style: solid; 
	border-color: #4271B5; 
	border-width: 2px 0px 0px 0px; 
	border-radius: ; 
	color:#000000;
	font:normal 9pt Arial, arial, verdana;
	background: #FFFFFF;
}
#footer a {
	text-decoration: underline;
	color:#000000;
}
#footer a:hover { 
	text-decoration: none;
}
.leftbar .content { padding: 10px 15px 10px 15px;}
.leftbar {
	color:#464646;
	font:normal 10pt Tahoma, arial, verdana;
}
#td-left {
	background: #FFFFFF;
	margin:0px 0px 0px 0px;
	border-style: solid; 
	border-color: #AAD5FF; 
	border-width: 1px 1px 1px 1px; 
	border-radius: ; 
}
.leftbar form {
	margin:0px 0px;
	padding:3px 0px;
}
.leftbar ul {
	margin:5px 0px;
}
.leftbar a { color:#464646; }
.leftbar table{
	color:#464646;
	font:normal 10pt Tahoma, arial, verdana;
}
.mainbar .content { padding: 10px 15px 10px 15px;}
.mainbar {
	color:#3C3C3C;
	font:normal 10pt Arial, arial, verdana;
}
#td-main {
	background: #FFFFFF;
	margin:0px 0px 0px 0px;
	border-style: solid; 
	border-color: #0000FF; 
	border-width: 0px 0px 0px 0px; 
	border-radius: ; 
}
.mainbar form {
	margin:0px 0px;
	padding:3px 0px;
}
.mainbar ul {
	margin:5px 0px;
}
.mainbar a { color:#3C3C3C; }
.mainbar table{
	color:#3C3C3C;
	font:normal 10pt Arial, arial, verdana;
}
.rightbar .content { padding: 10px 15px 10px 15px;}
.rightbar {
	color:#464646;
	font:normal 10pt Tahoma, arial, verdana;
}
#td-right {
	background: #FFFFFF;
	margin:0px 0px 0px 0px;
	border-style: solid; 
	border-color: #AAD5FF; 
	border-width: 1px 1px 1px 1px; 
	border-radius: ; 
}
.rightbar form {
	margin:0px 0px;
	padding:3px 0px;
}
.rightbar ul {
	margin:5px 0px;
}
.rightbar a { color:#464646; }
.rightbar table{
	color:#464646;
	font:normal 10pt Tahoma, arial, verdana;
}
/* ---КАТАЛОГИ--- */
#catalog {
	margin:0px 0px 0px 10px;
}
.cat1,
.catmenu ul li a {
	margin: 1px 0 1px 0; 
	padding: 2px;
	font:normal 11pt Tahoma, arial, verdana;
}
.cat2,
.catmenu ul li ul li a {
	margin: 1px 0 1px 0; 
	padding: 0px 0px 0px 14px;
}
.cat3,
.catmenu ul li ul li ul li a {
	margin: 1px 0 1px 0; 
	padding: 0px 0px 0px 26px;
}
.cat1 a, .cat2 a, .cat3 a,
.catmenu a {
	text-decoration: underline;
}
.cat1 a:hover, .cat2 a:hover, .cat3 a:hover,
.catmenu a:hover {
	text-decoration: none;
}
.cat1 a.current, .cat2 a.current, .cat3 a.current,
.catmenu a:current {
	font-weight:bold;
	text-decoration: none;
}
h1 {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	font:bold 18pt Arial, arial, verdana;
	color:#4271B5;
	border-style: solid; 
	border-color: #C0C0C0; 
	border-width: 0px 0px 0px 0px; 
	border-radius: ; 
}
.leftbar h1 a { color:#4271B5; }
.mainbar h1 a { color:#4271B5; }
.rightbar h1 a { color:#4271B5; }
#header h1 a { color:#4271B5; }
#footer h1 a { color:#4271B5; }
.leftbar h1 td { font:bold 18pt Arial, arial, verdana; color:#4271B5; }
.mainbar h1 td { font:bold 18pt Arial, arial, verdana; color:#4271B5; }
.rightbar h1 td { font:bold 18pt Arial, arial, verdana; color:#4271B5; }
#header h1 td { font:bold 18pt Arial, arial, verdana; color:#4271B5; }
#footer h1 td { font:bold 18pt Arial, arial, verdana; color:#4271B5; }
h2 {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	font:bold 14pt Arial, arial, verdana;
	color:#4271B5;
	border-style: solid; 
	border-color: #4271B5; 
	border-width: 0px 0px 2px 0px; 
	border-radius: ; 
}
.leftbar h2 a { color:#4271B5; }
.mainbar h2 a { color:#4271B5; }
.rightbar h2 a { color:#4271B5; }
#header h2 a { color:#4271B5; }
#footer h2 a { color:#4271B5; }
.leftbar h2 td { font:bold 14pt Arial, arial, verdana; color:#4271B5; }
.mainbar h2 td { font:bold 14pt Arial, arial, verdana; color:#4271B5; }
.rightbar h2 td { font:bold 14pt Arial, arial, verdana; color:#4271B5; }
#header h2 td { font:bold 14pt Arial, arial, verdana; color:#4271B5; }
#footer h2 td { font:bold 14pt Arial, arial, verdana; color:#4271B5; }
h3 {
	margin: 20px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #D9ECFF;
	font:bold 11pt Arial, arial, verdana;
	color:#000000;
	border-style: solid; 
	border-color: #C0C0C0; 
	border-width: 0px 0px 0px 0px; 
	border-radius: ; 
}
.leftbar h3 a { color:#000000; }
.mainbar h3 a { color:#000000; }
.rightbar h3 a { color:#000000; }
#header h3 a { color:#000000; }
#footer h3 a { color:#000000; }
.leftbar h3 td { font:bold 11pt Arial, arial, verdana; color:#000000; }
.mainbar h3 td { font:bold 11pt Arial, arial, verdana; color:#000000; }
.rightbar h3 td { font:bold 11pt Arial, arial, verdana; color:#000000; }
#header h3 td { font:bold 11pt Arial, arial, verdana; color:#000000; }
#footer h3 td { font:bold 11pt Arial, arial, verdana; color:#000000; }
h4 {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background: #D9ECFF;
	font:bold 10pt Arial, arial, verdana;
	color:#000080;
	border-style: solid; 
	border-color: #C0C0C0; 
	border-width: 0px 0px 0px 0px; 
	border-radius: ; 
}
.leftbar h4 a { color:#000080; }
.mainbar h4 a { color:#000080; }
.rightbar h4 a { color:#000080; }
#header h4 a { color:#000080; }
#footer h4 a { color:#000080; }
.leftbar h4 td { font:bold 10pt Arial, arial, verdana; color:#000080; }
.mainbar h4 td { font:bold 10pt Arial, arial, verdana; color:#000080; }
.rightbar h4 td { font:bold 10pt Arial, arial, verdana; color:#000080; }
#header h4 td { font:bold 10pt Arial, arial, verdana; color:#000080; }
#footer h4 td { font:bold 10pt Arial, arial, verdana; color:#000080; }
h5 {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background: #D9ECFF;
	font:bold 10pt Arial, arial, verdana;
	color:#000080;
	border-style: solid; 
	border-color: #4271B5; 
	border-width: 0px 0px 0px 0px; 
	border-radius: ; 
}
.leftbar h5 a { color:#000080; }
.mainbar h5 a { color:#000080; }
.rightbar h5 a { color:#000080; }
#header h5 a { color:#000080; }
#footer h5 a { color:#000080; }
.leftbar h5 td { font:bold 10pt Arial, arial, verdana; color:#000080; }
.mainbar h5 td { font:bold 10pt Arial, arial, verdana; color:#000080; }
.rightbar h5 td { font:bold 10pt Arial, arial, verdana; color:#000080; }
#header h5 td { font:bold 10pt Arial, arial, verdana; color:#000080; }
#footer h5 td { font:bold 10pt Arial, arial, verdana; color:#000080; }
h6 {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background: #D9ECFF;
	font:bold 10pt Arial, arial, verdana;
	color:#000080;
	border-style: solid; 
	border-color: #C0C0C0; 
	border-width: 0px 0px 0px 0px; 
	border-radius: ; 
}
.leftbar h6 a { color:#000080; }
.mainbar h6 a { color:#000080; }
.rightbar h6 a { color:#000080; }
#header h6 a { color:#000080; }
#footer h6 a { color:#000080; }
.leftbar h6 td { font:bold 10pt Arial, arial, verdana; color:#000080; }
.mainbar h6 td { font:bold 10pt Arial, arial, verdana; color:#000080; }
.rightbar h6 td { font:bold 10pt Arial, arial, verdana; color:#000080; }
#header h6 td { font:bold 10pt Arial, arial, verdana; color:#000080; }
#footer h6 td { font:bold 10pt Arial, arial, verdana; color:#000080; }
.menu {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-style: solid; 
	border-color: #FF0000; 
	border-width: 0px 0px 0px 0px; 
	border-radius: ; 
	height: 34px;
	background: #D9ECFF;
	clear:both;
}
.menu ul { margin:0px; padding:0px; list-style:none; }
.menu ul li { display:inline; }	
.menu a {float:left; display:block; color:#000000; height: 26px; 
			font:bold 10pt Tahoma, arial, verdana; 
	background: #D9ECFF;
	text-align: center; 
	text-decoration: none;
	padding:8px 12px 0px 12px;
	margin: 0;
}
.menu a:hover { text-decoration: underline; }
.menu .active>a { text-decoration: underline; }
ul.dropdown { position: relative; z-index:106; }
ul.dropdown li { float: left;  zoom: 1; z-index:106; }
ul.dropdown li a { display: block;  }
ul.dropdown li:hover { position: relative; }
ul.dropdown ul { width: 200px; visibility: hidden; position: absolute; top: 34px; left: 0;}
ul.dropdown ul { border-top: 1px solid #ccc;}
ul.dropdown ul li { border: 1px solid #ccc; border-top: none; float: none; display: block; }
ul.dropdown ul li a { padding: 5px; float: none; }
ul.dropdown ul li a { border-right: none; width: 188px; display: inline-block; height: 100%; font-weight: normal;}
ul.dropdown ul li a:hover { font-weight: normal;}
ul.dropdown ul ul { left: 100%; top: -1px; border-top: 1px solid #ccc;}
ul.dropdown li:hover > ul { visibility: visible; } 

/* ---ИЗМЕНЕНИЯ В СТИЛЕ highslide--- */
.highslide-html {
	background-color: #FFFFFF; 
	color:#3C3C3C;
}
.highslide-html a{
	color:#3C3C3C;
}
.highslide-header a {
	font-weight: bold;
	color: #3C3C3C;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-html-content {
	display: none;
	width: 500px;
	padding: 0px 7px 7px 7px;
}
.ksVypMenu { display:none; }
#logo {overflow: hidden; width: 100%}
.isBlock { display: block; float:left;}
.cc31 {width:250px;}
.cc32 {width:470px;}
.cc33 {width:250px;}
.cc22L {width:735px;}
.cc22R {width:735px;}
.cc11 {width:1000px;}
#wrapper {width:1000px; table-layout: fixed;}
.slicknav_menu {display:none;}
#ksFootMenu { margin: 5px;}
#ksMobHome, #ksMobTel {display:none;}
#ksMobHome {display:none;}
#ksMobTel  {display:none;}
#mHeader  {display:none;}
.SimplyTable .tdzak {text-align:center;}
#fixMobFooter {
   display: none;
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background-color:olive;
}
	iframe{max-width:100%; }
	#slider img{width:100%;}
@media screen and (max-width: 768px) {
	body { padding:0 }
	.cc31 {width:25,0000%; display:none;}
	.cc32 {width:47,0000%;}
	.cc33 {width:25,0000%; display:none;}
	.cc22L {width:73,5000%;}
	.cc22R {width:73,5000%;}
	.cc2 {width:100%;}
.ksVypMobMenu { display:block; }
	#wrapper {width: 100%; table-layout: auto; border-spacing:0;}
	#td-main {width: 100%; border-radius:0; }
	#footer {border-radius:0; }
   #td-right{display:none;}
	.menu {display:none;}
	.slicknav_menu {display:block;}
	#ksFootMenu a{line-height: 2; white-space: nowrap;}
	#ksFootMenu { margin-bottom: 10px;}
	#header, #td-left {display:none;}
	#mHeader  {display:block; overflow:hidden; }
	#oneTovTable td { display: block;}
	.SimplyTable td { display: block;}
	.SimplyTable thead td { float:left; }
	.SimplyTable thead td.noSort { display: none;}
	.SimplyTable thead td.firstSort:before { content: "Сортировать по: "; }
.SimplyTable .FOTO1:before {content: "Фото:  "; }
.SimplyTable .TOV_SNAME1:before {content: "Название:  "; }
.SimplyTable .O11:before {content: "Краткое описание:  "; }
.SimplyTable .O21:before {content: "Полное описание:  "; }
	.divForMobile {clear: both;}
	#footer table { display:none; }
	hr {width:auto!important;}
	img{max-width:100%; height:auto!important;}
.highslide-html-content {width: 100%;}
}
@media screen and (max-width:640px){
	#td-main table { display:none; }
	#td-main .ksBlok { display:block;  width: 100%!important; height:auto!important; } 
	#td-main .ksBlok tr { display:block; margin:0px; } 
	#td-main .ksBlok td { display:block; width: 100%; margin:2px 0px; overflow: hidden;}
	#td-main table.ksTable { display:table; }
}
@media screen and (max-width:480px){
	input, textarea {max-width:250px;}
	.mainbar .content { padding: 2%;}
}
.slicknav_brand .fa {
	padding:7px 10px ;
	color:#fff ;
	cursor:pointer;
	}
	.slicknav_nav li>a {
		padding: 10px!important;
		background: #555;
       -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px; }
	.slicknav_nav .slicknav_arrow {float: right; font-size:1em; border-left: 2px solid white; padding-left:0.7em;}
	.slicknav_brand { padding-left: 0px; }
#slider{ /* Оболочка слайдера */
	overflow: hidden;
	border:#eee solid 0px;
	position:relative;}
.slide{ /* Слайд */
	width:100%;
	height:100%;
	}
.sli-links{ /* Кнопки смены слайдов */
	margin-top:10px;
	text-align:center;}
.sli-links .control-slide{
	margin:2px;
	display:inline-block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(graphics/radiobg.png) center bottom no-repeat;}
.sli-links .control-slide:hover{
	cursor:pointer;
	background-position:center center;}
.sli-links .control-slide.active{
	background-position:center top;}
#prewbutton, #nextbutton{ /* Ссылка "Следующий" и "Педыдущий" */
	display:block;
	width:15px;
	height:100%;
	position:absolute;
	top:0;
	overflow:hidden;
	text-indent:-999px;
	background:url(graphics/arrowbg.png) left center no-repeat;
	opacity:0.8;
	z-index:3;
	outline:none !important;}
#prewbutton{left:10px;}
#nextbutton{
	right:10px;
	background:url(graphics/arrowbg.png) right center no-repeat;}
#prewbutton:hover, #nextbutton:hover{
	opacity:1;}
/*Дополнительный CSS*/
#menu {
padding: 0;
width: 100%;
border-top: 5px solid #4271B5; /*Brown color theme*/
background: transparent;
}

#menu ul{
margin:0;
margin-left: 40px;
padding: 0;
list-style: none;
}

#menu li{
display: inline;
margin: 0 5px 0 0;
padding: 0;
text-transform:uppercase;
}

#menu a{
float: left;
display: block;
font: bold 11px Arial;
color: #4271B5;
text-decoration: none;
margin: 0 1px 0 0;
padding: 5px 10px;
background-color: #D9ECFF;
border-top: 1px solid white;
}

#menu a:hover{
background-color: #4271B5; /*Brown color theme*/
color: #D9ECFF;
}

#menu #current a{ /*currently selected tab*/
background-color: #4271B5; /*Brown color theme*/
color: white;
border-color: #4271B5; /*Brown color theme*/
}