body, html {
	margin:0;
	padding:0;
	color:#000;
	min-width:1024px;
	line-height:140%;
	background: #e8edf1;
    font-size: 12pt;
    font-family: Arial;
    height: 100%;
}
a {color: #013881; text-decoration: underline;}
a:hover {text-decoration: none;}
h1, .h1 {line-height: 110%; font-size: 35pt; color: #162e6c; font-family: Georgia; font-style: italic; font-weight: bold; margin-bottom: 20px; margin-top: 40px;}
h2, .h2 {line-height: 110%; font-size: 20pt;}
h3 {line-height: 110%; font-size: 16pt; font-weight: bold; margin: 10px 0;}
h4 {line-height: 110%; font-size: 14pt; font-weight: bold;}

.orange-button {
	-moz-PIE: 3px; /* Firefox */
    -webkit-PIE: 3px; /* Safari, Chrome */
    -khtml-PIE: 3px; /* KHTML */
    PIE: 3px; /* CSS3 */
    behavior: url('/assets/PIE.htc'); /* учим IE PIE */
    border: 1px solid #fe9707;

    background-image: linear-gradient(bottom, #ff9202 43%, #f3ef65 86%);
    background-image: -o-linear-gradient(bottom, #ff9202 43%, #f3ef65 86%);
    background-image: -moz-linear-gradient(bottom, #ff9202 43%, #f3ef65 86%);
    background-image: -webkit-linear-gradient(bottom, #ff9202 43%, #f3ef65 86%);
    background-image: -ms-linear-gradient(bottom, #ff9202 43%, #f3ef65 86%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.43, #ff9202),
        color-stop(0.86, #f3ef65)
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3ef65, endColorstr=#ff9202);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3ef65, endColorstr=#ff9202)";
    font-family: Arial;
    font-size: 10pt;
    padding: 10px 30px;
    color: #000;
    font-weight: bold;
    margin: 20px auto;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 170px;
}
.header .feddbackButton.active {
   background-image: linear-gradient(bottom, #d8d8d8 43%, #ececec 86%);
    background-image: -o-linear-gradient(bottom, #d8d8d8 43%, #ececec 86%);
    background-image: -moz-linear-gradient(bottom, #d8d8d8 43%, #ececec 86%);
    background-image: -webkit-linear-gradient(bottom, #d8d8d8 43%, #ececec 86%);
    background-image: -ms-linear-gradient(bottom, #d8d8d8 43%, #ececec 86%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.43, #d8d8d8),
        color-stop(0.86, #ececec)
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ececec, endColorstr=#d8d8d8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ececec, endColorstr=#d8d8d8)"; 
    border: 1px solid #0e62cd;
}

.orange-button:hover, .header .feddbackButton:hover {
	background-image: linear-gradient(bottom, #feae44 43%, #f6f4b3 86%);
    background-image: -o-linear-gradient(bottom, #feae44 43%, #f6f4b3 86%);
    background-image: -moz-linear-gradient(bottom, #feae44 43%, #f6f4b3 86%);
    background-image: -webkit-linear-gradient(bottom, #feae44 43%, #f6f4b3 86%);
    background-image: -ms-linear-gradient(bottom, #feae44 43%, #f6f4b3 86%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.43, #feae44),
        color-stop(0.86, #f6f4b3)
    );
   
}

.clear {clear: both; height:0px;}
.wr {width: 920px; margin: 0 auto;}
.header {margin-top: 44px; height: 100px;}
.header .logo {cursor:pointer; width: 164px; height: 71px; background: url('images/logo.png') no-repeat; background-size: contain; float: left;}
.header .phone {width: 250px; float: left; color: #162e6c; font-size: 13pt; text-shadow: 1px 1px #fff; line-height: 140%; margin-left: 140px; margin-top: 20px;}
.header .phone span {font-size: 25pt;}
.header .feddbackButton {
	-moz-PIE: 3px; /* Firefox */
    -webkit-PIE: 3px; /* Safari, Chrome */
    -khtml-PIE: 3px; /* KHTML */
    PIE: 3px; /* CSS3 */
    behavior: url('/assets/PIE.htc'); /* учим IE PIE */
    border: 1px solid #fe9707;

    background-image: linear-gradient(bottom, #ff9202 43%, #f3ef65 86%);
    background-image: -o-linear-gradient(bottom, #ff9202 43%, #f3ef65 86%);
    background-image: -moz-linear-gradient(bottom, #ff9202 43%, #f3ef65 86%);
    background-image: -webkit-linear-gradient(bottom, #ff9202 43%, #f3ef65 86%);
    background-image: -ms-linear-gradient(bottom, #ff9202 43%, #f3ef65 86%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.43, #ff9202),
        color-stop(0.86, #f3ef65)
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3ef65, endColorstr=#ff9202);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3ef65, endColorstr=#ff9202)";
    float: right;
    font-family: Georgia;
    font-size: 16pt;
    font-style: italic;
    padding: 10px 30px;
    color: #3c3300;
    text-shadow: 1px 1px #fff;
    font-weight: bold;
    margin-top: 20px;
}
.header .feddbackButton:hover {cursor: pointer;}
.main-menu {
	height: 53px;
	background: url('images/main-menu-bg.png') repeat-x;
	-moz-PIE: 3px; /* Firefox */
    -webkit-PIE: 3px; /* Safari, Chrome */
    -khtml-PIE: 3px; /* KHTML */
    PIE: 3px; /* CSS3 */
    behavior: url('/assets/PIE.htc'); /* учим IE PIE */
    border: none;
}
.main-menu li {float: left; height: 25px; line-height: 25px; margin: 13px 3px 0 3px;}
.main-menu li a {color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 9pt; padding: 7px 9px;}
.main-menu li.active, .main-menu li:hover {
	background: #fff;
	-moz-PIE: 3px; /* Firefox */
    -webkit-PIE: 3px; /* Safari, Chrome */
    -khtml-PIE: 3px; /* KHTML */
    PIE: 3px; /* CSS3 */
    behavior: url('/assets/PIE.htc'); /* учим IE PIE */
    border-top: 1px solid #0d2536;
    border-right: 1px solid #92a8bc;
}
.main-menu li.active a, .main-menu li:hover a {
	color: #000;
	padding: 7px 8px 7px 9px;
}
.main-img {background: url('images/main-wr-bg_1.jpg') no-repeat top center; width: 100%; height: 858px;}
.content {width: 910px;}
.content .left-block {float: left; width: 530px; margin-right: 20px;}
.content .right-block {float: left; width: 360px;}

.slide-down {width: 360px; margin-bottom: 15px; }
.first {margin-top: -20px; }
.slide-down .box {-moz-box-shadow: 0 0 20px 3px #ccc;
-webkit-box-shadow: 0 0 20px 3px #ccc;
box-shadow: 0 0 20px 3px #ccc;}
.slide-down .title {background: #fff; text-align: center; padding: 15px 0; font-weight: bold; font-size: 10pt;}
.slide-down .descr { background: #fff; display: none; padding: 0 10px 8px 10px; font-size: 10pt; color: #666;}
.slide-down .arrow {background: url('images/slide-block-down-arrow.png') no-repeat; width: 151px; height: 21px; margin: 0 auto;}
.slide-down .arrow:hover {cursor: pointer;}

.white-box {
    background: #fff; 
    width: 296px; 
    padding: 30px 32px; 
    font-size: 10pt;
    -moz-box-shadow: 0 0 20px 3px #ccc;
    -webkit-box-shadow: 0 0 20px 3px #ccc;
    box-shadow: 0 0 20px 3px #ccc;
}
.white-box a {color: #1e5ba1;}

#homepage-services p {height: 45px; float: left; line-height: 45px; margin-bottom: 5px;}
#homepage-services p:last-child {margin-bottom: 0px;}
#homepage-services p a {font-weight: bold;}
#homepage-services p:before {content: ''; background: url('images/pdf-document-ico.png') no-repeat; width: 44px; height: 45px; float: left; margin-right: 15px;}

.box-roads, .box-area, .box-building {
	background: url('images/box-roads-bg.png') no-repeat;
	width: 500px;
	height: 180px;
	font-weight: bold;
	font-style: italic;
	font-size: 33pt;
	line-height: 27pt;
	color: #363636;
	font-family: Georgia;
	text-shadow: 1px 1px #ccc;
	margin-bottom: 25px;
}
.box-roads .shadow-box, .box-building .shadow-box {
	position: absolute;
	width: 260px; height: 160px;
	webkit-box-shadow: 4px 4px 5px rgba(204, 204, 204, 0.29);
	-moz-box-shadow:    4px 4px 5px rgba(204, 204, 204, 0.29);
	box-shadow:         4px 4px 5px rgba(204, 204, 204, 0.29);
	margin-left: 100px;
	padding: 20px 0 0 140px;

}
.box-roads span, .box-area span, .box-building span {font-size: 20pt; color: #1e5ba1; line-height: 25pt;}
.box-roads small, .box-area small, .box-building small {font-size: 24pt; line-height: 26pt}

.box-area {background: url('images/box-area-bg.png') no-repeat;}
.box-area .shadow-box {
	position: absolute;
	width: 310px; height: 160px;
	-webkit-box-shadow: -2px 4px 5px rgba(204, 204, 204, 0.29);
	-moz-box-shadow:    -2px 4px 5px rgba(204, 204, 204, 0.29);
	box-shadow:         -2px 4px 5px rgba(204, 204, 204, 0.29);
	margin-right: 100px;
	padding: 20px 50px 0 30px;
}

.box-building {background: url('images/box-building-bg.png') no-repeat;}

.full-width-white-box {
	background: #fff;
	padding: 30px 0px 30px 0px;
	-moz-box-shadow: 0 0 20px 3px #ccc;
	-webkit-box-shadow: 0 0 20px 3px #ccc;
	box-shadow: 0 0 20px 3px #ccc;
	margin-bottom: 60px;
}
.full-width-white-box .tip {background: url('images/box-tip-bg.png') no-repeat; padding-top: 10px; width: 94px; height: 75px; margin: -75px auto 0 auto;}
.full-width-white-box h1, .full-width-white-box h2, .full-width-white-box h3 {font-size: 16pt; color: #000; font-style: normal; font-family: Arial; line-height: 110%; margin: 10px 0 10px 30px;}
.full-width-white-box h2 {font-size: 14pt;}
.full-width-white-box h3 {font-size: 12pt;}
.full-width-white-box p {font-size: 11pt; line-height: 170%; padding: 0 30px 0 30px;}
.full-width-white-box .big-text-center {font-size: 14pt; font-weight: bold; color: #464646; text-align: center; padding: 0; margin: 0;}
.full-width-white-box.map {background: #fff url('images/map.jpg') no-repeat center top; height: 580px; padding-top: 10px;} 

.ico {width: 32px; height: 32px; margin: 0 auto; background: url('images/icons-set.png') no-repeat;}
.ico.map {background-position: 0 0;}
.ico.phone {background-position: -32px 0;}
.ico.mac {background-position: -64px 0;}
.ico.desc {background-position: -96px 0;}

ul.gradients-line {margin-top: 20px;}
ul.gradients-line li {
	height: 39px;
	line-height: 39px;
	background-image: linear-gradient(bottom, #f1f1f1 43%, #fdfdfd 86%);
    background-image: -o-linear-gradient(bottom, #f1f1f1 43%, #fdfdfd 86%);
    background-image: -moz-linear-gradient(bottom, #f1f1f1 43%, #fdfdfd 86%);
    background-image: -webkit-linear-gradient(bottom, #f1f1f1 43%, #fdfdfd 86%);
    background-image: -ms-linear-gradient(bottom, #f1f1f1 43%, #fdfdfd 86%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.43, #f1f1f1),
        color-stop(0.86, #fdfdfd)
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdfdfd, endColorstr=#f1f1f1);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdfdfd, endColorstr=#f1f1f1)";
    text-align: center;
}

ul.services {margin-top: 20px;}
ul.services li {
	background-image: linear-gradient(bottom, #f1f1f1 43%, #fdfdfd 86%);
    background-image: -o-linear-gradient(bottom, #f1f1f1 43%, #fdfdfd 86%);
    background-image: -moz-linear-gradient(bottom, #f1f1f1 43%, #fdfdfd 86%);
    background-image: -webkit-linear-gradient(bottom, #f1f1f1 43%, #fdfdfd 86%);
    background-image: -ms-linear-gradient(bottom, #f1f1f1 43%, #fdfdfd 86%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.43, #f1f1f1),
        color-stop(0.86, #fdfdfd)
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdfdfd, endColorstr=#f1f1f1);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdfdfd, endColorstr=#f1f1f1)";
    margin-bottom: 15px;
    -moz-box-shadow: 0 0 20px 3px #ccc;
	-webkit-box-shadow: 0 0 20px 3px #ccc;
	box-shadow: 0 0 20px 3px #ccc;
}
ul.services li .i {background: url('images/serices-icons.png') no-repeat; width: 53px; height: 50px; float: left; margin: 6px 0 6px 15px;}
ul.services li .i.proekt {background-position: 0 0;}
ul.services li .i.meh {background-position: -54px 0;}
ul.services li .i.seti {background-position: -107px 0;}
ul.services li .i.montaj {background-position: -170px 0; width: 57px;}
ul.services li .text {float: left; width: 800px; line-height: 60px; margin-left: 25px; font-weight: bold;}

ul.images {margin:20px 0 0 0; padding: 0;}
ul.images li {float:left; margin: 0 30px 30px 30px;}
ul.images li p {text-align: center; padding-top: 10px;}

.button-all-obj {background: url('images/button-all-objects.png') no-repeat; width: 313px; height: 48px; margin: 20px auto;}
.button-all-obj:hover {background-position: 0 -49px; cursor: pointer;}
.footer {border-top: 1px solid #626161; margin-top: 20px;
  bottom: 0;
  height: 100px; width: 100%;}
.footer .cwr {width: 910px; margin: 0 auto; font-size: 8pt;}
.footer .cwr .left {float: left; width: 400px; text-align: left; padding: 20px 0;}
.footer .cwr .right {float: right; width: 500px; text-align: right; padding: 20px 0;}

.feedBackForm {
    width: 216px;
    position: absolute;
    margin-top: 83px;
    margin-left: 673px;

    background-image: linear-gradient(bottom, #e6e6e6 43%, #ffffff 86%);
    background-image: -o-linear-gradient(bottom, #e6e6e6 43%, #ffffff 86%);
    background-image: -moz-linear-gradient(bottom, #e6e6e6 43%, #ffffff 86%);
    background-image: -webkit-linear-gradient(bottom, #e6e6e6 43%, #ffffff 86%);
    background-image: -ms-linear-gradient(bottom, #e6e6e6 43%, #ffffff 86%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.43, #e6e6e6),
        color-stop(0.86, #ffffff)
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6)";

    -moz-PIE: 6px; /* Firefox */
    -webkit-PIE: 6px; /* Safari, Chrome */
    -khtml-PIE: 6px; /* KHTML */
    PIE: 6px; /* CSS3 */
    behavior: url('/assets/PIE.htc'); /* учим IE PIE */
    border: 1px solid #0d62cd;
    padding: 30px 15px;
    display: none;
}
.feedBackForm .arrow {position: absolute; background: url('images/feedback-form-arrow.png') no-repeat; width: 82px; margin-top: -52px; margin-left: 70px; height: 22px;}
.feedBackForm input[type=text], .feedBackForm textarea {
    font-size: 10pt; color: #323232;
    height: 25px;
    -moz-PIE: 4px; /* Firefox */
    -webkit-PIE: 4px; /* Safari, Chrome */
    -khtml-PIE: 4px; /* KHTML */
    PIE: 4px; /* CSS3 */
    behavior: url('/assets/PIE.htc'); /* учим IE PIE */
    border: 1px solid #769ac4;
    padding: 3px 14px;
   box-shadow: inset  0px 3px 10px 3px  #ccc;
   margin-bottom: 10px;
   width: 185px;
}
.feedBackForm textarea {height: 90px; font-family: Arial;}

.feedBackForm input[type=submit] {font-style: italic; text-shadow: 1px 1px #ffeedb; margin: 10px auto 0 auto;}
.feedBackForm input[type=submit]:hover {cursor: pointer;}
table.table-big {
    width: 100%;
     -moz-PIE: 6px; /* Firefox */
    -webkit-PIE: 6px; /* Safari, Chrome */
    -khtml-PIE: 6px; /* KHTML */
    PIE: 6px; /* CSS3 */
    behavior: url('/assets/PIE.htc'); /* учим IE PIE */
}
table.table-big thead tr {
   
}
table.table-big thead td {border-right: 1px solid #323232; height: 59px; background: url('images/table-head-bg.png') repeat-x; color: #fff; font-weight: bold; text-align: center; line-height: 59px;}
table.table-big thead td:last-child {border-right: none;}
table.table-big tbody td {background: #fff6eb; padding: 10px 15px;}
table.table-big tbody tr:nth-child(2n) td {background: #eff8fd;}

#message {display:none; font-size: 10pt; border: 1px dashed #f00; margin-bottom: 10px; padding: 4px;}

.kott {z-index: 100; margin-left: 155px; margin-top: -283px; position: absolute; width:174px; height:112px;}
.many {z-index: 100; margin-left: 488px; margin-top: -478px; position: absolute; width:149px; height:96px;}
.rec {z-index: 100; margin-left: 578px; margin-top: -307px; position: absolute; width:174px; height:112px;}
.roads {z-index: 100; margin-left: 255px; margin-top: -427px; position: absolute; width:149px; height:103px;}
.kott:hover {background: url('images/kott.png') no-repeat; }
.many:hover {background: url('images/many.png') no-repeat; }
.rec:hover {background: url('images/rec.png') no-repeat; }
.roads:hover {background: url('images/roads.png') no-repeat;}

.kott-service {z-index: 100; margin-left: 155px; margin-top: -403px; position: absolute; width:174px; height:112px;}
.many-service {z-index: 100; margin-left: 488px; margin-top: -598px; position: absolute; width:149px; height:96px;}
.rec-service {z-index: 100; margin-left: 578px; margin-top: -427px; position: absolute; width:174px; height:112px;}
.roads-service {z-index: 100; margin-left: 255px; margin-top: -547px; position: absolute; width:149px; height:103px;}
.kott-service:hover {background: url('images/kott.png') no-repeat; }
.many-service:hover {background: url('images/many.png') no-repeat; }
.rec-service:hover {background: url('images/rec.png') no-repeat; }
.roads-service:hover {background: url('images/roads.png') no-repeat;}


/* Всплывающие подсказки */
.tooltip {
        position: relative;
        display: inline-block;
        cursor: help;
        white-space: nowrap;
}
 
.tooltip-content {
        opacity: 0;
        visibility: hidden;
        font: 12px Arial, Helvetica;
        text-align: center;
        border-color: #aaa #555 #555 #aaa;
        border-style: solid;
        border-width: 1px;
        width: 220px;
        padding: 15px;
        position: absolute;
        bottom: 40px;
        left: 50%;
        margin-left: -112px;
        background-color: #fff;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.1)), to(rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(rgba(0,0,0,.1), rgba(255,255,255,0));
        background-image: -moz-linear-gradient(rgba(0,0,0,.1), rgba(255,255,255,0));
        background-image: -ms-linear-gradient(rgba(0,0,0,.1), rgba(255,255,255,0));
        background-image: -o-linear-gradient(rgba(0,0,0,.1), rgba(255,255,255,0));
        background-image: linear-gradient(rgba(0,0,0,.1), rgba(255,255,255,0));
        -moz-box-shadow: 1px 1px 0 #555,
                                2px 2px 0 #555,
                                3px 3px 1px rgba(0, 0, 0, .3),
                                0   1px 0   rgba(255,255,255, .5) inset;
        -webkit-box-shadow: 1px 1px 0 #555,
                                2px 2px 0 #555,
                                3px 3px 1px rgba(0, 0, 0, .3),
                                0   1px 0   rgba(255,255,255, .5) inset;
        box-shadow: 1px 1px 0 #555,
                                2px 2px 0 #555,
                                3px 3px 1px rgba(0, 0, 0, .3),
                                0   1px 0   rgba(255,255,255, .5) inset;
        -webkit-transition: bottom .2s ease, opacity .2s ease;
        -moz-transition: bottom .2s ease, opacity .2s ease;
        -ms-transition: bottom .2s ease, opacity .2s ease;
        -o-transition: bottom .2s ease, opacity .2s ease;
        transition: bottom .2s ease, opacity .2s ease;
        }

.tooltip-content:after,
.tooltip-content:before {
        border-right: 16px solid transparent;
        border-top: 15px solid #fff;
        bottom: -15px;
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -10px;
}

.tooltip-content:before {
        border-right-width: 25px;
        border-top-color: #555;
        border-top-width: 15px;
        bottom: -15px;
}

.tooltip:hover .tooltip-content{
        opacity: 1;
        visibility: visible;
        bottom: 30px;
}

.ico-text a {font-weight: bold;}
.pdf-ico {background: url('images/pdf-document-ico.png') no-repeat; width: 44px; height: 44px; float: left; margin: 5px 15px 5px 5px;}
.ico-text {height: 55px; margin: 3px 0px 5px 0px;}
.ico-text:last-child {margin-bottom: 0px;}