body { font: normal 15px 'Trebuchet MS',Tahoma,Verdana,sans-serif; font: normal 14px 'Trebuchet MS',Tahoma,Verdana,sans-serif; color:#888; background: url(../images/cement1-fon.jpg) repeat 0 0; }
a {color:#373c5b}

.contentColumn {font-size: 15px;}
.contentColumn a {color:#666;}
.contentColumn  h1.textdoc , .contentColumn  h2.textdoc ,.contentColumn  h3.textdoc ,.contentColumn  h4.textdoc ,.contentColumn  h5.textdoc {text-align: left; font-weight: bold;  padding: 0; margin: 0 0 10px 0; text-transform: none}
.contentColumn  h1.textdoc {color:#98BB05;font-size:34px;}
.contentColumn  h2.textdoc {color:#98BB05;font-size:30px;}
.contentColumn  h3.textdoc {color:#F19951;font-size:26px;}
.contentColumn  h4.textdoc {color:#98BB05;font-size:22px;}
.contentColumn  h5.textdoc {color:#F19951;font-size:18px;}
.contentColumn ul.textdoc { margin: 10px 0 10px 10px}
.contentColumn ul.textdoc li{ background:url(../images/list-bullet.gif) no-repeat 0 6px; list-style: none; padding: 0 0 0 18px; margin: 0 0 5px 0}

p { line-height: 1.4em; padding: 0 10px 15px 0}
h1 { color:#98bb05; padding: 0 0 20px 45px; font: bold 35px 'Myriad Pro','Trebuchet MS',Tahoma,Verdana,sans-serif; text-transform: uppercase; text-align: center; }
h2 { font: bold 24px 'Trebuchet MS',Tahoma,Verdana,sans-serif; color:#98bb05}
h3 { font-weight: bold; font-size: 18px; color:#ed8026; background: #fff; display:inline-block; padding: 0 10px  }
h5 { color:#98bb05; padding: 0 0 20px 45px; font: bold 35px 'Myriad Pro','Trebuchet MS',Tahoma,Verdana,sans-serif; text-transform: uppercase; text-align: center; }
.docHeading { background: #f3f3f3; padding: 0 50px 0 60px; margin: 0 0 8px 0; clear: both}
.tar { text-align: right}
.clearfix:after, .row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}


.layout { 
	width: 1200px; 
	margin: 0 auto; 
	position: relative; 
	overflow: hidden;
}
.layout .outer {padding: 10px 56px 0 48px; overflow: hidden  }
.layout .inner { background: #fff}
.topBar{  
	display: block; 
	text-align: center; 
	height: 49px; 
	color:#000; 
	vertical-align: middle; 
	font: normal 18px/35px 'Myriad Pro', 'Trebuchet MS',Tahoma,Verdana,sans-serif;  
	background: url(../images/top-nav.jpg) no-repeat center bottom;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.topBar span{ margin: 0 10px}
.topBar a { text-decoration: none; margin: 0 18px;}
.topBar li { display: inline-block}
.shadowL {width: 48px; height: 1150px; background: url(../images/shadow-l.png) no-repeat 0 0; position: absolute; left: 0; top: 90px; }
.shadowR {width: 56px; height: 1150px; background: url(../images/shadow-r.png) no-repeat 0 0;position: absolute; right: 0; top: 90px; }
#header {  background: url(../images/header-bg.jpg) no-repeat right 20px; padding-top: 20px;padding-right: 20px;}
#header .inner { /* background: url(../images/header-bg.jpg) no-repeat left 256px; */ padding: 0 0 0 43px;}

.logo { width: 291px; padding: 0; margin: 0 -10px 0 -20px; float: left; height: 226px;  }
.logo img {  }

.logo .title { font-size: 22px; color:#000; padding: 0 0 15px 95px;  background: url(../images/logo-ecomaterial.png) no-repeat 0 0; margin: 10px 0 0 -6px  }
.logo .row {border-top: 1px solid #c2c1c1}
.logo  .col { width: 49%; float: left;  }
.logoHolder { display: block; margin: 0}


.promoBlock { width: 224px; height: 222px; padding: 2px; float: left; text-align: center; margin: 0 0 30px 33px; overflow: hidden; color:#fff; }
.promoBlockHolder  { width: 228px; height: 226px;float: left; margin: 0 0 30px 55px; position: relative; }
.promoBlockHolder .promoBlock  { margin: 0; display: none;}
.promoBlock a { display: block; color:#fff; line-height: 1.2em; position: relative; display: block}
.promoBlock  img { width: 222px; height: 182px}
.promoBlock span.alttext { position: absolute; width: 213px; height: 162px; z-index: 1; display: block; left: 0; top: 0; text-align: left; font-size: 24px !important; line-height: 2em !important; padding: 20px 0 0 10px; display: none }
.promoBlock span.alttext em { font-size: 20px; display: block}
.promoBlock a:hover span.alttext { display: block}
.promoBlockHolder .showThis { display: block}
.promoBlock.orange{background: #ed7e26}
.promoBlock.orange span { font-size: 15px; line-height: 1}
.promoBlock.orange .alttext {background: rgba(232, 113, 34, 0.8);  }
.promoBlock.blue {background: #3ac3d3}
.promoBlock.blue  span { font-size: 30px; line-height: 1}
.promoBlock.blue .alttext {background: rgba(57, 193, 209, 0.8);  }
.promoBlock.yellow {background: #dfd036}
.promoBlock.yellow span { font-size: 24px; line-height: 1.5}
.promoBlock.yellow .alttext {background: rgba(223, 209, 55, 0.8);  }
.promoBlock.pink {background: #781c9f}
.promoBlock.pink span { font-size: 24px; line-height: 1.5}
.promoBlock.pink .alttext {background: rgba(128, 37, 166, 0.8);  }
.promoBlock.green {background: #aaca06}
.promoBlock.green span { font-size: 15px; line-height: 2.5}
.promoBlock.green .alttext {background: rgba(174, 205, 6, 0.8);  }
.promoBlockHolder .promoBlock.hovered { position: absolute; z-index: 100; left: 0; top: 0; display: block !important}

.partitionNavigation { width: 270px; float: left; color: #fff; margin: 0 0 0 10px }
.partitionNavigation li { height: 52px; padding: 0; text-align: center; margin: 0 0 6px 0 }
.partitionNavigation a { text-decoration:none; color:#fff; display: block; padding: 17px 0 0 0 }
.partitionNavigation  .orange {background: url(../images/bg-01.png) no-repeat 0 0;}
.partitionNavigation  .yellow {background: url(../images/bg-02.png) no-repeat 0 0;}
.partitionNavigation  .green {background: url(../images/bg-03.png) no-repeat 0 0;}
.partitionNavigation  .pink {background: url(../images/bg-04.png) no-repeat 0 0; }
.partitionNavigation  .blue {background: #36b5c8;} 

.partitionNavigation  .blue a {font-size: 30px; padding: 7px 0 0 0}
.partitionNavigation  .pink  a {font-size: 30px; padding: 5px 0 0 0}
.partitionNavigation  .yellow  a {font-size: 27px; padding: 5px 0 0 0}
.partitionNavigation  .green a {font-size: 18px; padding: 13px 0 0 0}
.partitionNavigation .orange  a {padding: 8px 0 0 0}

.sideBar { 
	float: left; 
	width: 305px; 
	padding: 0 50px 20px 0;
}
.sideBar .block { padding: 0 0 0 28px; margin: 0 0 10px 0}
.advertBlock {color:#ed8026; text-align: center; font: bold 16px Arial }
.advertBlock a{color:#ed8026; text-decoration: none}
.advertBlock.block { width: 186px; padding:0; margin:0 auto 20px;  }
.advertBlock  .imgHolder {border: 2px solid #f19951; margin-top: 5px}
.sideBar .block .title{color: #ED8026; text-decoration: none; font: bold 16px Arial;    text-align: center;}

.contentColumn { 
	width: 670px; 
	float: left; 
	padding: 0 55px 20px 30px; 
}
.contentColumn  h2 { padding: 0 0 15px 52px; text-transform: uppercase}
.contentColumn strong, .contentColumn b { font-weight: bold}
.contentColumn  .block { padding-bottom:30px}
.contentColumn ul { list-style: disc; }
.contentColumn li { margin-bottom: 8px}


.sideBar { float: left; width: 305px; padding: 0 25px 20px 0}
#catalogueNav  { margin-bottom: 100px; font: normal 22px Tahoma,Verdana,sans-serif;  margin: 0 0 20px 1px}
#catalogueNav li {  margin-top: -1px;}
#catalogueNav  a {color: #000; text-decoration: none; display: block; padding: 0 0 0 20px }
#catalogueNav li li  a { background: none}
#catalogueNav .firstLevel li { position: relative; z-index: 5 }
#catalogueNav .firstLevel div {border-top: 1px solid #949494;border-bottom: 1px solid #949494; padding: 11px 0 11px 27px;}
#catalogueNav .secondLevel { display: none;background: #fff; padding-left: 40px; margin-top: 1px;}

#catalogueNav .secondLevel .secondLevel li {
	border: 0;
	margin: 0;
}
#catalogueNav .secondLevel .secondLevel a {
	font-size: 14px;
	line-height: 14px;
}
#catalogueNav .secondLevel li {background: #fff; position: static !important; border-top: 1px solid #e1e1e1;}
#catalogueNav .secondLevel li:first-child {
	border-top: 0;
}
#catalogueNav .secondLevel a {font-size:18px; color: #707070; padding: 4px 20px 5px 8px; margin: 2px 0; } 
#catalogueNav .secondLevel .current a {background: #f7941d; color: #fff;} 
#catalogueNav .firstLevel .secondLevel .current .secondLevel {display: block;}
#catalogueNav .secondLevel .current .secondLevel a {background: transparent; color: #000;} 
#catalogueNav .secondLevel .secondLevel .current a {font-weight: bold; color: #91c73f;} 
#catalogueNav .firstLevel .current div, #catalogueNav .firstLevel div:hover { border-left: solid 10px #ed7e26; background:#e9e9e9;padding-left: 17px; }
#catalogueNav .firstLevel div:hover {
	text-decoration: underline;
}
#catalogueNav .firstLevel .current div a { background: url(../images/arrow.png) no-repeat 0 8px; font-weight: bold;}
#catalogueNav .firstLevel .current .secondLevel { display: block; }
#catalogueNav  a:hover {  text-decoration: none;}
#catalogueNav  a:hover a { font-weight: normal; text-decoration: none;}
#catalogueNav  .secondLevel a:hover  {text-decoration: underline;}
#catalogueNav .firstLevel .secondLevel .secondLevel {
	border-top: 1px solid #e1e1e1;
	padding: 4px 0 0 20px;
	display: none;
}
#catalogueNav li a {
background: url(../images/arrow.png) no-repeat 0 8px;
}

/*  OLD
#catalogueNav  { margin-bottom: 100px; font: normal 22px 'Myriad Pro','Trebuchet MS',Tahoma,Verdana,sans-serif;  border-bottom: 1px solid #bababa; margin: 0 0 20px 1px}
#catalogueNav li {  border-top: 1px solid #bababa}
#catalogueNav  a {color: #000; text-decoration: none; display: block; padding: 0 0 0 15px }

#catalogueNav li.twoLevels a { background: url(../images/arrow.png) no-repeat 0 8px; }
#catalogueNav li.twoLevels li  a { background: none}
#catalogueNav .firstLevel li { position: relative; z-index: 5 }
#catalogueNav .firstLevel div {padding: 10px 0 10px 27px;}
#catalogueNav .secondLevel { position: absolute; top: -2px; right: -313px; display: none; background: #fff; width: 309px; border: 3px solid #abd401; z-index: 1000}
#catalogueNav .secondLevel  li {background: #fff; position: static !important; padding: 5px 45px 5px 20px}
#catalogueNav .firstLevel  li:hover{ background:#e9e9e9; border-left: solid 10px #ed7e26}
#catalogueNav .firstLevel li:hover div{ padding: 10px 0 10px 17px}
#catalogueNav .secondLevel  li:hover{border-left: solid 5px #98bb05; border-right: solid 8px #98bb05; padding:  5px 37px 5px 15px }
#catalogueNav  a:hover {  text-decoration: underline;}
#catalogueNav  a:hover a { font-weight: normal; text-decoration: none;}
#catalogueNav  .secondLevel a:hover  {text-decoration: none;}
*/

/* ÑÒÈËÈ ÄËß ÒÀÁËÈÖ ÎÑÍÎÂÍÎÃÎ ÊÎÍÒÅÍÒÀ  */
.contentColumn table { color:#525670; width: 585px; font-size: 12px}

.contentColumn table tr {width: 585px !important}
.contentColumn table  th { text-align: left; padding: 7px 7px 7px 7px; background: #e6f7dc}
.contentColumn table  td{  padding: 10px; width: auto;  }

.contentColumn table p { padding: 0}
.contentColumn .styledTable td  {background: #e8e7dc; border: 3px solid #fff; color:#333333; text-align: center}
.contentColumn .styledTable thead th { background: #ff9900; color:#fff;  text-align: center}
.contentColumn .styledTable th.centered{ text-align: center}
.contentColumn .styledTable td:first-child , .contentColumn .styledTable th:first-child   { text-align: left}

/* ÑÏÅÖÏÐÅÄËÎÆÅÍÈÅ */
.productsCatalogue .row { margin: 0 0 30px 0; text-align: center;}
.productsCatalogue .docHeading  { text-align: center;}

.productsCatalogue  .catItem { 
	padding:0 0 15px 0; 
	display: inline-block; 
	text-align: left;
	min-width: 92px;

}
.productsCatalogue  .catItem  .inner{
	/* margin: 0 0 0 40px; */ 
	position: relative; 
	z-index: 1;
	padding-left: 75px;
}

/* .productsCatalogue  .catItem { padding:0 0 15px 0; display: inline-block; text-align: left  }
.productsCatalogue  .catItem  .inner{margin: 0 0 0 40px; position: relative; z-index: 1;}
 */.productsCatalogue  .catItem  img { display: block; width: auto; height: auto;}
.productsCatalogue .quant2 .catItem { width: 49%;  }
.productsCatalogue .quant3 .catItem { width: 32%;  }
.productsCatalogue .quant4 .catItem { width: 24%;  }
.productsCatalogue .quant2 img { max-width: 165px; max-height: 117px}
.productsCatalogue .quant3 img { max-width: 151px; max-height: 151px}
.productsCatalogue .quant4 img { max-width: 68px; max-height: 151px}
.productsCatalogue .priceHolder { 
	position: absolute; 
	z-index: 10; 
	height: 91px; 
	width: 92px; 
	left: 0px; 
	top:22px; 
	background:  url(../images/price-bg.png) no-repeat 0 0; 
}
.productsCatalogue a { text-decoration: none; color: #888;text-decoration: underline;}
.productsCatalogue a:hover {text-decoration: none;}
.productsCatalogue .catPrice { font-size: 20px; color: #fff; text-align: center; display: block; height: 65px; width: 85px; line-height: 1; padding: 20px 0 0 0 }
.productsCatalogue .quant4  .inner {margin: 0 20px 0 50px}
.productsCatalogue .quant4  .priceHolder   { top:45px; left: -55px}
.productsCatalogue .catSubTitle { color: #98bb05; font-size: 14px; text-transform: uppercase; font-weight: bold; padding: 0 0 5px 30px} 

.productsCatalogue  .row.half { width: 50% ; clear: none !important; float: left}



/* ÍÈÆÍÈÉ ÁËÎÊ È ÑÑÑÛËÊÈ ÍÀ ÑÎÖÈÀËÜÍÛÅ ÑÅÒÈ */
.preFooter { background: #fff; margin: 10px 0; padding: 10px; text-align: center; }
.footer  {  background: rgba(93, 93, 93, 0.4); padding: 20px 20px 50px}
.footer, .footer  a { color:#525670}
.footer  .developer { float: right}
.soclink { width: 28px; height: 28px; display: inline-block; margin: 0 0 0 5px; vertical-align: middle}
.soclink.lj{ background: url(../images/ico-lj.png) no-repeat 0 0; }
.soclink.vk{ background: url(../images/ico-vk.png) no-repeat 0 0; }
.soclink.twitter{background: url(../images/ico-twitter.png) no-repeat 0 0; }
.soclink.fb{ background: url(../images/ico-fb.png) no-repeat 0 0;}
.soclink.rss{background: url(../images/ico-rss.png) no-repeat 0 0; }

.soclink.gplay{width: 80px; background: url(../images/google_play_icon.jpg) no-repeat 0 0; }
.soclink.appstore{width: 82px; background: url(../images/app-store.jpg) no-repeat 0 0; }

.contentColumn table.style1  td, .contentColumn table.style1  th { border: 1px solid #000; background:#fff; padding:5px}

.contentColumn .style2 td  {background: #e8e7dc; border: 3px solid #fff; color:#333333; text-align: center;}
.contentColumn .style2 thead th { background: #ff9900; color:#fff; text-align: center;}
.contentColumn .style2 th.centered{ text-align: center;}
.contentColumn .style2 td:first-child , .contentColumn .style2 th:first-child   { text-align: left}

img.textdoc {margin-top: 10px; margin-bottom: 10px}
img.textdoc[align="left"] {margin-right:10px}
img.textdoc[align="right"] {margin-left:10px}

/* Список новостей */

.icon-date:before {
	content: url('../images/icon-date.png');
	width: 16px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
}

.novosti {

}

.news-item {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #999;
}

.news-item:last-of-type {
	border: none;
}

.date-news {
	padding-bottom: 5px;
}

.date-news span {
	background: #bbb;
	color:#fff;
	padding: 3px 6px;
	display: inline-block;
	font-size: 12px;
	line-height: 12px;
}

.name-news a {
	color:#ED7E26;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
}

.text-news {
	padding-bottom: 5px;
}

.link-news {
	padding-bottom: 0;
}

.link-news a:hover {
	text-decoration: none;
}

.contentColumn h2.new-title {
	padding-left: 0;
}

.news-list {
	background: #fff;
	padding: 20px;
	margin-top: 10px;
	text-align: center;
}

.news-list h3 {
	display: block;
	clear: both;
	padding-left: 0;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 10px;
	color:#98bb05;
}

.news-list .news-item {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-right: -5px;
	margin-bottom: 15px;
	border: none;
	text-align: left;
	padding-right: 5px;
	box-sizing: border-box;
}

.news-list .name-news {
	padding-bottom: 0;
}

.sideBar {
	position: relative;
}

.sertificat {
	padding-left: 15px;
	padding-bottom: 15px;
}

.sideBar.testoviy-dokument {
	position: relative;
	top: -255px;
}

.testoviy-dokument .sertificat {
	position: absolute;
	left: 0;
	top: -100px;
}

.sertificat a {
	text-decoration: none;
}

.sertificat img,
.sertificat span {
	display: inline-block;
	vertical-align: middle;
}

.sertificat span {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	margin-left: -5px;
}

#header .promoBlock.yellow {
	margin: 0 0 30px 288px;
}

#header .promoBlock {
	margin: 0 0 30px 27px;
}

.promoBlockHolder .promoBlock {
	margin: 0 0 30px 0px !important;
}

.firstPromoBlock {
	position: relative;
	overflow: visible;
}	

.firstPromoBlock .text-1,
.firstPromoBlock .text-2 {
	position: relative;
	z-index: 5;
	padding: 0 20px;
	box-sizing: border-box;
	display: block;
}

.firstPromoBlock .text-1 {margin-top:23px;color:#373c5b;font-size: 18px;
    font-weight: bold;
    margin-left: -15px;
    text-transform: uppercase;white-space: nowrap;margin-bottom: 5px;}
.firstPromoBlock .text-2 {color:#373c5b;font-size: 18px;
    font-weight: bold;
    margin-left: -5px;margin-bottom: 6px;line-height: 20px;}
.firstPromoBlock .text-3 {color:#373c5b;font-size: 18px;
    font-weight: bold;
    margin-left: -5px;position: relative;
z-index: 3;
display: none;}
.firstPromoBlock .sertificat {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 2px;
	box-sizing: border-box;
	height: 100%;
	text-align: center;
}
.firstPromoBlock .sertificat a {
	display: block;
	position: absolute;
	line-height: 18px;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.firstPromoBlock .img-1 {
	width: auto !important;
	height: 125px !important;
	z-index: 2;
	border: 1px solid #bbb !important;
}
.firstPromoBlock .link-1 {}