/* main tags */

html, body {height: 100%;}

body {font: normal 100% Tahoma, Arial; background: url(../img/body_bg.gif) 0 0 repeat-x;}

a:hover {text-decoration: none;}
/* structure */

#top {position: relative; min-width: 999px; height: auto !important; height: 100%; min-height: 100%; background: url(../img/body_bgbot.gif) center bottom repeat-x;}
    * html #top {width:expression(document.body.clientWidth > 999?"100%":"999px");}

#body {width: 900px; margin: 0 auto; padding-bottom: 280px; font-size: 0.75em;}
    #leftCol {float: left; width: 270px; margin: 50px 30px 0 0; overflow: hidden;}
        #logo {width: 168px; height: 119px; margin: 0 0 45px 40px; background: url(../img/logo.gif) 0 0 no-repeat;}
            #logo a {display: block; height: 100%;}
        
        #mm {padding: 0 0 10px 0; border-bottom: 1px solid #e0e0e0;}
            #mm ul li {padding: 7px 0;}
                #mm ul li.current {background: url(../img/mmcurrent.gif) 0 0 no-repeat;}
            #mm ul li a {margin: 0 0 0 20px; font-weight: bold; color: #2e3192;}
                #mm ul li a:hover {color: #000;}
                #mm ul li.current a {position: relative; color: #fff; text-decoration: none;}
                #mm ul li.current a:hover {color: #fff; text-decoration: none;}
                
                #mm ul ul {position: relative; margin: 6px 0 0; padding: 10px 0 14px; background: #fff url(../img/mmcurrentul.gif) 0 bottom no-repeat;}
                /*#mm ul ul li {padding: 2px 0;}*/
                #mm ul ul li {padding: 2px 50px 10px 20px;}
                #mm ul ul li a {margin: 0 !important; position: relative; color: #339 !important; font-weight: normal; text-decoration: underline !important;}
                    #mm ul ul li a:hover {text-decoration: none !important;}
                    #mm ul ul li a.current {text-decoration: none !important; font-weight: bold;}
                    
                #mm ul ul ul {margin: 0 0 10px 20px; padding: 0; background: none;}
                    #mm ul ul ul li {padding: 0;}
                    #mm ul ul ul li a {font-size: 11px;}
                
        #leftCol h2 {margin: 0 0 10px 0; font-size: 24px; font-weight: normal; color: #666;}
        
        #MP-news {}
            .MP-news-entry {margin: 0 0 10px 0; padding: 0 0 0 20px; font-size: 11px; color: #333; background: url(../img/mpnewsicon.gif) 4px 1px no-repeat;}
            .MP-news-entry span {font-size: 9px; color: #999;}
            .MP-news-entry a {display: block; margin: 2px 0; font-size: 12px; font-weight: bold; color: #2e3192;}
        
        #MP-response {position: relative; width: 269px;}    
            #MP-response a {font-size: 12px; font-weight: bold; color: #2e3192;}
            #MP-response span {display: block; margin: 0 0 -20px 0; padding: 0 0 7px 35px; color: #999; font-size: 11px;}
            #MP-response p {padding: 35px 20px 15px 20px; color: #666; font-size: 11px;  background: #f0f0f0 url(../img/mpresponse1.gif) 0 0 no-repeat;}
        
        #IP-projects {margin: 0 0 0 20px;}
            .IP-projects-entry {margin: 0 0 20px 0;}
                .IP-projects-entry img {margin: 0 10px 10px 0;}
                .IP-projects-entry a {font-size: 16px; color: #339; font-weight: bold;}
                .IP-projects-entry a.h {display: block; margin: 0 0 10px 0;}
                .IP-projects-entry p {font-size: 11px; color: #333;}
                    .IP-projects-entry p a {color: #666; font-size: 11px; font-weight: normal;}
            
        
    #rightCol {float: left; width: 600px; margin: 50px 0 0;}
        #bigHome {position: relative; height: 330px;}
            #bigHome img {position: absolute; left: -30px;}
        
        #content {margin: 30px 0 0; padding: 0 0 0 1px; color: #333;}
            #content h1 {margin: 0 0 10px 0; padding: 0 0 7px 0; font-size: 30px; font-weight: normal; color: #2e3192; background: url(../img/h1_bg.gif) 0 bottom no-repeat;}
            #content h2 {margin: 0 0 10px 0; font-size: 24px; font-weight: normal; color: #666;}
            #content h3 {margin: 0 0 10px 0; font-size: 16px; font-weight: bold; color: #339;}
            #content p {margin: 10px 0;}
            #content ul {margin: 0 0 0 25px;}
            #content ul li {margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(../img/li.gif) 0 7px no-repeat;}
            #content a {color: #339;}
            
            .slink a {display: block; position: relative; padding: 3px 8px 3px 10px; font-size: 11px; font-family: Arial; color: #fff !important; background: url(../img/slink.gif) 0 0 no-repeat;}
                .slink a span {position: absolute; top: 0; right: 0; width: 3px; height: 20px; background: #aaa url(../img/slink2.gif) 0 0 no-repeat;}
                * html .slink a span {right: -1px;}
            
            #MP-projects {clear: both;}
                .MP-projects-entry {float: left; width: 254px; /*height: 190px;*/ margin: 0 55px 0 0;}
                    .MP-projects-entry img {margin: 0 0 5px; border: 2px solid #2e3192;}
                    .MP-projects-entry a {color: #2e3192; font-weight: bold;}
            
            #authPanel {width: 600px; height: 46px; margin: 10px 0 -20px; padding: 12px 0 0; background: url(../img/loginbg.gif) 0 0 no-repeat;}
                #authPanel table {width: 565px; margin: 0 auto;}
                #authPanel table td.c1 {font-weight: bold; color: #6669d2; border-right: 1px solid #e0e0e0; vertical-align: middle;}
                #authPanel table td.c2, #authPanel table td.c4 {padding: 3px 0 0; font-size: 11px; color: #333; vertical-align: top;}
                #authPanel table td.c2 {padding: 3px 0 0 10px;}
                #authPanel table td input.text {border: 1px solid #e0e0e0; width: 135px; height: 18px;}
                #authPanel table td.c3, #authPanel table td.c5 {vertical-align: top;}
                #authPanel table td.c3 a, #authPanel table td.c5 a {font-size: 11px; color: #2e3192;}
            
            .news-entry {margin: 0 0 20px 0; padding: 0 0 0 20px; background: url(../img/mpnewsicon.gif) 3px 2px no-repeat;}
            .news-entry span {font-size: 11px; color: #999;}    
            .news-entry table, .news-entry table td {border: 0! important; padding: 0 !important; vertical-align: top;}
            .news-entry table {margin: 5px 0 0; line-height: 18px;}
                .news-entry table td.c1 {width: 100px;}
                .news-entry table td.c2 a {font-weight: bold;}
                .news-entry table td.c2 p {margin: 0 !important; font-size: 11px;}
                .news-entry table td.c2 p a {color: #999 !important; font-weight: normal;}
            
            .staty-entry {margin: 0 0 20px 0; line-height: 18px;}
                .staty-entry span {display: block; font-size: 11px; color: #999;}
                .staty-entry span a {font-weight: normal;}
                .staty-entry a {font-weight: bold;}
                .staty-entry p {margin: 0 !important; font-size: 11px;}
                .staty-entry p a {color: #999 !important; font-weight: normal;}
            
            .otzivy-entry {margin: 0 0 30px 0;}
                .otzivy-entry p {margin: 10px 0 3px !important; font-style: italic;}
                .otzivy-entry span.kavika1 {position: relative; top: -3px; padding: 5px;}
                .otzivy-entry span.kavika2 {position: relative; top: 3px; padding: 5px;}
            
            .project-entry {clear: both; position: relative; margin: 0 0 20px 0; line-height: 18px;}
                .project-entry img {margin: 0 20px 20px 0;}
                .project-entry a {font-weight: bold; font-size: 16px;}
                .project-entry p {margin: 3px 0 0 !important;}
                    .project-entry p a {font-weight: normal; font-size: 11px; color: #666 !important;}
                .project-entry table {width: 100%; position: relative;}
                    .project-entry table td {vertical-align: middle;}
                        .project-entry table td.c1 {width: 147px;}
                        .project-entry table td img {margin-bottom: 0;}
                        /*.project-entry table td a.title {position: absolute; top: 0px;}*/
            
            #vaclist {margin: 0 !important;}
            
            #project-gallery {width: 100%;}
                #project-gallery, #project-gallery td {border: 0 !important; padding: 0 !important; vertical-align: middle;}
                #project-gallery td table {width: 184px; height: 184px; margin: 0 0 0 1px; border: 1px solid #e5e5e5;}
                    #project-gallery td table td {text-align: center;}

             #catalog-gallery {float: right; margin: 39px 0 0; padding: 0 0 0 10px;}
                .catalog-gallery-entry table {width: 184px; height: 184px; margin: 0 0 20px 1px; border: 1px solid #e5e5e5;}
                    .catalog-gallery-entry table td {text-align: center; vertical-align: middle;}            

            .otziv_pic {border: 1px solid #d1d1d1 !important;}
            
            #xForm, #xForm td {border: 0 !important; padding: 0 !important; vertical-align: top;}
                #xForm {width: 100%;}
                    #xForm td {width: 280px; padding: 5px 0 !important;}
                    #xForm td.c1 {padding: 5px 0 5px 20px !important; font-weight: bold; color: #666;}
                        #xForm td.c1 span {display: block; font-weight: normal; font-size: 11px;}
                    #xForm td.c2 {font-size: 11px; color: #666;}
                    #xForm input.text {width: 295px; border: 1px solid #999;}
                    #xForm input.checkbox {margin: 10px 5px 0 5px;}
                    #xForm textarea {width: 295px; border: 1px solid #999;}
                    #xForm table {width: 297px; font-size: 11px; color: #666;}
                    #xForm table, #xForm table td {border: 0; padding: 0 !important;}
                        #xForm table td select {width: 50px; height: 18px; font-size: 11px; border: 1px solid #999;}
            
            #vacancy-telo, #vacancy-telo td {border: 0 !important; padding: 0 !important; vertical-align: top;}
                #vacancy-telo {width: 100%;}
                    #vacancy-telo td {width: 280px; padding: 7px 0 !important; border-bottom: 1px solid #e0e0e0 !important;}
                        #vacancy-telo td.c1 {padding: 7px 0 7px 20px !important; font-weight: bold; color: #666;}
            
            #gallery-box {width: 599px; overflow: hidden;}
                #gallery-block {width: 621px;}
                .gallery-entry {float: left; width: 186px; height: 235px; margin: 1px 19px 0 1px; text-align: center;}
                    .gallery-entry table, .gallery-entry table td {border: 0 !important; padding: 0 !important; vertical-align: middle; text-align: center;}
                    .gallery-entry table {width: 184px; height: 184px; margin: 0 0 5px 0; border: 1px solid #e5e5e5 !important;}
            
            #gallery-telo {margin: 0 0 20px 0; padding: 5px 0 0; border: 1px solid #e5e5e5; text-align: center;}
                #gallery-telo p {font-size: 11px; padding: 0 20px;}
                #gallery-telo-desc {margin: 10px 0; text-align: left !important;}
                    #gallery-telo-desc p {margin: 0;}
            
            #pageNav {clear: both; padding: 13px 0; text-align: center; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;}
                #pageNav a {margin: 0 8px;}
                #pageNav span {margin: 0 8px; padding: 3px 5px; font-weight: bold; color: #fff; background: #2e3192;}
            
            #pageNav2, #pageNav2 td {border: 0 !important; padding: 0 !important; vertical-align: middle;}
            #pageNav2 {clear: both; width: 100%; border: 1px solid #e0e0e0 !important;}
                #pageNav2 td {padding: 10px !important; width: 33%;}
                #pageNav2 td.c1 a {padding: 0 0 0 15px; font-size: 11px; background: url(../img/larrow.gif) 0 60% no-repeat;}
                #pageNav2 td.c2 {text-align: center;}
                #pageNav2 td.c3 {text-align: right;}
                #pageNav2 td.c3 a {padding: 0 15px 0 0; font-size: 11px; background: url(../img/rarrow.gif) right 60% no-repeat;}

#bottom {position: relative; width: 999px; height: 74px; margin: -74px auto 0;}
    #copyright {position: absolute; top: -5px; left: 70px; width: 380px; font-size: 11px; color: #919191;}
        #copyright a {color: #2e3192;}
    #counter {position: absolute; top: -5px; left: 510px; width: 88px;}
    #address {position: absolute; top: -5px; left: 650px; width: 270px; font-size: 12px; color: #333;}

/* styles */

#content {overflow: hidden;}