/* main tags */
html, body {height: 100%;}
body {font: normal 100% Tahoma, Arial; background: url(/img/bg_top.gif) 0 0 repeat-x;}
a:hover {text-decoration: none;}
h1 {}
    h1.h1 {font-size: 24px !important;}
h2 {margin: 10px 0; font-size: 18px; font-weight: normal; color: #2e3192;}
    h2.h2 {position: relative; border-bottom: 3px solid #e5e5e5;}
        h2.h2 span {position: relative; top: 6px; padding: 0 15px 0 0; background: #f7f7f7;}
h3 {margin: 10px 0; font-size: 12px; color: #2e3192;}
h4 {margin-bottom: -15px;}
/* structure */
#top {position: relative; width: 800px; height: auto !important; height: 100%; min-height: 100%; margin: 0 auto;}
#body {padding-bottom: 116px; font-size: 0.75em;}
    *:first-child+html #body {margin-bottom: 116px;}
    #leftCol {float: left; width: 250px;}
        #leftCol-logo {display: block; width: 156px; height: 116px; margin: 46px 0 0 26px; background: url(/img/logo.gif)}
        .leftCol-block {margin: 0 15px 40px 40px;}
        #leftMenu {margin: 50px 0 0;}
            #leftMenu li {margin: 0 0 15px;}
                #leftMenu li a {font-weight: bold; color: #2e3192;}
                #leftMenu li a.current {text-decoration: none;}
        #calendar {width: 141px; padding: 9px; font-family: Arial; font-size: 11px; background: #f2f5fa; border: 1px solid #2e3192;}
            #calendar-month {width: 100%; margin: 0 0 9px;}
                #calendar-month td {font-weight: bold; color: #2e3192; background: #cad9ee; text-transform: uppercase; text-align: center; vertical-align: middle;}
                #calendar-month td.c1, #calendar-month td.c3 {width: 21px;}
            #calendar-days {width: 100%; background: #cad9ee;}
                #calendar-days td {width: 19px; height: 19px; font-weight: bold; color: #2e3192; border: 1px solid #8d8fc7; text-align: center;  vertical-align: middle;}
                    #calendar-days td a {color: #2e3192;}
                    #calendar-days td.current {background: #fff;}
        .leftCol-commercial {margin-bottom: 25px !important; font-size: 11px; color: #999;}
            .leftCol-commercial a {font-weight: bold; color: #2e3192;}
            .leftCol-commercial a.pdf {display: block; width: 30px; height: 23px; margin: 10px 0 20px 35px; padding: 7px 0 0 35px; font-size: 12px; background: url(/img/pdf.gif) 0 0 no-repeat; text-decoration: none;}
            .leftCol-commercial span {font-weight: bold; color: #2e3192;}
    #rightCol {float: right; width: 550px;}
        #rightCol-status {padding: 15px 0 0 35px; height: 30px;}
            #rightCol-status a {color: #2e3192;}
                #rightCol-status a.user {margin: 0 0 0 5px; padding: 0 0 0 15px; font-weight: bold; background: url(/img/icon_user.gif) 0 0 no-repeat;}
                #rightCol-status a.exit {font-size: 11px;}
        #content-top {height: 4px; font-size: 1px; background: url(/img/content_top.gif);}
        #content {position: relative; min-height: 600px; height: auto !important; height: 600px; padding: 35px; color: #333; line-height: 20px; background: #f7f7f7; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
            #content h1 {margin: 0 0 20px; font-size: 30px; font-weight: normal; color: #2e3192; border-bottom: 3px solid #e5e5e5; background: url(/img/bg_h1.gif) right bottom no-repeat;}
                #content h1 span {position: relative; top: 1px; padding: 0 15px 0 0; background: #f7f7f7;}
            #content h2.underH1 {margin-top: -15px; text-align: right;}
            #content p {margin: 15px 0;}
            #content a {color: #2e3192;}
            #content hr {height: 1px; margin: 0 0 25px; border: 0; border-top: 1px solid #e0e0e0;}
            #content ul {margin: 15px 0;}
                #content ul li {margin: 0 0 15px; padding: 0 0 0 30px; background: url(/img/lidot.gif) 0 6px no-repeat;}
            #navigation {margin: 0 0 15px; padding: 0 0 5px; font-size: 11px; color: #2e3192; border-bottom: 1px solid #e0e0e0;}
                #navigation span {color: #666;}
                #navigation a, #navigation b {margin: 0 5px; color: #2e3192;}
                #navigation a.sort {position: relative; top: -1px; margin-left: -2px;}
                #navigation img {position: relative;}
            #sortby {margin: 0 0 20px; font-size: 11px; color: #666;}
                #sortby span {font-weight: bold; color: #2e3192;}
                #sortby a {font-size: 10px; color: #999;}
            .news-entry {float: left; width: 100%; margin: 0 0 20px; border-bottom: 1px solid #e0e0e0;}
                .news-entry div {position: relative; float: left; width: 55px; padding: 0 5px 0 0; font-size: 10px; color: #2e3192; text-align: right;}
                    .news-entry div span {display: block; height: 21px; margin: 0 -5px 0 0; padding: 1px 0 0; font-size: 11px; font-weight: bold; color: #fff; background: url(/img/bg_date.gif); text-align: center;}
                    .news-entry div ins {position: absolute; top: 49px; left: 0; display: block; width: 60px; margin: 0 -5px 0 0; font-size: 11px; color: #999; text-align: center;}
                .news-entry p {float: right; display: block; width: 405px; margin: -3px 0 15px 0 !important; font-size: 11px; color: #999;}
                .news-entry a.title {font-size: 12px; font-weight: bold; color: #333; line-height: 15px !important;}
                .news-entry a.author {font-weight: bold; color: #0a63a1;}
                .news-entry a.filter {font-size: 10px; color: #999;}
                .news-entry a.more {color: #0a63a1;}
                .news-entry p span {font-size: 12px; color: #333; line-height: 12px !important;}
                .news-entry p span.text {line-height: 18px !important;}
                .news-entry p b {font-size: 12px; color: #333;}
                .news-entry-telo {margin: 0 !important; border: 0 !important;}
            #addNewsForm {margin: 30px 0 0;}
                #addNewsForm h2 {margin-top: 0;}
                #addNewsForm input, #addNewsForm textarea {width: 474px; background: #f1f1f1; border: 1px solid #bdbdbd;}
                #addNewsForm textarea {height: 115px;}
            #replyMsgForm {margin: 0 0 0 72px;}
                #replyMsgForm textarea {width: 400px; height: 115px; background: #f1f1f1; border: 1px solid #bdbdbd;}
            .users-entry {margin: 0 0 15px; padding: 0 0 10px; border-bottom: 1px solid #e0e0e0;}
                .users-entry h2 {margin: 0;}
                .users-entry span {color: #999;}
            .news-list-entry {margin: 0 0 3px; padding: 0 0 6px; font-size: 11px; color: #999; border-bottom: 1px solid #e0e0e0; line-height: 15px;}
                .news-list-entry span {float: left; display: block; width: 60px; margin: 1px 15px 0 0; font-size: 10px; color: #2e3192; text-align: right;}
                .news-list-entry a.author {font-weight: bold; color: #0a63a1 !important;}
                .news-list-entry a.title {color: #333 !important;}
                .news-list-entry ins {padding: 4px 2px; background: url(/img/newslist_arrow.gif) 0 10px no-repeat;}
            .gallery-entry {float: left; width: 150px; height: 205px; margin: 0 14px 20px 0; text-align: center;}
                .gallery-entry table {width: 150px; height: 150px; margin: 0 0 5px; background: #f1f1f1;}
                    .gallery-entry table td {vertical-align: middle;}
                    .gallery-entry a {display: block;}
                    .gallery-entry a.title {font-weight: bold; color: #0a63a1 !important;}
                    .gallery-entry a.author {font-size: 11px; font-weight: bold; color: #666 !important;}
            #gallery-telo {margin: 0 0 15px; padding: 1px 5px; background: #f1f1f1;}
                #gallery-telo h2 {margin-left: 10px;}
                #gallery-telo p {font-size: 11px; text-align: center;}
            #addGalleryForm {}
                #addGalleryForm input {width: 474px; background: #f1f1f1; border: 1px solid #bdbdbd;}
            #commercial-header {font-size: 11px; color: #999;}
                #commercial-header span {display: block; font-size: 17px; color: #2e3192;}
                #commercial-header p {margin-top: 5px;}
            .clients-entry {float: left; width: 72px; height: 46px; margin: 10px 29px 20px 0;}
            #contactBlock {margin: 30px 0; line-height: 12px;}
                #contactBlock label {position: relative; display: block; float: left; width: 80px; font-weight: bold;}
            #ceni {width: 100%; margin: 15px 0; background: #fff; border: 1px solid #e5e5e5;}
                #ceni td, #ceni th {border: 1px solid #e5e5e5;}
                #ceni td {padding: 4px 10px;}
                #ceni th {text-align: center; color: #999; padding: 4px 0 !important;}
                #ceni tr.xRow td {background: #e5e5e5;}
                    #ceni tr.xRow td {padding: 1px !important; font-size: 11px; text-align: center;}
                #ceni td.c1 {width: 150px; text-align: center;}
                #ceni td.c2 {width: 165px;}
                #ceni td.c3 {text-align: center;}
            #kabinet {width: 100%;}
                #kabinet td {padding: 3px 0;}
                    #kabinet td.c1 {width: 150px; padding: 3px 10px 3px 0; text-align: right;}
                    #kabinet td input.text {width: 315px;}
                    #kabinet td select {width: 319px; height: 22px;}
            .doc-entry {margin: 20px 0 30px; line-height: 16px;}
                .doc-entry a.title {font-weight: bold; color: #333333 !important;}
                .doc-entry a.view {font-size: 11px; color: #0a63a1 !important;}
                .doc-entry p {margin: 0 !important;}
            .doc-telo-entry {margin: 10px 0 20px; padding: 0 0 5px; border-bottom: 1px solid #e0e0e0;}
                .doc-telo-entry-date {position: relative; width: 55px; padding: 0 5px 0 0; font-size: 10px; color: #2e3192; text-align: right;}
                    .doc-telo-entry-date span {display: block; height: 21px; margin: 0 -5px 0 0; padding: 1px 0 0; font-size: 11px; font-weight: bold; color: #fff; background: url(/img/bg_date.gif); text-align: center;}
                .doc-telo-entry-file {position: relative; left: 13px; width: 38px; height: 44px; margin: 9px 0 0; background: url(/img/fileicon.jpg) 0 0 no-repeat;}
                    .doc-telo-entry-file span {position: relative; top: 7px; left: -6px; display: block; width: 30px; height: 15px; line-height: 14px; font-size: 11px; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase;}
                        .doc-telo-entry-file span.doc {background-color: #0a63a1;}
                        .doc-telo-entry-file span.pdf {background-color: #cc0000;}
                        .doc-telo-entry-file span.xls {background-color: #49ad00;}
                        .doc-telo-entry-file span.jpg {background-color: #e86801;}
                        .doc-telo-entry-file span.gif {background-color: #8d3ec4;}
                        .doc-telo-entry-file span.dwg {background-color: #828282;}
                .doc-telo-entry-size {display: block; position: relative; width: 61px; font-size: 10px; color: #999999; text-align: center;}
                .doc-telo-entry-body {float: right; width: 405px;}
                    .doc-telo-entry-body span.from {font-size: 11px; color: #999;}
                    .doc-telo-entry-body a.author {font-size: 11px; font-weight: bold; color: #0a63a1 !important;}
                    .doc-telo-entry-body span.title {display: block; margin: 5px 0 0; font-weight: bold; color: #2e3192;}
                    .doc-telo-entry-body a.download {padding: 0 15px 0 0; font-size: 11px; font-weight: bold; color: #0a63a1 !important; background: url(/img/downicon.gif) right 50% no-repeat;}
                    .doc-telo-entry-body p {margin: 0 !important; line-height: 16px;}
            #pageNav {clear: both; /*position: absolute; bottom: 20px;*/ width: 478px; border: 1px solid #e0e0e0;}
                #pageNav td {width: 33%; padding: 10px; white-space: no-wrap;}
                    #pageNav td a {color: #2e3192;}
                    #pageNav td.c1, #pageNav td.c3 {font-size: 11px; white-space: nowrap;}
                        #pageNav td.c1 a {padding: 0 0 0 15px; background: url(/img/arrow_left.gif) 0 5px no-repeat;}
                    #pageNav td.c2 {text-align: center;}
                        #pageNav td.c2 a {margin: 0 7px;}
                        #pageNav td.c2 span {padding: 3px 4px; color: #fff; font-weight: bold; background: #2e3192;}
                    #pageNav td.c3 {text-align: right;}
                        #pageNav td.c3 a {padding: 0 15px 0 0; background: url(/img/arrow_right.gif) right 5px no-repeat;}
#bottom {position: relative; width: 800px; height: 116px; margin: -116px auto 0; font-size: 11px; color: #999; background: url(/img/content_bot.gif) right 0 no-repeat;}
    #bottom-leftline {position: absolute; top: -31px; left: 0; width: 250px; height: 31px; background: url(/img/leftcol_bot.gif);}
    #bottom a {color: #999;}
    #bottom-copyright {position: absolute; top: 55px; left: 285px;}
    #bottom-solus {position: absolute; top: 50px; left: 515px; line-height: 10px;}
    #bottom-admin {position: absolute; top: 7px; left: 635px; padding: 0 0 0 15px; color: #2e3192 !important; background: url(/img/icon_mail.gif) 0 4px no-repeat;}
/* styles */
a.bluebut {display: block; width: 159px; height: 22px; margin-top: -5px; margin-bottom: 15px; font-size: 11px; font-weight: bold; color: #f1f1f1 !important; background: url(/img/bluebut.gif) no-repeat; text-align: center;}
a.smalllink {font-size: 11px; font-weight: bold; color: #0a63a1 !important;}
span.date {display: block; width: 61px; height: 22px; margin: 0 0 10px; color: #fff; font-size: 11px; font-weight: bold; background: url(/img/bg_date.gif); text-align:  center;}
