@charset "utf-8";

.body{
    position: relative;
}

#content {
    padding-top: 179px;
    padding-bottom: 40px;
}


#content .cn {
    background: url(../i/page-cn.png) no-repeat 0 0;
    position: absolute;
    height: 10px;
    width: 100%;
    overflow: hidden;
    top: -5px;
    left: -5px;
}
#content .cn-tr, #content .cn-br {
    margin-left: 100%;
}
#content .cn-bl, #content .cn-br {
    top: auto;
}
#content .cn-w {
    height: 5px;
    position: relative;
    overflow: hidden;
}

#content .page-wrap {
    position: relative;
}
#content .page {
    background: white;
    padding: 5px 24px;
}

#content .page em {
    font-style: italic;
    font-weight: inherit;
}
#content .page strong {
    font-style: inherit;
    font-weight: bold;
}
#content .page sup {
    vertical-align: super;
    font-size: 66%;
}
#content h1 {
    font-size: 36px;
    margin-bottom: 0.14em;
}
#content h2 {
    font-size: 18px;
}
#content h3 {
    font-size: 16px;
}
#content h2, #content h3 {
    font-weight: bold;
    font-style: normal;
    margin-bottom: 0.6em;
}
#content p {
    margin-bottom: 1.4em;
}

#content .breadcrumbs {
    position: absolute;
    margin: -25px 0 0 24px;
}


#content .image {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
    background: #464646;
    padding: 3px 3px 7px 3px;
}
#content .image img {
    display: block;
    margin-bottom: 5px;
}
#content .image a {
    color: white;
    text-decoration: none;
}
#content .image em {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    text-decoration: underline;
    padding-left: 7px;
}

.phones td{
 border-bottom:1px solid #e3e3e3;
 padding:5px 20px 5px 10px;
}
.price_table
{
    width:100%;
    background-color: #e7e7e7;
    font-size: 14px;
}
.price_table th{
  background:#666666; color:white;
 padding:10px 30px 10px 10px; vertical-align:top;
 border-bottom:1px solid #e3e3e3;
}

.price_table th {
/*border-left: 1px solid #c3c3c3;*/
border: 1px solid #c3c3c3;
vertical-align: middle; }
.price_table td {
border: 1px solid #c3c3c3;
}



.price_table th.align_right{
    text-align: right;
}

.price_table td{
 border-bottom:1px solid #e3e3e3;
 padding:8px 20px 8px 10px; vertical-align:middle;
}

.price_table td.prodprice,
.price_table td.prodsum{
    text-align: left;
}

.pdf{
 background: url('/i/pdf.jpg') top left no-repeat;
 padding:4px 0px 5px 26px;
}

.word{
 background: url('/i/word.jpg') top left no-repeat;
 padding:4px 0px 5px 26px;
}
.xls{
 background: url('/i/xls.jpg') top left no-repeat;
 padding:4px 0px 5px 26px;
}

