

/* Start:/bitrix/templates/stroy/css/template.css?14908757589018*/
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	font: 12px/18px Tahoma, Verdana, sans-serif;
	min-height: 1000px;
	background-color: #e7e7e7;
	margin: auto;
}
/*--------------------Основные блоки--------------------*/
#wrapper-logo {
    height: 127px;
    width: 100%;
    background-color: #17270d;
}
#logo {
    height: 127px;
    width: 980px;
    background-color: #17270d;
    margin: auto;
}
#wrapper-header {
    height: 192px;
    width: 100%;
    background-color: #243910;
}
#header {
    height: 192px;
    width: 980px;
    background-color: #243910;
    margin: auto;
}
#topmenu {
    height: 66px;
    margin: auto;
    width: 980px;
}
#wrapper-content {
    min-height: 1000px;
    width: 980px;
    background-color: #fbfbfb;
    margin: auto;
}
#slideshow {
    height: 424px;
    width: 980px;
}
#slide {
    height: 424px;
    width: 980px;
    background: url("/bitrix/templates/stroy/css/../images/main.jpg") no-repeat;
}

/*-----------------logo----------------*/
#logo-image {
    width: 127px;
    height: 127px;
    background: #faf;
    display: inline-block;
    background: url("/bitrix/templates/stroy/css/../images/logo-image.png") no-repeat;
}
#logo-title {
    height: 127px;
    width: 517px;
    background: url("/bitrix/templates/stroy/css/../images/logo-title.png") no-repeat;
    display: inline-block;
}


/*-----------------topmenu-------------*/
#topmenu ul {
	/*display: block;	*/
	display: inline-block;
	height: 66px;
	width: 979px;
	border-right: 1px solid #606060;
}
#topmenu ul, ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Arial;
	font-size: 15px;
	/*float:right;*/
}
#topmenu  ul li {
	height: 66px;
	float: left;
}
#topmenu ul li a {
	/*background: #ffb;*/
	float: left;
	text-decoration: none;
	line-height: 66px;
	color: #dddddd;
	padding: 0px 15px 0 15px;
	border-left: 1px solid #606060;
    transition: 0.3s;
}
#topmenu ul li a:hover {
	color: #fff;
	background: #38c911;
	border: none;
	padding: 0px 15px 0 15px;
    border-left: 1px solid #38c911;
    transition: 0.5s;
}
#topmenu ul li.last a {

}
#topmenu ul li.last a:hover {
    border-left: 1px solid #38c911;
    padding: 0px 23px 0 23px;
}

/*---------------servicemenu-----------------*/
#servicemenu {
     height: 126px;
     background-color: #e7e7e7;
     width: 980px;
}
.serviceblock {
    height: 126px;
    width: 326px;
    background-color: #fff;
    margin: 0;
    float: left;
}
.serviceblock.middle {
    margin-left: 1px;
    margin-right: 1px;
}
.service-image-block {
    height: 126px;
    width: 126px;
    float: left;
    /*background: #f6f6f6;*/
    margin-right: 15px;
}
a .service-title {
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 40px;
    line-height: 150%;
    color: #323232;
}

a div.service-image-block
{
    height: 126px;
    width: 126px;
    background: #fff;
}

a .service-image-block img {
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);
     filter: url(/bitrix/templates/stroy/css/grayscale.svg); /* Firefox 4+ */
     filter: gray; /* IE 6-9 */
     filter: grayscale(100%);
     transition: all 1s ease;
}
a:hover .service-image-block img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: url(/bitrix/templates/stroy/css/grayscale.svg); /* Firefox 4+ */
    filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 1s ease;
}

