/* meyerweb css reset start */
/* The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. */
html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: Arial;
    vertical-align: top;
}

a {
	text-decoration: underline;
}
a img, :link img, :visited img {
    border: 0;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
html, body {
	  height: 100%;
    1overflow: hidden;
}
body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
    q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: none;
}
/* meyerweb css reset end */

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

h1{
	font-size:120%;
	color:#006134;
}
h2{
	font-size: 110%;
	color: #000000;
}
h3{
	font-size: 100%;
	color: #6b6b6b;
	text-transform: uppercase;
}
h4{
	font-size: 100%;
	color: #39b77d;
}

h5{font-size:100%}/* 18px */
h6{font-size:100%}/* 16px */

body {
    font-size: 14px;
    text-align:center; /* for ie5.+*/
    background-color: white;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

#_global_container {
	background: #000000;
	float: left;
	min-height: 100%;
	margin: 0 auto;
	min-width: 550px;
	position: relative;
	width: 100%;
	overflow: hidden;
}
#shapkamain{
	background: url(/images/shapkamainfon1.png) repeat-x;
	left: 0;
	min-height: 122px;
	position: relative;
	top: 0;
}
#header_logo{
	position: absolute;
	left: 0;
}
#shapkainner {
	background: url(/images/shapkainnerfon.png) repeat-x;
	left: 0;
	min-height: 102px;
	position: relative;
	top: 0;
}
#Begushaya_strokaHolder {
	background: url(/images/begushaya_stroka.png) no-repeat;
	float: right;
	position: relative;
	top: 26px;
	right: 17px;
	min-height: 84px;
	width: 654px;
}
#Novostaya_lenta__Begushay {
	float: left;
	position: relative;
	font-family: Arial, sans-serif;
	font-size: 100%;
	line-height: 200%;
	margin: 1px 0 26px 20px;
	text-align: left;
	width: 612px;
}
#Novostaya_lenta__Begushay a{
	color: #d0cfcf;
	text-decoration:none;
}
#Novostaya_lenta__Begushay a span {
	color: #009e55;
	text-decoration:none;
}
#Novostaya_lenta__Begushay :hover{
	color: #ffffff;
	cursor: pointer;
}
#SpecProfil {
	display: block;
	float: left;
	height: 28px;
	margin: 26px 0 0 18px;
	position: relative;
	width: 173px;
}
#SpecProfil1  {
	display: block;
	float: left;
	left: 18px;
	position: relative;
	top: 32px;
	width: 206px;
}

/* ���� ������� �������� */
#menu1 {
	float: left;
	left: 15px;
	top: -31px;
	position: relative;
	z-index: 1000;
	width: max-content;
}

/* ���� ���������� ������� */
#menu2 {
	float: left;
	left: 319px;
	top: -31px;
	position: relative;
	z-index: 1000;
	width: max-content;
}
#jsddm{	
	float: left;
	left: 0px;
	top: 0px;
	position: relative;
}
#jsddm li{	
	float:left;
	list-style: none;
	padding:0px 4px;
}
#jsddm li a{	
	background: url(/images/menubottom.png) repeat-x;
	display:block;
	font-family: Arial;
	font-weight: bold;
	font-size: 100%;
	text-align: center;
	text-decoration: none;
	padding: 0px 10px 21px 10px;
	color: #000000;
}
#jsddm li a:hover {	
	background: url(/images/menubottomactive.png) repeat-x;
	color:#FFFFFF;
}
#jsddm  ul{	
	background: url(/images/menuitembottom.png) bottom repeat-x;
	margin: -3px 0 0 0;
	padding: 0px 0px 9px 0px;
	position: absolute;
	visibility: hidden;
	white-space: nowrap;
	z-index: 1000;
}
#jsddm  ul li{	
	padding: 0;
	margin: 0;
	display: block;
	float: none;
}
#jsddm  ul li a{	
	background: #888888;
	width: auto;
	font-family: Arial;
	font-weight: bold;
	font-size: 100%;
	text-align: center;
	text-decoration: none;
	text-align: left;
	display:block; 
  padding: 10px;
	margin: 0;
}
#jsddm  ul li a:hover{	
	background: #008246;
	border-top: 1px solid #016235;
	border-bottom: 1px solid #016235;
	padding: 9px 10px;
}


