/* ---ОБЩЕЕ--- */
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() #D5F7F9; 
   background-repeat: ;
	color:#000000;
	font:normal 10pt tahoma, arial, verdana;
	padding: 0px 0px 0px 0px;
}
#wrapper {
	margin: 0 auto; 
	border: none;
	padding: 0px;
}
.op-main {
	color:#507FAD;
	font:normal 8pt Tahoma, arial, verdana;
}
.pricegru {
	font:bold 11pt Tahoma, arial, verdana;
	padding: 2px 20px;
}
tbody tr.odd {	background-color: #C8DFF5;} 
thead th,thead td,tfoot th {padding: 0.5em; border: 1px solid #D2E9FF; background-color: #C8DFF5; } 
#td-main td{
	padding: 3px;
}
/* --- ШАПКА --- */
#header {
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#005EBB;
	font:normal 12pt Arial, arial, verdana;
	border-style: solid; 
	border-color: #808080; 
	border-width: 1px 1px 1px 1px; 
	border-radius: 0px 0px 0px 0px; 
	background: #D2E9FF;
}
#header table{
	color:#005EBB;
	font:normal 12pt Arial, arial, verdana;
	border:0px; 
}
#header a {
   color:#005EBB;
}
/* ---ПОДВАЛ--- */
#footer {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-style: solid; 
	border-color: #808080; 
	border-width: 0px 0px 0px 0px; 
	border-radius: 0px 0px 0px 0px; 
	color:#000000;
	font:normal 9pt Arial, arial, verdana;
	background: #00FFFF;
}
#footer a {
	text-decoration: underline;
	color:#000000;
}
#footer a:hover { 
	text-decoration: none;
}
.leftbar .content { padding: 10px 15px 10px 15px;}
.leftbar {
	color:#0070A6;
	font:normal 9pt Tahoma, arial, verdana;
}
#td-left {
	background: #DDE9EE;
	margin:0px 0px 0px 0px;
	border-style: solid; 
	border-color: #C0C0C0; 
	border-width: 1px 1px 1px 1px; 
	border-radius: 0px 0px 0px 0px; 
}
.leftbar form {
	margin:0px 0px;
	padding:3px 0px;
}
.leftbar ul {
	margin:5px 0px;
}
.leftbar a { color:#0070A6; }
.leftbar table{
	color:#0070A6;
	font:normal 9pt Tahoma, arial, verdana;
}
.mainbar .content { padding: 10px 15px 10px 15px;}
.mainbar {
	color:#005EBB;
	font:normal 9pt Tahoma, arial, verdana;
}
#td-main {
	margin:0px 0px 0px 0px;
	border-style: solid; 
	border-color: #C0C0C0; 
	border-width: 0px 0px 0px 0px; 
	border-radius: 0px 0px 0px 0px; 
}
.mainbar form {
	margin:0px 0px;
	padding:3px 0px;
}
.mainbar ul {
	margin:5px 0px;
}
.mainbar a { color:#005EBB; }
.mainbar table{
	color:#005EBB;
	font:normal 9pt Tahoma, arial, verdana;
}
.rightbar .content { padding: 10px 10px 10px 10px;}
.rightbar {
	color:#0065CA;
	font:normal 9pt Tahoma, arial, verdana;
}
#td-right {
	margin:0px 0px 0px 0px;
	border-style: solid; 
	border-color: #C0C0C0; 
	border-width: 0px 0px 0px 0px; 
	border-radius: 0px 0px 0px 0px; 
}
.rightbar form {
	margin:0px 0px;
	padding:3px 0px;
}
.rightbar ul {
	margin:5px 0px;
}
.rightbar a { color:#0065CA; }
.rightbar table{
	color:#0065CA;
	font:normal 9pt Tahoma, arial, verdana;
}
/* ---КАТАЛОГИ--- */
#catalog {
	margin:0px 0px 0px 10px;
}
.cat1,
.catmenu ul li a {
	margin: 1px 0 1px 0; 
	padding: 2px;
	font:normal 10pt 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;
}
h3 {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	font:bold 11pt Arial, arial, verdana;
	color:#005EBB;
	border-style: solid; 
	border-color: #C0C0C0; 
	border-width: 0px 0px 0px 0px; 
	border-radius: 0px 0px 0px 0px; 
}
.leftbar h3 a { color:#005EBB; }
.mainbar h3 a { color:#005EBB; }
.rightbar h3 a { color:#005EBB; }
#header h3 a { color:#005EBB; }
#footer h3 a { color:#005EBB; }
.leftbar h3 td { font:bold 11pt Arial, arial, verdana; color:#005EBB; }
.mainbar h3 td { font:bold 11pt Arial, arial, verdana; color:#005EBB; }
.rightbar h3 td { font:bold 11pt Arial, arial, verdana; color:#005EBB; }
#header h3 td { font:bold 11pt Arial, arial, verdana; color:#005EBB; }
#footer h3 td { font:bold 11pt Arial, arial, verdana; color:#005EBB; }
h4 {
	margin: 20px 0px 20px 0px;
	padding: 5px 10px 5px 10px;
	font:bold 11pt Arial, arial, verdana;
	color:#0070A6;
	border-style: solid; 
	border-color: #6B91C9; 
	border-width: 0px 0px 2px 0px; 
	border-radius: 0px 0px 0px 0px; 
}
.leftbar h4 a { color:#0070A6; }
.mainbar h4 a { color:#0070A6; }
.rightbar h4 a { color:#0070A6; }
#header h4 a { color:#0070A6; }
#footer h4 a { color:#0070A6; }
.leftbar h4 td { font:bold 11pt Arial, arial, verdana; color:#0070A6; }
.mainbar h4 td { font:bold 11pt Arial, arial, verdana; color:#0070A6; }
.rightbar h4 td { font:bold 11pt Arial, arial, verdana; color:#0070A6; }
#header h4 td { font:bold 11pt Arial, arial, verdana; color:#0070A6; }
#footer h4 td { font:bold 11pt Arial, arial, verdana; color:#0070A6; }
h5 {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background: #E9FFE9;
	font:normal 9pt Arial, arial, verdana;
	color:#005EBB;
	border-style: solid; 
	border-color: #C0C0C0; 
	border-width: 1px 1px 1px 1px; 
	border-radius: 0px 0px 0px 0px; 
}
.leftbar h5 a { color:#005EBB; }
.mainbar h5 a { color:#005EBB; }
.rightbar h5 a { color:#005EBB; }
#header h5 a { color:#005EBB; }
#footer h5 a { color:#005EBB; }
.leftbar h5 td { font:normal 9pt Arial, arial, verdana; color:#005EBB; }
.mainbar h5 td { font:normal 9pt Arial, arial, verdana; color:#005EBB; }
.rightbar h5 td { font:normal 9pt Arial, arial, verdana; color:#005EBB; }
#header h5 td { font:normal 9pt Arial, arial, verdana; color:#005EBB; }
#footer h5 td { font:normal 9pt Arial, arial, verdana; color:#005EBB; }
h6 {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 5px 10px;
	font:normal 8pt Arial, arial, verdana;
	color:#005EBB;
	border-style: solid; 
	border-color: #005EBB; 
	border-width: 0px 0px 2px 0px; 
	border-radius: 0px 0px 0px 0px; 
}
.leftbar h6 a { color:#005EBB; }
.mainbar h6 a { color:#005EBB; }
.rightbar h6 a { color:#005EBB; }
#header h6 a { color:#005EBB; }
#footer h6 a { color:#005EBB; }
.leftbar h6 td { font:normal 8pt Arial, arial, verdana; color:#005EBB; }
.mainbar h6 td { font:normal 8pt Arial, arial, verdana; color:#005EBB; }
.rightbar h6 td { font:normal 8pt Arial, arial, verdana; color:#005EBB; }
#header h6 td { font:normal 8pt Arial, arial, verdana; color:#005EBB; }
#footer h6 td { font:normal 8pt Arial, arial, verdana; color:#005EBB; }
.menu {
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
	border-style: solid; 
	border-color: #C0C0C0; 
	border-width: 2px 2px 2px 2px; 
	border-radius: 2px 2px 2px 2px; 
	height: 24px;
	background: #6B91C9;
	clear:both;
}
.menu ul { margin:0px; padding:0px; list-style:none; }
.menu ul li { display:inline; }	
.menu a {float:left; display:block; color:#FFFFFF; height: 21px; 
			font:normal 10pt Tahoma, arial, verdana; 
	background: #6B91C9;
	text-align: center; 
	text-decoration: none;
	padding:3px 12px 0px 12px;
	margin: 0;
}
.menu a:hover { 
	font:normal 10pt Tahoma, arial, verdana; 
	background-color: #FFFFFF; 
	color:#000040; 
	-ms-transition: background-color .5s;  
	transition: background-color .5s;
	}
.menu .active>a { 
	font:normal 10pt Tahoma, arial, verdana; 
	background-color: #FFFFFF; 
	color:#000040; 
	}
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: 24px; 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: #D2E9FF; 
	color:#005EBB;
}
.highslide-html a{
	color:#005EBB;
}
.highslide-header a {
	font-weight: bold;
	color: #005EBB;
	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:200px;}
.cc32 {width:540px;}
.cc33 {width:200px;}
.cc22L {width:750px;}
.cc22R {width:750px;}
.cc11 {width:960px;}
#wrapper {width:960px; table-layout: fixed;}
.slicknav_menu {display:none;}
#ksFootMenu { margin: 5px;}
#ksMobHome, #ksMobTel {display:none;}
#ksMobHome {display:inline;}
#ksMobTel  {display:inline;}
#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:20,8333%; display:none;}
	.cc32 {width:56,2500%;}
	.cc33 {width:20,8333%; display:none;}
	.cc22L {width:78,1250%;}
	.cc22R {width:78,1250%;}
	.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 .POLE11: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*/