/*--------------------------блок основного текста------------*/
#content-leftmenu
{
    width: 100%;
    min-height: 500px;
    background: #fff;
    padding-top: 21px;
}
/*111111111111111111111111111111111111111*/
#leftmenu-wrapper {
    /*position: relative;*/
    /*top: 74px;*/
    width: 220px;
    height: 100%;
    /*background: #fbf;*/
    float: left;
    position: absolute;
    top: 820px;
}
#leftmenu {
    background: #fff;
    width: 100%;
    height: 220px;
}
#content-text-wrapper {
    padding: 0;
    /*background: #ffb;*/
    min-height: 700px;
    /*padding-left: 220px;*/
}
#content-text {
    min-height: 700px;
    margin: 0 30px 0 30px;
    background: #fff;
}
/*--------------------------заголовок материала--------------*/
.wrapper-title {
    height: 44px;
    width: 100%;
    background: #38c911;
    margin: 0 0 29px 0 ;
}
.title {
    height: 42px;
    line-height: 42px;
    min-width: 140px;
    background: #fff;
    font-size: 24px;
    color: #262626;
    float: left;
    padding: 0 30px 0 30px;
    border-bottom: 2px solid #38c911;
}
.title-margin {
    height: 44px;
    width: 28px;
    background: url("/bitrix/templates/stroy/css/../images/title-margin.png") no-repeat;
    float: left;
}

/*----------------------------category------------*/
.category-name, .category-name a {
    color: #6b6b6b;
}
.category-name a:hover {
    color: #38c911;
}

.items-category {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 30px;
}
.item-title {
    margin: 0 0 15px 0;
}
.item-title h2 {
    font-size: 20px;
    font-family: Arial;
    font-width: normal;
}
.item-title h2 a {
    color: #6b6b6b;
    text-decoration: none;
}
.item-title h2 a:hover {
    color: #38c911;
}
.wrapper-item-text {
    margin-bottom: 15px;
}
#content-text .item-text, #content-text .item-text p {
    font-size: 14px;
    font-family: Arial;
    line-height: 170%;
}

#content-text .readmore {
    height: 30px;
    width: 110px;
    display: block;
    margin-bottom: 15px;
}
#content-text  .readmore a{
    font-size: 13px;
    font-family: Arial;
    background: #f1f1f1;
    line-height: 30px;
    color: #828282;
    tex-decoration: none;
    display: block;
    padding: 0 15px 0 15px;
}
#content-text .readmore a:hover{
    color: #fff;
    background: #38c911;
}
/*----------------левое меню--------------------*/
#leftmenu ul {
    list-style-type:none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /*width: 15em;*/
    text-align: left;
    /*background: #f50;*/
}
#leftmenu ul li {
}

#leftmenu ul li a, #leftmenu ul li ul li a {
    display: block;
    color: #323232;
    font-size: 14px;
    line-height: 130%;
    text-decoration: none;
    padding: 14px;
}

#leftmenu ul li a {
    width: 200px;
    background: #fff;
    border-bottom: 1px solid #dddddd;
}

#leftmenu ul li a:hover {
    background: #38c911;
    color: #fff;
    border-bottom: 1px solid #38c911;
}

#leftmenu ul li ul li a {
    width: 180px;
    padding-left: 34px;
    background: #efefef;
    border-bottom: 1px solid #d4d4d4;
}

#leftmenu ul li ul li.current.active a{
    background: #38c911;
    color: #fff;
    border-bottom: 1px solid #38c911;
}
#leftmenu ul li.current.active.deeper.parent a{
    background: #38c911;
    color: #fff;
    border-bottom: 1px solid #38c911;
}
#leftmenu ul li.current.active.deeper.parent ul li a {
    color: #323232;
    background: #efefef;
    border-bottom: 1px solid #d4d4d4;
}

#leftmenu ul li.current.active.deeper.parent ul li a:hover {
    color: #fff;
    background: #4ed11a;
    border-bottom: 1px solid #4ed11a;
}

#leftmenu ul li.current.active a{
    background: #38c911;
    color: #fff;
    border-bottom: 1px solid #38c911;
}
/*-----------------------Контакты-------------------------*/
div.map {
    border: 1px solid #38c911;
    background: #f0f;
    width: 627px;
}



