body {
    margin: 0;
    padding: 0;
    color: #303030;
    font-family: Tahoma, Geneva, sans-serif;
    background: url('../img/background.png') repeat-x;
}

img {
    border: none;
}

a {
    color: #333333;
    text-decoration: none;
}

a:hover {
    color: #55a2ca;
}

.background,
.background2 {
    width: 100%;
    min-width: 1200px;
    position: absolute;
    background: url('../img/background.png') repeat-x;
    z-index: -1;
}

.background2 {
    z-index: -2;
}

.top-line-bg {
    width: 100%;
    height: 50px;
    background: #3d4649;
}

.main-wrap {
    width: 1200px;
    margin: 0 auto;
}

.top-wrap {
    width: 100%;
    height: 50px;
}

.header-bg {
    width: 100%;
    height: 200px;
    background: url('../img/bg_header.png') no-repeat;
    background-position: center;
}

.logo {
    width: 210px;
    height: 32px;
    background: url('../img/logo.png') no-repeat;
    margin-top: 14px;
    float: left;
}

ul.top-menu {
    margin: 14px 0 0 0;
    padding: 0;
    float: right;
    list-style: none;
}

ul.top-menu li {
    float: right;
    margin-left: 30px;
}

ul.top-menu li a {
    color: #ffffff;
    text-decoration: none;
}

ul.top-menu li a:hover {
    color: #03a5ff;
}

.header {
    width: 100%;
    height: 200px;
    position: relative;
}

.soc {
    width: 100%;
    height: 32px;
    position: absolute;
    bottom: 0;
}

a.ic_facebook,
a.ic_odnoklassniki,
a.ic_twitter,
a.ic_vk {
    width: 32px;
    height: 32px;
    float: left;
    display: block;
    margin-right: 3px;
}

a.ic_facebook {
    background: url('../img/ic_facebook.png');
}

a.ic_odnoklassniki {
    background: url('../img/ic_odnoklassniki.png');
}

a.ic_twitter {
    background: url('../img/ic_twitter.png');
}

a.ic_vk {
    background: url('../img/ic_vk.png');
}

#main {
    width: 100%;
    margin-top: 4px;
    color: #333333;
}

#main .left {
    float: left;
    width: 490px;
}

#slider {
    width: 481px;
    height: 267px;
    background: url('../img/slider_background.png');
    padding: 6px;
    float: left;
    position: relative;
}

#slider ul {
    margin: 0;
    padding-top: 0;
    padding-left: 0;
}

#slider .title {
    font-size: 14px;
    text-align: left;
    position: absolute;
    padding: 10px;
    width: 100%;
    font-weight: 500;
    font-family: "Comic Sans MS", cursive, sans-serif;
    color: #333;
    background: rgba(250,250,250,0.9);
}

#slider a:hover {
    color: #444;
}

.sml_prev,
.sml_next {
    width: 15px;
    height: 38px;
    position: absolute;
    cursor: pointer;
    top: 50%;
    margin-top: -19px;
}

.sml_prev {
    left: 2px;
    background: url('../img/slider_prev.png') right;
}

.sml_next {
    right: 2px;
    background: url('../img/slider_next.png') right;
}

.sml_prev:hover,
.sml_next:hover {
    background-position: left;
}

#main-news {
    width: 100%;
    float: left;
    margin-top: 4px;
}

#main-news .top {
    width: 493px;
    height: 23px;
    background: url('../img/bg_main_news_top.png') no-repeat;
    font-size: 14px;
    padding-left: 24px;
    padding-top: 5px;
}

#main-news .top .title {
    width: 150px;
    text-align: center;
    color: #55a2ca;
}

#main-news .mid {
    width: 493px;
    height: 242px;
    background: url('../img/bg_main_news_mid.png') repeat-y;
}

#main-news .item {
    padding: 10px;
    font-family: Verdana, Geneva, sans-serif;
}

#main-news .item:hover {
    background: #f0f9fe;
}

