@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
html {
    background: #14181c url(../img/all-bg.jpg) 50% 170px repeat-y;
}
body {
    min-width:1004px;
    font:62.5% Arial, Helvetica, sans-serif;
    color:#414042;
}
a { color:#484d55;}
a:hover { color:#415e8c;}	
img {border:none; padding:0; margin:0;}
:focus {outline:none;}


/* header ////////////////////////////////////////////// header */
#header {
    height:831px;
    background:url(../img/header-bg.jpg) 50% 0 no-repeat;
    margin-bottom:-682px;
}
#header-in {
    position:relative;
    width:1004px;
    margin:0 auto;
}
#logo {
    position:absolute;
    top:0;
    left:100px;
}
#h-menu {
    position:absolute;
    top:75px;
    left:320px;
    display:block;
    list-style:none;
}
#h-menu li {
    display:inline;
    padding-right:22px;
}
#h-menu li a {
    font-size:1.8em;
    font-weight:bold;
    color:#feffff;
}
#h-menu li a:hover { color:#c68fd0;}
#h-zakaz {
    position:absolute;
    top:30px;
    right:60px;
}
/* wrap ////////////////////////////////// */
#wrap-main-bg {
    width:990px;
    margin:0 auto;
    min-height:1000px;
    height:auto !important;
    height:1000px;
    position:relative;
    background:url(../img/wrap-main-bg.jpg) 0 0 no-repeat;
    z-index:5;
}
#wrap-main-bg #wrap {background: url(../img/wrap-main-bg.jpg) -5px 0 no-repeat !important;}
#wrap-content-bg {
     width:990px;
     margin:5px auto -305px auto;
     min-height:1000px;
     height:auto !important;
     height:1000px;
     position:relative;
     background: url(../img/wrap-body.png) 50% 0 repeat-y;
     z-index:5;
     }
     #wrap-content-bg #wrap { width:932px !important; padding:10px 7px !important; margin:0 auto  !important; background: url(../img/wrap-body-head.jpg) 50% 0  no-repeat;}
#wrap {
    overflow:hidden;
    width:980px;
    margin:0 auto  -345px auto;
    padding-top:8px;
}
/* title */
.title-main, h1 {
    padding:15px 27px 10px 27px;
    font-size:1.8em;
    font-weight:normal;
    color:#ed1c24;
    text-align: right;
}
/* content-menu */
#content-menu {
    display:block;
    height:38px;
    line-height:38px;
    padding-left:28px;
    margin-bottom:15px;
    list-style:none;
    background:url(../img/content-menu-bg.jpg) no-repeat;
}
#content-menu li {
    display:inline;
    padding-right:16px;
}
#content-menu li a {
    font-size:1.4em;
    color:#efeede;
}
#content-menu li a:hover { color:#fbc78b;}				

/* col-main-left */		
#col-main-left {
    float:left;
    width:273px;
    padding-left:15px;
}
/* contact-box */
#contact-box {
    width:235px;
    padding:8px 0 10px 15px;
    font-size:1.4em;
    font-weight:bold;
    color:#d1125a;
}
#wrap-content-bg #contact-box { padding:8px 0 10px 27px; }
#contact-box em {
    font-style:normal;
    color:#7b0112;
}
#contact-box span {
    display:block;
    padding:8px 0 5px 0;
    font-size:2.29em;
    font-weight:normal;
}
#contact-box a { color:#7b0112;}

