html, h1, p, img, ul, li, textarea {margin:0;padding:0;font-size:14px; line-height: 1.3; }
body{margin:0;padding:0; font-size:14px; line-height: 1.3; }
html, body{height:100%;}
.cBlock{clear:both;overflow:hidden;font-size:0;}
img{border:0px solid #d5caad;}
input, textarea, div, a {outline:none;font-family: Arial;}
textarea{resize:none;}
.pA{position:absolute;}
.fl_l{float:left;}
.fl_r{float:right;}
.db{display:block}
.dn{display:none}
/**********************************************/

/**********************************************/
a {color:#8c9c66; }
a:visited {color:#8c9c66; }
a:hover {color:#8c9c66; text-decoration:none;}


/**********************************************/
a.button{
	width:137px;
	height:29px;
	display:block;
	line-height:29px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#322215;
	background:url(/assets/templates/stroy-otryad/img/button-1.png) no-repeat 0px -29px;
	margin:10px 0px;
}
a.button:hover{
	color:#fff;
	background:url(/assets/templates/stroy-otryad/img/button-1.png) no-repeat 0px 0px;
}
/**********************************************/
p{
	padding-bottom:7px;
	text-align:justify;
	text-indent:28px;
}
pp{
	padding-bottom:7px;
	text-align:justify;
	text-indent:10px;
}
/**********************************************/
h1{
        text-align: center;
	font-size:26px;
	font-weight:normal;
	font-weight:bold;
	

}
h2{
	font-size:24px;
	font-weight:normal;
	
}
/**********************************************/
b, strong{
}
/**********************************************/
html, body{
/*** background:url(/assets/templates/stroy-otryad/img/bg.gif); */
/***  background:url(/assets/templates/stroy-otryad/img/home.jpg) no-repeat center fixed;*/
background-color: #fffcf4;
	font-family: Arial;
	font-size:14px;
	color:#322215;
}
/**********************************************/
#allSite {
	width:995px; /**размер рабочей области**/
	margin:0 auto;
/*opacity: .9;*/
}
#footer
{
        width:935px; /**размер рабочей области**/
	pdding-left:50px ;
        background:#d5caae;
}
#footer1
{
        width:935px; /**размер рабочей области**/
	pdding-left:50px ;
        background:#eae3d0;
}
#allSite{
	min-height:100%;
	height:auto !important;
	height:100%;
}
#header{
	position:relative;
}
#allCenter{
	
}



/**********************************************/
#header{
	height:151px;
	background:url(/assets/templates/stroy-otryad/img/headernew2.png) no-repeat top center;
}
.headerText{
	width:650px;
	left:296px;
	top:82px;
	font-size:31.5px;
	font-weight:bold;
	line-height:35px;
}
.headerPhone{
	width:370px;
	left:296px;
	top:23px;
	font-size:16px;
	color:#817a67;
}
.headerPhone span{
	font-size:20px;
}
.logo{
	width:264px;
	height:163px;
	display:block;
	left:0px;
	top:0px;
}
/**********************************************/
.leftcol, .rightcol{
	float:left;
}
.leftcol{
	width:239px;
	padding-left:25px;
}
.rightcol{
	width:668px;
	margin-left:32px;
}
.centercol{
        margin-top:20px;
	width:935px;
	margin-left:30px;
}
#allCenter .rightcol, #allCenter .leftcol{
	padding-bottom:32px;
}
/**********************************************/
#leftMenu a{
	display:block;
	width:223px;
	height:32px;
	line-height:32px;
	padding:0px 0px 0px 16px;
	text-decoration:none;
	background:url(/assets/templates/stroy-otryad/img/left-menu.png) 0px 0px;
	color:#322215;
	font-weight:bold;
	font-size:16px;
	margin:2px 0;
}
#leftMenu a:hover{
	background:url(/assets/templates/stroy-otryad/img/left-menu.png) 0px -32px;
	color:#fff;
}
#leftMenu a#leftMenuActive{
	background:url(../img/left-menu.png) 0px -32px;
	color:#fff;
}
#leftMenu div{
	height:36px;
}
.proizvoditel{
	color:#888271;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	padding:70px 0px 20px 0px;
display:block;
text-decoration:none;
}
.tovarProizvoditel{
	background:#fff2d8;
	position:relative;
	font-weight:bold;
	display:block;
	width:235px;
	height:142px;
	margin-bottom:15px;
}
.tP_top{
	top:10px;
	left:14px;
	text-align:left;
	font-size:16px;
	color:#ff7e0e;
}
.tP_bott{
	text-align:center;
	font-size:12px;
	color:#888271;
	top:126px;
	left:0;
	width:235px;
}
/**********************************************/