#main-news .date {
    font-size: 12px;
    float: right;
    width: 100%;
}

.hr-divider {
    width: 100%;
    height: 2px;
    background: url('../img/hr_divider.png') repeat-x;
}

#main-news .bottom {
    width: 493px;
    height: 5px;
    background: url('../img/bg_main_news_bottom.png') no-repeat;
}

#top-panel {
    width: 701px;
    height: 77px;
    float: left;
    background: url('../img/panel_bg.png') no-repeat;
    margin-left: 8px;
}

#top-panel a.item {
    width: 68px;
    height: 30px;
    margin: 10px 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 37px;
    display: block;
    text-decoration: none;
    color: #555555;
    float: left;
    text-align: center;
}

#top-panel .item:hover {
    color: #03a5ff;
}

#top-panel .divider {
    width: 2px;
    height: 61px;
    background: url('../img/divider.png');
    float: left;
    margin-top: 7px;
}

.ic_news {
    background: url('../img/ic_news.png') no-repeat;
}

.ic_heart {
    background: url('../img/ic_heart.png') no-repeat;
}

.ic_map {
    background: url('../img/ic_map.png') no-repeat;
}

.ic_history {
    background: url('../img/ic_history.png') no-repeat;
}

.ic_art {
    background: url('../img/ic_art.png') no-repeat;
}

.ic_point {
    background: url('../img/ic_point.png') no-repeat;
}

.ic_press {
    background: url('../img/ic_press.png') no-repeat;
}

.ic_news,
.ic_heart,
.ic_map,
.ic_history,
.ic_art,
.ic_point,
.ic_press {
    background-position: center top;
}

.block {
    position: relative;
}

.block .top {
    width: 187px;
    height: 24px;
    background: url('../img/top_panel.png') no-repeat;
    text-align: center;
    padding-top: 7px;
    color: #55a2ca;
    position: absolute;
    z-index: 5;
}

#main .center  {
    width: 349px;
    float: left;
    margin-left: 8px;
}

#main .right {
    float: left;
    width: 349px;
    margin-left: 4px;
}

.news-city {
    width: 100%;
    height: 470px;
}

.news-server {
    width: 100%;
    height: 404px;
}

.news-city .top,
.news-server .top {
    width: 100%;
    height: 26px;
    background: url('../img/bg_news_top.png') no-repeat;
    font-size: 14px;
    padding-top: 5px;
}

.news-city .top .title,
.news-server .top .title {
    width: 150px;
    text-align: center;
    color: #55a2ca;
    margin-left: 24px;
}

.news-city .mid {
    width: 100%;
    height: 445px;
    background: url('../img/bg_news_mid.png') repeat-y;
}

.news-server .mid {
    width: 100%;
    height: 365px;
    background: url('../img/bg_news_mid.png') repeat-y;
}

.news-city .mid .item,
.news-server .mid .item {
    padding: 10px;
    font-size: 14px;
}

.news-city .mid .item:hover,
.news-server .mid .item:hover {
    background: #f0f9fe;
}

.news-city .mid .date {
    width: 50%;
    float: left;
    font-size: 12px;
}

.news-server .mid .date {
    width: 100%;
    float: left;
    font-size: 12px;
}

.news-city .mid .category {
    width: 50%;
    float: left;
    text-align: right;
    font-size: 12px;
}

.news-server .bottom,
.news-city .bottom {
    width: 100%;
    height: 5px;
    background: url('../img/bg_news_bottom.png') no-repeat;
}

.banner {

}

.box {
    float: left;
}

#media-content {
    width: 100%;
    height: 289px;
    float: left;
}

#poster {
    width: 435px;
    height: 277px;
    float: left;
    background: url('../img/bg_poster.png') no-repeat;
    padding: 6px;
}

#poster .item {
    width: 50%;
    height: 50%;
    float: left;
    position: relative;
}

#poster .image {
    width: 85px;
    height: 100%;
    overflow: hidden;
    float: left;
}

#poster img {
    width: 85px;
}

