/* CSS Document */
html, body { margin: 0px; padding: 0px; }
form { margin: 0px; padding: 0px; }
p {margin: 7px 0; }

a { color: #37a8db; cursor: pointer; text-decoration: underline; }
a:hover { text-decoration: none; }
body, html { font-size: 12px; line-height: normal; color: #545454; font-family: Arial, Helvetica, sans-serif; text-align: center; background: #136f74 url(../images/main-bg.jpg) no-repeat bottom center; }
a img { border: 0px; }

.left { float: left !important; }
.right { float: right !important; }
.over { overflow: hidden; }
.clear { clear: both; //overflow: expression( this.innerHTML ? this.style.overflow : 'hidden' ); //height: expression( this.innerHTML ? this.style.height : '0px' );}
.align_left { text-align: left; }
.align_center { text-align: center; }
.align_right { text-align: right; }
.full { width: 100%; }
.half { width: 50%; }
.spacer { overflow: hidden; height: 20px; }
.strong { font-weight: bold; }
.green { color: #669900; }
.upper { text-transform: uppercase; }

#wrapper { background: url(../images/clouds.png) no-repeat center bottom; margin: 0 auto; }
#framework { text-align: left; margin: 0 auto; width: 1030px;  padding-bottom: 60px; }
#header { position: relative; width: 100%; height: 184px; }
#header.header-ua { background: url(../images/header-bg-ua.png) no-repeat top left; }
#header.header-ru { background: url(../images/header-bg-ru.png) no-repeat top left; }

#header .logo { position: absolute; top: 0px; left: 14px; width: 204px; height: 184px; }
#header .logo h1 { display: none; }

#header .lang { position: absolute; top: 12px; right: 32px; width: 80px; height: 14px; font-size: 12px; color: #37a8db; text-align:right; }
#header .lang a { color: #37a8db; text-decoration: underline; }

#header .contacts-l1 { position: absolute; top: 36px; right: 32px; width: 230px; height: 22px; font-size: 20px; color: #006993; text-align:right; }
#header .contacts-l2 { position: absolute; top: 66px; right: 32px; width: 230px; height: 26px; font-size: 12px; color: #006993; text-align:right; font-weight: bold; }
#header .contacts-l3 { position: absolute; top: 94px; right: 32px; width: 230px; height: 26px; font-size: 12px; color: #006993; text-align:right; font-weight: bold; }
#header .contacts-l4 { position: absolute; top: 131px; right: 32px; width: 230px; height: 14px; font-size: 12px; color: #006993; text-align:right; font-weight: bold; }
#header .contacts-l5 { position: absolute; top: 149px; right: 32px; width: 230px; height: 14px; font-size: 12px; color: #006993; text-align:right; font-weight: bold; }
#header .phone { color: #7abd0d; font-size: 24px; font-weight: normal; }

#menu { position: relative; width: 100%; height: 43px; background: url(../images/menu-bg.png) no-repeat top left; color: #fff; font-size: 14px; }
#menu ul { position: absolute; top: 0; left: 277px; margin: 0; padding: 0; list-style: none; }
#menu ul li { float: left; height: 35px; text-align: center; }
#menu ul li.main-menu398, #menu ul li.main-menu412 { width: 135px; }
#menu ul li.main-menu501 { width: 92px; }
#menu ul li a { color: #fff; text-decoration: none; display: block; padding: 10px 28px 0px 28px; height: 25px; }
#menu ul li a:hover { text-decoration: underline; }

#menu .map { position: absolute; top: 0px; right: 34px; height: 35px; text-align: right; }
#menu .map a { color: #fff; text-decoration: none; display: block; padding: 10px 0px 0px 0px; height: 25px; }
#menu .map a:hover { text-decoration: underline; }

#content-wrapper { width: 100%; min-height: 400px; background: url(../images/content-bg.png) repeat-y top left; }
#content { width: 100%; min-height: 400px; /*background: url(../images/content-bottom-bg.png)  no-repeat bottom left;*/ }

#content .left-col { float: left; width: 193px; padding: 0px 24px 0px 38px; }
#content .left-col h3 { font-weight: normal; font-size: 20px; color: #2b8710; padding: 25px 0 0 0; margin: 0; }
#content .left-col .menu { margin: 0; padding: 0; list-style: none; }
#content .left-col .menu li { height: 35px; background: url(../images/left-menu-item.png) no-repeat 0 0; margin-top: 20px; font-size: 12px; font-weight: bold; text-transform: uppercase; padding-left: 14px; }
#content .left-col .menu li a { color: #545454; text-decoration: none; display: table-cell; vertical-align: middle; height: 35px; padding-right: 15px; }
#content .left-col .menu li.active a { background: url(../images/left-menu-item-active.png) no-repeat right center; }
#content .left-col .menu li a:hover { text-decoration: underline; }
#content .left-col .search-container { margin-top: 20px; position: relative; }
#content .left-col .search-container .search-field { width: 198px; height: 22px; border: 1px solid #555757; }
#content .left-col .search-container .search-button { position: absolute; top: 3px; left: 178px; }

#content .center-col { float: left; width: 452px; padding: 0px 24px 0px 24px; }
#content .center-col h2 { font-weight: normal; font-size: 20px; color: #006993; padding: 25px 0 15px 0; margin: 0; }
#content .center-col h3 { font-weight: bold; font-size: 16px; padding: 15px 0 10px 0; margin: 0; color: #006993;  }
#content .center-col h3.normal { font-weight: normal; color: #37a8db; }
#content .center-col h4 { font-weight: normal; font-size: 14px; padding: 15px 0 5px 0; margin: 0; }
#content .center-col span.title { font-weight: bold; font-size: 16px; color: #006993; padding-bottom: 5px; }
#content .center-col .date { /*padding: 5px 0 0 0;*/ color: #b0b2b3; }
#content .center-col .more { text-align: right; padding: 10px 0 0 0; }
#content .center-col .more a { color: #006993; }
#content .center-col .news-list { margin-top: 20px; }
#content .center-col .news-item { margin-bottom: 20px; min-height: 80px; }
#content .center-col .news-item img { float: left; padding-right: 10px; }
#content .center-col .news-item h4 { padding-top: 0; }
#content .center-col .full-list { font-size: 14px; padding: 0; }
#content .center-col .ring { padding: 5px 0; font-size: 14px; }
#content .center-col .ring a { padding-left: 22px; }
#content .center-col .ring a.top { background: url(../images/ring-down.png) no-repeat 0 0; }
#content .center-col .ring a.down { background: url(../images/ring-top.png) no-repeat 0 0; }
#content .center-col .ring-green a.top { background: url(../images/ring-green-down.png) no-repeat 0 0 !important; }
#content .center-col .ring-green a.down { background: url(../images/ring-green-top.png) no-repeat 0 0 !important; }
#content .center-col .ring-desc .ring-desc-inner { border: 1px solid rgb(176, 178, 179); padding: 10px; margin-top: 5px; margin-bottom: 10px; }
#content .center-col .ring-desc h3 { padding-top: 10px; }
#content .center-col .table-price { width: 440px; margin: 0 auto; }
#content .center-col .table-title { color: #fff; font-size: 14px; height: 28px; margin-top: 20px; }
#content .center-col .table-title .item1 { width: 219px; height: 21px; background: url(../images/table-title-item1.png) no-repeat 0 0; float: left; padding-top: 7px; text-align: center; }
#content .center-col .table-title .item2 { width: 221px; height: 21px; background: url(../images/table-title-item2.png) no-repeat 0 0; float: left; padding-top: 7px; text-align: center; }
#content .center-col .table-separator { height: 2px; overflow: hidden; background: #6f7072; margin-top: 2px; }
#content .center-col .table-line { margin-top: 2px; border:0; padding:0; border-collapse:collapse; }
#content .center-col .table-line .item1 { width: 216px; border-left: 1px solid #6f7072; text-align: center; padding: 5px; }
#content .center-col .table-line .item2 { width: 215px; text-align: left; border-left: 1px solid #6f7072; border-right: 1px solid #6f7072; padding: 5px;  /*vertical-align: top;*/ text-align: center; }
#content .center-col .table-footer { height: 18px; margin-top: 2px; background: url(../images/table-footer.png) no-repeat 0 0; }
#content .center-col .page-nav-bottom { font-size: 14px; margin-top: 20px; }



#content .right-col { float: left; width: 219px; padding: 0px 32px 0px 24px; }
#content .right-col h3 { font-weight: normal; font-size: 20px; color: #006993; padding: 25px 0 0 0; margin: 0; }
#content .right-col h4 { font-weight: normal; font-size: 14px; padding: 15px 0 0 0; margin: 0; }
#content .right-col .subtitle { color: #b0b2b3; }
#content .right-col .date { padding: 5px 0 0 0; color: #b0b2b3; }
#content .right-col .more { text-align: right; padding: 10px 0 0 0; }
#content .right-col .more a { color: #006993; }
#content .right-col .full-list { font-size: 14px; padding: 10px 0 0 0; }

#content .footer { width: 1030px; font-size: 12px; text-align: center; color: #58585a; padding: 70px 0 30px 0; }