#tablepicture {
	background: url(/images/katalogfon.png) no-repeat;
	width: 102px;
	height: 124px;
}
#tablepicture a img {
	margin: 6px;
}
#tablepicture:hover{
	background: url(/images/katalogfonactive.png) no-repeat;
}
#tabletext {
	padding: 20px 6px!important;
	color: #b7b7b7;
	font-family: Arial;
	font-weight: bold;
	font-size: 110%;
	line-height: 120%;
	text-align: left;
	text-decoration:none;
}
#tabletext a{
	color: #b7b7b7;
	text-decoration:none;
}
#tabletext a:hover {
	color: #01a85b;
	tablepicture.background: url(/images/katalogfonactive.png) no-repeat;
}
#CatalogMain {
	clear: left;
	float: left;
	margin: 8px 0 130px 13px;
	width: 98%;
}
#Catalog {
	background: #ffffff;
	clear: left;
	float: left;
	margin: -34px 0 99px 0;
	width: 100%;
	overflow: hidden;
}
#Catalog1 {
	background: #000000;
	clear: left;
	float: left;
	margin: -34px 0 0 0;
	width: 100%;
	overflow: hidden;
}
#CatalogLeftBlack {
	background: #eeeeee;
	width: 304px;
	clear: left;
	float: left;
	margin-bottom: -100000px;
	padding-bottom: 100000px;
}
#CatalogLeft{
	clear: left;
	float: left;
	line-height: 140%;
	margin: 25px 0 20px 18px;
	width: 304px;
}
#CatalogLeft ul li {
	background: url(/images/catrazdel.png) no-repeat;
	float: left;
	margin: 0;
	padding: 0px 0 14px 0;
	width: 250px;
}
#CatalogLeft ul li a{
	color: #017d44;
	float: left;
	margin: -4px 0px 0px 23px;
	padding: 0px 0 6px 0;
	font-family: Arial;
	text-align: left;
	font-size: 115%;
	font-weight: bold;
	text-decoration:none;
}
#CatalogLeft ul li a:hover{
	color: #017d44;
}
#CatalogLeft ul li ul li {
	background: none;
	float: left;
	margin: 0;
	padding: 0px 0 0px 0;

}
#CatalogLeft ul li ul li a{
	color: #000000;
	font-family: Arial;
	font-size: 100%;
	text-align: left;
	font-weight: normal;
	text-decoration:underline;
	margin: -0px 0px 0px 23px;
	padding: 0px 0 0px 0;
}

#CatalogLeft ul li ul li  a:hover{
	color: #18b461!important;
	text-decoration:underline!important;
}
#CatalogLeft ul li ul li  a.cur{
	background: url(/images/catitem.png) no-repeat;
	color: #18b461;
	float:left;
	margin: 0px 0px 0px 13px;
	padding: 0px 0px 0px 10px;
}

#CatalogRight{
	/* background: #ff22ff; */
	font-family: Arial;
	font-size: 100%;
	text-align: left;
	font-weight: normal;
	text-decoration:none;
	line-height: 1.5;
	margin: 18px 10px 20px 324px;	
	min-height: 100vh;
}
#CatalogRight h2{
	margin-bottom: 20px;
}
#CatalogRight h3 a, #CatalogRight h2 a{
	color:#006134;
}
#CatalogRight h3 a:hover, #CatalogRight h2 a:hover{
	color:#000000;
}
#CatalogRight1{
	/* background: #ff22ff; */
	color: #888888;
	font-family: Arial;
	font-size: 100%;
	text-align: left;
	font-weight: normal;
	text-decoration:none;
	line-height: 1.5;
	margin: 18px 20px 20px 324px;	
}
#CatalogRight1 h2{
	color: #888888;
	font-size: 20px;
	height: 20px;
}
#CatalogHeader{
	margin: 0 0 0 0;
	width: 100%;
}


.catalogTable {
	margin: 15px 0 0 0;
	width:100%;
	border: 1px solid #5c5c5c;
	border-collapse: collapse;
}
.catalogTable td{
	border: 1px solid #5c5c5c;
	border-collapse: collapse;
	vertical-align:middle;
	text-align: center;
	height:26px;
}
tr.tabHead td{
	font-weight:bold;
	text-align: center;
	color:#ffffff;
	background-color:#008246;
	height:30px;
}
div.color{
	width:50px;
	height:20px;
	background-position:center;
	border:1px solid #a4a5a7;
}
div.line {
	width:100%;
	height:37px;
}
#Content{

}
#Content1{
	font-family: Arial;
	font-size: 100%;
	text-align: justify;
	font-weight: normal;
	text-decoration:none;
	line-height: 1.5;
	margin: 18px 20px 20px 324px;
	min-height: 100vh;
}	
#Content1 ol{
    list-style: inside decimal;
}
#Content2 ol{
    list-style: inside decimal;
}
#Content1  a{
	color: #009e55;
}
#Content1  a:hover{
	text-decoration:none;
}
#Content1 ul{
	list-style: inside url(/images/list.png);
}
#Content1 li{
	margin-left: 3px;
	padding: 3px 0 3px 0;
}
#Content2{
	color: #666562;
	font-family: Arial;
	font-size: 100%;
	text-align: left;
	font-weight: normal;
	text-decoration:none;
	line-height: 1.8;
	margin: 18px 20px 20px 324px;
	min-height: 100vh;
}
#Content2 h1{
	color: #109d5c;
	height: 40px;
}
#Content2 h2{
	color: #5d5d5d;
	font-size: 20px;
	font-weight: normal;
	height: 30px;
}
#Content2 h3{
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	height: 30px;
}

