/* RESET */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0; padding:0; border:0; outline:none; font-size:100%; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif}
blockquote, q {quotes: none}
ol, ul {list-style: none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none}
:focus {outline: 0}
:active {outline: none}
ins {text-decoration: none}
del {text-decoration: line-through}

h2 {color:#0a7b00; font:22px MetaMediumCyrLFRoman, Arial, Helvetica, sans-serif; text-transform:uppercase}

h2.main {color:#0a7b00; font:18px MetaMediumCyrLFRoman, Arial, Helvetica, sans-serif; text-transform:none;}
h3 {color:#0a7b00; font:18px MetaMediumCyrLFRoman, Arial, Helvetica, sans-serif; text-transform:uppercase}

div.h_2 { color:#0a7b00; font:16px MetaMediumCyrLFRoman, Arial, Helvetica, sans-serif; text-transform:uppercase}


html {height:100%}
body {height:auto !important; height:100%; min-height:100%; position:relative}
#wrap, #wrap_inner {width:944px; margin:0 auto; background:url(/img/city-bg.png) left 70px repeat-x; padding:0 40px 100px 40px}
#wrap_inner {background:url(/img/city-bg_inner.png) left 10px repeat-x}
.clear {clear:both; height:0; overflow:hidden}
a {color:#00a10c; font-size:12px}

/* global styles */
.g-inline {display:inline-block; vertical-align:top; *display:inline; *zoom:1}
.g-25p {width:25%}

/* header */
#header {height:266px; position:relative}
#header_inner {position:relative; margin:0 0 20px 0}

.b-logo_main {padding:50px 0 0 15px; width:250px}
.b-logo_main .img {margin:0 0 20px 0}
.b-logo_main .text {font:20px MetaMediumCyrLFRoman, Arial, Helvetica, sans-serif}
.b-logo_inner {padding:17px 0 30px 0; width:132px}

.b-contacts-top_main {position:absolute; top:45px; right:0}
.b-contacts-top .img {display:block; background:url(/img/icons.png) top left no-repeat; width:55px; height:63px; background-position:-45px 0; margin:0 15px 0 0}
.b-contacts-top .city {color:#424242; font:15px HeliosCondLightNormal, Arial, Helvetica, sans-serif; margin:0 0 3px 0}
.b-contacts-top .phone, .b-contacts-top .code {color:#424242; font:26px HeliosCondLightNormal, Arial, Helvetica, sans-serif; padding-top:3px; border-top:1px solid #d5d5d5}
.b-contacts-top .code {color:#3a9001}
.b-contacts-top_inner {position:absolute; top:7px; right:0}
.b-contacts-top_inner .g-inline {vertical-align:bottom}
.b-contacts-top_inner .city {color:#378701; font-size:19px; margin-bottom:-2px}
.b-contacts-top_inner .phone {margin:5px 0 0 0}

.b-green-mens {position:absolute; left:400px; bottom:0}
.b-green-mens .img {background:url(/img/green-mens.png); width:261px; height:216px; display:block}

/* content */
#main {width:944px; margin: 0 auto}
#content {width:715px; margin:0 25px 20px 0; float:left}
#content_inner {width:685px; margin: 0 40px 20px 10px; float:left}

.b-main-menu {margin:0 0 10px 0}
.b-main-menu table {width:100%; border-collapse:collapse; border:0; margin:0; padding:0}
.b-main-menu_level1 td {width:25%; border:0; margin:0; padding:0}
.b-main-menu_level1 .item {text-align:center; height:34px; background:url(/img/darkgreen-menu-bg.jpg) top left repeat-x; padding:10px 0 0 0; color:#007d0c; font:19px HeliosCondLightNormal, Arial, Helvetica, sans-serif; position:relative}
.b-main-menu_level1 .item-first {-webkit-border-radius:5px 0 0 0; -moz-border-radius:5px 0 0 0; border-radius:5px 0 0 0; behavior: url(js/pie/PIE.htc);}
.b-main-menu_level1 .item-last {-webkit-border-radius:0 5px 0 0; -moz-border-radius:0 5px 0 0; border-radius:0 5px 0 0; behavior: url(js/pie/PIE.htc);}
.b-main-menu_level1 .item-current {background:url(/img/darkgreen-selected-bg.png) top left repeat-x; z-index:2}
.b-main-menu_level1 .item a {color:#fff; font-size:19px}
.b-main-menu_level1 .item a:hover {text-decoration:none; color:#96ff70}
.b-main-menu_level1 .left-corner, .b-main-menu_level1 .right-corner {display:block; top:0; left:0; background:url(/img/darkgreen-menu-corners.png); width:20px; height:44px; background-position:0 0; position:absolute}
.b-main-menu_level1 .right-corner {left:auto; right:0; background-position:-20px 0}
.b-main-menu_level1 .shadow {display:block; background:url(/img/darkgreen-selected-corners.png) top left no-repeat; position:absolute; bottom:0; width:39px; height:44px}
.b-main-menu_level1 .shadow-left {left:-39px}
.b-main-menu_level1 .shadow-right {right:-39px; background-position:-39px 0}

.b-main-menu_level2 .item {padding:15px 10px; height:46px; position:relative; background:url(/img/green-menu-bg.jpg); font-size:0; border-right:1px solid #53a53d; border-bottom:1px solid #53a53d; display:block; cursor:pointer;text-decoration:none}
.b-main-menu_level2 .item span {font:17px HeliosCondLightNormal, Arial, Helvetica, sans-serif; color:#004e0a; text-decoration:none; width:103px}
.b-main-menu_level2 .item .g-inline {vertical-align:middle}
.b-main-menu_level2 .item-last {border-right:0}
.b-main-menu_level2 td {width:25%}
.b-main-menu_level2 .item-img {background:url(/img/icons.png); width:45px; height:45px; margin:0 8px 0 0}
.b-main-menu_level2 .item-img_trash {background-position:0 -45px}
.b-main-menu_level2 .item-img_door {background-position:0 -90px}
.b-main-menu_level2 .item-img_tree {background-position:0 -135px}

.b-main-menu_level2 .item-img-hover {display:none}
.b-main-menu_level2 .item-hover  {height:76px; padding:0 10px}
.b-main-menu_level2 .item-hover span.g-inline {color:#fff; padding:5px; background:url(/img/hover-bg.png); border:1px solid #000; position:relative; top:50%; left:50%; width:120px; margin-left:-65px}

.b-main-menu_level2 .item-hover-wc {background:url(/img/menu_04.jpg)}
.b-main-menu_level2 .item-hover-trash {background:url(/img/menu_03.jpg)}
.b-main-menu_level2 .item-hover-door {background:url(/img/menu_02.jpg)}
.b-main-menu_level2 .item-hover-tree {background:url(/img/menu_01.jpg)}

.b-main-menu_level2 .item-hover-wc2 {background:url(/img/inner_liquids.jpg)}
.b-main-menu_level2 .item-hover-trash2 {background:url(/img/inner_garbage.jpg)}
.b-main-menu_level2 .item-hover-door2 {background:url(/img/inner_equip.jpg)}
.b-main-menu_level2 .item-hover-tree2 {background:url(/img/inner_landsc.jpg)}


.b-main-menu_level2_inner {font-size:0; background:url(/img/green-menu-bg.jpg); padding:25px 0 20px 0}
.b-main-menu_level2_inner li {width:155px; padding-left:30px; text-align:left; display:inline-block; vertical-align:middle; *display:inline; *zoom:1; line-height:16px; margin-bottom:5px}
.b-main-menu_level2_inner li a {padding:0 20px; background:url(/img/list-style-disc.png) left 5px no-repeat; color:#004e0d}
.b-main-menu_level2_inner li a:hover {text-decoration:none}

.b-definition {margin:0 0 30px 0}
.b-definition p {color:#8e8e8e; font:17px MetaMediumCyrLFRoman, Arial, Helvetica, sans-serif}

.b-info-blocks {margin-right:-30px; margin-bottom:20px}
.b-info-blocks .head {padding:0 0 0 20px}
.b-info-blocks .g-inline {width:205px; margin:0 30px 0 0}
.b-info-blocks .content {background:url(/img/main-content-bg.png) left top repeat-y; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; behavior: url(js/pie/PIE.htc); padding:0 0 30px 20px}
.b-info-block {padding:20px 0}
.b-info-block li {margin:0 0 15px 15px; list-style-type:decimal; color:#3c9a01; font:13px Arial, Helvetica, sans-serif}
.b-info-block li span {color:#5d5d5d}
.b-info-block p {color:#5b5b5b; font-size:12px}
.b-info-block h2 {color:#0a7b00; font:22px MetaMediumCyrLFRoman, Arial, Helvetica, sans-serif; text-transform:uppercase}
.b-info-block div.head2 {color:#0a7b00; font:22px MetaMediumCyrLFRoman, Arial, Helvetica, sans-serif; text-transform:uppercase}
.b-info-block div.h_2 {color:#378d01; font:16px MetaMediumCyrLFRoman, Arial, Helvetica, sans-serif; text-transform:uppercase; margin:2px 0 5px 0}


.b-dispatcher-block {padding:8px; border:1px solid #e5e5e5; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; behavior: url(/js/pie/PIE.htc);}

.b-dispatcher-block {overflow:hidden; zoom:1}
.b-dispatcher-block .img {float:left; margin:0 30px 0 0}
.b-dispatcher-block h2 {color:#378d01; font:16px MetaMediumCyrLFRoman, Arial, Helvetica, sans-serif; text-transform:uppercase; margin:2px 0 5px 0}
.b-dispatcher-block .phone {color:#6e6e6e; font-size:24px; margin:0 0 5px 0}
.b-dispatcher-block .small {color:#777; font:12px MetaMediumCyrLFRoman, Arial, Helvetica, sans-serif;}

.b-item-current .date {color:#129323; font-size:19px; margin:0 0 20px 0}
.b-item-current .title p {color:#000; font-size:17px; text-indent:10px; margin:0 0 20px 0; text-align:justify}
.b-item-current .content p {color:#363636; font:12px/18px Arial, Helvetica, sans-serif; text-indent:20px; text-align:justify}
.b-item-news .time {color:#a1a1a1; font-size:10px; line-height:30px; position:relative; top:-2px}

.b-items-spec li {margin:0 0 15px 0}
.b-items-spec .title {font:bold 12px Arial, Helvetica, sans-serif; color:#018b13}
.b-items-spec .date {color:#a1a1a1; font-size:12px}
.b-items-spec .text {color:#7c7c7c; font:11px/16px Arial, Helvetica, sans-serif}

.b-static-text h1 {font:27px Arial, Helvetica, sans-serif; color:#000; padding:0 0 5px 0; border-bottom:1px solid #e3e3e3; margin:0 0 20px 0}
.b-static-text big {color:#0e8000; font-size:15px; margin:0 0 17px 0; display:block}
.b-static-text blockquote {color:#5b5b5b; font:italic 12px Arial, Helvetica, sans-serif; margin:0 0 17px 0}
.b-static-text p {font-size:12px; margin:0 10px 17px 0; }
.b-static-text * {font-size:12px; margin:0 0px 17px 0; }
.b-static-text ul, .b-static-text ol {margin:0 0 17px 0}
.b-static-text ul li {color:#070707; padding:0 0 0 10px; background:url(/img/list-style-disc.png) left 5px no-repeat; font:12px/16px Arial, Helvetica, sans-serif}
.b-static-text ol li {color:#3c9a01; font-size:13px; list-style-type:decimal; margin:0 0 10px 20px}
.b-static-text ol li span {color:#5d5d5d}
.b-static-text img {border:0px solid #d1d4d4; margin:0 0 20px -9px}
.b-static-text table {border-collapse:collapse; border:0; border-bottom:1px solid #f1f1f1; margin:0 0 17px -10px}
.b-static-text thead td {color:#141414; font-size:13px; padding:0 0 5px 0}
.b-static-text th {color:#49a012; font:normal 11px Arial, Helvetica, sans-serif; padding:7px 20px 7px 0; border-bottom:1px solid #f1f1f1; text-align:left; border-top:1px solid #c0c0c0}
.b-static-text td { font-size:11px; padding:3px 20px 3px 0}

.b-archive-line {height:28px; border:1px solid #e3e3e3; background:#f3f3f3; font-size:0; margin:0 0 20px 0}
.b-archive-line .title {color:#616161; font-size:15px; margin:5px 45px 0 10px}
.b-archive-line .year, .b-archive-line .month {padding-top:6px; width:175px}
.b-archive-line label {color:#696969; font-size:11px; float:left; margin:0 4px 0 0}

.b-paging {font-size:0; text-align:center; margin:0 0 20px 0}
.b-paging li {display:inline-block; vertical-align:middle; *display:inline; *zoom:1; padding:0 5px; font:bold 12px Arial, Helvetica, sans-serif; color:#129323}
.b-paging li a {color:#141414; font:normal 11px Arial, Helvetica, sans-serif}
.b-paging a.arrow {background:url(/img/arrows-nav.png) top left no-repeat; width:9px; height:9px; padding:0; margin:0 7px; display:block}
.b-paging a.first {background-position:0 0}
.b-paging a.prev {background-position:-9px 0; margin-right:20px}
.b-paging a.next {background-position:-18px 0; margin-left:20px}
.b-paging a.last {background-position:-27px 0}

.b-news-list .month-title {padding:10px; font-size:15px; color:#000; background:#f3f3f3; margin:0 0 15px 0}
.b-news-list .green {color:#129323}
.b-news-side .time {color:#a1a1a1; font-size:10px; top:-2px}
.b-news-list .date {top:3px; position:relative}
.b-news-list .month {margin:0 0 40px 0}

/* sidebar */
#sidebar {overflow:hidden; *zoom:1}
.b-link-title {margin:0 0 17px 0}
.b-link-title-gray {margin:0 0 5px 0}
.b-link-title a {color:#0d0d0d; font:28px HeliosCondLightNormal, Arial, Helvetica, sans-serif;}
.b-link-title-gray a {text-decoration:none; color:#989898}

.b-side {margin:0 0 50px 0}

.b-list-side li {margin:0 0 20px 0}
.b-news-side .date {color:#fff; font:11px Arial, Helvetica, sans-serif; padding:1px 10px; background:#4e4e4e; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(js/pie/PIE.htc); float:left; margin:0 10px 0 0}
.b-green-bold-link {font:bold 12px/16px Arial, Helvetica, sans-serif; color:#018b13}
.b-small-gray-text {color:#7c7c7c; font-size:11px; padding:2px 0 0 0}

.b-dispatcher-side {width:auto; border:1px solid #e6e6e6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(js/pie/PIE.htc); background:url(/img/service-banner_side.jpg) top left no-repeat; padding:95px 0 0 0}
.b-dispatcher-side .head {webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; behavior: url(js/pie/PIE.htc); margin:0 0 7px 0}
.b-dispatcher-side .phone {color:#0aa600; font-size:24px; margin:0 7px 7px 7px}
.b-dispatcher-side .title {color:#4e4e4e; font:13px MetaMediumCyrLFRoman, Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 7px 15px 7px}
.b-dispatcher-side .description {color:#777; font:11px MetaMediumCyrLFRoman, Arial, Helvetica, sans-serif; margin:0 7px 20px 7px}

.b-side-nomargin {margin-bottom:0; padding-bottom:0}

.b-archive-line_side {height:auto; padding:10px}
.b-archive-line_side .year {padding:0}
.b-archive-line_side label {width:35px; padding:0 0 0 5px}

/* FOOTER */
#footer-wrap {position:absolute; bottom:0; height:100px; width:944px; padding:0 40p; left:50%; margin-left:-472px}
#footer {padding:20px 0; position:relative}

.b-contacts_bottom {float:left}
.b-contacts_bottom p {color:#6e6e6e; font:12px/18px Arial, Helvetica, sans-serif}
.b-tengo {float:right; width:220px}
.b-tengo p {color:#6e6e6e; font:12px Trebuchet MS, Arial, Helvetica, sans-serif; padding:15px 0 0 0}
.b-tengo a {color:#369c03}

.cusel,
.cuselFrameRight,
.jScrollPaneDrag,
.jScrollArrowUp,
.jScrollArrowDown {
    background:url(/img/controls/selects-focus.png) no-repeat;
}
.cusel { /*       */
    height: 17px;
    background-position: left top;
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    width:128px !important;
}
.cuselFrameRight { /*   .      */
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    height: 100%;
    width: 42px;
    height:17px;
    background-position: right top;
}

.cuselText { /*      */
    height: 14px;
    padding: 1px 0 0 7px; /*          */
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 1;
    font: 12px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /*  */
    position: relative;
    padding-right:33px;
    text-align:center;
    color:#696969;
    font-size:11px;
    top: 0;
    left: 0;
}
* html .cuselText { /*      6 */
    height: 22px;
}
.cusel span { /*   */
    display: block;
    cursor: pointer;
    text-align:center;
    white-space: nowrap;
    padding: 2px 15px 2px 5px;
    zoom: 1;
    color:#696969;
    font-size:11px;
}
.cusel span:hover,
.cusel .cuselOptHover { /*     */
    color: #129323;
    background:#f3f3f3;
}
.cusel .cuselActive { /*      */
    cursor: default;
}

/*
	styles for disabled select
*/
.classDisCusel,
.classDisCusel .cuselFrameRight {
    background-image: url(../images/selects-2-dis.png) !important;
    cursor: default;
    color: #ccc;
}
.classDisCusel .cuselText {
    cursor: default;
}

/*
	styles for scrollbar
*/
.cusel-scroll-wrap { /*      */
    display: block;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff; /*    */
    min-width: 100%;
    width: auto;
}
.cusel .jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 5;
    border: 1px solid #e4e4e4; /*   c */
}

.cusel .jScrollPaneTrack { /*     */
    height: 100%;
    width: 1px !important;
    background: #868686;
    position: absolute;
    top: 0;
    right: 8px;
}
.cusel .jScrollPaneDrag { /*  */
    position: absolute;
    background-position: -382px -35px;
    cursor: pointer;
    width: 13px !important;
    height: 23px !important;
    right: -6px;

}

.cusel .jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.cusel .jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.cusel .jScrollArrowUp { /*   */
    position: absolute;
    top: 0;
    right: 2px;
    width: 13px !important;
    height: 10px;
    cursor: pointer;
    background-position: -382px -24px;
    overflow: hidden;
}
.cusel .jScrollArrowDown { /*   */
    width: 13px !important;
    height: 10px;
    position: absolute;
    top: auto;
    bottom: 0;
    right: 2px;
    cursor: pointer;
    background-position: -382px -59px;
    overflow: hidden;
}