#poster .date {
    margin-left: 5px;
    float: left;
    color: #0089e9;
    font-size: 12px;
}

#poster .more {
    position: absolute;
    bottom: 3px;
    right: 4px;
    font-size: 14px;
}

#poster .text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    width: 120px;
    height: 96px;
    float: left;
}

#video {
    width: 389px;
    height: 277px;
    float: left;
    margin-lefT: 1px;
    padding: 6px;
    background: url('../img/bg_video.png') no-repeat;
}

#web-cam {
    width: 349px;
    height: 289px;
    float: left;
    margin-lefT: 2px;
    background: url('../img/bg_web_cam.png') no-repeat;
}

#web-cam .top {
    width: 100%;
    padding-top: 5px;
    font-size: 14px;
}

#web-cam .top .title {
    width: 150px;
    float: left;
    color: #55a2ca;
    margin-left: 30px;
    text-align: center;
}

#web-cam .top a {
    float: left;
    color: #777;
}

#web-cam-content {
    margin-top: 2px;
    margin: 8px 6px 6px 6px;
}

#mid-line {
    width: 100%;
    float: left;
    height: 74px;
    background: url('../img/mid_line.png') no-repeat;
    margin-top: 2px;
    padding: 4px;
    text-align: center;
}

#mid-line img {
    height: 74px;
}


#bottom-line {
    width: 100%;
    height: 288px;
    float: left;
    margin-top: 3px;
}

#catalog,
#job,
#site {
    height: 100%;
    float: left;
}

#catalog {
    width: 399px;
    background: url('../img/bg_catalog.png') no-repeat;
}

#catalog a {
    float: left;
    margin-top: 3px;
    margin-left: 17px;
    color: #777;
}

#job {
    width: 443px;
    background: url('../img/bg_job.png') no-repeat;
    margin-left: 5px;
}

#site {
    width: 348px;
    background: url('../img/bg_site.png') no-repeat;
    margin-left: 5px;
}

#catalog .top,
#job .top,
#site .top {
    font-size: 14px;
    padding-bottom: 12px;
    float: left;
}

#catalog .top .title,
#job .top .title,
#site .top .title {
    width: 146px;
    float: left;
    margin-top: 3px;
    margin-left: 30px;
    text-align: center;
    color: #55a2ca;
}

#site .wrap {
    width: 100%;
    float: left;
}

#catalog .item {
    width: 100%;
    padding: 6px;
    float: left;
}

#catalog .item .image {
    width: 38px;
    height: 38px;
    float: left;
    padding-right: 2px;
}

#catalog .item .title {
    float: left;
}

#catalog .item .description {
    width: 350px;
    float: left;
    font-size: 12px;
}

#job .item {
    width: 430px;
    float: left;
    padding: 5px 6px;
}

#job .item .title {
    width: 308px;
    float: left;
    font-size: 14px;
    margin-top: 2px;
    margin-left: 2px;
}

#job .item .date {
    float: right;
    width: 80px;
    text-align: right;
    color: #62a9ce;
    font-size: 14px;
    padding-bottom: 2px;
}

#job .item .description {
    font-size: 12px;
    margin-left: 2px;
    float: left;
}

.ic_resume,
.ic_vacancy {
    width: 40px;
    height: 40px;
    float: left;
}

.ic_resume {
    background: url('../img/ic_resume.png');
}

.ic_vacancy {
    background: url('../img/ic_vacancy.png');
}

#site .item {
    width: 336px;
    padding: 4px 6px;
    float: left;
}

#site .item .title {
    font-size: 14px;
    float: left;
}

#site .item .category {
    font-size: 12px;
    float: right;
    color: #55a2ca;
}

#site .item .url {
    font-size: 12px;
    float: left;
}

#footer-wrap {
    margin-top: 80px;
    width: 100%;
    height: 185px;
    float: left;
    background: #3d4649;
    border-bottom: 5px solid #c4dbe6;
}

