html{
  margin:0px;
  padding:0px;
  overflow-y:scroll;
  width:100%;}

body {
  font-family:Tahoma, "Geneva CY", sans-serif;
  font-size:13px;
  margin:0px;
  padding:0px;}

a {outline:0;}

#pageholder
{width:995px;
  margin:0px auto;
  padding:0px;}

#top {
  height:143px;
  width:995px;
  position:relative;}

#top_eng {
  height:143px;
  width:995px;
  position:relative;}

#logo {
  display:block;
  position:absolute;
  left:26px;
  top:34px;
  width:178px;
  height:88px;
  background:url(images/logo.gif) 0px 0px no-repeat;}

.main_part{
  clear:both;
  width:969px;
  padding:0px 0px 24px 0px;
  margin:0px auto;}
/*-------------------------������ � �����------------------------*/
.SandL{
  position:absolute;
  width:724px;
  top:30px;
  left:249px;
  border-bottom:1px solid #e2e2e2;
  padding:0px 0px 10px 0px;}

.slogan{
  float:left;
  margin:4px 12px 0px 0px;
  text-transform:uppercase;
  font:11px/16px Tahoma;
  text-align:left;
  color:#7f7f7f;}

.slogan p{
  margin:0px;
  padding:0px;}

ul.lg{
  display:block;
  float:right;
  width:auto;
  height:20px;
  line-height:20px;
  margin:0 0 0 0;
  padding:0 0 0 10px;
  color:#7f7f7f;
  font-weight: bold;}
ul.lg li {
  display: inline-block;
  line-height: 20px;
  list-style: outside none none;
  text-align: center;
  vertical-align: middle;

}
/*ul.lg li.eng {float:right;}
ul.lg li.ru {float:left;}*/
ul.lg li a{
  display:block;
  float:left;

  height:20px;
  color:#7f7f7f;}
ul.lg li span{
  display:block;
  float:left;
  width:16px;
  height:20px;
  color:#7f7f7f;}
/*ul.lg li.eng a{background:url(images/lg.jpg) 0px 0px no-repeat;}*/
/*ul.lg li.ru a{background:url(images/lg.jpg) -21px 0px no-repeat;}*/

.h_menu{
  position:absolute;
  top:76px;
  left:249px;
  margin:0px;
  padding:7px 0px 9px 0px;
  width:725px;
  border-bottom:1px solid #e2e2e2;}

.h_menu ul{
  display: table;
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 100%;}

.h_menu li {
  cursor: pointer;
  display: table-cell;
  list-style: outside none none;
  padding: 7px;
  text-align: center;}


.h_menu li.g0{
  padding-left: 0;
  text-align: left !important;
}
.h_menu ul li:last-child{
  padding-right: 0;
  text-align: right !important;
}


.h_menu li a{
  display:block;
  margin:0px!important;
  padding:0px!important;
  color:#3f3f3f;
  font:bold 13px Arial;
  text-transform:uppercase;
  text-decoration:none;
  text-align:left;}

.h_menu ul li a:hover
{text-decoration:underline;}
.h_menu ul li a.active{
  text-decoration:underline;}

.slider{
  width:946px;
  height:336px;
  margin:0px auto;
  border-bottom:6px solid #c2c2c2;}

/*-------------------------�������� ����-------------------------*/

.h_menu2{
  height:30px;
  width:945px;
  border-top:6px solid #c2c2c2;
  padding:3px 0px 12px 0px;}

.lavaLamp {
  display:block;
  position:relative;
  height: 35px;
  width: 902px;
  padding:0px 0px 0px 43px!important;
  margin: 0px!important;
  overflow: hidden;
  background:url(images/ul_lava.gif) 0px bottom repeat-x;

}


.lavaLamp li {
  float: left;
  list-style: none;
  background:none!important;
  margin:0px 30px 0px 0px!important;
  padding:0px!important;
}

.lavaLamp li.back {
  background: url(images/lava.jpg) no-repeat center bottom;
  width: 9px;
  height: 35px;
  z-index: 8;
  position: absolute;}
/* ����� ����� ������ � ����. */
.lavaLamp li.back .left {
  background: url(images/lava.jpg) no-repeat center bottom;
  height: 35px;
  margin-right:0px;}

.lavaLamp li a {
  display: block;
  float: left;
  position: relative;
  z-index: 10;
  height: 35px;
  top: 9px;
  margin: 0px;
  padding:0px;
  overflow: hidden;
  text-decoration: none!important;
  text-transform: uppercase;
  font:10px Tahoma!important;
  color:#3f3f3f !important;
  text-align: center;}

/*-------------------------������������� ���� ��� ������-------------------------*/
.h_menu3{
  clear:both;
  margin:11px 0px 0px 0px;
  padding:0px;
  width:945px;}

.h_menu3 ul{
  display:block;
  float:left;
  width:945px;
  margin:0px;
  padding:0px;
  list-style:none;
  background:url(images/hmenu_3.gif) center center repeat-x;}

.h_menu3 li {
  display:block!important;
  float:left!important;
  margin:0px;
  padding:0px;
  list-style:none;
  cursor:pointer;
  background:none!important;}

.h_menu3 li a{
  display:block;
  float:left;
  margin:0px!important;
  padding:0px;
  color:#7c7c7c!important;
  font:13px/14px Tahoma!important;
  text-align:center;
  text-decoration:none!important;}


.h_menu3 li a.m0{
  padding:4px 0px 0px 0px;
  height:34px;
  width:342px;
  background:url(images/hmenu_3_a.gif) 0px -59px no-repeat;}
.h_menu3 li a.m3{
  padding:10px 0px 0px 0px;
  height:28px;
  width:189px;
  background:url(images/hmenu_3_a.gif) -352px -59px no-repeat;}
.h_menu3 li a.m4{
  padding:4px 5px 0px 5px;
  height:34px;
  width:332px;
  background:url(images/hmenu_3_a.gif) 0px -59px no-repeat;}


.h_menu3 li a.m0:hover,.h_menu3 .h_menu3 li a.m0.active{background:url(images/hmenu_3_a.gif) 0px 0px no-repeat;}
.h_menu3 li a.m3:hover,.h_menu3 li a.m3.active{background:url(images/hmenu_3_a.gif) -352px 0px no-repeat;}
.h_menu3 li a.m4:hover,.h_menu3 .h_menu3 li a.m4.active{background:url(images/hmenu_3_a.gif) 0px 0px no-repeat;}

.h_menu3 ul li a:hover
{color:#fbae3b;}
.h_menu3 ul li a.active{color:#fbae3b;}

.h_menu3 ul ul
{ visibility:hidden;
  display:block;
  float:left;
  width:317px;
  position:absolute;
  z-index:100;
  padding:11px 5px 27px 5px!important;
  margin:38px 0px 0px 6px!important;
  background:#dfdfdf url(images/hmenu_3ul_ul.gif) center center no-repeat;}

.h_menu3 ul ul li {
  display:block;
  float:left;
  width:155px;
  margin:0px!important;
  padding:0px!important;
  list-style:none;
  color: #000000;
  text-align:left;}

.h_menu3 ul ul li a{
  display:block;
  width:143px;
  margin:0px 0px 0px 6px!important;
  padding:0px!important;
  text-decoration:none;
  border:none;
  font:11px Tahoma!important;
  color: #7b7b7b;
  text-align:left;}

.h_menu3 ul ul li a:hover{
  text-decoration:underline!important; }

.h_menu3 ul ul li a.m22{margin:0px 0px 0px 18px!important; }

/*-------------------------���� � ������������� ��� ������-------------------------*/

.before_text{
  width:930px;
  float:left;
  clear:both;
  margin:26px 0px 17px 0px!important;
  padding:0px 0px 26px 15px;
  border-bottom:2px solid #c2c2c2;}

.before_text ul{
  display:block;
  width:841px;
  float:left;
  margin:0px 0px 0px 53px!important;}

.before_text li.ff{
  display:block;
  list-style:none;
  float:left;
  width:258px;
  height:193px;
  padding:0px!important;
  margin:0px 14px 0px 14px!important;
  cursor:pointer;
  background:url(images/li_ff.gif) 0px 0px no-repeat!important;
  position:relative;
  cursor:pointer;}

.before_text li.ff h2{
  margin:0px!important;
  padding:0px!important;
  width:144px;
  position:absolute;
  top:55px;
  left:13px;}

.before_text li.ff h2 a{
  text-decoration:none!important;
  font:11px/16px Tahoma!important;
  text-transform:uppercase;}

.before_text ul#u1{
  display:block;
  position:absolute;
  z-index:100;
  top:150px;
  width:421px;
  left:18px;
  margin:0px!important;
  padding:25px 0px 0px 0px!important;
  height:82px;
  background:url(images/u1.png) 0 0 no-repeat!important;}

.before_text ul#u1 li{
  background:none!important;
  float:left;
  width:160px;
  height:100%;
  margin:0px 0px 0px 0px!important;
  padding:0px 0px 0px 20px!important;
  list-style:none!important;
}

.before_text ul#u1 li.u1_1{
  width:160px;
  background:url(images/line_li.jpg) right center no-repeat!important;
  margin:0px 0px 0px 25px!important;
  padding:0px 20px 0px 0px!important;}

.before_text ul#u1 a{
  display:block;
  line-height:15px!important;
  font-size:11px!important;
  text-decoration:none;
  cursor:pointer;
  margin:9px 0px 9px 0px;}

.before_text ul#u1 a:hover{text-decoration:underline;}

.before_text li.ff h2 a:hover{text-decoration:underline!important;}

.before_text li.ff#second_item {
  background:url(images/li_ff_second.gif) 0px 0px no-repeat!important;
}

.before_text li.ff#second_item  h2{
  top:76px;}

.before_text li.ff img{
  display:block;
  position:absolute;
  right:20px;
  top:8px;}

.before_text a img{
  border:0px!important;
}

.before_text .editbutton{z-index:5000!important;}

/*-------------------------���� �� ���������� ����� � breadcramps-------------------------*/

.before_text_2{
  margin:0px!important;
  padding:0px!important;}

.breadcramps{
  border-collapse:collapse;
  width:945px;
  padding:0px;
  margin:0px 0px 16px 0px;
  border-bottom:2px solid #9ab6c2;}

.breadcramps td{padding:0px 0px 8px 0px;margin:0px;}

.breadcramps a{
  padding:0px 15px 0px 15px;
  font:10px tahoma!important;
  color:#9ab6c2!important;
  text-transform:uppercase;
  text-decoration:none!important;
  background:transparent url(images/breadcramps.jpg) right center no-repeat;
}

.breadcramps a.first{
  padding:0px 15px 0px 0px;}

.breadcramps a:hover{text-decoration:underline!important;}

/*------------------------------------------���������� �����-----------------------------------------*/
#content{
  width:969px;
  padding:0px;
  margin:0px auto;}

#text{
  width:945px;
  margin:0px auto;
  padding:0px;
  font:13px/20px Tahoma;
  color:#7f7f7f ;
  text-align:left;}

#text h1{
  clear:both;
  width:945px;
  padding:0px 0px 14px 0px;
  margin:15px 0px 0px 0px;
  font:bold 15px Tahoma;
  color:#3f3f3f;
  border-bottom:2px solid #c2c2c2;}

#text h1.text{
  clear:both;
  width:945px;
  padding:13px 0px 15px 0px!important;
  margin:0px!important;
  font:bold 15px Tahoma;
  border-top:0px;
  border-bottom:0px;
  color:#3f3f3f;}

#text h1.news_inner{
  margin:9px 0px 0px 0px!important;
  padding:0px 0px 19px 0px;
  color:#3f3f3f;}

#text h2 {
  font:bold 14px Tahoma;
  margin:10px 0px 10px 0px;
  padding:0p!important;
  color:#3f3f3f;}

#text h2.for_gallery {
  font:bold 14px Tahoma;
  margin:18px 0px 20px 0px;
  padding:0px 0px 9px 0px!important;
  border-bottom:1px solid #c2c2c2;
  color:#3f3f3f;}

#text h3{
  font:bold 13px Tahoma;
  margin:10px 0px 10px 0px;
  padding:0px;
  color:#3f3f3f;}

#text h4{
  font:bold 12px Tahoma;
  text-transform:uppercase;
  margin:10px 0px 10px 0px;
  padding:0px;
  color:#3f3f3f;}
#text ul {padding:0px;margin-left:7px;}
#text ol {padding:0px;margin-left:15px;}
#text ul li{
  list-style:none;
  margin-left:0px!important;
  background:transparent url(images/text_li.gif) 0px 8px no-repeat;
  padding-left:12px;}

#text a:not(.container-news .news__item){
  color:#3f3f3f;
  font:12px Tahoma;
  text-decoration:underline}