/*-----------Шрифты в материале---------------------------*/
#content-article .first {
    padding: 30px;
    background: #f4f4f4;
    font-size: 15px;
    font-weight: bold;
    font-family: Arial;
    color: #444;
    line-height: 190%;
    text-indent: 30px;
    margin-bottom: 20px;
}
#content-article .first p {
    padding: 0px;
    background: #f4f4f4;
    font-size: 15px;
    font-family: Arial;
    color: #444;
    line-height: 190%;
    text-indent: 30px;
}
#content-article, #content-article p {
    font-size: 14px;
    color: #424242;
    line-height: 200%;
    font-family: Arial;
    text-indent: 0px;
    padding-bottom: 14px;
}

#content-article ul {
    padding: 0 14px 0 40px;
}

#content-article table, #content-article table p {
    padding-bottom: 0px;
}



#content-article a {
    color: #31aa11;
}

#content-article h2 {
    color: #9b9b9b;
    margin-bottom: 10px;
}

#content-text ul {
    padding: 0 14px 0 40px;
}

#content-text, #content-text p {
    font-size: 14px;
    color: #424242;
    line-height: 200%;
    font-family: Arial;
    text-indent: 0px;
    padding-bottom: 14px;
}

.items-more ol {
    padding: 0 14px 0 40px;
}

.items-more ol li a { color: #6B6B6B; }
.items-more ol li a:hover { color: #38C911; }

div.pagination ul {
    /*display: block;   */
    display: inline-block;
    list-style-type:none;
}
div.pagination  ul, ul ul {
    list-style-type: none;
    text-align: left;
    display: inline-block;
}

div.pagination   ul li {
    float: left;
    margin: 0 5px 0 5px;
}

div.pagination   ul li a {
    color: #6B6B6B; 
}

div.pagination   ul li a:hover {
    color: #38C911;  
}
/* End */


/* Start:/bitrix/templates/stroy/components/bitrix/menu/LeftMenu/style.min.css?1486643122490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/stroy/components/bitrix/menu/LeftMenu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/stroy/styles.css?14908952751741*/
.clear {clear:both;}

.title,  .title-margin {  position: relative;  left: 0px; }
#content-text-wrapper {padding-left: 220px;}
#content-text {min-height: 1600px;}

.bx-prev {width: 42px; height: 125px;position: absolute; top: 140px; left: 0px; background:url(/bitrix/templates/stroy/images/sd_arrows.png) no-repeat;}
.bx-next {width: 42px; height: 125px;position: absolute; top: 140px; right: 0px; background:url(/bitrix/templates/stroy/images/sd_arrows.png) no-repeat right top;}
.bx-prev:hover {background-position: left bottom;}
.bx-next:hover {background-position: right bottom;}

h1 {font-size: 24px}

.modules_info {width:300px; min-height: 120px; margin:10px 10px 0px 0px; float: left}
.modules_info .linkbox {margin-top: 5px; text-align: center}

.wBorder {border:1px solid #d1d1d1;border-collapse: collapse;width: 600px}
.wBorder td {border-color:#d3d3d3; padding:3px}

#SelectSite {width: 200px; height: 80px; margin: 30px 0px 0px 760px; position: absolute; text-align: right; color: #ffffff}
#SelectSite a {color: #ffffff; text-decoration: underline}
#SelectSite a:hover {text-decoration: none}

input[type="submit"] {padding:8px; color: #ffffff; background: #38c911; border: none; font-size: 16px; cursor: pointer}

#ButtonFeed {display: block; width: 185px; height: 42px; background:url(/feedback/feedback2.jpg) no-repeat; position: absolute; cursor: pointer; margin: 12px 0px 0px 780px}

.link_pdf {background:url(/bitrix/templates/stroy/images/pdf.png) no-repeat left; height: 24px; padding-left: 25px; text-decoration: underline}
.link_pdf:hover {text-decoration: none}

.ImagesBlock {margin-top: 20px}
.ImgBox {width: 200px; height: 200px; margin: 5px; padding: 5px; border: 1px solid #cccccc; float: left}
.SectionItem {width: 300px; height: 120px; margin-right: 20px; padding: 5px; float: left}
/* End */
/* /bitrix/templates/stroy/css/template.css?14908757589018 */
/* /bitrix/templates/stroy/components/bitrix/menu/LeftMenu/style.min.css?1486643122490 */
/* /bitrix/templates/stroy/styles.css?14908952751741 */