#Content2  a{
	color: #ffffff;
	text-decoration:none;
}
#Content2  a:hover{
	color: #39b77d;
}
#PhotoGal {
	min-width: 330px;
	height: 330px;
	padding-right: 20px!important;
	background: url(/images/photofon.png) no-repeat;
}
#PhotoGal:hover{
	background: url(/images/photofonactive.png) no-repeat;
}
#PhotoGal  img{
	background: url(/images/photofon.png) no-repeat;
	margin: 6px;
	width: 302px;
	height: 304px;
}

.r5 { margin-right:5px; }
.b5 { margin-bottom:5px; }
.lr5 { margin-left:5px; margin-right:5px; }
.lb10{ margin-left:10px; margin-bottom:10px; }
.rb10{ margin-right:10px; margin-bottom:10px; }
.tr10{ margin-right:10px; margin-top:10px; }
.tl10{ margin-left:10px; margin-top:10px; }
.lb20{ margin-left:20px; margin-bottom:20px; }
.l10 { margin-left:10px;}
.l20 { margin-left:20px;}
.l40 { margin-left:40px;}
.r10 { margin-right: 10px;}
.r20 { margin-right:20px;}
.t20 { margin-top:20px;}
.tr20 { margin-top:20px; margin-right: 20px;}
.t20_l10 { margin-top:20px; margin-left:10px;}
.t10 { margin-top:10px;}
.t30 { margin-top:30px;}
.b10 { margin-bottom:10px;}
.tb10 { margin-top:10px; margin-bottom:10px; }
.tb20 { margin-top:20px; margin-bottom:20px; }
.t10_b20 { margin-top:10px; margin-bottom:20px; }
.b20 { margin-bottom:20px; }
.br20 { margin-bottom: 20px; margin-right: 20px;}
.lr15 { margin-left:15px; margin-right:15px;}
.l20_r10 { margin-left:20px; margin-right:10px;}
.p_t10{ padding-top: 10px;}
.p_r10{padding-right: 10px;}
.p_r15{padding-right: 15px;}
.p_l10{padding-left: 10px;}
.p_l20{padding-left: 20px;}
.p_lt10{padding-left: 10px; padding-top: 10px;}
.p_rb20{padding-right: 20px; padding-bottom: 20px;}
.p_tb10{padding-top: 10px; padding-bottom: 10px;} 

#o_kachestve {
	float: right;
	margin: 0 5% 0 15%;
	`margin: 5px 15px 0 22px;
	`width: 288px;
}
#Logo1 {
	clear: left;
	float: left;
	margin: 0;
	width: 150px;
}
#Produkciya_Profilpas_sozd {
	clear: left;
	float: left;
	margin: 22px 0 -3px -3px;
	`width: 297px;
}
#Produkciya_Profilpas_sozd p {
	color: #666562;
	font-family: Arial, sans-serif;
	font-size: 100%;
	line-height: 150%;
	text-align: justify;
}
#Produkciya_Profilpas_sozd a{
	color: #ffffff;
	text-decoration:none;
}
#Produkciya_Profilpas_sozd span {
	color: #15b36a;
	font-weight: bold;
}



#footermain{
	background: url(/images/footermainfon.png) repeat-x;
	clear: left;
	left: 0;
	right: 0;
	bottom: 0;
	height: 97px;
	position: absolute;
}
#footerinner{
	background: url(/images/footerinnerfon.png) repeat-x;
	clear: left;
	left: 0;
	right: 0;
	bottom: 0;
	height: 99px;
	position: absolute;
}
#footer_logo_main{
	background: url(/images/footermain.png);
	position: relative;
	left: 0;
}
#footer_logo_inner{
	background: url(/images/footerinner.png);
	position: relative;
	left: 0;
}
#Logo2 {
	float: left;
	margin: 28px 0 0 18px;
	width: 31px;
}
#Copyright {
	float: left;
	margin: 1px 0 -2px 14px;
	font-size: 90%;
}
#Copyright p {
	color: #161616;
	font-family: Arial, sans-serif;
	font-size: 100%;
	line-height: 127%;
	margin: 7px 0 0 3px;
	text-align: left;
}
#Copyright p  a{
	color: #009e55;
}
#Copyright p  a:hover{
	text-decoration:none;
}

#phoneHolderBottom {
	position: relative;
	top: 15px;
}
#phoneHolder {
	float: right;
	top: 27px;
	right: 20px;
	height: 23px;
	position: relative;
	`width: 450px;
  font-family: Arial, sans-serif;
  font-size: 20px;
	white-space: nowrap;
}
#phoneHolder p{
	clear: both;
	float: right;
}
#phoneHolder p a, #phoneHolder p a:hover{
	color: #2abf58;
	text-shadow: 1px 1px 2px black;
	text-decoration: none;
	vertical-align: baseline;
}
#phoneHolder p a:hover{
	text-decoration: underline;
}
#phoneHolder .callback{
	clear: both;
	margin-top: 7px;
	float: right;
	font-weight: normal;
	font-size: 20px;
	color: #2abf58;
}
#phoneHolder .phone{
	font-size: 25px;
}
#phoneHolderTop1{
	display: none;
}
#phoneHolderBottom #phoneHolder{
	clear: both;
	top: -38px;
}
#maintable {
	width: 100%;
}
#maintable > tbody > tr > td{
	width: 33%;
}
#maintable1 {
	display: none;
	width: 100%;
}
#maintable1 > tbody > tr > td{
	width: 50%;
}
#mainright{
	width: 295px;
}
.information {
	display: inline-block;
}
.information span{
	display: inline-block;
	color: #008246;
	font-size: 70%;
	width: 300px;
	margin-left: 5px;
}
.btn{
  font-weight: bold;
	font-size: 70%;
}
.information  .btn{
	background: #008246;
}
.shapkap{
	position: absolute;
	top: 60px;
	left: 20px;
	font-family: Arial;
	font-size: 20px;
	white-space: nowrap;
	color: #444444;
}
.floatbuttons{
	position: fixed;
	right: 20px;
	bottom: 20px;
}
.floatbuttons button{
	display: block;
	width: 94px;
	box-shadow: 2px 2px 7px -1px black;
}
.hidden {
	display: none;
}
.visalogo{
	position: absolute;
  right: 20px;
  margin-top: 12px;
}

