@charset "utf-8";
/* CSS Document */

html, body { margin: 0; padding: 0; height: 100%;}
body { background: #FFF url(h_bg.jpg) repeat-x left top; color: #313131; font: 13px Tahoma, Geneva, sans-serif; text-align: left;}

a { color: #008E22; text-decoration: underline;}
a:hover { color: #008E22; text-decoration: underline;}
a img { border-color: #008E22;}

h1,h2,h3,h4,h5,h6 { /*font-weight: normal;*/ color: #656565;}
h1, .pagename { font: 25px Arial, Helvetica, sans-serif; color: #008E22; margin: 0 0 20px;}
h2 { font-size: 18px;}
h3 { font-size: 16px;}
h4 { font-size: 14px;}
h5 { font-size: 12px;}
h6 { font-size: 11px;}

/* content
-------------------------------*/
.bodycontent { padding: 20px 30px 20px 22px; height: auto !important; height: 200px; min-height: 200px;}

.path { font: 11px Arial, Helvetica, sans-serif; color: #979797; margin: 0 0 9px;}
.path a { color: #727272; text-decoration: underline;}
.path a:hover { color: #727272; text-decoration: underline;}

/* wrapper
-------------------------------*/
.wrapper { min-width: 980px; height: auto !important; height: 100%; min-height: 100%;background: url(l_bg.jpg?v=1) repeat-y left top;}
.wrapper2 {width: 100%;}
.wrapper3 {padding: 0 7px 0 11px; height: 1%;}
/* header
-------------------------------*/
/* =========================================
   СОВРЕМЕННАЯ ШАПКА (FLEXBOX)
   ========================================= */
.header-new {
    background: url(h_l.jpg?v=1) no-repeat 45px top, url(h_bg.jpg) repeat-x left top;
    background-color: #fff;
}

.header-top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px 0 0;
    max-width: 100%;
    box-sizing: border-box;
}

/* --- ЛЕВАЯ ЧАСТЬ --- */
.header-left {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 365px; 
    height: 178px;
    box-sizing: border-box;
    padding-top: 20px;  
    padding-right: 10px;
    background-color: #fff;
}
.mainname-new img {
    width: 340px; 
    height: 100px;
    display: block;
    border: none;
}
.slogan-new {
    color: #008e22;
    text-align: right;
    margin-top: 10px;
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

/* --- СЕРЕДИНА (Поиск + Корзина) --- */
.header-middle {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: auto;
    margin-right: 30px;
}
.search-form-new {
    display: flex;
    align-items: center;
    margin: 0;
}
.search-input-new {
    height: 30px;
    width: 200px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-right: none;
    outline: none;
    font-size: 12px;
    border-radius: 0;
    background-color: #fff;
}
.search-btn-new {
    height: 32px;
    background: #008E22;
    color: #fff;
    border: none;
    padding: 0 15px;
    font-weight: bold;
    cursor: pointer;
    margin: 0;
    border-radius: 0;
}

/* --- Корзина (перехват CMS) --- */
.cart-new #shop2-cart-preview { margin: 0 !important; }
.cart-new a.con_top_cart {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    background: url(iconfinder_checkout.png) no-repeat center center !important;
    background-size: contain !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-size: 0 !important;
}
.cart-new a.con_top_cart:before,
.cart-new strong {
    display: none !important;
}

/* --- ПРАВАЯ ЧАСТЬ (Контакты) --- */
.header-right {
    text-align: right;
}
.contacts-new p {
    margin: 0 0 3px 0 !important;
    line-height: 1.2 !important;
}
.contacts-new span, .contacts-new a {
    font-size: 14px !important;
    font-family: Arial, sans-serif;
}
.contacts-new a {
    color: #008E22 !important;
    text-decoration: none !important;
    font-weight: bold;
}
.contacts-new a[href^="mailto:"] {
    color: red !important;
    text-decoration: underline !important;
    font-weight: normal;
}

/* --- МЕНЮ --- */
ul.menutop-new {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background: #008E22;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.menutop-new li {
    margin: 0;
    padding: 0;
    height: 100%;
    background: url(m2_i.gif) no-repeat right center;
}
ul.menutop-new li.last {
    background: none;
}
ul.menutop-new li a {
    display: flex;
    align-items: center;
    height: 100%;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    padding: 0 20px;
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
}
ul.menutop-new li a:hover {
    background: rgba(0, 0, 0, 0.15) !important;
}

/* =========================================
   ЛОГИКА ОТОБРАЖЕНИЯ ПК / МОБИЛКА
   ========================================= */
@media (max-width: 1023px) {
    .header-new { display: none !important; }
    .s_f { display: block !important; }
}

@media (min-width: 1024px) {
    .s_f { display: none !important; }
}

/* Стили для старого поиска (мобилка) */
.s_f { margin: 0; padding: 0; position: fixed; top: 250px; right: 18px; z-index: 1000;}
.s_t { float: left; width: 160px; height: 13px; border-left:1px solid #c0c0c0; border-top:1px solid #c0c0c0; padding: 2px; margin: 0; font: 11px Arial, Helvetica, sans-serif; color: #545353;}
.s_b { float: left; width: 50px; height: 20px; background: url(s_b.gif) 0 0 no-repeat; border: none; cursor: pointer; padding: 0; margin: 0 0 0 10px;}
/* main
-------------------------------*/
.mainclear { height: 1%; width: 100%; padding: 0 0 100px; position: relative;}
.mainclear2 { height: 1%; width: 100%; position: relative;}
.mainclear:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
.maincontent { width: 100%; float: left; overflow: hidden;}
.content { margin: 0 0 0 236px; padding: 27px 0 0;}
/* leftside
-------------------------------*/
.leftside { width: 236px; float: left; margin-left: -100%; position: relative;}
/* menu */
ul.menu { width: 100%; margin: 1px 0 0; padding: 10px 0; list-style: none; background: #C0C0C0 url(m_top.jpg) no-repeat left top;}
ul.menu li { margin: 0 0 -1px; padding: 0; font-size: 0; line-height: 0; height: 1%; background: url(m_dot.gif) no-repeat left bottom;}
ul.menu li a { display: block; height: 1%; font: bold 13px Tahoma, Geneva, sans-serif; padding: 0; color: #424242; text-decoration: none;}
ul.menu li a:hover,ul.menu li a.activ { background: #008E22 url(m_bgo.gif) repeat-x left top; color: #FFFFFF; text-decoration: none;}
ul.menu li a .s1 { display: block; cursor: pointer; padding: 6px 25px 5px 15px; background: url(m_i.gif) no-repeat 214px 12px;}
ul.menu li a:hover .s1,ul.menu li a.activ .s1 { background-image: url(m_io.gif);}
ul.menu li.l2 {padding:3px 5px 3px 30px;}
ul.menu li.l2 a{font-weight:normal;}
ul.menu li.l2 a:hover, ul.menu li.l2 a.activ {background:none; color: #008E22;}



/* kategories */
ul.kategories { width: 100%; margin: 0; padding: 0 0 25px; list-style: none; background: #C0C0C0;}
ul.kategories li { margin: 0; padding: 2px 18px 3px 28px; font: bold 11px Tahoma, Geneva, sans-serif; height: 1%; background: url(m_dot.gif) no-repeat left top;}
ul.kategories li a { color: #535353; text-decoration: none;}
ul.kategories li a:hover { color: #3C3B3B; text-decoration: none;}
ul.kategories li a .ks_i { text-decoration: none; margin-left: 3px;}
ul.kategories li a:hover .ks_i { text-decoration: underline;}

ul.kategories li.level_1 { margin: 0 0 -1px; padding: 0; background-position: left bottom;}
ul.kategories li.level_1 a { display: block; height: 1%; font-size: 13px; line-height: 16px; padding: 0; color: #FFFFFF; text-decoration: none;}
ul.kategories li.level_1 a:hover { background: #008E22 url(m_bgo.gif) repeat-x left top; color: #FFFFFF; text-decoration: none;}
ul.kategories li.level_1 a .s1 { display: block; cursor: pointer; padding: 6px 25px 5px 15px; background: url(m_i.gif) no-repeat 214px 12px;}
ul.kategories li.level_1 a:hover .s1 { background-image: url(m_io.gif);}

ul.kategories li.level_2 {}
ul.kategories li.level_3 { padding-left: 38px;}
ul.kategories li.level_4 { padding-left: 48px;}
ul.kategories li.level_5 { padding-left: 58px;}

ul.kategories li.first_1 { margin-top: 3px;}
ul.kategories li.first_2 { margin-top: 8px; background: none;}


.bname { font: bold 18px Arial, Helvetica, sans-serif; color: #FFFFFF; background: #818181 url(nn_bg.gif) repeat-x left top; padding: 1px 15px; margin: 0;}
.block { padding: 18px 15px 30px 15px; font: 11px Arial, Helvetica, sans-serif; color: #535353;}
.block a { color: #535353; text-decoration: underline;}
.block a:hover { color: #535353; text-decoration: underline;}
.bname .s1{color:#fff;}

.informers { text-align: center; padding: 10px 15px 25px;}
.counters-bot { text-align: right; position:absolute; top:49px; right:16px; width:320px; height:40px; }

/* rightside 
--------------------------------*/
.rightside { width: 200px; float: left; margin-right: -3px; margin-left: -211px; margin-top: 30px; position: relative; padding: 0; background: #b7b6b6;}
/* lastnews */
.nname { font: bold 20px Arial, Helvetica, sans-serif; color: #535353; background: #818181 url(nn_bg.gif) repeat-x left top; padding: 1px 15px; margin: 0;}
.nname .s1 {color:#fff;}
.news { padding: 18px 15px 3px 15px; font: 11px Arial, Helvetica, sans-serif; color: #535353;}
.news a { color: #535353; text-decoration: underline;}
.news a:hover { color: #535353; text-decoration: underline;}
.news .date_tit { font-size: 12px; font-weight: bold; color: #535353; margin: 0 0 9px;}
.news .date { padding: 0 7px 0 0;}
.news .title { color: #535353;}
.news .anonce { margin: 0 0 10px;}
.news .next { font-weight: bold; margin-bottom: 20px;}
/* footer
-------------------------------*/
.footer { min-width: 980px; height: 190px; background: url(f_bg.jpg) repeat-x left bottom; margin: -190px 0 0;}
.footer2 { height: 100%; background: url(f_l.jpg) no-repeat left top;}
.footer3 { height: 95px; background: url(f_r.jpg) no-repeat right top; padding: 95px 7px 0;}
.footer4 { height: 95px; position: relative;}

.site_copy { float: left; width: 216px; padding: 5px 0 0 10px; font: 11px Arial, Helvetica, sans-serif; color: #434242;}
/* menubot */
ul.menubot { margin: 0 0 0 261px; padding: 17px 0 0; height: 26px; list-style: none; font-size: 0;}
ul.menubot li { display: inline; margin: 0; padding: 0 30px 0 0; font: 10px Arial, Helvetica, sans-serif; text-transform: uppercase;}
ul.menubot li a { color: #FFFFFF; text-decoration: none;}
ul.menubot li a:hover { color: #FFFFFF; text-decoration: underline;}

.site_dev { float: left; display: inline; margin: 15px 0 0 261px; height: 30px; background: url(mega.gif) no-repeat left top; padding: 0 0 0 33px; font: 10px/11px Arial, Helvetica, sans-serif; color: #008E22;}
.site_dev a, .site_dev a:hover { display: block; color: #565656; text-decoration: underline;}
/* Tables
-------------------------------*/

table.table3 td p { margin: 10px;}
table.table3 { border-collapse: collapse;  border-spacing: 0;}
table.table3 td { padding: 0 2px; border: none;}


table.table0 td p { margin: 0;}
table.table1 td p { margin: 0;}
table.table2 td p { margin: 0;}
table.table0 td h3,table.table1 td h3,table.table2 td h3,table.table3 td h3 { margin: 0;}

table.table0 { border-collapse: collapse;  border-spacing: 0;}
table.table0 td { padding: 0 2px; border: none;}

table.table1 { border-collapse: collapse;  border-spacing: 0;}
/*table.table1 tr:hover { background: #e9e9e9;}*/
table.table1 td { padding: 0 2px; border: 1px solid #91949a;}

table.table2 { border-collapse: collapse;  border-spacing: 0;}
/*table.table2 tr:hover { background: #e9e9e9;}*/
table.table2 td { padding: 0 2px; border: 1px solid #91949a;}
table.table2 th { padding: 8px 5px; border: 1px solid #fff; background-color: #008E22; color: #fff; text-align: left;}

/* GALLERY */

table.gallery {border-spacing: 10px; border-collapse: separate;}
table.gallery td {background-color: #f0f0f0; text-align: center; padding: 15px;}
table.gallery td img {}

/* HR line */

hr { color: #ccc; background: #ccc; height: 1px; border: none;}

.thumb              {color: #000000;}

.clear { clear: both; height: 0; overflow: hidden; font-size: 0; line-height: 0;}

/* */

td.shop-column1 { width: 70%; padding-right: 10px; }
td.shop-column2 { width: 30%; }

h2.shop-product-title { font-size: 18px; font-weight: bold; }

/* SHOP CART */

div.shop-cart { text-align: right; font-size: 10px; text-transform: uppercase; margin-bottom: 20px; }
a.shop-cart { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase;}
a.shop-cart:hover { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: underline; text-transform: uppercase;}

/* SHOP PATH */

div.shop-path { text-align: left; font-size: 10px; text-transform: uppercase; margin-bottom: 10px; }
a.shop-path { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase;}
a.shop-path:hover { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: underline; text-transform: uppercase;}

/* SHOP FOLDERS */

div.shop-folders { }
div.shop-folders-title { color:#000000;font-weight:bold;padding:5px;background-color:#e0e0e0; }
div.shop-folders-body { padding: 15px; font-size: 11px; }
a.shop-folder { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase;}
a.shop-folder:hover { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: underline; text-transform: uppercase;}

/* SHOP PRODUCT LIST */

table.shop-products { font-size:11px; border-collapse: collapse;  border-spacing:0; border-bottom: 1px solid #cccccc;  }
table.shop-products td { padding:5px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;}
td.product-th { padding:5px; background-color: #cccccc; font-weight: bold; color: #000000; text-align: center; }
td.product-tb { padding:5px; border-top: 1px solid #cccccc; text-align: right; }

div.shop-add-to-cart { padding:5px; }
span.shop-remove-from-cart { cursor: pointer; color: #cc0000; text-decoration: underline; }
span.shop-remove-from-cart:hover { cursor: pointer; color: #000000; text-decoration: underline; }

/* SHOP PRODUCT LIST STAGE */

table.stage { font-size:11px; }
td.stage-title { text-transform:uppercase; background-color:#cccccc; padding:7px; }
td.stage-image { padding: 5px; text-align:center; }
td.stage-body { padding: 10px; }


/* SHOP PRODUCT FORMS */

input.number { border:1px solid #cccccc; }
input.shop-add-to-cart { }
form.nomargin { margin: 0px;}


form.hidden { margin: 0px; }



ul.boxes {
	color: #cccccc;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 10px;
}

ul.boxes li { margin-bottom: 5px; }
ul.boxes li:hover { margin-bottom: 5px; }


/* sub_categories */

.cat_path a {background:url(arrow2_.gif) left no-repeat;}

.sub_categories {margin:10px; padding:0; list-style:square}

.sub_categories li{margin:0; padding:6px 0;}


/* left menu */

#menus {
	width: 100%; padding: 10px 0; list-style: none; background: #C0C0C0 url(m_top.jpg) no-repeat left top; font-size:0; line-height:0;
	}

#menus ul, #menus ul ul, #menus ul ul ul {padding:0; list-style:none; margin:0;}
	

#menus li {margin: 0 0 -1px; padding: 0; font-size: 0; line-height: 0; height: 1%; background: url(m_dot.gif) no-repeat left bottom;}
#menus li li {padding:3px 5px 3px 30px;}
#menus li li a {font:normal 13px Tahoma, Geneva, sans-serif; display:block; text-decoration:none; color: #424242;}

#menus li li a:hover, #menus li li a.activ {background:none; color: #008E22;}


#menus li a.c {display: block; height: 1%; font: bold 13px Tahoma, Geneva, sans-serif; padding: 0; color: #424242; text-decoration: none;}
#menus li a.c span {display: block; cursor: pointer; padding: 6px 25px 5px 15px; background: url(m_i.gif) no-repeat 214px 12px;}
#menus li a.c:hover, #menus li a.c.activ {background: #008E22 url(m_bgo.gif) repeat-x left top; color: #FFFFFF; text-decoration: none;}
#menus li a.c:hover span, #menus li a.c.activ:hover span {background-image: url(m_io.gif);}

/*msf-msf-msf*/
.img_right     { margin: 0px; padding:  0px; margin-top: 4px; margin-bottom: 10px; margin-left: 20px; margin-right: 0px; padding-right:0px; float: right; }
.img_left     { margin: 0px; padding:  0px; margin-top: 4px; margin-bottom: 10px; margin-right: 20px; margin-left: 0px;float: left; } 
.msf_link{/*text-decoration:none; color:#313131;*/}
.msf_link:hover{text-decoration:underline; color:#008E22;}
.msf_main{width:750px; margin:0 auto; border: 2px solid #ccc; background-color:#eee; border-collapse: separate; border-spacing: 7px 11px;}
.msf_main td {width:33%; margin:0 auto; text-align:center; background-color:#fff; border-radius:10px; padding:5px; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.msf_main a{ text-decoration:none; color:#313131; font-weight:bold;}

.f-cont-bl, .s-cont-bl, .t-cont-bl, .r-cont-bl {
	border: 1px solid #c5ddc8;
	padding: 62px 40px 45px;
	margin: 0 0 32px;
	color: #0c0c0c;
	font: 14px/16px Arial, sans-serif, Tahoma;
	position: relative;
}

.f-cont-bl p, .s-cont-bl p, .t-cont-bl p, .r-cont-bl p {
	margin: 0;
}

.cont-map {
	border: 4px solid #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
}

.cont-dost {
	padding: 8px 0 0 41px;
	margin: 0 0 16px;
	min-height: 29px;
	background: url(cont-dost.png) 0 0 no-repeat;	
}

.cont-address {
	padding: 8px 0 0 41px;
	margin: 0 0 16px;
	min-height: 29px;
	background: url(cont-a1.png) 0 0 no-repeat;
}

.cont-tel {
	padding: 8px 0 0 41px;
	margin: 0 0 16px;
	min-height: 29px;
	background: url(cont-a2.png) 0 0 no-repeat;
}

.cont-fax {
	padding: 8px 0 0 41px;
	margin: 0 0 16px;
	min-height: 29px;
	background: url(cont-a3.png) 0 0 no-repeat;
}

.cont-main {
	padding: 8px 0 0 41px;
	margin: 0 0 16px;
	min-height: 29px;
	background: url(cont-main.png) 0 0 no-repeat;
}

.cont-work {
	padding: 8px 0 0 41px;
	margin: 0 0 16px;
	min-height: 29px;
	background: url(cont-work1.png) 0 0 no-repeat;
}

.cont-email {
	padding: 8px 0 0 41px;
	margin: 0 0 16px;
	min-height: 29px;
	background: url(cont-a4.png) 0 0 no-repeat;
}

.s-cont-bl-title, .t-cont-bl-title, .r-cont-bl-title {
	text-align: center;
	margin: 0 0 35px;
	font-size: 23px;
}

.cont-left-wr {
	display: inline-block;
	vertical-align: top;
	width: 46%;
	margin: 0 50px 0 0;
}

.cont-right-wr {
	display: inline-block;
	vertical-align: top;
	width: 44%;
	border: 4px solid #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
}

.printonly {
	display: none;
}

.print-btn {
	position: absolute;
	top: 32px;
	right: 33px;
	background: url(print-pic.png) 0 0 no-repeat;
}

.print-btn a {
	display: block;
	width: 48px;
	height: 48px;
}

.bot-cont-form {
    background: url(cont-form-rep.png) 0 0 repeat;
    border: 5px solid #fff;
    box-shadow: 0 0 3px #b8b8b8;
    margin: 5px auto;
    padding: 20px;
    max-width: 592px;
    line-height: 23px;
}

.bot-cont-form form input[type="text"] {
    background: #FFF;
    border: 1px solid silver;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.15);
    padding: 7px 9px;
    margin: 0 0 15px;
    font-family: Arial;
    font-size: 14px;
    color: #484848;
    width: 100%;
    box-sizing: border-box;
}

.bot-cont-form form textarea {
	outline-style: none;
    background: #FFF;
    border: 1px solid silver;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.15);
    padding: 7px 9px;
    margin: 0 0 15px;
    resize: vertical;
    font-family: Arial;
    font-size: 14px;
    color: #484848;
    width: 100%;
    box-sizing: border-box;
}

.bot-cont-form form input[type="submit"] {
    background: #008E22;
    font-size: 14px;
    color: #FFF;
    line-height: 16px;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    padding: 7px 14px;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
    cursor: pointer;
}

.bot-cont-form form input[type="submit"]:hover {
	background: #02781e;
}

.left-but-wr {
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	padding: 12px 0 6px 9px;
	background-color: #bfbfbf;
}

.left-but-wr a {
	display: block;
	margin: 0 0 6px;
}

   @font-face {
    font-family: Pompadur; /* Имя шрифта */
    src: url(/t/pompadur.ttf); /* Путь к файлу со шрифтом */
   }

.slogan_top {
    font-family: Pompadur;
    color: #008e22;
    text-align: right;
    margin-right: 15px;
    top: -35px;
    display: block; 
    left: -210px; 
    position: absolute; 
    font-size: 14pt;
    font-weight: bold; 
    z-index: 100;
}