/**********************************************/
#footer, #hfooter{

}
#footer{


	margin-top:0px;
        margin-left:30px;

}
#footer a {color:#black; }
#footer a:link {color:#black; }
#footer a:visited {color:black; }
#footer a:hover {color:#black; }

#footer .leftcol{
	padding:0;
	width:264px;
	height:110px;
	background:url(/assets/templates/stroy-otryad/img/logo-footer.png) no-repeat 30px 70px;
}
#footer .textBg{
	background:#eae3d0;
	padding:7px 0px 10px 25px;
	font-size:13px;
}
#footer .textBg a{
	color:#322215;
}
#footer #footerBottomText{

	font-size:10px;
	color:#a4a298;
	font-family:Tahoma,Arial;
	padding:5px 0px;
	position:relative;
}
#footer #footerBottomText a{
	color:#a4a298;
}
#ch{
	width:31px;
	height:31px;
	background:url(/assets/templates/stroy-otryad/img/ch.gif);
	position:absolute;
	left:100%;
	margin-left:-31px;
	top:8px;
}
/**********************************************/
#gall{
	padding-bottom:43px;

padding:3px 0px 20px 0px;
}
#gall img{
	border:0;
}
#actionButtons{
	margin-top:100px;  /*надпись спр постр  на*/
	z-index: 9999;
	
        opacity:1;
position:fixed,
}
#actionButtons span{
	font-size:10px;
	line-height:43px;
	font-style:italic;
	padding-left:30px;
	font-weight:bold;
	float:left;
}
#actionButtons div{
	width:215px;
	height:43px;
	margin:0 auto;
	padding-left:20px;
}
#actionButtons a{
	display:block;
	width:43px;
	height:43px;
	float:left;
	background:url(/assets/templates/stroy-otryad/img/play.png) no-repeat;
	cursor:pointer;
	margin:0 3px;
}
#actionButtons a.prev{background-position:-3px -43px;}
#actionButtons a.prev:hover{background-position:-3px 0px;}
#actionButtons a.play{background-position:-48px -43px;}
#actionButtons a.play:hover{background-position:-48px 0px;}
#actionButtons a.stop{background-position:-94px -43px;}
#actionButtons a.stop:hover{background-position:-94px 0px;}
#actionButtons a.next{background-position:-139px -43px;}
#actionButtons a.next:hover{background-position:-139px 0px;}
.scrollable {
	position:relative;
	overflow:hidden;
	width: 667px;
	height:230px;
}
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}
.items div {
	float:left;
	width:667px;
	background:url(/assets/templates/stroy-otryad/img/logo-footer-min.png) no-repeat center center;
}
.scrollable img {
	border:3px solid #888271;
	width:312px;
	height:224px;
}
/**********************************************/
.fotoGall{
	padding:16px 0 7px 7px;
	border:1px solid #d5caad;
	background:#f5edd9;
}
.fotoGall a{
	display:block;
	width:182px;
	height:125px;
	float:left;
	margin:0px 3px 9px 0px;
	position:relative;
}

.fotoGall img{width:180px;height:123px;position:absolute;left:0;top:0;}
.fotoGallmask{
	top:0px;
}
.fotoGallTitle{
	font-size:14px;
	color:#817a67;
	font-weight:bold;
	padding:10px 57px 25px 57px;
}
/**********************************************/
.fotoGall_2{
	padding:0px 0 50px 0px;


}
.fotoGall_2 a{
	display:block;
	width:465px;
	float:left;
height:330px;
	margin:0px 0px 0px 0px;
	text-align:center;
	position:relative;
	text-decoration:none;
	color:black;
	font-size:14px;
  border: 0px solid #d5caad;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;

}
.fotoGall_2 a span{
	padding-bottom:5px;
	display:block;
	height:51px;
}
.fotoGall_2 a img{width:450px;height:315px;}



.fotoGall_2 a:hover img {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
  z-index: 5;}

/**********************************************/
.pager{
	padding:15px 28px;
	font-size:14px;
	height:30px;
}
.pager div, .pager a, .pager span{
	float:left;
	display:block;
}
.pager div{
	width:73px;
}
.pager a, .pager span{
	padding:2px 5px;
	text-decoration:none;
}
.pager a{
	color:#817a67;
}
.pager a.visited{
	font-weight:bold;
}
.pager span{
	background:#ff7e0e;
	color:#fff8e6;
}
/**********************************************/
.blockOverOut{
	border-top:1px solid #d5caad;
}
.blockOver{
	border-bottom:1px solid #d5caad;
	cursor:pointer;
padding-top:4px;
}
.blockOver:hover{
	background:#f5edd9;
}
.blockOver div{
	padding-left:55px;
}
.blockOver div.podrobnee{
	padding-top:20px;
	padding-bottom:15px;
	padding-right:92px;
	color:#817a67;
	font-style:italic;
	text-align:right;
	font-size:12px;
}
/**********************************************/
#disign_2{
	padding:16px 0 7px 4px;
	border:1px solid #d5caad;
	background:#f5edd9;
}
#disign_2 a{
	display:block;
	width:162px;
	height:111px;
	float:left;
	margin:0px 3px 9px 0px;
	position:relative;
}
.fotoGallmask{
	top:0px;
}
#disign_2Title{
	font-size:14px;
	color:#817a67;
	font-weight:bold;
	padding:10px 57px 25px 57px;
}
/**********************************************/
/**********************************************/
.slider-wrapper{ 
	width: 945px; /*Ширина основного слайдера*/
	margin:0;
	height:330px; /*Высота основного слайдера*/
	position:relative;
	overflow:hidden;
}

