body {margin:0; padding:0}

.path {padding:5px 0 ; font: 0.8em Arial Narrow;}
.path a {margin:10px}
.path div{float:left; padding:5px 20px 5px 0; background:#eee; margin:0}





.main-cell {border-top:6px solid #fff; border-right:6px solid #fff;}
.main-cell table td {}
.main-cell td{border-bottom:6px solid #fff; border-left:6px solid #fff; 
vertical-align:top}
.main-cell td{border: 0}
.main-cell td td {border:0; padding:0 !important; font-size:2em}







.md-main-cell {border-top:4px solid #fff; border-right:4px solid #fff;}
.md-main-cell td{border-bottom:4px solid #fff; border-left:4px solid #fff; vertical-align:top}
.md-main-cell td td {border:0}

.sm-main-cell {border-top:2px solid #fff; border-right:2px solid #fff;}
.sm-main-cell td{border-bottom:2px solid #fff; border-left:2px solid #fff;; vertical-align:top}
.sm-main-cell td td {border:0}

.xs-main-cell {border:0;}
.xs-main-cell td{vertical-align:top}
.xs-main-cell td td {border:0}

.lg-header tr{font: 0.8em Arial; text-align:center; 
background:url('../img/header-bg.jpg') #536270; height:61px; color:#fff}
.lg-header a {font: 1em Arial; color:#fff; text-decoration:none; text-transform:uppercase; padding: 20px}
.lg-header a.nm:hover {background:#fff; color:#000; text-decoration:none}
.lg-header a.nma {background:#fff; color:#000; text-decoration:none}
.lg-header .lnk a:hover {color:#000; background:#ddca4b; text-decoration:none; }
.lg-header .phone {font: 1.7em Arial; padding:13px 0 0 0 }
.lg-header .phone span {color:#fbcb29}
.lg-header .phone div {margin-top:-11px}
.lg-header .phone a {display:block;}
.lg-header td {}





.lg-header2 tr{font: 0.8em Arial; text-align:center; 
background:url('../img/header-bg.jpg') #536270; height:161px; color:#fff}
.lg-header2 a {font: 1em Arial; color:#fff; text-decoration:none; text-transform:uppercase; padding: 20px}
.lg-header2 a.nm:hover {background:#fff; color:#000; text-decoration:none}
.lg-header2 a.nma {background:#fff; color:#000; text-decoration:none}
.lg-header2 .lnk a:hover {color:#000; background:#ddca4b; text-decoration:none; }
.lg-header2 .phone {font: 1.7em Arial; padding:13px 0 0 0 }
.lg-header2 .phone span {color:#fbcb29}
.lg-header2 .phone div {margin-top:-11px}
.lg-header2 .phone a {display:block;}
.lg-header2 td {}






.lg-promo {font-size:1.3em}
.lg-promo:hover {font-size:1.6em; cursor:pointer; background:#bdd136; color:#3a4652}
.lg-promo2 {background:#bdd136;text-align:center; font-size:1.6em; cursor:pointer; background:#bdd136; color:#3a4652}	
.lg-promo2 input {border:0; background:#fff; padding:4px; font-size:1.4em; 
width:70%; text-align:center; color:#000}
.lg-promo2 div {float:right; background:#f3d846; padding:4px; font-size:1.4em; 
width:30%; text-align:center; color:#000}

.lg-promo2 div.success { float:none; width:100%; text-align:center; padding:10px; font-size:1.7em}

.lg-header2 {font: 0.8em Arial; text-align:center; background:url('../img/header-bg2.jpg') #536270; height:61px; color:#fff}
.lg-header2 a {font: 1em Arial; color:#fff; text-decoration:none; text-transform:uppercase; padding: 20px}
.lg-header2 a.nm:hover {background:#fff; color:#000; text-decoration:none}
.lg-header2 a.nma {background:#fff; color:#000; text-decoration:none}
.lg-header2 .lnk a:hover {color:#000; background:#ddca4b; text-decoration:none; }
.lg-header2 .phone {font: 1.7em Arial; padding:13px 0 0 0 }
.lg-header2 .phone span {color:#fbcb29}
.lg-header2 .phone div {margin-top:-11px}
.lg-header2 .phone a {display:block;}
.lg-header2 td {}



.xs-header2 {text-align:center; background:#29353f; }
.xs-header2 a {font: 0.7em Arial; padding:10px; width:100%; height:100%; display:block; color:#a8b4be}
.xs-header2 a:hover {background:#fff; color:#000; text-decoration:none}

.md-header {font: 0.8em Arial; text-align:center; background:url('../img/header-bg.jpg') #536270; min-height:90px; color:#fff}
.md-header a {font: 0.9em Arial; color:#fff; text-decoration:none; text-transform:uppercase; padding: 20px}
.md-header a:hover {color:#fbcb29}
.md-header .phone {font: 1.5em Arial;}
.md-header .phone span {color:#fbcb29}
.md-header img {width:120px}

.xs-header {font: 0.8em Arial; text-align:left; background:url('../img/header-bg.jpg') #536270; color:#fff}
.xs-header img {margin: 10px 0 10px 30px; height: 30px}

.h-nav {background:#373737}
.h-nav .s{background:#fff;}
.h-nav td {text-align:center; min-height: 47px; border: 2px solid #fff} 
.h-nav a{display:block; padding:14px 0; font: 1em Arial; color:#fff; text-decoration:none; text-transform:uppercase; }
.h-nav a.ac {background:#eabd0b; color:#000; font-weight:bold}
.h-nav a.ac:active {text-decoration:none;}
.h-nav a.ac:hover {background:#eabd0b; color:#000; font-weight:bold}
.h-nav a:hover {background:#b8c61a; text-decoration:none; color:#000; font-weight:bold}
.h-nav a:active {background:#b8c61a;  text-decoration:none; color:#000; font-weight:bold}
.h-nav a.act {background:#b8c61a; text-decoration:none; color:#000; font-weight:bold}
.h-nav a.active {display:block; padding:14px 0; font: bold 1em Arial; 
color:#000; text-decoration:none; text-transform:uppercase; background:#b8c61a;}
.h-nav a.active:hover {background:#b8c61a; text-decoration:none;}

.s-nav ul {margin:0; padding:0; position:relative; top:-4px}
.s-nav ul li{float:left; display:block; width:50%;}
.s-nav a {background:#95a200; color:#fff; text-align:center; text-transform:uppercase; display:block; width:100%; height:100%; border-right: 3px solid #fff; font: 0.8em Arial; line-height: 37px; }
.s-nav a.ac {background:#eabd0b; color:#000; font-weight:bold}
.s-nav a.ac:hover {background:#eabd0b; color:#000; font-weight:bold}
.s-nav a:hover {text-decoration:none; color:#382d00; background:#eabd0b}
.s-nav .active  a {color:#382d00; background:#eabd0b}

.s-nav .t1 td {width:23%; border:0}
.s-nav .t1 td.a {width:21%; border:0}
.s-nav .t2 {max-width:100%; font-size:7px}
.s-nav .t2 td {border:0}

.s-nav a {background:#373737}
.s-nav a.act {background:#b8c61a; text-decoration:none; color:#000; font-weight:bold}

.s-nav .termo {background:#541906}

.p-nav {padding:15px; width:100%; display:block; text-align:center; border-top:4px solid #fff} 	
.p-nav:hover {background:#eabd0b; color:#000; text-decoration:none; }



.xs-s-nav ul {margin:0; padding:0;}
.xs-s-nav ul li{margin:0; display:block; float:left}
.xs-s-nav a {background:#95a200; color:#fff; text-transform:uppercase; padding: 12px 30px; border-right: 2px solid #fff;
		font: 0.7em Arial; line-height: 35px; }
.xs-s-nav a:hover {text-decoration:none; color:#382d00; background:#eabd0b}
.xs-s-nav .active  a {color:#382d00; background:#eabd0b}


.md-h-nav {background:#373737}
.md-h-nav td {text-align:center; min-height: 47px} 
.md-h-nav a{display:block; padding:14px 0; font: 0.85em Arial; color:#fff; text-decoration:none; text-transform:uppercase; }
.md-h-nav a:hover {background:#b8c61a; text-decoration:none; color:#fff}

.xs-h-nav {background:#373737}
.xs-h-nav td {text-align:center; min-height: 47px} 
.xs-h-nav a{display:block; padding:14px 0; font: 0.75em Arial; color:#fff; text-decoration:none; text-transform:uppercase; }
.xs-h-nav a:hover {background:#b8c61a; text-decoration:none; color:#fff}
.xs-h-nav a:active {background:#b8c61a; text-decoration:none; color:#fff}


.animation td {text-align:center; vertical-align:top}
.animation img {margin: 25px 0; width:auto !important; max-height:400px; margin:0 -39px;}
.animation p {font: 0.8em Arial; color:#555; margin:10px auto; text-align:left; width:80%; line-height:130%}

.md-animation td {text-align:center; vertical-align:top}
.md-animation img {width:90%}
.md-animation p {font: 0.8em Arial; color:#555; margin:10px auto; text-align:left; width:80%; line-height:130%}
.md-animation table  {margin: 10px}
.md-animation table td {padding: 5px}
.md-animation h2 {font:1.3em Arial; text-transform:uppercase; line-height:130%; color:#536270; text-align:left; padding: 30px 0 0 20px}

.img-xs {max-width:240px !important; margin-right: 10px; margin-bottom:10px;}


.iron-cat {width:100%; background:#536270; color:#fff; padding: 25px 45px;}
.iron-cat h2 {font:0.9em Arial; text-transform:uppercase; color:#fbcb29;  
line-height:120%; margin-bottom: 0px }
.iron-cat ul {margin:0; padding:0}
.iron-cat li {list-style:none; margin: 15px -7px; font: 0.55em Arial !important;}
.iron-cat a {color:#fff; text-decoration:none; padding:10px}
.iron-cat a:hover {text-decoration:none; background:#fff; color:#4088cc;}

.iron-cat2 {width:100%; background:#60868b; color:#fff; padding: 25px 45px;}
.iron-cat2 h2 {font:0.9em Arial; text-transform:uppercase; color:#fbcb29;  
line-height:120%; margin-bottom: 0px }
.iron-cat2 ul {margin:0; padding:0}
.iron-cat2 li {list-style:none; margin: 15px -7px; font: 0.55em Arial !important;}
.iron-cat2 a {color:#fff; text-decoration:none; padding:10px}
.iron-cat2 a:hover {text-decoration:none; background:#fff; color:#4088cc;}


.box-cat {background:#fbcb29; color:#000; padding: 25px 45px}
.box-cat h2 {font:1em Arial; text-transform:uppercase; color:#000;  
line-height:120%; margin-bottom: 0px }
.box-cat h3 {font:0.7em Arial; text-transform:uppercase; color:#000;  margin: 15px 0 0 0}
.box-cat ul {margin:0; padding:0}
.box-cat li {list-style:none; margin: 15px -7px; font: 0.55em Arial !important;}
.box-cat a {color:#000; text-decoration:none; padding: 10px}
.box-cat a:hover {text-decoration:none; background:#fff; color:#386793; text-decoration:none}


.box-cat2 {background:#fb7d29; color:#000; padding: 25px 45px}
.box-cat2 h2 {font:1em Arial; text-transform:uppercase; color:#000;  
line-height:120%; margin-bottom: 0px }
.box-cat2 h3 {font:0.7em Arial; text-transform:uppercase; color:#000;  margin: 15px 0 0 0}
.box-cat2 ul {margin:0; padding:0}
.box-cat2 li {list-style:none; margin: 15px -7px; font: 0.55em Arial !important;}
.box-cat2 a {color:#000; text-decoration:none; padding: 10px}
.box-cat2 a:hover {text-decoration:none; background:#fff; color:#386793; text-decoration:none}

/*
.slider {background:#b8c61a url('../img/shelf-tabula.jpg') no-repeat; height:496px} 
.slider-02-21 {background:#b8c61a url('../img/shelf-tabula.jpg') no-repeat; height:496px} 
.slider-02-21mob {background:#b8c61a url('../img/shelf-tabula.jpg') no-repeat; height:305px} 


.slider-02-21 {background:#b8c61a url('../img/shelf-24-02-2021.jpg') no-repeat; height:496px} 
.slider-02-21mob {background:#b8c61a url('../img/shelf-24-02-2021mob.jpg') no-repeat; height:305px} 

.slider-02-21 {background:#b8c61a url('../img/shelf-10-02-2021.jpg') no-repeat; height:496px} 
.slider-02-21mob {background:#b8c61a url('../img/shelf-10-02-2021mob.jpg') no-repeat; height:305px} 
*/


.slider-02-21 {background:#b8c61a url('../img/shelf-tabula.jpg') no-repeat; height:496px} 
.slider-02-21mob {background:#b8c61a url('../img/shelf-tabula.jpg') no-repeat; height:305px} 
.slider-05-21 {background:#b8c61a url('../img/main-01.jpg') no-repeat; height:496px} 
.slider-05-21 img {display:block; width:100% !important; height:400px;}

.slider-05-21-2 {background:#b8c61a url('../img/main-02.jpg') no-repeat; height:496px} 
.slider-05-21-2 img {width:300px !important; height:50px}

.slider-05-21-4 {background:#b8c61a url('../img/main-04.jpg') no-repeat; height:496px} 
.slider-05-21-4 img {width:300px !important; height:50px}


.slider-08-21 {background:#b8c61a url('../img/main-03.jpg') no-repeat; height:496px} 
.slider-08-21mob {background:#b8c61a url('../img/main-03mob.jpg') no-repeat; height:496px} 
/*

.slider-08-21 {background:#b8c61a url('../img/main-2022.jpg') no-repeat; height:496px} 
 
.slider-08-21mob {background:#b8c61a url('../img/main-2022mob.jpg') no-repeat; height:496px} 
*/



.slider .coub {height:150px; color:#fff; padding: 25px; text-align:center; background:#b8c61a;
position:relative; top:450px; float:left}

.slider .coub-r {height:150px; color:#fff; padding: 25px; text-align:center; background:#b8c61a;
position:relative; top:450px; float:right}

.slider {}
.slider a {color:#fff}
.slider a:hover {color:#fff}
.slider .comment {font: 20px Arial; padding: 5px 10px; color:#fff; text-align:left; margin-top: 520px}
.slider .comment a {color:#fff}
.slider .delivery {font: 43px Arial; padding: 15px 20px; color:#fff; text-align:center;  position:relative; top: 480px; left:0; background:#aa2222; margin-bottom:100px}


.slider .a {text-transform:uppercase; font: 0.8em Arial}
.slider .b {text-transform:uppercase; font: bold 2.2em Arial; margin: 10px 0}
.slider .c{font-size: 2em}

.md-slider  {height: 448px; background:#b8c61a url('../img/shelf-tabula.jpg') no-repeat; background-size: auto 100%; border-right: 4px solid #fff}
.md-slider .coub {height:130px; color:#fff; padding: 25px; text-align:left; background:#b8c61a;
position:relative; top:250px; float:right}

.md-slider .a {text-transform:uppercase; font: 0.8em Arial}
.md-slider .b {text-transform:uppercase; font: bold 1.8em Arial; margin: 6px 0}
.md-slider .c{font-size: 1.7em}

.md-slider .comment {font: 16px Arial; padding: 5px 10px; color:#fff; text-align:left; margin-top: 505px}
.md-slider .comment a {color:#fff}
.md-slider .delivery {font: 43px Arial; padding: 15px 20px; color:#fff; text-align:center; position:relative; top: 40px; left:0; background:#aa2222}


.sm-slider  {height: 480px; background:#b8c61a url('../img/shelf-tabula.jpg') no-repeat; background-size: auto 100%; border-top: 2px solid #fff}
.sm-slider .coub {color:#fff; padding: 20px; text-align:left; background:#b8c61a;
position:relative; top:250px; float:right}

.sm-slider .a {text-transform:uppercase; font: 0.9em Arial}
.sm-slider .b {text-transform:uppercase; font: bold 1.5em Arial; margin: 6px 0}
.sm-slider .c{font-size: 1.5em}
.sm-slider .comment {width:170px; float:right; text-align:left; font: 20px Arial; padding: 25px 10px; color:#fff; }
.sm-slider .comment a {font-weight:bold; color:#fff}
.sm-slider .delivery {font: 43px Arial; padding: 15px 20px; color:#fff; text-align:center; position:relative; top: 40px; left:0; background:#aa2222}


.xs-slider  {height: 480px; background:#b8c61a url('../img/shelf-tabula.jpg') no-repeat; background-size: auto 100%;}
.xs-slider .coub {color:#fff; padding: 20px; text-align:left; background:#b8c61a;
position:relative; top:250px; float:right}

.xs-slider .a {text-transform:uppercase; font: 0.9em Arial}
.xs-slider .b {text-transform:uppercase; font: bold 1.5em Arial; margin: 6px 0}
.xs-slider .c{font-size: 1.5em}
.xs-delivery {font: 43px Arial; padding: 15px 20px; color:#fff; text-align:center; position:relative; top: 40px; left:0; background:#aa2222}


.w {font-family: 'PT Sans', serif;}
.rubl {font: 0.4em Arial Narrow;}
.catalog {padding: 10px; border-right: 25px solid #eee}
.catalog h1 {font:22px Arial; text-transform:uppercase; color:#252d34;  line-height:110%; margin: 20px 0 0 0}
.catalog h2 {font:20px Arial; text-transform:uppercase; color:#536270;  
line-height:160%; margin: 0 0 40px 0; background:#eee; padding:20px;
position:relative; top:30px;left:-20px; 
width:100% !important;
background:none;
}
.catalog .item{width: 190px; height: 450px; float:left;  
text-align:left; margin: 0 0 0 50px; 
font-size:18px !important;
}
.catalog .item img { max-width:220px}

.catalog .item .price  {background:url('../img/price-bg.png'); display:block; 
padding: 5px; width: 90px; color:#000; font: bold 1em Arial; text-align:center; 
position:relative; top:268px; left: -5px; margin-bottom:-30px; 
border: 3px solid #fff; font-size:0.8em;}

.catalog .item .price2  {background:url('../img/price-bg.png'); display:block; 
padding: 5px; width: 90px; color:#000; font: bold 1em Arial; text-align:center; 
position:relative; top:268px; left: -5px; margin-bottom:-30px; 
border: 3px solid #fff; font-size:0.8em;}

.catalog .item .price2cr   {
	position:relative; top:260px; left:-20px; background:#b34435;
	text-align:center; vertical-align:middle; color:#fff; font-size:0.7em; padding:7px 0;
    width: 30px; /* задаете свои размеры */
    height: 30px;
    border-radius: 50%;
    /* не забываем о кроссбраузерности */
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
}


.catalog .item .name {display:block; font: 1.1em Arial; color:#4c94d2; margin: 36px 0 6px 0}
.catalog .item .desc {font: 0.8em Arial Narrow; line-height:120%; height:20px}

.catalog .item .price-sale  {background:#ff7633; display:block; padding: 5px; width: 90px; color:#000; font: bold 1em Arial; text-align:center; 
						position:relative; top:235px; left: -5px; margin-bottom:-30px; border: 3px solid #fff !important}
.catalog .item .price-sale .new {font: bold 1.3em Arial; margin: 2px 0}

.catalog .item .gift2 {width:77px; height:66px; background:url('/img/gift2.gif'); 
position:relative; top:-350px; left: -12px; opacity: .8; }
.catalog .item .gift3 {width:47px; height:46px; background:url('/img/gift1.gif'); 
position:relative; top:-360px; left: 0; ; opacity: .8;}
.catalog .item .gift4 {width:77px; height:66px; background:url('/img/gift2.gif'); 
position:relative; top:-170px; left: 0; }






















.catalog .item2{height: 450px; float:left;  
text-align:left; margin: 0 0 0 50px; 
font-size:18px !important;
}


.catalog .item2 .price  {background:url('../img/price-bg.png'); display:block; 
padding: 5px; width: 90px; color:#000; font: bold 1em Arial; text-align:center; 
position:relative; top:268px; left: -5px; margin-bottom:-30px; 
border: 3px solid #fff; font-size:0.8em;}

.catalog .item2 .price2  {background:url('../img/price-bg.png'); display:block; 
padding: 5px; width: 90px; color:#000; font: bold 1em Arial; text-align:center; 
position:relative; top:268px; left: -5px; margin-bottom:-30px; 
border: 3px solid #fff; font-size:0.8em;}

.catalog .item2 .price2cr   {
	position:relative; top:260px; left:-20px; background:#b34435;
	text-align:center; vertical-align:middle; color:#fff; font-size:0.7em; padding:7px 0;
    width: 30px; /* задаете свои размеры */
    height: 30px;
    border-radius: 50%;
    /* не забываем о кроссбраузерности */
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
}


.catalog .item2 .name {display:block; font: 1.1em Arial; color:#4c94d2; margin: 36px 0 6px 0}
.catalog .item2 .desc {font: 0.8em Arial Narrow; line-height:120%; height:20px; max-width:250px}

.catalog .item2 .price-sale  {background:#ff7633; display:block; padding: 5px; width: 90px; color:#000; font: bold 1em Arial; text-align:center; 
						position:relative; top:235px; left: -5px; margin-bottom:-30px; border: 3px solid #fff !important}
.catalog .item2 .price-sale .new {font: bold 1.3em Arial; margin: 2px 0}

.catalog .item2 .gift2 {width:77px; height:66px; background:url('/img/gift2.gif'); 
position:relative; top:-350px; left: -12px; opacity: .8; }
.catalog .item2 .gift3 {width:47px; height:46px; background:url('/img/gift1.gif'); 
position:relative; top:-360px; left: 0; ; opacity: .8;}
.catalog .item2 .gift4 {width:77px; height:66px; background:url('/img/gift2.gif'); 
position:relative; top:-170px; left: 0; }


















.catalog_left {background:#dedfd6; padding:27px; vertical-align:top;}
.catalog_left span {font-size:1.3em; color:#aaa; margin-left:-15px; }
.clp {background:#9b9a43; padding:20px; margin: -20px; color:#ddd; margin-bottom:20px; text-align:center; font-size:0.9em}
.clp span {margin:10px; color:#333; font-size:2em; background:#bfbf9b; padding:4px}
.catalog_left td {padding:3px}
.catalog_left table {margin-bottom:26px}

.catalog_left_result {display:none; background:#c4c986; padding:10px; vertical-align:top; text-align:center; line-height:80%; 
border-right:50px solid #fff}
.catalog_left_result span {text-transform:uppercase; color:#333; font-size:0.7em}
.catalog_left_result div {color:#644; font-size:2.3em; margin-top:20px}
.catalog_left table {width:240px;}
.catalog_left table td {padding:7px 15px;  border: 1px solid #ccc}
.catalog_left table td.lt {width:320px}
.catalog_left tr:hover {background:#d0d0c8; cursor:pointer}
.catalog_left  .lc {width:30px; text-align:center; padding:0}

.catalog_left  .row_sel {background:#eeb946 !important}

.catalog_line {width:30px;}

.cat_l .item {position:relative; left:-30px}
.cat_l h2 {margin-left:20px}







.gift_detail_1 {height:53px; width:100%; background:url('/img/gift1.jpg')}
.gift_detail_1 .h{font:bold 1.2em Arial; padding: 17px 0 0 55px; float:left}
.gift_detail_1 a {display:block; position:relative; left: 120px}
.gift_detail_2 {height:53px; width:100%; background:url('/img/gift2.jpg')}
.gift_detail_2 .h{font:bold 1.2em Arial; padding: 17px 0 0 55px; float:left}
.gift_detail_3 {height:53px; width:100%; background:url('/img/gift1.jpg')}
.gift_detail_3 .h{font:bold 1.2em Arial; padding: 17px 0 0 55px; float:left}
.gift_detail_3 a {display:block; float:right;}

.md-catalog {padding: 25px 40px}
.md-catalog h1 {font:2.4em Arial; text-transform:uppercase; color:#252d34;  line-height:100%; margin: 40px 0 0 0}
.md-catalog h2 {font:1.5em Arial; text-transform:uppercase; color:#536270;  line-height:100%; margin-bottom: 40px }
.md-catalog  .item{width: 200px; height: 450px; float:left;  text-align:center; margin: 20px 32px}
.md-catalog .item .price  {background:url('../img/price-bg.png'); display:block; padding: 5px; width: 90px; color:#000; font: bold 1em Arial; text-align:center; 
						position:relative; top:268px; left: 0px; margin-bottom:-30px; border: 3px solid #fff !important}
.md-catalog .item img {}
.md-catalog .item .name {display:block; font: 1.3em Arial; color:#4c94d2; margin: 16px 0 6px 0}
.md-catalog .item .desc {font: 0.8em Arial; line-height:150%}

.sm-catalog {padding: 15px}
.sm-catalog h1 {font:2.2em Arial; text-transform:uppercase; color:#252d34;  line-height:100%; margin: 40px 0 0 0}
.sm-catalog h2 {font:1.3em Arial; text-transform:uppercase; color:#536270;  line-height:100%; margin-bottom: 40px }
.sm-catalog .item{width: 185px; height: 400px; float:left;  text-align:center; margin: 0px 17px; }
.sm-catalog .item .price  {background:url('../img/price-bg.png'); display:block; padding: 5px; width: 90px; color:#000; font: bold 1em Arial; text-align:center; 
						position:relative; top:258px; left: 0px; border: 3px solid #fff !important}
.sm-catalog .item img {width:190px}
.sm-catalog .item .name {display:block; font: 1.3em Arial; color:#4c94d2; margin: 16px 0 6px 0}
.sm-catalog .item .desc {font: 0.8em Arial; line-height:150%}

.xs-catalog {padding: 15px}
.xs-catalog h2 {font:1.7em Arial; text-transform:uppercase; color:#536270;  line-height:160%; margin-bottom: 40px }
.xs-catalog .item{text-align:center; margin: 30px 0;}
.xs-catalog .item .price  {background:url('../img/price-bg.png'); display:block; padding: 5px; width: 90px; color:#000; font: bold 1em Arial; text-align:center; 
						position:relative; top:330px; left: 0px; margin:0 auto; border: 3px solid #fff !important}					
.xs-catalog .item .name {display:block; font: 1.3em Arial; color:#4c94d2; margin: 45px 0 6px 0}
.xs-catalog .item .desc {font: 0.8em Arial; line-height:150%; width:220px; margin: 0 auto;}


.content {padding-bottom:60px; vertical-align:top; padding: 0 0 0 20px; height:610px}
.content h1 {font: 1.7em Arial; margin: 20px 0; }
.content h3 {font: 2em Arial; margin: 50px 0 30px 0}
.content p {font: 1.1em Arial; line-height:150%; margin: 20px 0}
.content li {font: 1.1em Arial; margin: 15px 0}

.md-content h1 {font: 1.8em Arial}
.md-content p {font: 1em Arial; line-height:150%; margin: 10px 0}
.md-content li {font: 1em Arial; margin: 5px 0}

.sm-content h1 {font: 1.6em Arial}
.sm-content h2 {font: 2.1em Arial !important}
.sm-content h3 {font: 1.1em Arial !important}
.sm-content p {font: 1em Arial; line-height:140%; margin: 10px 0}
.sm-content li {font: 1em Arial; margin: 5px 0}

.xs-content h1 {font: 1.5em Arial}
.xs-content p {font: 0.9em Arial; line-height:110%; margin: 5px 0}
.xs-content li {font: 0.85em Arial; margin: 5px 0}


.video {background:#000; height:335px; vertical-align:middle; padding: 10px 0 5px 0}
.video div{padding: 25px 40px}
.video h2 {font:1.7em Arial; text-transform:uppercase; color:#fff;  line-height:160%; margin-bottom: 10px }
.video p {font: 0.9em Arial; color:#999; margin: 10px 0}

.about {background:#b8c61a; padding: 25px 45px 75px 45px; height:100%}
.about h2 {font:1.7em Arial; text-transform:uppercase; color:#333;  line-height:160%; margin-bottom: 10px }
.about p {font: 1.1em Arial; color:#333; margin: 10px 0; line-height:170%}

.sm-about {background:#b8c61a; padding: 25px 45px 75px 45px}
.sm-about h2 {font:1.4em Arial; text-transform:uppercase; color:#333;  line-height:160%; margin-bottom: 10px }
.sm-about p {font: 0.9em Arial; color:#333; margin: 10px 0; line-height:140%}


.footer {background:#303030 url('../img/footer-bg.jpg'); width:100%}
.footer .logo {text-align:center;}
.footer  td {padding: 5px 15px; vertical-align:middle}
.footer  p {font: 0.8em Arial; color:#ccc; line-height:160%; margin-top: 30px}
.footer h2 {font:1.7em Arial; text-transform:uppercase; color:#333;  line-height:160%; margin-bottom: 10px }

.designers {background:#b8c61a;padding: 25px 45px}
.designers h2 {font:1.7em Arial; text-transform:uppercase; color:#333;  line-height:160%; margin-bottom: 10px }

#dropdownMenu1 {font:2.1em Arial ; font-weight:thin; position:relative; top: 2px; left: 50px}
#dropdownMenu1:hover {color:#dbe938}

.product {margin: 0; width:99%}
.product td {vertical-align:top;}
.product h2 {font: 2.3em Arial; color:#242d35;  margin: 40px 0 0 0}
.product  h3 {font: 1.1em Arial; color:#57626d; margin: 5px 0 30px 0; }
.product  h4 {font: 1.3em Arial; color:#272e2f; text-transform: uppercase; margin: 65px 0 10px 0}
.product  .main_pic-hor {width:100%; margin: 40px 0 50px 0}
.product  .main_pic-ver {width:80%; margin: 40px 0 50px 0}
.product  .sm-main_pic-hor {width:100%; margin: 40px 0 0 0}
.product  .sm-main_pic-ver {height:600px; margin: 0 50px; float:left;}
.product  .xs-main_pic-hor {width:90%; margin: 0;}
.product  .xs-main_pic-ver {width:90%; margin: 0;}

.product  .main_pic {height:550px; margin: 40px 0 50px 0}
.product  .md-main_pic {width:100%; margin: 40px 0 50px 0}
.gal td {text-align:center;}
.gal img {max-width:110px; margin:10px 10px 10px 0}
.gal img.h {max-width:300px; max-width:250px}

.gal table td {vertical-align:top; font-size:0.8em; text-align:left}


.gal2 a {display:block;float:left; width:100px; height:330px}

.product  .gal2 img {width: 55px; margin:0 15px 5px 0;}
.product  .gal2 td {margin-right:10px; font: 11px Arial; color:#444 }
.product  .gal3 img {width: 140px; margin-right:20px;}
.product  .gal3 td {margin-right:10px; font: 13px Arial; color:#444 }
.product  .gal4 img {height: 90px; margin-right:20px;}
.product  .gal4 td {margin-right:10px; font: 13px Arial; color:#444 }
.product  .gal5 img {width: 70px; margin-right:20px;}
.product  .gal5 td {margin-right:10px; font: 13px Arial; color:#444 }
.product  .gal6 img {width: 110px; }
.product  .gal6 td { font: 13px Arial; color:#444; text-align:center}



.product .quantity {font: italic 1em Arial; color:#91b220; margin-bottom: 20px}
.product p {font: 1em Arial; color:#4d5b5d; line-height:180%; margin: 20px 0}
.product .sub-header {font: 1.8em Arial; color:#242d35; text-transform: uppercase; padding:70px 50px 30px  0}

.product .gal-xs .item {width:40%; margin:10px; float:left}
.product .gal-xs img {width:100%}
.product .gal-xs .a {margin:4px}
.product .gal-xs .b {font: 10px Arial; text-align:left}



.sm-gal {margin: 40px 0}
.sm-gal img {height: 90px; margin-right:10px; margin-top:10px; float:left}

.lg-content {padding: 0 40px;}
.price {font: 2.7em Arial; padding: 0;}
.price div {font-size: 0.7em; background:#ccc; padding:5px; width:87px; display:block}
.price div span {font: 0.5em Arial Narrow; display:block; z-index:100; position:relative; border: 1px solid #000; width:300px; left:100px; border-top:10px solid #fff !important; margin-bottom:-10px}

.price_table td { background:#eee; padding-left:6px; font-size:1.5em; text-align:center; vertical-align:middle; border-top:5px solid #fff; color:#776}
.price_table tr:hover td{ background:#d1d9dc; color:#000; cursor:pointer}
.price_table tr:hover td.w{background:#dae4e8;}
.price_table tr.cr:hover td{ background:#fff; cursor:default; }
	
.price_table .cr td { background:#fff; font-size:2.7em; text-align:left; color:#000}
.price_table .cr strike {font-size:0.6em; padding:5px; color:#aaa}
.price_table  strike {font-size:0.9em; padding:5px; color:#bbb}
.price_table .cr td.rubl { background:#fff; font-size:2.7em; text-align:left; color:#000}
.price_table .w { background:#fff; font-size:1em; text-align:left}
.price_table .cr .w { font-size:1.4em; }

.buy {font: 1.7em Arial; background:#980000; color:#fff; 
text-transform:uppercase; width: 150px; padding: 10px; margin: 0; float:right;
text-align:center; cursor:pointer; border: 3px solid #fff;
position:relative; top:-3px; left:-15px;
}

.buy:hover {color:#fff; text-decoration:none; 
background:#541a0f;  color:#fff}

.buy span {font-size:0.5em; text-transform:none;}

.buy_mob {font: 1.7em Arial; background:#980000; color:#fff; 
text-align:center; padding:20px; cursor:pointer
}

.bt {width:200px; padding:6px; font-size:1.1em; height: 35px; 
vertical-align:middle; background:#fff;
position:relative; left:335px; 
}

.bt input {margin-top:100px; border:3px solid #000} 

.params  {width:90%}
.params td {font-size: 0.9em; padding: 20px 0 2px 0; border-bottom: 1px dotted #999; text-align:right}
.params td.name {text-align:left}
.params td.first {text-align:left}

.md-content {padding:0 0 0 10px !important}
.md-content .price {font: 2.7em Arial; padding: 0; margin-top: 40px}
.md-content .buy {font: 1.4em Arial; background:#980000; color:#fff; 
text-transform:uppercase; width: 120px; padding: 7px; margin: 20px 0 40px 0; 
text-align:center;
}

.sm-content {padding:0 0 0 10px !important}
.sm-content .price {font: 2.7em Arial; padding: 0; margin-top: 40px}
.sm-content .buy {font: 1.4em Arial; background:#980000; color:#fff; 
text-transform:uppercase; width: 120px; padding: 7px; margin: 20px 0 40px 0; 
text-align:center; position:relative; top: 27px; left: 50px;
}

.sm-content .xs-buy {font: 1.4em Arial; background:#980000; color:#fff; 
text-transform:uppercase; width: 120px; padding: 7px; margin: 15px auto; 
text-align:center; display:block}
.sm-params  {width:100%;}
.sm-params td {font-size: 0.9em; padding: 20px 0 2px 0; border-bottom: 1px dotted #999; text-align:right;}
.sm-params td.name {text-align:left}
.sm-params td.first {text-align:left}




.p-menu {background:#f3f3f3; padding: 25px; border-left:6px solid #fff}
.p-menu  h2 {font: 1.7em Arial; color:#333; text-transform: uppercase; margin: 20px 0 40px 0}
.p-menu ul {margin:0;  padding:0; }
.p-menu ul li{list-style:none; margin:10px 0; padding:0}
.p-menu ul li a {font: 1.3em Arial; text-transform:uppercase; color:#333}
.p-menu ul li ul {padding:10px 0}
.p-menu ul li ul li {margin: 2px -9px; display:block; max-width:80%}
.p-menu ul li ul li a{display:block;font: 0.85em Arial; text-transform:none; padding: 2px 0 2px 11px; color:#555}
.p-menu ul li ul li a:hover {background:#fbcb29; color:#222; text-decoration:none}

.l-menu  h2 {font: 1.5em Arial; color:#333;  margin: 20px 0 20px -10px}
.l-menu {background:#f3f3f3; padding: 25px; border-left:6px solid #fff}
.l-menu ul {margin:0;  padding:0; list-style:none;}
.l-menu ul li{list-style:none; margin:10px 0; padding:0}
.l-menu ul li a {font: 1em Arial; color:#333}
.l-menu ul li a:hover {background:#fbcb29; color:#222; text-decoration:none}
.l-menu ul li.sr {border-top:5px solid #eee; padding:30px 10px 3px 10px;  
margin:20px 0 0 -20px; font-size:1.3em}
.l-menu ul li span {color:#444; font-size:0.7em; display:block}

.md-content {padding: 0 60px 0 85px; font-size:0.9em}






#buy_msg .bg {width: 100%; height: 400%; position: absolute; top:0; left: 0; background: #000; z-index:25; opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7;}
#buy_msg .msg {width: 517px; height: 143px; border: 0px solid #fff;  background:#fff; position: absolute; z-index: 26; top:50%; left:50%; margin: -103px 0 0 -290px; padding: 15px}
#buy_msg .msg .a {text-align: center; font: 2em Arial; color: #000; margin-top: 35px}
#buy_msg .msg .b {text-align: center; font: 1.3em Arial; color:#000; margin: 15px 0}
#buy_msg a{color:#5da4af; padding: 3px; z-index:25; position:relative; z-index:100}
#buy_msg a:hover{color:#d10000}
#buy_msg span{color:#5da4af; padding: 3px; text-decoration:underline; cursor:pointer}

#infoblock {width:100%}
#infoblock p {padding:10px; font: 1em Arial; color:#000; text-align:center; text-align:center; background:#efed48; margin: 3px 0 !important}
#infoblock a {color:#24918b; text-decoration:underline}
#infoblock a:hover {color:#3fc39c}

.order_table {margin: 40px auto}
.order_table thead {background: #111;}
.order_table th {font: 1.1em Arial; color:#fff; padding: 10px 25px}
.order_table td {font: 1em Arial; padding: 20px; border-bottom: 1px dashed #aaa; text-align: center; vertical-align:top}
.order_table .total td {font: 1.3em Arial; padding: 10px 10px 10px 33px; background:#eaeaea; border:0}
.order_table input {width: 35px; text-align: center; font: 12px Arial; margin-top:-2px}
.order_table button {width:30px; height:27px; border:0; background: url('/img/delete.gif'); cursor: pointer; margin-top:-4px}
.order_table div.clear {font: bold 12px Arial; color:#fff; padding: 5px 10px; cursor:pointer;background:#828282; text-align:center; width: 150px;}
.order_table span {color:#000 !important; text-decoration:none !important; font-size:1em}

.order_table_form {}
.order_table_form td {font: 1em Arial; color:#111; padding: 20px; border-bottom: 1px dashed #aaa; text-align: left;}
.order_table_form input{margin:-4px 0 0 0; font: 1em Arial; padding: 5px; width: 250px}
.order_table_form textarea {font: 1em Arial; width:250px; height:65px;}
.order_table_form select {}
.finalize {margin: 20px auto; padding: 10px 20px; font: 1.3em Arial; color:#000; background:#e35858; cursor:pointer}
.finalize:hover {background:#a60d0d;} 

.message_once {text-align:center; padding: 5px; font: 1em Arial; color:#fff; background:#ff4300}





#headr_item  a {font: 1em Arial; color:#fff; text-decoration:none; text-transform:uppercase; padding: 20px}
#headr_item  a:hover {color:#fbcb29}
#headr_item  .phone {font: 1.7em Arial;}
#headr_item  .phone span {color:#fbcb29}
.h_nav {max-width:600px; margin:14px auto}
.h_nav ul {list-style:none}
.h_nav ul li {float:left}

.sub_cat_nav {border: 1px solid; background:#000}
.sub_cat_nav ul {list-style:none}
.sub_cat_nav ul li {float:left; padding: 15px 10px; }
.sub_cat_nav a {font: bold 17px Arial; color:#fff; text-transform:uppercase}

.cc_nav {position:relative; top: 280px; left: 0; z-index:100}

.catalog-cat-nav { background:#5c680a; padding: 40px}
.catalog-cat-nav ul {list-style:none; margin-bottom: 30px; padding:0}
.catalog-cat-nav ul ul{margin-top: 10px; line-height:25px; paddding:0}
.catalog-cat-nav ul ul ul{margin: 3px 0;  line-height:15px}
.catalog-cat-nav ul li {margin:0; padding:0;}
.catalog-cat-nav ul li a {font: 1.4em Arial; text-transform:uppercase; color:#fff;} 
.catalog-cat-nav ul li ul li a{font: 1.1em Arial; text-transform:none} 
.catalog-cat-nav ul li ul li ul {padding: 0 20px}
.catalog-cat-nav ul li ul li ul li a{font: 0.8em Arial; text-decoration:underline} 


#lvi {background:#000; }
#lvi img {height: 0px}

#gc {margin:0; padding:0}
#gc td {vertical-align:middle; font: 12px Arial Narrow; color:#999; padding-right:10px; text-align:left}
#gc select {font: 15px Arial Narrow; color:#111; padding: 6px; line-height:150%}

.price-block {display:none; font: 12px Arial; color:#ccc; padding: 10px 10px 0  }

.sub-header {font: 1.8em Arial; color:#242d35; text-transform: uppercase; padding:70px 50px 30px  0}

.compare {width:90%; margin: 50px 0}
.compare td {font: 0.7em Arial; text-align:center; padding: 8px; vertical-align:top; border-right:2px solid #eee; border-bottom:2px solid #eee}
.compare .col{font: 1em Arial; background:#e3ebf2; border-color:#93a2ae}
.compare .colp{font: 1.1em Arial; background:#e3ebf2; border-color:#93a2ae}
.compare .row{font: 0.8em Arial; background:#f1f6fa; text-align:left; border-color:#c1cfda; width: 130px}
.compare .dv {border-bottom:0}
.compare .tl {border:0}

.sale10 {margin-top:-50px; z-index:30; position:relative; top: 294px; left:73px; width:36px; height:34px; background:url('/img/-10.gif');}

.print_img {width:100% }
.print_img td{text-align:center}
.print_img img {min-height:300px}


.animation_block {background:#f2f2f2; padding: 30px; margin: 10px 0; width:100%; text-align:left; font: 21px Arial}
.animation_block a {padding: 5px 0; font: 14px Arial}
.animation_block img {width: 75%; margin: 20px 0}

.news {background:#f7f7f7; padding: 0; margin: 20px 0; width:90%; padding-bottom:20px}
.news div {font: 20px Arial; margin:0; width:100%; padding:15px 15px 5px 15px; border-bottom: 1px solid #888}
.news p {font: 13px Arial; margin: 10px 0 5px 0; padding:5px 15px 15px 15px}
.news a{font: 12px Arial; display:block; margin: 10px 0;}
.news a.i {display:inline; padding-left:4px;}
.news a span {color:#444}
.news a:hover {text-decoration:none}
.news img {height:200px; float:left; margin-right:45px;}

.last_news {background:#f7f7f7; padding: 0; margin: 80px 0 20px 0; width:90%; padding-bottom:20px}
.last_news div {font: 20px Arial; margin:0; background:#eee; width:100%; padding:15px}
.last_news p {font: 13px Arial; margin: 10px 0 5px 0; padding:15px}
.last_news a{font: 12px Arial; margin: 10px 0; padding: 0 15px }


.gif img {width: 100%;}
.gif2 {padding:40px;margin-top:-30px !important; margin-left:-140px !important}

.subscr {background:#f5f5f5; padding: 20px; }
.subscr input {border:0; padding: 15px 30px; font: 1.2em Arial Narrow; width:290px; text-align:center;}
.subscr a {display:block; background:#ccd; padding: 10px; width: 290px; text-align:center; font-size:1.2em; color:#224}
.subscr a:hover {background:#bbd; color:#000; text-decoration:none}


.subs {margin: 30px 0}
.subs td {padding: 20px; border-bottom: 2px solid #eee; vertical-align:top}

.xs_content {padding: 10px 20px}
.xs_content h2 {font-size:3.4em}
.xs_content h3 {font-size:1.2em}
.xs_content .price {height:70px; text-align:center; padding:12px; font-size:2.5em; vertical-align:middle; font-weight:bold}
.xs_content .buy {height:70px; padding:26px 0; font-size:1.4em;}

.xs_content td {vertical-align:top}

.gc {width:100%; margin-top:-40px !important; margin-left:-10px !important}
.gc td{border:1px solid}
.gc td td {border:0}


.st {padding:10px; width:100%}

.good_select {font: 1.2em Arial; border:0; padding: 10px; background:#f1f1f1; border:0; margin:2px 0; width:310px}
.good_select_sub {font: 1.2em Arial; border:0; padding: 8px 20px; background:#dadada; border:0; margin:2px 0; width:250px; margin-bottom:25px;}

.hdtm {visibility:hidden;position:absolute; top:0; left:0; z-index:100}

.price_block {width:100%; background:#eee}
.price_block td {padding:0;}

/*
.free_delivery {font-size:1.4em; padding: 20px 0; width:211%; height:140px; margin-top:20px; background:#b24326; text-align:center; vertical-align:middle; font-weight:bold; color:#fff}
.free_delivery div{font-size:0.8em; padding: 11px 20px 22px 20px; background:#653a2e; margin-top:7px; font-weight:normal}

.free_delivery {font-size:1.4em; padding: 20px 0; width:211%; height:140px; margin-top:20px; background:#444; text-align:center; vertical-align:middle; font-weight:bold; color:#d0e314}
.free_delivery div{font-size:0.8em; padding: 11px 20px 22px 20px; background:#222; color:#aaa; margin-top:7px; font-weight:normal}

*/

.free_delivery {font-size:1.6em; line-height:130%;  padding: 20px 0; width:155%; height:120px; margin-top:40px; background:#b24326; text-align:center; vertical-align:middle; font-weight:bold; color:#fff}
.free_delivery div{font-size:0.7em; line-height:120%; padding: 7px 20px 22px 20px; background:#fff; color:#666; margin-top:15px; font-weight:normal}


.publ {width:100%;}
.publ img {width:300px; height:330px; margin-right:50px; position:relative; top:-65px}
.publ td {vertical-align:top; padding: 7px}
.publ h2 {font-size:3em}
.publ p {font-size:1.6em; margin-bottom:55px}
.publ h3 {font-size:2em; margin:0 0 20px 0; font-style:italic; color:#aaa}
.publ .dv td  {height:140px}

.publ div {width:100%; float:right; padding:15px; background:#f4f5f5; text-align:right; font-size:1.2em;}

.comment_block { font-size:1.2em; padding:45px 45px 45px 45px; background:#f6f6f6; margin-top:20px; margin-left:-20px; border-bottom:25px solid #ddd; margin-bottom:30px}
.comment_block p {margin: 9px 0; line-height:120%; }

.comment_block2 { font-size:1.2em; 
padding:45px 25px 25px 45px; 
background:#eee; 
margin-top:-6px; margin-left:-20px; 
border-top:12px solid #b8c61a; 
border-bottom:12px solid #b8c61a; 
border-left:2px solid #b8c61a; 
border-right:2px solid #b8c61a; 

margin-bottom:30px}
.comment_block2 p {margin: 9px 0; line-height:120%; }


.dos_t {margin-top:43px; font-size:1.4em}

#play {position:absolute; top:240px; left:160px; cursor:pointer; padding:30px;}

#an2xs img {width:200px}
#an2xs .dos_t  {font-size:0.9em}

.list1 {width:100%}
.list1 td{font: 0.95em Arial !important; width:50%}

.html_c td {padding:20px}

a.ss {color:#bbb; text-decoration:none}
a.ss:hover {color:#bbb; }

.auth {background:#b6d296; vertical-align:top; padding: 0 50px}
.auth table {width:100%}
.auth td {height:70px}
.auth input {width:100%; font-size:2em; padding:10px}

#remember {	
  transform:scale(2.3);
  opacity:0.9;
  cursor:pointer;
  }
  
 #enter {margin-top:30px; padding: 20px; border:0; background:#fff; 
 font: bold 2em Arial; color:#000}
 #enter:hover {background:#f0eec3;}
 
 .regt {width:90%}
 .regt td {padding:5px; }
 .regt input {width:100%; font-size:1.4em; padding:10px 15px}
 .regt textarea {width:100%;font: 1.2em Arial; padding:15px}
 
 #reg {margin-top:10px; padding: 20px; border:0; background:#b6d296; 
 font: bold 1.4em Arial; color:#000}
 #reg:hover {background:#a3c87a;}
 
 .personal {width:100%; background:#b6d296}
 .personal td {padding:20px; vertical-align:top; font-size:1.7em; }
 .personal div {font-size:0.7em; margin-top:10px; }
 .personal .ph div {font-size:1em; margin:0 0 10px 0;}
 .personal .act {background:#fff; width:20%; font-size:1.3em; text-align:center}
 .personal .act a {padding:25px}
 .personal .act a:hover {background:#daef86}
 
 .dealer {background:#b6d296; color:#000; padding:0}
 .dealer div{padding:3px 10px 5px 10px; font-size:1.3em}
 .dealer a {display:block; width:100%; padding:3px; margin:0; text-transform:lowercase; 
 background:#a6c15d; color:#000}
 .dealer a:hover{background:#4c6623; color:#fff}
 
 
 
 .material {width:80%}
 .material td {padding:10px; vertical-align:top; padding:10px; border-bottom:2px solid #aaa; 
 font-size:1.2em}
 .material table {width:100%}
 .material table td {border-color:#fff; background:#f3f3f3;font-size:0.8em; padding: 3px 10px}
 .material a {padding:3px 10px; display:block; width:100%}
 .material a:hover{background:#ddd; color:#000}
 
 .production {border-top:1px solid #ccc; background:#eee; margin-top:15px; width:97%}
 .production h3 {padding:0; margin:10px 0; font-size:1.5em}
 .production td {padding:20px; vertical-align:top}
 
 .dealer_lk {width:260px; height:87px; position:absolute; top:0; right:0; background:#b6d296; text-align:center}
 .dealer_lk div {width:260px; height:57px; background:#b6d296; font-size:1.1em; padding: 10px 60px 10px 0}
 .dealer_lk a {display:block; width:60px; height:87px; background:#a6c15d; 
 padding-top:22px; color:#000; float:right; position:absolute; top:0; right:0; vertical-align:middle; font-size:0.8em}
 
 
 .dt{width:100%}
 .dt td {vertical-align:top}
 .dt td.rg {width:400px; background:#474776; font-size:1.2em; padding:0 40px}
 .dt td.rg input {width:100%; padding:10px}
 .dt td.rg textarea {width:100%; padding:10px; height:120px}
 .dt td.rg textarea.sm {width:100%; padding:10px; height:60px}
 .dt td.rg table {width:100%; background:#727b97; border:0}
 .dt td.rg table td { padding:15px 25px}
 .dt td.rg .sb {border:0; background:#f2f3a2; font:bold 1.3em Arial}
 .dt td.rg .sb:hover {background:#f3c8a2;}
 .dt td.rg h1 {color:#f2ddc9}
 .dt td.rg p{color:#fff}
 .dt td.rg span{font-size:0.8em; color:#fff}
 .dt td.rg span{font-size:0.8em; color:#fff}
 .dt td.rg form {padding:0; background:#5d6786}
 
 
 .skidka1 {width:160px; height:44px; background:#425361; color:#3a4d5d; cursor:pointer;
position:absolute; top:9px; left:230px; text-align:center; }
.skidka1 input {display:none; position:relative; top:12px; left:23px;
transform:scale(2.2);  opacity:0.4;  cursor:pointer; background:#000}
.skidka1 div { font-size:1em; line-height:140%}

.skidka1:hover {background:#b8c61a; color:#000}

 .skidka2 {width:160px; height:44px; background:#b8c61a; color:#000;
position:absolute; top:8px; left:230px; text-align:center; }


.add_color_block {display:flex;  flex-wrap:wrap; font-size:0.7em}


.cat08-21 {width:100%;}
.cat08-21 td {padding:10px; vertical-align:top}
.cat08-21 .l {background: #f3f3f3; width: 230px}
.cat08-21 .l h2{font-size:1.4em;}
.cat08-21 .l div{font-size:1.4em; margin:0 -10px 10px -10px; background:#eee; padding:15px 20px}
.cat08-21 .l div div{font-size:0.8em; margin:0; background:none; padding:0}

.cat06-08-21 {width:100%; height:100%} 
.cat06-08-21 td {vertical-align:top; }
.cat06-08-21 .l{width:15%}

.l {width:200px; background:url('../img/header-bg.jpg') #536270; font-family:Arial}
.l {vertical-align:top}
.l td {border:0; padding:0}
.l table {width:100%; margin-top:-4px}
.l a {display:block;  font-size:0.5em; color:#fff; text-decoration:none; padding:2px 12px}
.l div {font-size:1.3em; margin-bottom:10px; color:#cce230; } 
.l .logo {height:61px; vertical-align:middle; text-align:center}
.l .ll {background:#333b42; height:400px; padding:10px}

.r {vertical-align:top; padding:0; font-family:Arial}
.r .nav{text-align:center; color:#fff; font-size: 0.7em; height:61px; background:url('../img/header-bg.jpg') #536270; }
.r table {width:100%; height:100% }

.a{ width:100%}
.r {vertical-align:top}
}
.r .nav td {vertical-align:middle}
.nav a {color:#fff; text-decoration:none; text-transform:uppercase; padding: 20px}
.i a{display:block;}
.r .phone_block{font-size:1.8em}

.cat {padding-left:20px}
.cat .item {width:160px; float:left; margin: 0 10px 30px 0}
.cat .item img {width:160px; margin-top:-20px}
.cat .item .price {font:bold 0.7em Arial; text-align:center; border: 2px solid #fff; background:#ffb033; 
position:relative; top:200px; width: 70px; padding:5px}
.cat .item .price span {padding-left:5px}
.cat .item a.name {display:block; font: 1em Arial; color:#4c94d2;
margin-top:14px; text-decoration:none}
.cat .item .desc {margin-top:8px; 	font-size:0.6em}

.c .catn {font-size:2.3em; padding: 20px 0 0 20px;}
.catn2 {font:2.3em Arial; padding: 20px 0 40px 20px;}
.c .cat {font-size:1.3em; padding: 20px;}
.c .cat2 {font-size:1.3em; padding: 20px;}

.cat2 {font-family:Arial; padding-left:25px;}
.cat2 .item {width:220px; float:left; margin: 0 0 30px 20px; }
.cat2 .item img {height:230px; }
.cat2 .item .price {font:bold 0.7em Arial; text-align:center; border: 2px solid #fff; background:#ffb033; 
position:relative; top:230px; width: 70px; padding:5px}
.cat2 .item .price span {padding-left:5px}
.cat2 .item .name {display:block; font: 1.4em Arial; color:#4c94d2;
margin-top:14px; text-decoration:none}
.cat2 .item .desc {margin-top:8px; 	font-size:0.9em}
.cat2 .item td {vertical-align:top; padding-left:20px}


.cat21 {font-family:Arial; padding-left:25px;}
.cat21 .itemm {width:97%; float:left; border:12px solid #eee;}
.cat21 .itemm img {height:230px; }
.cat21 .itemm .price {font:bold 0.7em Arial; text-align:center; border: 2px solid #fff; background:#ffb033; 
position:relative; top:230px; width: 70px; padding:5px}
.cat21 .itemm .price span {padding-left:5px}
.cat21 .itemm .name {display:block; font: 2.8em Arial; color:#4c94d2;
margin-top:14px; text-decoration:none}
.cat21 .itemm .desc {margin-top:8px; 	font-size:1em; margin-bottom:20px}
.cat21 .itemm td {vertical-align:top; padding:0 20px}
.cat21 .im td {text-align:center; } 
.cat21 .im img {min-height: 300px}
.cat21 table table img {height:140px !important; border: 1px solid #000; margin:0}
.cat21 table table a {text-decoration:none; color:#546488; font-size:1em}
.cat21 table table  td{padding:0; border: 1px solid #000}
.cat21 table table  td {font-size:1.8em}
.cat21 table table .desc {font-size:0.9em !important; }
.cat21 .itemm .r {padding:25px; background:#eee}

.cat_content h2 {font-size:1em; margin: 30px 0 10px 0}
.cat_content h3 {font-size:0.8em; margin: 30px 0 10px 0}
.cat_content a {text-decoration:none; color:#4c94d2}
.cat_content div {margin-bottom: 5px; font-size:1em}
.cat_content div div {margin:0; font-size:0.8em; margin-top:5px; display:none}

.catn3 div{padding:15px; color:#36383b;background:#f3f3f3 }
.catn3 a { color:#13497b; padding:10px 15px}
.catn3 a:hover {color:#2e4485; background:#fff}

.content3 {margin-left:3px; font-family:Arial; width:100%}
.content3 h2 {margin:20px 0 0 20px; font: 1.4em Arial}

.catn4 {width:200px; vertical-align:top; background:#eee; padding-top:20px; }
.catn4 div {background:#fff; padding:10px; margin-right:-2px}
.catn4 a {display:block; padding:10px; margin:5px 0; font: 1em Arial; text-decoration:none; color:#1c4475}
.catn4 a:hover {background:#fff; color:#000; margin-right:15px}


.mob_anim {display:block; width:100%; height:100%}

.t13 {width:100%; margin-bottom:35px}
.t13 td {padding:10px 30px; border-bottom: 4px solid #eee; vertical-align:top}
.t13 .s {display:none}
.t13 .c {font-size:2.2em}
.t13 div {font-size:1.3em; font-weight:bold; margin-top:0}
.t13 table div {font-size:1.8em !important; font-weight:bold}
.t13 img {height:75px; margin: 10px 10px 0 0}
/*.
t13 img.m {height:250px; display:block; margin:0}
*/


.mnz {background:#b14038; min-width:200px}
.mnz0 {background:#b14038; }



.mnz0 a {font-size:1em}
.mnz1 a {font-size:1em;
color:#fff !important; 
 font-weight:bold; color:#000; min-width:200px}
.mnz a {font-size:1.4em; padding:18px}


.mnz_table {width:100%; min-width:1350px; height:660px}
.mnz_table td {border:20px solid #fff; vertical-align:top; 
font: 1.5em Arial; text-transform:uppercase; font-weight:bold;
color:#fff; padding:10px}
.mnz_table .m1 {background:url('../img/1.png') #536270; background-size:400px}
.mnz_table .m2 {background:url('../img/2.png') #536270; background-size:850px}
.mnz_table .m3 {background:url('../img/5.png') #536270; background-size:400px}
.mnz_table .m4 {background:url('../img/3.png') #536270; background-size:400px}
.mnz_table .m5 {background:url('../img/4.png') #536270; background-size:400px}
.mnz_table .m6 {background:url('../img/7.jpg') #536270; background-size:400px}

.lg-header-xs tr{font: 0.8em Arial; text-align:center; 
background:url('../img/header-bg.jpg') #536270; height:61px; color:#fff}
.lg-header-xs a {font: 1em Arial; color:#fff; text-decoration:none; text-transform:uppercase; padding: 20px}
.lg-header-xs a.nm:hover {background:#fff; color:#000; text-decoration:none}
.lg-header-xs a.nma {background:#fff; color:#000; text-decoration:none}
.lg-header-xs .lnk a:hover {color:#000; background:#ddca4b; text-decoration:none; }
.lg-header-xs .phone {font: 1.3em Arial Narrow; padding:13px 10px 0 0 }
.lg-header-xs .phone span {color:#fbcb29}
.lg-header-xs .phone div {margin-top:-11px}
.lg-header-xs .phone a {display:block;}
.lg-header-xs td {}


.recall {font: 0.6em Arial; padding: 3px;  background:#b49902; color:#fff; position:absolute; top: 48px; right:0; z-index:10; width:280px}
.recall:hover {cursor:pointer; background:#cae22f; color:#000}



.r_bl {position:relative; top: 20px; background:#52626f; padding: 11px; color:#fff; margin: 30px 0}
.r_bl input {width: 100%; text-align:center; padding: 5px; font-size:1.4em; color:#000}
.r_bl select { padding: 5px; font-size:1.2em; color:#888}


.cat3 {width:100%}
.cat3 td {padding:10px; text-align:center}
.cat3 .t1 td {vertical-align:top; width:25%; text-align:center}
.cat3 .t1 img {width:200px}
.cat3 .t1 .d {width:16px}
.cat3  p {display:none !important; background:#000}

.cat3 .item{width: 100%; height: 350px; 
text-align:left; text-align:center;
font-size:16px !important;
}
.cat3 .item img { max-width:120px}

.cat3 .item .price  {background:url('../img/price-bg.png'); display:block; 
padding: 5px; width: 90px; color:#000; font: bold 1em Arial; text-align:center; 
position:relative; top:0px; left: -5px; margin:10px auto; 
border: 3px solid #fff; font-size:0.8em;}

.cat3 .item .price2  {background:url('../img/price-bg.png'); display:block; 
padding: 5px; width: 90px; color:#000; font: bold 1em Arial; text-align:center; 
position:relative; top:268px; left: -5px; margin-bottom:-30px; 
border: 3px solid #fff; font-size:0.8em;}

.cat3 .item .price2cr   {
	position:relative; top:260px; left:-20px; background:#b34435;
	text-align:center; vertical-align:middle; color:#fff; font-size:0.7em; padding:7px 0;
    width: 30px; /* задаете свои размеры */
    height: 30px;
    border-radius: 50%;
    /* не забываем о кроссбраузерности */
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
}

.cat3 .item .desc {font-size:0.7em }

.cat3 .item table {width:70px; margin:0 10px}
.cat3 .item td{padding:5px; text-align:left; vertical-align:top}
.cat3 .item a{font-size:1.4em}


.cat4 {width:100%}
.cat4 td {vertical-align:top}
.cat4 tr  {border-bottom:24px solid #fff; border-top:18px solid #fff}
.cat4 .l1 {min-width:260px;  padding:0 16px}
.cat4 .l2 {width:120px}
.cat4 .l2 img {width:180px}

.cat4 { width:90%}

.cat4 table tr {border:0; width:100%}
.cat4 table img {width:100px; float:left}
.cat4 table a.name {font-size:1.2em; padding: 12px 0; position:relative; top:15px; }
.cat4 table .desc {font-size:0.8em; height:150px; margin-top: 20px; border: 1px solid #000}
.cat4 table .price {font-size:1.6em;  width:100px; text-align:center}

.category {background:#eee}

.category img {width:130px}
.category .cname1 {font-size: 3em; background:#1090CF; padding: 15px 20px; color:#000}
.category .cname2 {font-size: 3em; background:#00AEBA; padding: 15px 20px; color:#000}
.category .cname3 {font-size: 3em; background:#4BB272; padding: 15px 20px; color:#000}
.category .cname4 {font-size: 3em; background:#EF7F1A; padding: 15px 20px; color:#000}
.category .cdesc {font-size: 1.2em; background:#434242; padding: 15px 25px; color:#fff; width:700px}
.category .c {text-align:center; padding:25px 0 25px 5px; background:#fff; }
.category .c .q{ float:left; width:140px; margin:0 5px 40px 0; }
.category .c .name {font:bold 1.4em Arial Narrow; margin: 10px 0 3px 0;height:50px}
/*
.category .c1 .name {color:#0e5e86}
.category .c2 .name {color:#038375}
.category .c3 .name {color:#11843d}
.category .c4 .name {color:#ac5200}
.category .c1 {border-left:15px solid #1090cf; border-right:4px solid #1090cf;}
.category .c2 {border-left:15px solid #00aeba; border-right:4px solid #00aeba;}
.category .c3 {border-left:15px solid #4bb272; border-right:4px solid #4bb272;}
.category .c4 {border-left:15px solid #ef7f1a; border-right:4px solid #ef7f1a;}
*/
.category .c .desc {font-size:0.8em; height:70px}
.category .c .price {font-size:1.1em; font-weight:bold; padding:5px; margin: 10px auto; width:80px; background:#FFED00; }

.category .ttb {width:100%} 
.category .ttb td {width:50%; vertical-align:top}
.category .ttb table{width:97%; margin-bottom:20px} 

.dlau {z-index:10; position: absolute; top:-14px; left:280px; width:75px; height:75px; background:url('/img/dealer_auth0.jpg')}
.dlau:hover {cursor:pointer; background:url('/img/dealer_auth.jpg')}

.dlau1 {z-index:100; position: absolute; top:-27px; left:280px; width:75px; height:135px; background:url('/img/dealer_auth1.jpg')}

.dealer_enter td {background:#fce737; padding: 16px 0 6px 380px}

.web_orders {}
.web_orders .head td{padding:15px; border: 0; background:#aaa; font: 0.8em Arial Narrow}
.web_orders td{padding:5px 15px; vertical-align:top; border: 1px solid #aaa; background:#eee; font: 0.8em Arial Narrow}
.web_orders .r td {background:#fff; padding: 20px 5px 5px 5px; border:0}
.web_orders span.dt {font-size:0.8em; padding: 6px 0; display:block}

.month_select  {font: 1.3em Arial; padding: 8px 16px; border:2px solid #5ecce3; background:#5ecce3; color:#fff; margin: 10px 0}


.year {width:100%; background:#fff; margin-bottom:70px}
.year td {border-right: 4px solid #e8e8e8; border-bottom: 4px solid #e8e8e8; padding: 8px; font: 1em Arial; padding-top:20px;}
.year td.l2 {border-right: 4px solid #e8e8e8; border-left: 4px solid #e8e8e8; border-bottom: 4px solid #e8e8e8; padding: 8px; font: 1em Arial}
.year .head td{background:#4698b6; color:#fff; border-right: 0; border-bottom: 0;}
.year .head2 td{background:#8eb2c0; color:#fff; border: 0; font:12px Arial Narrow; }
.year .head2top {border-left: 4px}
.year .left {background:#4698b6; color:#fff; border-bottom:4px solid #6ea8bd}
.year .total {font-weight:bold} 
.year .total2 {text-align:center; background:#f1f1f1; vertical-align:middle} 
.year .total3 {text-align:center; background:#ааа; vertical-align:middle;
-webkit-writing-mode: vertical-rl; writing-mode:tb-rl;
word-wrap: break-word;	width:10px} 

.year .sub td{font-size:0.9em; border-bottom-width:1px; background:#e8f1f4; border-color:#b3c9d0; padding: 8px;}
.year .sub2 td{font-size:0.8em; border-bottom-width:1px; background:#dbe8ec; border-color:#b3c9d0; padding: 8px;}
.year .sub .left {padding-left: 30px; background:#6ea8bd;}
.year .sub2 .left {padding-left: 60px; font-size:0.8em; background:#8ac0d3;}
.year td.lf {border-right: 4px solid #e8e8e8; border-bottom: 4px solid #e8e8e8; padding: 8px; font: 1em Arial; border-left: 4px solid #e8e8e8; }
.year td.ni {font: 0.8em Arial; width:200px}
.year .pr1 {font-size: 17px; color: #000}
.year .pr2 {font-size: 12px; color: #888}
.year .pr3 {font-size: 12px !important; color: #d88; }
.year .ld {background:#f3f3f3; border-left: 4px solid #e8e8e8;}
.year .cat1 {background:#eee; border-left: 4px solid #e8e8e8; font-size:1.4em; padding-left: 40px;}
.year .cat2 {background:#f3f3f3; border-left: 4px solid #e8e8e8; font-size:1.2em; padding-left: 30px; padding-right: 30px;}
.year .dv {background:#e8e8e8 !important; padding:2px}


.bpromo { width: 140px; height:45px; text-align:center; font:1.1em Arial;  padding:13px 0; background:#555553; margin-top:-4px; color:#fff}
.bpromo:hover { background:#93ab64; cursor:pointer}

button {border:0}
.b1 {padding:10px; font-size:1.3em}
.active {background:#990000; color:#fff;}