.form-check-label {
    margin-bottom: 0;
    line-height: 22px;
}

a.foto{
	color: #000000;
	font-family: Arial;
	font-size: 100%;
	text-align: left;
	font-weight: normal;
	text-decoration:none;
}
a.foto:hover{
	color: #18b461;
}
a.foto span{
  margin: 97px -77px 0 11px;
  display: inline-block;
}

@media screen and (max-width:1200px) {
	#mainright{display: none;}
	#Begushaya_strokaHolder{display: none;}
	#jsddm  ul li a{ padding: 16px;}
	#jsddm  ul li a:hover{padding: 15px 16px;}
}

@media screen and (max-width:1000px) {
	.hidemob{display:none;}
	/* ������� */
  #maintable {	display: none;}
	#maintable1{ display: block;}
	#phoneHolderBottom > img, #CopyrightHide{display: none;}
	#phoneHolderBottom #phoneHolder {
		float: left;
		top: 0;
    left: 15px;
  }
	#SpecProfil1 {top: 18px;}
	#phoneHolderTop1{display: block;}
	/* ���������� */
	#CatalogHide{display: none;}
	#Content1, #Content2{margin-left: 20px;}
	#menu2 {	left: 15px;}
	#phoneHolderTop #phoneHolder{font-size: 20px; width: 320px;}
	#PhotoGal {width: 188px; height:188px; background: url(/images/photofon200.png) no-repeat;}
	#PhotoGal:hover {width: 184px; height:184px; background: url(/images/photofonactive200.png) no-repeat;}
	#PhotoGal img {width: 188px; height:188px;}
	#PhotoGal {min-width: 0; height:235px;}
	/* ������� */
	#CatalogLeftBlack {width: 100%;}
	#CatalogLeft, #CatalogLeft ul li{width: 100%;}
	#CatalogLeft ul li a {font-size: 140%;}
	#CatalogLeft ul li ul li a {font-size: 105%;}
	#CatalogRight { margin: 10px 10px 0 10px;}
	#oplata { transform: scale(0.8); margin-left: -75px; width: 148%!important;}
	/* ������������� ���� 
	#shapkamain, #shapkainner, #menu1, #menu2, #phoneHolderTop #phoneHolder , #phoneHolderTop1 #phoneHolder { 1position: fixed;}
	#menu1, #menu2  { top: 91px;}
	#CatalogMain {margin-top: 130px;}
	#Catalog{margin-top: 115px;}
	#Catalog1 { margin-top: 115px;}
	*/
	/* ��������� ���� ����� */
	a.hover{color: #18b461!important; font-weight:bold!important;}
	#CatalogLeft ul li ul li a.hover {
    background: url(/images/catitem.png) no-repeat;
    color: #18b461;
    float: left;
    margin: 0px 0px 0px 13px;
    padding: 0px 0px 0px 10px;
	}
	#Copyright { margin-top: 9px;}
	#jsddm li:last-child { display: none;}	
	body { font-size: 20px;}
	a.foto span { margin: 97px -107px 0 11px;}
}