/* ---------------------- */
/* Standard HTML elements */
/* ---------------------- */
* {font-size:100.01%;}
html, body {height:100%; margin:0; padding:0;}
body {color:#000000; font-family:'Trebuchet MS', serif; line-height:1.2; background-color:#fff; min-width:1000px;}
a {color:#48ab20;}
a:hover {color:#e6920d;}
img {border-width:0;}
p {margin-bottom:1.2em; line-height:140%;}
small {font-size:0.8em;}

ul.list {margin-left:1em; padding-top:0; margin-top:0;}
.lleft {float:left;}
.lright {padding-left:300px;}
ul.list>li {text-indent: -1.3em; list-style-type:none; padding:5px 0;}
ul.list>li:before {content: '\2014\a0';}
ul.list>li a {padding-left:5px;}

ul.sitemap {padding-top:0; margin-top:0;}
ul.sitemap li {padding-top:15px; list-style-type:none;}

h1, h2, h3, h4 {font-family: Georgia, serif; line-height: 140%; font-weight: normal;}
h1 {font-size: 1.4em; margin: 0 0 0.3em 0;}
h1 span {color:#48ab20;}
h2 {font-size: 1.4em; margin: 1.8em 0 0.3em 0;}
h3 {font-size: 1.2em; margin: 1.8em 0 0.3em 0;}

table {border-spacing: 0; border: none; border-collapse:collapse;}
td {padding: 0; border: none; text-align: left; vertical-align: top;}

/* ------ */
/*   Top  */
/* ------ */
#top {background:#0290f2 url('sky.jpg') repeat-x;}
#logo {background:#48ab20 url('wave.png') no-repeat bottom left; margin:0 0 0 2em; padding:5px 0 35px 0; width:250px; float:left; text-align:center;} 
#logo span {font-size:90%; color:#fff; }
#logo a {color:#fff; text-decoration:none;}

#call {text-align:right; padding:1em 1em 0 0; font-size:14pt; color:#fff;}
#call span {color:#cce1c3;}
#call a {color:#ffba00;}
#call a:hover {color:#ffd200;}

.i-img {float:left; width:23px; padding:0; margin:0;}
.i-img li {list-style-type:none; display:inline;}
/* ------ */
/* Content*/
/* ------ */
#introBlock {background:#bababa url('bg-block.gif') repeat-x; height:260px; padding:0 0 0 2em; border-top:3px solid #48ab20; border-bottom:3px solid #48ab20;}
#introBlock li {color:#7a5212;}
#house {float:right; padding:1em 2em 0 0;}

#heating, #waterSupply, #sewage {float:left; width:33%; border-bottom:4px solid; height:110px;}
#heating h2, #waterSupply h2, #sewage h2 {padding-left:100px; text-decoration:underline;}
#heating a {color:#e6920d;} #waterSupply a {color:#619ac0;} #sewage a {color:#48ab20;}
#heating {color:#e6920d; background:transparent url('heating.jpg') no-repeat 0% 50%;}
#waterSupply {color:#619ac0; background:transparent url('waterSupply.jpg') no-repeat 0 50%; width:34%;}
#sewage {color:#48ab20; background:transparent url('sewage.jpg') no-repeat 0 50%;}
.container {overflow:hidden; zoom:1;}
.clear {clear:both;}
.heating, .waterSupply, .sewage {float:left; width:33%; padding-bottom:30000px; margin-bottom:-30000px;}
.heating {background-color:#f2e4ce;}
.waterSupply {width:34%; background-color:#cee4f2;}
.sewage {background-color:#d8f2ce;}
.heating p, .waterSupply p, .sewage p {margin:1em 1em 1.2em 2em; line-height:140%;}

#content {padding:1em 2em 1em 2em;}
.septik {padding:20px 10px 0 0; margin:0; font-size:80%; width:310px;}
.garanty {background-color:#48ab20; font-size:110%; color:#fff;}

#tbl_price {width:100%;}
#tbl_price tr:hover td {background-color:#f2e4ce;}
#tbl_price tr.first {border-bottom:2px solid #ccc; font-weight:bold; color:gray;}
#tbl_price tr.last td {border-bottom:0;}
#tbl_price td {padding:10px 10px 10px 0px; border-bottom:1px solid #ccc;}
/* ------ */
/* Bottom */
/* ------ */
.bottom {border-top:1px solid #999; color:#3a3a3a; font-size:90%; padding:10px 10px 10px 2em; float:left;}
.b2 {float:none; text-align:right;}
.counter {padding-top:10px;}
/* Navigation */
#navigation {color:#fff; margin:1.5em 0 0 0; padding:0; float:right; background:#0a82ca url('bg-nav.gif') repeat-x; border-bottom:1px solid #718267; border-left:1px solid #718267;}
#navigation li {list-style-type:none; float:left; border-left:1px solid #79e327;}
#navigation li.active {background:#1091dc url('bg-nav-a.gif') repeat-x; display:block; padding: 7px 20px 7px 20px; color:#ffffcc;}
#navigation a {color:#fff; display:block; padding: 7px 20px 7px 20px;}
#navigation a:hover {color:#fff; text-decoration:none; background:#1091dc url('bg-nav-a.gif') repeat-x;}
#navigation li.active a.uslugi {color:#fff; display:inline; padding: 0;}
#navigation li.active a.uslugi:hover {background:none;}

#nav, #nav2 {list-style-type:none; padding:0; margin:1em 0;}
#nav li {float:left; font-size:150%;}
#nav li.active {background-color:#e6920d; color:#fff; padding:10px 15px 10px 15px;}
#nav li.activew {background-color:#619ac0; color:#fff; padding:10px 15px 10px 15px;} 
#nav li.actives {background-color:#48ab20; color:#fff; padding:10px 15px 10px 15px;} 
#nav a {display:block; padding:10px 15px 10px 15px;}
#nav a:hover {background-color:#e6920d; color:#fff;}
#nav a.w:hover{background-color:#619ac0;}
#nav a.s:hover{background-color:#48ab20;}

#nav2 li {float:left; font-size:110%; margin-right:10px;}
#nav2 a {display:block; padding:3px 10px 3px 10px;}
#nav2 li.active {background-color:#e6920d; color:#fff; padding:3px 10px 3px 10px;}

.gray {color:gray; padding-top:0; margin-top:0;}
.orange span {background-color:#e6920d; color:#fff;}
.doc-pdf, .doc-xls {background:transparent url('pdf.gif') no-repeat; height:32px; padding-left:32px;}
.doc-xls {background:transparent url('xls.gif') no-repeat; height:32px; padding-left:37px;}