#text a:hover{
  text-decoration:none;}

#text hr {
  display:block;
  height:2px!important;
  border:0px!important;
  color:#c2c2c2!important;
  background:#c2c2c2!important;
  margin:0px!important;
  float:left; /* ����� � IE6 ��������� ������ �� ��������� */
  width:100%; /* ��������� �������� ����������� ������ ����� ���� ��������� ������ */}

/*------------------------------------------����� �� �������� ������ ������-----------------------------------------*/
.formQuestion-wrap{width:520px;margin:0 auto 0 auto;}
.formQuestion-wrap fieldset{border:0;margin:0;padding:0;}
.formQuestion-wrap table{margin:0 auto 0px auto;border-collapse:collapse;padding:0;}
.formQuestion-wrap table td{margin:0;border-collapse:collapse;padding:0 0 12px 0;}
.formQuestion-wrap table input,.formQuestion-wrap table select,.formQuestion-wrap table textarea{
  width:330px;
  font:13px Tahoma;
  color:#7c7c7c;
}

.formQuestion-wrap table input{height:15px;padding:5px;width:320px;line-height:15px;}
.formQuestion-wrap table textarea{padding:5px;height:60px;width:320px;}

#text a#subbutton{
  display:block;
  width:132px;
  height:27px;
  background:#7d6fa0;
  color:#fff;
  border:0px;
  padding:2px 0px 2px 0px;
  margin:10px 0px 0px 110px;
  line-height:27px;
  font-weight:bold;
  text-decoration:none;text-align:center;
  cursor:pointer;}