/* b1-block */
#b1-block {
    width:273px;
    padding-bottom:13px;
    _padding-bottom:12px;
    background:url(../img/b1-foot.png) 0 100% no-repeat;
    font-size:1.2em;
}
#b1-head {
    height:13px;
    background:url(../img/b1-head.png) no-repeat;
    font-size:1px;
}
#b1-body {
    padding:0 6px;
    background:url(../img/b1-body.png) repeat-y;
	padding-bottom:1px;
}
#b1-title {
    margin-bottom:22px;
    padding: 13px 17px 12px 17px;
    background:#666;
    font-size:1.50em;
    color:#fff;
}
/* b1-box */
.b1-box {
    position:relative;
    width:246px;
    height:148px;
    padding:3px 0 0 2px;
    margin:0 auto 16px auto;
    background:url(../img/b1-box-bg.gif) no-repeat;
}
.b1-box div {
    position:absolute;
    bottom:2px;
    left:2px;
    width:226px;
    padding:12px 9px 9px 9px;
    background:url(../img/dark-png.png) repeat;
}
.b1-box div a {
    color:#eae1c4;
    text-decoration:none;
}
.b1-box div a:hover { color:#CCC;}
#b1-after {	margin:-8px 0 0 10px;}
#b1-after a { color:#484d55;}
#b1-after a:hover { color:#415e8c;}
/* b1-menu */
#b1-menu {background:url(../img/b1-menu-bg.gif) no-repeat;}
#b1-menu-ul {
    display:block;
    width:200px;
    padding:3px 20px 5px 35px;
    list-style:none;
    background:url(../img/b1-menu-2bg.gif) 0 100% no-repeat;
}
#b1-menu-ul li { padding:4px 0 15px 0;}
#b1-menu-ul li a {
    font-size:1.17em;
    color:#518430;
}
#b1-menu-ul li a:hover { color:#72c83b;}
#b1-menu-ul ul {
    display:block;
    margin: 0 0 0 7px;
    list-style:none;
}
#b1-menu-ul ul li {	padding:1px 0;}	
#b1-menu-ul ul li a {
    font-size:1em;
    text-decoration:none;
}
/* b1-form */
#b1-form {
    width:250px;
    margin:0 auto;
    background:url(../img/b1-form-foot.gif) 0 100% no-repeat;
}
#b1-form-in {
    padding:25px 8px 20px 8px;
    background:url(../img/b1-form-head.jpg) no-repeat;
    border:0;
    color:#dc8e22;
    font-size:1.17em;
}
#b1-form-in fieldset {border:0;}
#b1-form-title {font-weight:bold;color:#bf6818;}
#b1-form-in     label {display:block; position:relative; width:235px; padding:8px 0;}
#b1-form-in     label input { display:block; position:absolute; top:6px; right:0; width:150px;     padding:2px 3px; border: solid 1px #c5c5c5;}
#b1-form-in	textarea {
    overflow:hidden;
    margin:5px 0;
    width:223px;
    padding:5px;
    border: solid 1px #c5c5c5;
}
#b1-form-info { padding-bottom:4px; font-size:0.86em;}
#b1-form-submit {
    display:block;
    width:100px;
    height:19px;
    background:url(../img/b1-form-submit-bg.gif) no-repeat;
    border:0;
    cursor:pointer;
}
/* col-main-right */
#col-main-right {
    float:right;
    width:652px;
    padding: 0 17px 5px 0;
}
#pathway {
    padding:15px 0 20px 0;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    color:#818181;
}
#pathway a { color:#518430; font-size:1.17em;}

/* format */
.format { font-family:Tahoma, Geneva, sans-serif;}
.post { padding-bottom:25px;}
.title-main2, h2 {
    padding-bottom:5px;
    text-indent:16px;
    font: bold 1.23em Arial, Helvetica, sans-serif;
    color:#2784ba;
}
.title-main3, h3 {
    padding-bottom:5px;
    text-indent: 3px;
    font: bold 1em Tahoma, Geneva, sans-serif;
    color:#dd5d01;
}
.title-main4, h4 {
    padding-bottom:3px;
    text-indent:16px;
    font-size:1em;
    font-style:normal;
    font-family:Arial, Helvetica, sans-serif;
    color:#818181;
}
.format p {
    padding-bottom:20px;
    text-indent:0px;
	line-height:1.6em;
}
.format li {
	line-height:1.6em;
	list-style: square;
}
.format-vrezka {
    padding:0 0 0 50px;
    font-style:italic;
    font-family:Arial, Helvetica, sans-serif;
    color:#873f19;
}
.format ul { margin: 0 0 17px 30px;}
.format ul li { padding-bottom:5px;}
.format a { color:#007bd1;}
.format a:hover { color:#cd5700;}
.format a:visited { color:#700000;}

/* banner-main-top */
#box-main-top {
    position:relative;
    width:654px;
    margin-bottom:15px;
}
#box-main-top div {
    position:absolute;
    bottom:7px;
    left:3px;
    width:630px;
    padding:10px 10px 8px 10px;
    background:url(../img/dark-png.png) repeat;
    font-size:1.2em;
    color:#bad3da;
}
#box-main-top div b {
    font-weight:normal;
    color:#ffc600;
}
/* box-main-big */
#box-main-big {
    margin-bottom:15px;
    text-align:center;
}
/* b2-block */
#b2-block {
    position:relative;
    width:659px;
    background:url(../img/b2-body.png) repeat-y;
}
#b2-body {
    padding:0 5px;
    background:url(../img/b2-head.jpg) no-repeat;
    font-size:1.1em;
}
#b2-foot {
    width:659px;
    position:absolute;
    bottom:-5px;
    height:5px;
    font-size:0;
    background:url(../img/b2-foot.png) no-repeat;
}
#b2-foot-color {
    overflow:hidden;
    width:621px;
    padding: 23px 14px 97px 14px;
    background:url(../img/b2-foot-color.jpg) 0 100% no-repeat;
}
.paint-green,
.paint-orange,
.paint-blue,
.paint-purple {
    display:block;
    width:180px;
    height:68px;
    line-height:48px;
    padding-right:23px;
    margin:0 auto 10px auto;
    font-size:18px;
    font-weight:normal;
    color:#fff;
    text-align:center;
}
.paint-green {background:url(../img/paint-green-bg.png) no-repeat;}
.paint-orange {background:url(../img/paint-orange-bg.png) no-repeat;}
.paint-blue {background:url(../img/paint-blue-bg.png) no-repeat; width:205px; }
.paint-purple {background:url(../img/paint-purple-bg.png) no-repeat; width:205px; }