#footer {
    width: 1200px;
    height: 185px;
    margin: 0 auto;
    position: relative;
}

#footer .left-block {
    width: 250px;
    float: left;
    height: 185px;
}

#footer .copyright {
    font-size: 12px;
    color: #cccccc;
    float: left;
}

#footer .mid-block {
    width: 165px;
    height: 185px;
    float: left;
    margin-left: 100px;
}

#footer .title {
    color: #ffffff;
    margin-top: 15px;
}

#footer ul {
    margin: 15px 0 0 0;
    padding: 0;
    list-style: none;
}

#footer ul li {
    margin-bottom: 5px;
    width: 130px;
    float: left;
}

#footer ul li a {
    color: #ffffff;
    font-size: 14px;
}

#footer ul li a:hover {
    color: #55a2ca;
}

#footer .right-block {
    width: 350px;
    float: left;
    height: 185px;
    margin-left: 50px;
}

#footer .counter {
    width: 172px;
    position: absolute;
    right: 0;
    bottom: 6px;
}

#topping {
    float: left;
}

#yandex {
    float: left;
    margin-left: 2px;
}

#live-internet {
    float: left;
    margin-left: 2px;
}


.login-form {
	width: 400px;
	margin: 0 auto;
	margin-top: 120px;
}

.login-form .out-block {
	width: 800px;
	margin: 0 auto;
	margin-top: 20px;
}

.login-form a.block  {
	display: block;
	text-align: right;
}

#top-tabs {
    width: 260px;
    height: 134px;
    padding: 5px;
    position: absolute;
    top: 12px;
    left: 14px;
    background: url('../img/top_banner_bg.png') no-repeat;
}

#top-tabs ul {
    width: 100%;
    margin: 0;
    padding: 0 0 3px 0;
    list-style: none;
    border-bottom: 1px solid #b6e7fa;
    float: left;
}

#top-tabs li {
    padding: 0;
    margin: 0 20px 0 0;
    float: left;
    border: none;
}

#top-tabs li a {
    text-decoration: none;
    border: none;
    color: #555;
}

#tabs-kurs, #tabs-pogoda {
    padding-top: 5px;
    float: left;
}


/* Курс валют */

#IUAfinance89 { min-width: 175px; width: 240px; cursor: pointer;}
#IUAfinance89 * {margin: 0; padding: 0;}
#IUAfinance89 .content {overflow: hidden; padding: 4px; font-family: Arial; font-size: 10px; color: #000000;}
#IUAfinance89 h1 {overflow: hidden; margin-top: -4px; font-size: 12px; font-weight: bold; height: 0px; line-height: 20px; color: #00529c;}
#IUAfinance89 h1 span {float: left; white-space: nowrap;}
#IUAfinance89 h1 i {float: right; display: inline-block; width: 36px; height: 0px; background: url(http://i.i.ua/v2/logo/logo_small_14_black.png) no-repeat 0 1px transparent; opacity: .3;}
#IUAfinance89 a, #IUAfinance89 a:hover {border: none; text-decoration: underline; color: #00529c;}
#IUAfinance89 dl {overflow: hidden; padding: 4px; margin-bottom: 4px;}
#IUAfinance89 dl dt {font-weight: bold; font-size: 12px;}
#IUAfinance89 dl dd {clear: left; border-top: 1px dotted #DDD;}
#IUAfinance89 dl span {display: block; float: left; width: 39%; white-space: nowrap; text-align: right;}
#IUAfinance89 dl span.th {width: 22%; text-align: left;}
#IUAfinance89 dl dt span {font-size: 10px; font-weight: normal;}
#IUAfinance89 dl dd span {line-height: 24px; font-size: 16px; font-family: Trebuchet MS;}
#IUAfinance89 dl dd span img {vertical-align: middle; margin-right: 1px;}

#page {
    background: #fff;
    float: left;
    width: 1180px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #888888;
}

#page h3 {
    color: #4FC3F7;
    margin-top: 0;
    padding-top: 0;
}

#page .col {
  float: left;
}