#text a#subbutton:hover{background:#8e7fb3;}

.symbol_star{height:35px;vertical-align:top;}
.red_req{color:red;}
.table_title {width:133px;}



button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding:0; margin:0; }

/*------------------------------------------�������� ���� �� �������-----------------------------------------*/

.table_on_main{
  border-collapse:collapse;
  padding:0px;
  margin:8px 0px 0px 0px;
  font:11px/14px Tahoma;
  text-align:justify;}

.table_on_main td {
  width:180px;
  padding:0px;
  vertical-align:top;}

.table_on_main img{
  display:block;
  margin:0px!important;
  border:0px!important;
  cursor:pointer;}

.table_on_main th{
  height:44px;
  vertical-align:middle!important;
  font:bold 11px Tahoma;
  text-transform:uppercase;
  color:#4d7dc5;
  letter-spacing:1px;}

.table_on_main td.empty{
  width:11px;}

.table_on_main h2{
  width:158px;
  margin:18px 0px 18px 0px!important;
  font-size:12px!important;
  font-family:Arial!important;
  text-transform:uppercase;
  color:#3f3f3f !important;
  text-align:left;}

.td_wrap2{
  position:relative;
  height:172px;
  text-align:left;
  color:#7f7f7f;}

.td_wrap{
  position:relative;
  overflow: hidden;
  height:181px;
  padding-bottom:7px;}

.td_wrap a.onhover{
  display:block;
  margin:0px!important;
  padding:0px!important;
  cursor:pointer;
  position: absolute;
  z-index: 2;
  width: 180px;
  height: 173px;
  top:-220px;}

.td_wrap.violet{
  border-bottom:5px solid #7d6fa0;}
.td_wrap.orange{
  border-bottom:5px solid #ea774b;}
.td_wrap.grey{
  border-bottom:5px solid #60697a;}
.td_wrap.blue{
  border-bottom:5px solid #9ab6c2;}
.td_wrap.brown{
  border-bottom:5px solid #d4cec0;}

.table_on_main a.det{
  display:block;
  position:absolute;
  z-index:1;
  width:16px;
  height:16px;
  bottom:9px;
  right:0px;
  background:url(images/strelki.gif) -37px 0px no-repeat;
  cursor:pointer;}
.td_wrap.violet a.det:hover{background:url(images/strelki.gif) 0px 0px no-repeat;}
.td_wrap.orange a.det:hover{background:url(images/strelki.gif) -77px 0px no-repeat;}
.td_wrap.grey a.det:hover{background:url(images/strelki.gif) -119px 0px no-repeat;}
.td_wrap.blue a.det:hover{background:url(images/strelki.gif) -160px 0px no-repeat;}
.td_wrap.brown a.det:hover{background:url(images/strelki.gif) -198px 0px no-repeat;}

/*------------------------------------------���� � ������������� ��� ���������� �������-----------------------------------------*/
.grafitovye-izdelija{
  width:918px;
  margin:17px auto 5px auto;
  border-collapse:collapse;}

.grafitovye-izdelija td{
  padding:0px;
  vertical-align:top;}

.grafitovye-izdelija p.capt{
  width: 140px;
  margin: auto;
  margin-top: 10px;
  padding-left: 10px;
  font: 9px/12px Tahoma!important;
}
.before_text_2 {
  max-width: 100%;
  overflow-x: auto;
}
.grafitovye-izdelija p.capt a{
  font:9px/12px Tahoma!important;
  text-transform:uppercase!important;
  color:#686868!important;
  text-align:left!important;
  text-decoration:none!important;
}
.grafitovye-izdelija p.capt a.hover{
  color: #a1b5c0 !important;}

/*.wrap_g{background:transparent url(images/wrap_g.gif) -156px 0px no-repeat;}
.wrap_g.hover{background:transparent url(images/wrap_g.gif) 0px 0px no-repeat;}*/

.img_g{
  width:135px;
  height:188px;
  display:block;
  margin:0px auto;
  padding:5px 0px 0px 0px;}

.img_g img{
  display:block;
  margin:0px 0px 0px 4px;
  padding:0px;}

.img_g a img {border:0px;}

.grafitovye-izdelija.img_g{
  width:135px;
  height:188px;}

/*------------------------------------------������� �������� ������� ��� ���������� �������-----------------------------------------*/

.inner{
  width:917px;
  border-collapse:collapse;
  padding:0px;
  margin:0px auto 0px auto;}

.inner td{
  vertical-align:top;
  padding:0px;}

.inner td.empty{
  height:35px;
  vertical-align:middle;}

.inner_wrap{
  position:relative;
  top:0px;
  width:289px;
  height:283px;
  padding:0px!important;
  margin:0px!important;
  background:transparent url(images/inner.jpg) -315px 0px no-repeat;}

.inner_wrap.hover{
  background:transparent url(images/inner.jpg) 0px 0px no-repeat;}

.inner_wrap h2{
  position:relative;
  top:20px;
  left:25px;
  width:254px;
  height:35px;
  margin:0px 0px 0px 0px!important;
  padding:0px!important;
  font:14px/16px Tahoma!important;
  color:#6c6c6c!important;
  text-transform:none!important; }

.inner_wrap h2 a{
  font:14px/16px Tahoma!important;
  color:#6c6c6c!important;
  text-decoration:none!important;}

.inner_wrap h2 a.hover{
  color:#648b9c!important;
  text-decoration:underline!important;
}
#text a.detdet{
  display:block;
  width:72px;
  height:17px;
  padding:5px 0 0 0;
  text-align:center;
  text-transform:uppercase;
  font-size:10px;
  position:absolute;
  text-decoration:none;
  top:261px;
  right:11px;
  color:#919191;}
#text a.detdet:hover{color:#658c9b;}
.inner_short{
  position:relative;
  width:214px;
  left:25px;
  top:43px;
  font:12px/17px Tahoma!important;
  color:#6c6c6c!important;}
.inner_img{
  position:relative;
  width:240px;
  height:115px;
  top:38px;}
.inner_img a img{border:0px;}
.inner_img img{
  display:block;
  float:left;
  margin:3px 0px 0px 5px;}

.inner_icons{
  display:block;
  margin:0px;
  padding:0px;
  position:absolute;
  top:72px;
  right:6px;
  width:39px;
  height:155px;}

.inner_icons li{
  display:block;
  width:39px;
  height:38px;
  margin:0px 0px 2px 0px!important;
  padding:0px!important;
  background:none!important;}

.inner_details {
  display:block;
  position:absolute;
  width:71px;
  height:21px;
  top:261px;
  right:10px;}

/*------------------------------------------�������-----------------------------------------*/
.gallery{
  overflow:hidden;}
.image_carousel {
  position: relative;
  float:left;
  width:723px;
  height:120px;
  padding:0px 0px 11px 28px;
  margin:0px;}

.for_gallery p{
  margin:0px;padding:0px;}

.image_carousel ul{
  display:block;
  position: relative;
  float:left;
  height:120px;
  margin:0px!important;
  padding:0px!important;}

.image_carousel ul li{
  display:block;
  float:left;
  width:123px;
  height:120px;
  margin:0px!important;
  padding:0px 8px 0px 8px!important;
  background-image:none!important;}
.image_carousel  a {
  display: block;
  float: left;
  width:121px;
  height:115px;}

.image_carousel a img{border:2px solid #c2c2c2;}
.image_carousel img {
  display: block;
  float: left;
  width:121px;
  height:115px;
  padding:0px;
  margin:0px;
  border: 1px solid #c2c2c2;
  background-color:transparent;}

.image_carousel a img.hover{
  border:2px solid #7d6fa0;}

#foo1_prev{
  display:block;
  position:absolute;
  left:0px;
  top:54px;
  width:11px;
  height:12px;
  background:transparent url(images/nex-prev-sl.jpg) 0px 0px no-repeat;}

#foo1_next{
  display:block;
  position:absolute;
  right:0px;
  top:54px;
  width:11px;
  height:12px;
  background:transparent url(images/nex-prev-sl.jpg) -38px 0px no-repeat;}

a.prev.disabled {background-position: -22px 0px !important; cursor: default; }

a.next.disabled {background-position: -62px 0px !important; cursor: default; }

.caroufredsel_wrapper{
  position:relative;
  height:118px;}

/*-----------------------------------------Footer------------------------------------------*/


#footer{
  clear:both;
  width:945px;
  height:49px;
  padding:0px;
  margin:0px auto;}

#footer2{
  clear:both;
  width:945px;
  height:224px;
  padding:0px;
  margin:0px auto;
  background:transparent url(images/leg_footer.png) 15px 20px no-repeat;
  border-top:2px solid #c2c2c2;}

#footer2 #copyright{
  width:150px;
  padding:0px 0px 0px 19px;
  margin-top:-7px;
  border:0px!important;
  float:left;
  text-align:left;
  line-height:16px!important;}


#copyright {
  text-align:right;
  width:945px;
  height:19px;
  padding:8px 0px 0px 0px;
  margin:0px;
  color:#c2c2c2;
  border-top:2px solid #c2c2c2;}

#copyright a{
  text-decoration:underline;
  font-size:10px;
  color:#3f3f3f;}

#copyright a:hover{
  text-decoration:none;}

#copyright p{
  margin:0px;
  font-size:10px;
  color:#3f3f3f;}

#loginmenu{color:#7c7c7c!important;}
#loginmenu td div{color:#7c7c7c!important;}
#loginmenu td {color:#7c7c7c!important;}
#td_login a.button{color:#7c7c7c!important;}
#td_login a.button:hover{color:#7c7c7c!important;text-decoration:none;}

/*-----------------------------------------�������� ���� � ������------------------------------------------*/


.bottom_menu{
  clear:both;
  display:block;
  width:787px;
  height:159px;
  margin:21px 0px 0px 160px!important;
  padding:0px!important;}
.bottom_menu a img{border:0px;}
.bottom_menu img{
  display:block;
  width:90px;
  height:102px;
  margin:5px auto 14px auto;}

.bottom_menu h3{
  margin:0px 0px 0px 6px!important;
  padding:0px!important;
  font:9px Arial;
  text-transform:uppercase;
  font-weight:normal;
  color:#7c7c7c;}

.bottom_menu h3 a{
  font:9px Arial;
  text-transform:uppercase;
  font-weight:normal;
  color:#3f3f3f;
  text-decoration:none;}

.bottom_menu a.strelki{
  width:17px;
  height:16px;
  position:absolute;
  top:140px;
  right:0px;
  background:transparent url(images/strelki.gif) -37px 0px no-repeat;}

.bottom_menu li.bm1 a.strelki:hover{background-position:0px 0px;}
.bottom_menu li.bm2 a.strelki:hover{background-position:-77px 0px;}
.bottom_menu li.bm3 a.strelki:hover{background-position:-119px 0px;}
.bottom_menu li.bm4 a.strelki:hover{background-position:-160px 0px;}
.bottom_menu li.bm5 a.strelki:hover{background-position:-198px 0px;}

.bottom_menu li{
  display:block;
  position:relative;
  float:left;
  width:100px;
  height:164px;
  margin:0px 0px 0px 53px;
  cursor:pointer;
  list-style:none;
  background:transparent url(images/bm_li.gif) 0px 0px no-repeat;}

.bottom_menu li.bm1{
  border-bottom:5px solid #7d6fa0;}

.bottom_menu li.bm1.hover{
  background:transparent url(images/bm_li.gif) -189px 0px no-repeat;}
.bottom_menu li.bm2.hover{
  background:transparent url(images/bm_li.gif) -370px 0px no-repeat;}

.bottom_menu li.bm3.hover{
  background:transparent url(images/bm_li.gif) -560px 0px no-repeat;}
.bottom_menu li.bm4.hover{
  background:transparent url(images/bm_li.gif) -753px 0px no-repeat;}

.bottom_menu li.bm5.hover{
  background:transparent url(images/bm_li.gif) -938px 0px no-repeat;}

.bottom_menu li.bm2{
  border-bottom:5px solid #ea774b;}

.bottom_menu li.bm3{
  border-bottom:5px solid #60697a;}

.bottom_menu li.bm4{
  border-bottom:5px solid #9ab6c2;}

.bottom_menu li.bm5{
  border-bottom:5px solid #d4cec0;}



/*-----------------------------------------�������------------------------------------------*/

.txt{border-top:1px solid #c2c2c2;}
.txt a img{border:1px solid #c2c2c2;}
a.newsmore{
  display:block;
  float:right;
  color:#7c7c7c!important;
  font-size:12px!important;
  margin:2px 0px 0px 0px!important;
  padding:0px!important;}

a.newsmore2{
  display:block;
  float:right;
  color:#7c7c7c!important;
  font-size:12px!important;
  margin:1px 0px 0px 0px;}


.newsdate{
  display:block;
  float:left;
  font-size:12px;
}
.digits {
  clear:both;
  display:block;
  height:46px;
  width:945px;
  margin:0px;
  overflow:hidden;
  border-top:1px solid #c2c2c2;}


.digits ul{
  display:block;
  float:right;
  padding:0px;
  margin:25px 0px 0px 0px;
  list-style:none;}

.digits ul li {
  display:block;
  float:left;
  margin:0px 6px 0px 6px!important;
  padding:0px!important;
  list-style:none;
  background:none!important;
  color:#a690a6;
  background:#c2c2c2!important;}

.digits ul li a {
  display:block;
  width:16px;
  height:16px;
  padding:0px!important;
  margin:0px!important;
  font:12px Tahoma;
  text-align:center;
  color:#7c7c7c!important;
  text-decoration:none!important;}

.digits ul li a.active {
  font-weight:bold;
  background-color:#7c7d7f;
  text-decoration:none!important;
  color:#fff!important;}

.last_articles_box{padding:15px 0px 0px 0px;margin:0px;}

.dateAndnewsmore{
  overflow:hidden;
  clear:both;
  margin-bottom:20px;}

.t_news{margin-top:20px!important;font-size:13px!important}
.first ul li{
  display: block;
  padding: 10px 10px;
}
.first ul li a{
  color: #7f7f7f;
}
.first ul {
  /*background: rgba(0, 0, 0, 0) url("images/u1.png") no-repeat scroll 0 0 !important;*/
  background-color:#fff;
  border: 3px #F0F0F0 solid;
  display: block;
  height: auto;
  left: auto;
  position: absolute;
  top: 35px;
  width: auto;
  z-index: 100;
  margin-left: -12px;
}

.first ul{
  display:none;
}
.search_form{
  float: right;
  /*margin: 0 10px 0 25px;*/
  width: 228px;
  /*height: 10px;*/
}
.b-form {
  float: right;
  padding: 0 0;
  position: relative;
  width: 230px;
  bottom: 5px;
}
.b-form__input {
  border: 1px #F0F0F0 solid;
  font-size: 16px;
  font-weight: 600;
  height: 30px;
  outline: medium none;
  padding: 2px 5px 2px 5px;
  width: 100%;
}
input.b-form__input[placeholder]          {color:#bfbfbf;font-weight: normal;font-size:13px;}
input.b-form__input::-moz-placeholder     {color:#bfbfbf;font-weight: normal;font-size:13px;}
input.b-form__input:-moz-placeholder      {color:#bfbfbf;font-weight: normal;font-size:13px;}
input.b-form__input:-ms-input-placeholder {color:#bfbfbf;font-weight: normal;font-size:13px;}
input.b-form__input::-webkit-input-placeholder { color:#bfbfbf;font-weight: normal;font-size:13px; }

input.b-form__input:focus::-webkit-input-placeholder { color:transparent; }
input.b-form__input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input.b-form__input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input.b-form__input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

::-webkit-search-cancel-button {
  display: none;
}

.b-form__input-btn {
  background: transparent url("../files/images/search.png") no-repeat scroll center center / contain ;
  border: medium none;
  bottom: 0;
  cursor: pointer;
  font-size: 0;
  height: 18px;
  margin: auto;
  outline: medium none;
  position: absolute;
  right: 10px;
  top: 0;
  width: 18px;
}

.container-news {
  width: 945px;
  margin: 35px auto 30px;
  font-family: tahoma, sans-serif
}
.container-news .title {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 16px;
  color: #3f3f3f
}
.container-news .news {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -15px
}
.container-news .news__item {
  padding: 0 15px;
  list-style: none;
  width: calc(100% / 12 * 4 - 30px);
  margin-bottom: 24px;
  flex-basis: 285px;
  text-decoration: none;
  display: block;
}
.container-news .news__item:hover .news-arrow svg path {
  fill: #ea774b
}
.container-news .news__item-img {
  margin-bottom: 12px;
  height: 204px;
  width: 100%
}
.container-news .news__item-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block
}
.container-news .news__item-text-title {
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.container-news .news__item-text-data {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #7f7f7f;
  margin-bottom: 12px
}
.container-news .news__item-text-decr {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #7f7f7f;
  margin-bottom: 5px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.container-news .news__item .news-arrow {
  text-align: right
}
.container-news .news__item .news-arrow svg path {
  transition: .3s ease-in-out
}
.text-center {
  text-align: center
}
.btn {
  height: 32px;
  display: inline-flex;
  align-items: center;
  padding: 0 42px;
  text-decoration: none;
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
  border: none;
  background: #7d6fa0;
  transition: .3s ease-in-out
}
.btn:hover {
  background: #645785
}


.img_g {
  width: 135px;
  height: 188px;
  display: block;
  margin: 0px auto;
  padding: 5px 0px 0px 0px;
  /* background: #0000 url(images/wrap_g.gif) -156px 0px no-repeat; */
  border: 2px solid #ccc;
  border-radius: 8px;
}
.img_g:hover {
  border: 2px solid #9ab6c2;
}



.grafitovye-izdelija tr {
  display: flex;
}

html {
  scroll-behavior: smooth;
}