/*
 * jQuery Nivo Slider v3.0.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:0%;
	height:0%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {
	position:absolute;
	top:5px;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/**********************************************/
/**********************************************/
/**********************************************/
/********Для горизонтального меню начало*******/

nav {
  margin-left: 0px;


} 
nav ul {

  list-style: none;
float: center;

}

nav ul:after {
  content: "";
  display: table;
  clear: both;

}

nav a {

  text-decoration: none;
float: center;  

  display: block;
  transition: .3s linear;
}

.topmenu > li {
margin-top: 0px;
 margin-left: 0px;
float: left;
  position: relative;
  border-bottom: 0px solid #cdcbc4;

}

.topmenu > li:first-child {border-left: 0;}
.topmenu > li > a {  
  padding: 15px 21px; /**Превое высота меню(отступ сверху и снизу), второе растояние между пунктами**/
  font-size: 15px;
  font-weight: bold; 
  text-transform: uppercase;
  color: #000000;  /*#FEFDFD; цвет текста меню**/
 letter-spacing: 0px; 


}

}
.topmenu > li > a.active, 
.submenu a:hover {color: #ffffff;}
.topmenu .fa, 
.submenu .fa {
  margin-left: 8px;
  color: inherit;
}
.topmenu > li > a:hover {
 color: #ffffff;
}

.submenu {
  position: absolute;
  z-index: 5;
  min-width: 210px;
  background: white;
background: #d5caad; 
  border-top: 1px solid #d5caad;
/*  border-top: 1px solid #CBCBCC;*/
  border-left: 1px solid #d5caad;
  border-right: 1px solid #d5caad;
  visibility: hidden;
  opacity: 0; 
  transform-origin: 0% 0%;
  transform: rotateX(-90deg);
  transition: .3s linear;  
}
.submenu li a:hover {
  color: #ffffff; 
}
.submenu li {position: relative;}
.submenu li a {
background: #d5caad; 
  color: #000000;  /*цвет букв внутри меню*/
box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
  padding: 10px 20px;
  font-size: 13px;
 /* border-bottom: 1px solid #000000;*/
}
.submenu .submenu {
  position: absolute;
  left: 100%;
  top: -1px;
  transition: .3s linear;
}
nav li:hover > .submenu {
  color: #ffffff;
  transform: rotateX(0deg);
  visibility: visible;
  opacity: 1;
}
/********Для горизонтального меню конец*******/
/********Для слайдер и******/
.container {
     width: 100%;
}
.youtube {
     width: 100px;
     margin: 0 auto;
}

.youtube a > img{
     max-width: 100%;
     height: auto;
}

.youtube a, .youtube iframe {
  padding: 0px;
  border: solid 0px #ccc;
  box-shadow: 0 0 50px #ccc;
  display: block;
  position: relative;
}

.youtube a:after {
  width: 64px;
  height: 64px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: 0px;
  margin-top: -32px;
  background: url(../fb/img/player_play.png) no-repeat;
  content: '';
  opacity: 0.8;
}


.container .gallery a img {
  float: center;
  width: 458px;
  height: auto;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 15px;
  border: 1px solid #d5caad;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
.container .gallery a:hover img {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container .gallery a.big img {
  width: 40%;
}

/********Для слайдер и ютуб конеуц*******/
/*****dfkjdlasfja****/
.container2 .gallery a img {
  float: center;
  width: 221px;
  height: auto;
margin-left: 5px;
margin-top: 0px;
margin-bottom:5px;
  border: 1px solid #d5caad;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
.container2 .gallery a:hover img {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container2 .gallery a.big img {
  width: 40%;
}
/*****dfkjdlasfja****/
/********полоска для меню*******/
.polosa
{
position:absolute;
background: #d5caad; 
   width: 935px;
  height: 52px;
margin-top: -2px;
box-shadow: 5px 5px 3px rgba(0,0,0,0.4);
}
.mobileico
{
position:absolute;
margin-left: 610px;
margin-top: 0px;
}