body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,label,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
/* general */
html, body { height: 100%; font-size:12px; }
body { background: white url(/i/bg.gif) top; text-align: center; }
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;}
.clear {display: block;}
h1 { margin-bottom:15px; font: normal 18px Arial; color: #862807 }
h1 strong { font-size:19px }
h2 { margin-bottom:15px; font: normal 16px Tahoma; color: #862807; text-transform: uppercase; }
h3 { margin-bottom:15px; font: bold 18px Arial; color: #862807; }
h4 { margin-bottom:10px; font: bold 12px Arial; color: #862807; }
strong { font-weight:bold }
a:hover { text-decoration: none; }
ul {padding:0 0 0 13px}
ul li {list-style-type:square;color:#747474;}
.empty { width: 100%; height: 91px; clear:both; overflow: hidden; }

/* all */
#all {position:relative; width: 1000px; min-height:100%; margin:0 auto; background: white url(/i/shadow.gif) repeat-y top;}
#all .wrap {width: 900px; margin:0 auto; text-align: left;   }
/* header */
#header { position: relative; width: 900px; height: 223px; padding-top:37px; }
#header .logo { width: 254px; height: 113px;  background: url(/i/logo.png) no-repeat bottom;}
#header .logo a { position: relative; width: 254px; height: 113px; display: block; text-decoration: none;  }
#header .title { position: absolute; right: 0; bottom:-21px; font: normal 12px Arial; color: #000  }
/* menu */
#menu {width: 900px; height: 60px; overflow: hidden; padding-top:40px;}
#menu ul { width: 1100px; padding:0}
#menu ul li { float:left; padding:0; margin: 0 62px 0 0; width: auto; list-style-type:none; }
#menu ul li a { font: normal 18px Arial; color: #8D8D8D; text-decoration: none; }
#menu ul li a:hover, #menu ul li.active a { color: #862807 }
/* submenu */
.submenu  { padding:0}
.submenu li { padding:0 0 0 28px; margin: 0 0 7px 0; background: url(/i/arr.gif) no-repeat left 6px;list-style-type:none }
.submenu li a { font: normal 16px Tahoma; color: #646464; text-decoration: none; }
.submenu li a:hover{color:#a43108}
/* content */
.content { display: inline; margin-right:20px; float:right; width: 560px; padding-bottom:30px; font-family: arial; color: #545454 }
.content p { margin-bottom:12px; font: normal 14px/1.4 Arial; color: #545454 }
.content .banner { margin-bottom:10px }
/* sidebar */
.sidebar { float:left; width: 294px; padding-bottom:30px }
.sidebar .banner { margin-bottom:10px }
 /* columns */
.block { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ECECEC; font: normal 12px/1.4 Arial; color: #747474 }
.block a { color: #747474 }
.block p { margin-bottom:15px }
.block .left { float: left; display: inline; width: 380px;}
.block .right { float: right; display: inline; margin-right:20px; width: 410px }

.cont { margin:0 40px 40px; color: #545454;border:none;}
.cont a {color: #545454}

.item { margin:30px 0 0 0;}
.item img {float:left;border:1px solid #cfcfcf;}
.item div{float:right;width:680px;}

.partner{border-bottom:1px solid #ececec;margin:25px 0 0 0}
.partner img{float:left;}
.partner p {margin:4px 0}
.partner div{float:right;width:510px;margin:0 0 8px 0}

.pers {padding:0}
.pers li {margin:34px 0 0 0}
.pers li img{float:left;border:1px solid #a8a8a8;}
.pers li div{float:right;width:420px;}
.pers li h4 {margin:0}
.pers li p {margin:17px 0 0 0}

.pers_detail{padding:0}
.pers_detail li {list-style-type:none; margin: 0; padding:0}
.pers_detail li p{font-size: 12px;margin:18px 0 24px 0;}
.pers_img {float:left;border:1px solid #cfcfcf;margin:3px 22px 22px 0}
.pers_detail li h4{margin:0 0 0 0;}
.pers_sq {margin:6px 0 24px 14px; padding:0}
.pers_sq li {list-style-type:square;color:#747474;}


.no-b{background:none;border:0}



.podr {padding:0}
.podr li {clear:both;padding:30px 0 0 0; list-style-type: none}
.podr .left{float:left;width:190px;font-size: 12px;}
.podr .right{float:right;width:350px;margin:0 0 8px 0}
.podr img {border:1px solid #cfcfcf;}
.podr .decim {width:40px; font-size: 72px; line-height: 68px;color: #C7C7C7; float:left}
.podr .left strong {margin:0 0 5px 2px}
.podr .decim img {border:0;margin:6px 0 0 0}

.podr .left strong{float:left}
.podr .right p {margin:0;}
.podr .right span {float:right;display:block;background:url(/i/arr2.gif) no-repeat right 9px;width:80px;color:#545454;font-weight: 800;font-size: 11px;}

.inner {line-height:20px;font-family:Arial;}
.inner p {font-size: 12px;margin: 0 0 0 0;color:#747474;line-height:20px;}
.inner .square {margin:0 0 0 14px;padding:0}
.inner .square li {list-style-type:square;color:#747474;}
.inner h4{margin:30px 0 10px 0}
.inner strong{font-family:Arial;color:#747474}
.inner form label {font-size: 12px;}

.work{float:left; margin: 30px 0 0; padding-right:10px; width: 48%;display: block;}
.work div{margin-left: 140px;}
.work div p strong a{color: #545454}
.work img{float:left;border:1px solid #cfcfcf;}
#works {width:566px;height:327px}
#works img{border:1px solid #cfcfcf;width:566px;height:327px}

.tree{float:left; margin: 30px 0 0; padding-right:10px; width: 100%;display: block;}
.tree div{margin-left: 140px;}
.tree div p strong a{color: #545454}
.tree img{float:left;border:1px solid #cfcfcf;}
#trees {width:566px;height:327px}
#trees img{border:1px solid #cfcfcf;width:566px;height:327px}


.big_hidden_img{display:none;}

#arr-left {position:absolute;top:0;left:-35px;background:url(/i/arr-left.gif) no-repeat 50% 50%;width:35px;height:77px;cursor:pointer}
#arr-right {position:absolute;top:0;left:568px;background:url(/i/arr-right.gif) no-repeat 50% 50%;width:35px;height:77px;cursor:pointer}

#gallery {position:relative;height:77px; width:568px;margin:24px 0 38px 0;}
#gallery img {float:left;margin:0 12px 0 0;border:1px solid #cfcfcf;cursor:pointer}

/* Карусель  */
.stepcarousel{
position: relative; /*Не трогать*/
overflow: scroll; /*Это тоже не трогать*/
width: 568px; /*Ширина окошка Карусели*/
height: 77px; /*Высота. Должно хватать для самого большого элемента*/
}

.stepcarousel .belt{
position: absolute; /*И это тоже не трога*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*Ну, и это, конечно, тоже*/
overflow: hidden; /*Скрыть, все, что вылазить за div окошка*/
/*margin:0 12px 0 0; /*отсут вокруг каждой картинки*/
/*width: 145px; /*Ширина для всех картинок. Если убрать, то для каждого div нужно будет назначать отдельно*/
}
/* /Карусель  */


#div_img {overflow:hidden}

.inner dl {color:#545454}
.inner dl dt{float:left;font-weight: 800;margin:0 4px 0 0;}
.inner dl dd{}


.hide{display:none}

/* list */
.list {  }
.list li { margin-bottom:10px }
/* feedback */
.feedback { width: 369px; }
.feedback .text { width: 367px; height: 18px; padding-top:4px; margin-bottom:8px; border: 1px solid #ABABAB; font: normal 11px Arial; color: #000 }
.feedback .message { width: 367px; height: 104px; margin-bottom:8px; border: 1px solid #ABABAB; font: normal 11px Arial; color: #000 }
.feedback label { color: #000; }
.feedback .bn { width: 85px; height: 25px; border: 0; cursor: pointer; margin-left:283px; background: url(/i/bn.gif) no-repeat; font: bold 11px Tahoma; color: #fff }
.feedback .cap { margin:5px 0 10px; padding:0 }
.feedback .cap li { float:left; list-style-type: none; }
.feedback .cap li label { }
.feedback .cap li.r { float:right; margin-top: 5px }
.feedback .f_cap { width: 83px; height: 18px; padding-top:4px; border: 1px solid #ABABAB; text-align: center; font: normal 11px Arial; color: #000 }

.symbolstext{display:block; padding-top:7px}
.capchaimg{margin: 0 0 0 4px}
.krylco{color:#545454; text-decoration: underline}
.more a{display:block;background:url(/i/arr2.gif) no-repeat right 9px;width:80px;color:#545454;font-weight: 800;font-size: 11px; text-decoration: none}
.more a:hover{display:block;background:url(/i/arr2.gif) no-repeat right 9px;width:80px;color:#545454;font-weight: 800;font-size: 11px; text-decoration: none}

.carier{
	padding-top: 20px;
}
/* footer */
#footer {position:relative; width: 1000px; height:71px; padding-top:20px; margin:-91px auto 0; }
#footer .wrap {width: 900px; margin:0 auto; text-align: left;}
#footer .wrap .left {float:left; width: 294px; font: normal 11px/1.4 Tahoma; color: #818181}
#footer .wrap .right { position: relative; float:right; width: 580px; overflow: hidden; }
#footer .wrap .right .info { overflow: hidden; height: 36px; margin-left:277px; padding: 0; width: 1000px}
#footer .wrap .right .info li {float:left; display: inline; margin-left:-18px; padding:0 36px 0 18px; border-left:2px solid #A4C0BE; font: normal 12px/36px Arial; color: #868686; width: auto}


/* for file */
div.fileinputs {
	position: relative;
	width:207px;
}
div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width:440px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#000;
	height:24px;
}
input.text_file{
	padding:0 0 0 5px;
	width:362px;
	/*background:url(upload_input.jpg) no-repeat 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;*/
	line-height:1.8em;
	color:#000;
	height:18px;*height:22px;
	position:absolute;
	left:0;
	top:0;
	border: 1px solid #ABABAB;
}
:root input[type="text"]{
	padding-top:3px;
	line-height:normal;
}
.fakefile img{
	position:absolute;
	left:376px;
	top:0;
	padding:0;
	margin:0;
}
/* fo file */
/*****LOGO BLOCK*****/
div.logo-block {
    float:right;
    width:286px;
    height:32px;
    vertical-align:middle;
}

div.logo-block a {
    display:block;
    width:auto;
    float:left;
    margin:2px 10px 0px 0px;
    color:#797979;
    font: 11px tahoma;
    line-height:32px;
    text-decoration:none;
}

div.logo-block a:hover {
    text-decoration:underline;
}

div.logo-block img {
    margin-top:0px;
}

div.logo-block a.img {
    border-left:1px solid #999;
    padding:0px 0px 3px 10px;
    margin:0px;
    line-height:32px;
}

div.logo-block a.img div.img {
    width:90px;
    height:32px;
}