span.found_item{ background:#fae4b5; }

.order-link{background: url('../i/zayavka.png') left no-repeat; padding:0px 0px 0px 27px; }

.tel-zayavka{background: url('../i/tel.jpg') top left no-repeat; padding: 2px 0px 2px 20px; font-weight:bold; font-size:17px;}

.calc-link{background: url('../img/calc.png') top left no-repeat; padding: 2px 0px 2px 25px; font-size:17px;}

.video-link{background: url('../i/video_icon.png') left no-repeat; padding: 2px 0px 2px 30px; font-size:17px;}

.directory{background: url('../i/hardbound-book-variant.png') top left no-repeat; padding: 2px 0px 2px 28px; font-size:17px;}

.price-link{padding: 7px 0 2px 0; font-size:17px;}

/*-----------------------------------*/
/*1280 fix*/
/*-----------------------------------*/


.nc_text ul { /*list-style-position: inside;*/ margin-left: 15px; /*padding-bottom: 15px;*/}
.nc_text li { list-style: inherit; /*margin-bottom: 5px;*/ }
.nc_text ol { margin-left: 15px; padding-bottom: 15px; }

 .nc_text .gray-tiles {
  float: left;
  vertical-align: top;
  max-width: 461px;
 }
 .nc_text .gray-tiles-map {
  display: block;
  vertical-align: top;
  overflow: hidden;
  min-width: 1px;
  max-width: 100%;
 }

 .nc_text .clear { clear: both; }
 .nc_text .gray-tile
 {
  background: #eee;
  border-radius: 6px;
  padding: 20px 20px 20px 20px;
  margin-bottom: 10px;
  margin-right: 20px;
 }

 .nc_text .b_inline {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
 }

 .nc_text .b_justified {
  max-width: 800px;
  text-align: justify;
 }

 .nc_text .b_justified:after {
  content: ' ';
  line-height: 0;
  display: inline-block;
  height: 0;
  width: 100%;
 }

 .nc_text .b_centered {
  max-width: 800px;
  text-align: center;
 }

 .nc_text .mag-contacts-tile {
  background: #ededed;
  padding: 20px;
  border-radius: 6px;
  min-width: 350px;
  min-height: 156px;
 }

  .shop-info {
    padding: 24px 10px 24px 10px;
    margin: 20px 0px 10px;
    font-size: 16px;
    border-radius: 6px;
    background: #ededed;
  }
  .shop-info .discount {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    min-height: 54px;
    width: 58%;
    margin-right: 2%;
    padding: 0px 0px 0px 104px;
    background: url(/images/percentage.png) 30px center no-repeat;
    font-size: 16px;
  }
  
  .shop-info .video_block {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 38%;
  }
  .shop-info .video_block .video {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
  }
  
  .shop-info .video_block .video a {
    position: relative;
    display: inline-block;
  }
  
  .shop-info .video_block .video .play {
    background: url(/images/grey-youtube.png) 0 0 no-repeat;
    width: 48px;
    height: 34px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 27px;
    opacity: 0.6;
  }
  
  .shop-info .video_block .video:hover .play {
    background: url("/images/red-youtube.png") 0 0 no-repeat;
    width: 48px;
    height: 34px;
    opacity: 1;
  }
  
  .shop-info .video_block .text {
    display: inline-block;
    /*vertical-align: middle;*/
	vertical-align: sub;
  }

 .nc_text p#SkypeButton_Call_metallbaza-74_1_paraElement { margin: 0; }

 .nc_text .work-hours-table th {
  padding-right: 20px;
 }

 .infokh {
    background: #eee;
    border-radius: 6px;
    padding: 20px 20px 1px 20px;
    margin-bottom: 20px;
}

.kontkh { padding:15px;background:#e7e7e7;margin:10px 0px 20px 0px; }
.kontdopkh { font-size:16px; letter-spacing: 0.1px;}
.phonekh { color: #2a3636; text-decoration: none; }
.otstup { margin:auto; height:28px; width:1px ;background:#b4b4b4; }
.elemenkh { text-align:center; padding: 0px 15px; }
.imgotstup { vertical-align: middle; margin-right: 10px;}
@media screen and (max-width: 768px) {
.kontkh { display:none; }
.kontmobilekh { padding:15px;background:#e7e7e7;margin:10px 0px 20px 0px; }
}

/* Таблица. Зебра */
.zebra {
	border-collapse:collapse;
	border-spacing:0;
	margin:0 auto;
	border: 1px solid #e0e0e0;
}

.zebra a{
	text-decoration:none;
	color:#808080;
}

.zebra a:hover{
	text-decoration:none;
	color:#00AFF0;
}

.zebra thead > tr > td{
	padding:10px 10px 10px 0;
	text-align:center;
}

.zebra > tbody > tr > td{
	border-bottom:1px solid #eaedef;
	text-align:left;
	padding:10px;
	text-transform: uppercase;
}

.zebra > tbody > tr:nth-child(1n){
	background: #f7f7f7;
}

.zebra > tbody > tr:nth-child(2n){
	background: #fff;
}

.zebra > tbody > tr:hover{
	background: #e0e0e0;
}

/* Баннер в хедере */
.bannerhead {
	position: absolute;
    right: 533px;
    top: 60px;
}

@media screen and (max-width: 1580px) {
	.bannerhead {display:none;}
}

@media screen and (max-width: 1277px) {
	.bannerhead {
	position: absolute;
    right: 380px;
    top: 60px;
	display: block;
	}
}

@media screen and (max-width: 1010px) {
 .discounter {display:none;}
 .bannerhead {
	position: absolute;
    right: 200px;
    top: 60px;
	display: block;
	}
}

@media screen and (max-width: 815px) {
 .discounter {display:none;}
 .bannerhead {display:none;}
}