#b2-body p { 
	font-size: 1.1em;
	line-height: 1.6em;
	text-indent: 0;
	padding-bottom: 9px;
}
.b2-col-preview {
    overflow:hidden;
    width:300px;
    padding:13px 0;
}
#b2-col-right .b2-col-preview { padding: 4px 0 !important;}
.b2-col-preview img { float:left;}
#b2-col-left {
    float:left;
    width:295px;
}
#b2-col-right {
    float:right;
    width:290px;
}
/* col-content-right */
#col-content-right {
    position:relative;
    float:right;
    width:625px;
    overflow:hidden;
    padding:0 10px 5px 0;
    font-size:1.2em;
    z-index:20;
	min-height:850px; 
}
.title-content {
    padding:5px 5px 8px 5px;
    font-size:1.17em;
    font-weight:normal;
}
/* content-gallery */
.content-gallery {
    overflow:hidden;
    width:645px;
    padding-bottom:5px;
}
.content-gallery div {
    float:left;
    width:290px;
    height:224px;
    padding:4px;
    margin:0 20px 24px 0;
    background:url(../img/content-gallery-bg.jpg) no-repeat;
}

/* footer */
#footer-baloon {
    height:585px;
    padding-left:2px;
    background: url(../img/footer-balloon.png) 50% 100% no-repeat;
    _background: none;
}
#footer-baloon #footer-in {
    position:relative;
    width:980px;
    height:585px;
    margin:0 auto;
    background:url(../img/footer-balloon.jpg) 0 100% no-repeat;
}
#footer-baloon img {
    position:absolute;
    top:302px;
    left:220px;
    z-index:10;
}
#footer-water {
    height:585px;
    padding-left:2px;
    background: url(../img/footer-water.png) 50% 100% no-repeat;
    _background: none;
}	
#footer-water #footer-in {
    position:relative;
    width:980px;
    height:585px;
    margin:0 auto;
    background:url(../img/footer-water.jpg) 0 100% no-repeat;
    _background:url(../img/footer-water-ie6.jpg) 0 100% no-repeat;
}
#footer-water #f-menu {	background:url(../img/f-menu-water.jpg) no-repeat;	}
#footer-robot {
    height:585px;
    padding-left:2px;
    background: url(../img/footer-robot.png) 50% 100% no-repeat;
    _background: none;
}	
#footer-robot #footer-in {
    position:relative;
    width:980px;
    height:585px;
    margin:0 auto;
    background:url(../img/footer-robot.jpg) 0 100% no-repeat;
    _background:url(../img/footer-robot-ie6.jpg) 0 100% no-repeat;
}
#footer-robot #f-menu { background:url(../img/f-menu-robot.jpg) no-repeat;}
#f-menu {
    position:absolute;
    top:305px;
    left:19px;
    width:942px;
    height:60px;
    padding-top:25px;
    z-index:20;
}		
#f-menu ul {
    display:block;
    padding-left:288px;
    list-style:none;
    font-size:1.8em;
    font-weight:bold;
    text-align:left;
}
#f-menu li {display:inline; padding:0 13px; }
#footer-water #f-menu a { color:#4bacfe;}
#footer-water #f-menu a:hover { color:#2b73af;}
#footer-robot #f-menu a { color:#ebaa54;}
#footer-robot #f-menu a:hover { color:#d7a82b;}
/* */
.hieght120 { height:120px;}
.link-orange a { color:#e35b00 !important;}
.link-orange a:hover { color:#e28242 !important;}
.link-pink a { color:#da176c !important;}
.link-pink a:hover { color:#fa74ae !important;}
.link-blue a { color:#0077c3 !important;}
.link-blue a:hover { color:#3f6075 !important;}
.link-green a { color:#518430 !important; }
.link-green a:hover { color:#5ab41f !important;}

.errorBorder{
    border:solid 1px red !important;
}
.errorText{
    font-size:12px;
    color: red;
}
#messageForm{
    background-image:url(../img/message_back.png);
    background-repeat:no-repeat;
    width:250px;
    height:138px;
    margin-left:5px;
    font-size:1.17em;
    text-align:center;
    color:#DC8E22;
}
.mestitle{
    color:#BF6818;
    font-weight:bold;
    padding-top:50px;
}
.mesinfo{
    font-size:0.86em;
    padding-bottom:4px;
}


/* works-box */
.content-gallery-in {
    overflow:hidden;
    width:645px;
    padding-bottom:5px;
}
.works-box {
    position: relative;
	background: url("../img/content-gallery-bg.jpg") no-repeat scroll 0 0 transparent;
	float: left;
	height: 224px;
	margin:0 20px 24px 0;
	padding: 4px;
	width: 290px;
}
.works-box div {
    position:absolute;
    bottom:2px;
    left:4px;
    width:272px;
    padding:12px 9px 9px 9px;
    background:url(../img/dark-png.png) repeat;
}
.works-box div a {
    color:#eae1c4 !important;
    text-decoration:none;
}
.works-box div a:hover { color:#CCC !important;}

.counters {
	text-align: center;
	padding-top: 12px;
}