/* main tags */
html, body {height: 100%;}
body {font: normal 100% Tahoma, Arial; background: #1a80a0 url(../img/bg.gif);}
a:hover {text-decoration: none;}
h1 {margin: 15px 0 13px; font-size: 24px; font-weight: normal; color: #1a80a0;}
h2 {margin: 25px 0 13px; font-size: 18px; font-weight: normal; color: #75b3c7;}
    h2 a {color: #75b3c7 !important;}
h3 {margin: 15px 0 13px; font-size: 14px; color: #1a80a0;}
/* structure */
#bg {position: absolute; top: 0; left: 0; min-width: 999px; width: 100%; height: 328px; background: url(../img/bg2.gif);}
    * html #bg {width:expression(document.body.clientWidth > 999?"100%":"999px");}
#top {position: relative; width: 999px; height: auto !important; height: 100%; min-height: 100%;}
#body {padding-bottom: 280px; font-size: 0.75em;}
    #container {position: relative; min-height: 840px; height: auto !important; height: 840px; background: #fff url(../img/body_bg.jpg);}
        #leftCol-bg-top {position: absolute; left: 0; top: 0; width: 287px; height: 536px; background: url(../img/leftcol_bg_top.jpg) no-repeat;}
        #rightCol-bg-top1 {position: absolute; left: 286px; top: 0; width: 713px; height: 90px; background: url(../img/rightcol_bg_top1.gif) 1px 0 no-repeat;}
        #rightCol-bg-top2 {position: absolute; left: 981px; top: 89px; width: 18px; height: 238px; background: url(../img/rightcol_bg_top2.gif) no-repeat;}
        #leftCol-bg-bot {position: absolute; left: 0; bottom: 0; width: 287px; height: 400px; background: url(../img/leftcol_bg_bot.jpg) no-repeat;}
        #rightCol-bg-bot {position: absolute; left: 286px; bottom: 0; width: 690px; height: 211px; background: url(../img/rightcol_bg_bot.gif) 0 0 no-repeat;}
        #bg-bot {position: absolute; left: 0; bottom: -83px; width: 999px; height: 84px; background: url(../img/bottom_bg.png) 0 0 no-repeat;}
            * html #bg-bot {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/bottom_bg.png, sizingMethod=crop);}
        #bg-bot-page {z-index: 100; position: absolute; left: 915px; bottom: -25px; width: 37px; font: italic 30px Tahoma; color: #1a80a0; text-align: center;}
            * html #bg-bot-page {left: 919px;}
            *:first-child+html #bg-bot-page {left: 919px;}
        #header {position: relative; z-index: 10;}
            #header-title {position: absolute; top: 20px; left: 315px; font: normal 24px Georgia; color: #fff;}
                #header-title p {position: relative; top: -5px; left: 70px;}
            #header-phone1, #header-phone2 {position: absolute; top: 14px; right: 50px; color: #002f3e;}
                #header-phone1 span, #header-phone2 span {padding: 0 0 0 5px; font-size: 24px; font-weight: normal; color: #fff;}
            #header-phone2 {top: 40px; right: 50px;}
            #header-lang {position: absolute; top: 72px; right: 50px; font-size: 10px; color: #0b485b;}
                #header-lang a {color: #fff;}
        #leftCol {position: relative; float: left; /*width: 287px;*/ margin: 0 -10px 0 0; padding: 0 0 60px;}
        #leftCol, #ie8#fix {width: 287px;}
            #leftCol-logo {display: block; width: 158px; height: 54px; margin: 77px 0 0 46px; background: url(../img/logo.gif);}
            #leftMenu {width: 210px; margin: 55px 0 30px 40px;}
                #leftMenu li {position: relative; padding: 7px 0 10px; background: url(../img/lmenu_border.gif) 0 bottom repeat-x;}
                    #leftMenu li a {position: relative; left: -7px; display: block; height: 1%; padding: 0 15px 0 16px; font-size: 11px; font-weight: bold; color: #1a80a0; background: url(../img/lmenu_li.gif) 0 5px no-repeat;}
                    #leftMenu li a:hover, #leftMenu li a.current {text-decoration: none; color: #05627f;}
                    #leftMenu li a ins {position: absolute; right: -7px; bottom: -1px; display: block; height: 12px; font-size: 11px; font-weight: normal; color: #676767; text-decoration: none !important; overflow: hidden;}
                    #leftMenu ul {width: auto; margin: 10px 0 10px 11px;}
                        #leftMenu ul li {background: none; padding: 2px 0;}
                            #leftMenu ul li a {left: 0; padding: 0 10px 0 8px; color: #666; font-weight: normal; background: url(../img/lmenu_li2.gif) 0 6px no-repeat;}
                                #leftMenu ul li a.current {font-weight: bold; color: #666;}
                        #leftMenu ul ul {margin: 2px 0 0 7px;}
                            #leftMenu ul ul li {}
                                #leftMenu ul ul li a {left: 0; padding: 0 0 0 10px; color: #666; font-weight: normal; background: url(../img/lmenu_li3.gif) 0 6px no-repeat;}
                                    #leftMenu ul ul li a.current {font-weight: normal; color: #1a80a0;}
            .leftCol-banner {margin: 40px 0; text-align: center;}
                .leftCol-banner-comics {position: relative; /*left: 5px;*/ font-size: 11px; width: 205px; margin: 0 auto; text-align: left;}
                    .leftCol-banner-comics p {margin: 10px 0 6px 0;}
                    .leftCol-banner-comics a {color: #197d9c;}
                    .leftCol-banner-comics img {display: block; margin: 0 auto;}
        #rightCol {position: relative; float: right; width: 634px; padding: 120px 48px 20px 30px;}
            #secPicture {margin: 0 0 25px;}
            #content {}
                #content p {margin: 13px 0 13px 25px;}
                #content a {color: #1a80a0;}
                #content img {margin: 0 15px 10px 0;}
                #content ul {margin: 13px 0 13px 25px;}
                    #content ul li {position: relative; padding: 2px 0 2px 10px; font-style: italic; color: #333; background: url(../img/content_li.gif) 0 6px no-repeat;}
            .mp #content {width: 270px;/* height: 230px;*/ padding: 0 80px 0 20px; border: 5px solid #dadada;}
                .mp #content p {margin: 13px 0;}
            .mp #mp-buts {float: left; clear: left; position: relative; left: -17px; width: 238px; height: 218px; margin: 2px 0 10px; background: url(../img/mp_buts.jpg);}
                .mp #mp-buts a {display: block; position: absolute;}
                    .mp #mp-buts-vacancy {top: 53px; left: 35px; width: 70px; height: 32px;}
                    .mp #mp-buts-clients {top: 130px; left: 115px; width: 108px; height: 14px;}
                        .mp #mp-buts-vacancy span, .mp #mp-buts-clients span {display: none;}
            .mp #mp-news {position: relative; float: right; width: 261px; margin: 0 -15px 0 0;}
                * html .mp #mp-news {margin: 0 -8px 0 0; left: -1px;}
                .mp #mp-news h1 {position: absolute; top: -25px; left: 155px; font-style: italic;}
                .mp #mp-news-goto {position: absolute; left: 10px; top: 3px; font-size: 10px; color: #999;}
                .mp #mp-news div {z-index: 10; position: absolute; width: 233px; height: 75px; padding: 17px 14px 0; font-size: 11px; color: #666; background: url(../img/mp_news.gif);}
                    .mp #mp-news div a {position: relative; top: -1px; float: right; display: block; width: 167px; color: #666;}
                    .mp #mp-news div p {clear: both; padding: 5px 0 0;}
                        .mp #mp-news div p a {float: none; top: 0; display: inline; color: #187794;}
                    .mp #mp-news div ins {position: absolute; z-index: 11;}
                .mp #mp-news-entry-1 {top: 22px;}
                    .mp #mp-news-entry-1 ins {left: -31px; top: 67px; width: 24px; height: 32px; background: url(../img/mp_news_1.gif);}
                .mp #mp-news-entry-2 {top: 128px; left: -60px; width: 248px !important; background: url(../img/mp_news2.gif) !important;}
                    .mp #mp-news-entry-2 a {width: 182px !important;}
                    .mp #mp-news-entry-2 ins {left: 284px; bottom: 0; width: 22px; height: 46px; background: url(../img/mp_news_2.gif);}
                .mp #mp-news-entry-3 {top: 234px;}
                    .mp #mp-news-entry-3 ins {left: -111px; top: 28px; width: 100px; height: 43px; /*background: url(../img/mp_news_3.gif);*/}
                .mp #mp-news-entry-4 {top: 340px; left: -60px;}
                    .mp #mp-news-entry-4 ins {left: 280px; top: -3px; width: 27px; height: 43px; background: url(../img/mp_news_4.gif);}
                /*.mp #mp-news #mp-news-body {z-index: 5; top: 240px; left: -171px; width: 93px; height: 201px; padding: 0; background: url(../img/mp_news_body.jpg);}*/
                #mp-news-body {position: relative; z-index: 20; float: left; width: 160px; height: 201px; margin: 0 0 0 -21px; padding: 0; background: url(../img/mp_news_body.jpg) 0 0 no-repeat;}
            #mp-pics {clear: both;}
            #mp-pic-1 a, #mp-pic-2 a, #mp-pic-3 a, #mp-pic-4 a {display: block; height: 100%;}
            #mp-pic-1 {float: left; width: 421px; height: 182px; margin: 0 0 10px; background: url(../img/mp_pic1.jpg);}
            #mp-pic-2 {float: left; width: 219px; height: 218px; margin: 0 12px 0 0; background: url(../img/mp_pic2.jpg);}
            #mp-pic-3 {float: left; width: 190px; height: 218px; background: url(../img/mp_pic3.jpg);}
            #mp-pic-4 {float: right; width: 199px; height: 410px; margin: 0 2px 0 0; background: url(../img/mp_pic4.jpg);}
            #mp-pic-1-eng a, #mp-pic-2-eng a, #mp-pic-3-eng a, #mp-pic-4-eng a {display: block; height: 100%;}
            #mp-pic-1-eng {float: left; width: 421px; height: 182px; margin: 0 0 10px; background: url(../img/mp_pic1_eng.jpg);}
            #mp-pic-2-eng {float: left; width: 219px; height: 218px; margin: 0 12px 0 0; background: url(../img/mp_pic2_eng.jpg);}
            #mp-pic-3-eng {float: left; width: 190px; height: 218px; background: url(../img/mp_pic3_eng.jpg);}
            #mp-pic-4-eng {float: right; width: 199px; height: 410px; margin: 0 2px 0 0; background: url(../img/mp_pic4_eng.jpg);}
            .eng #content {width: auto; height: auto; padding-bottom: 10px;}
            .eng #mp-buts {background: url(../img/mp_buts_en.jpg) 0 0 no-repeat;}
                .eng #mp-buts-vacancy {top: 48px; left: 17px; width: 110px; height: 30px;}
                .eng #mp-buts-clients {top: 131px; left: 125px; width: 84px; height: 14px;}
            .eng #mp-news {width: 261px;}
            .eng #mp-news h1 {top: 40px; left: -65px;}
            .eng #mp-news-goto {top: 84px; left: -39px;}
            .eng #mp-news-entry-3 {top: 21px; left: 4px;}
                /*.eng #mp-news-entry-3 ins {left: -106px; top: 42px; width: 100px; height: 42px; background: url(../img/mp_news_3_eng.gif);}*/
                .eng #mp-news-entry-3 ins {background: none;}
            .eng #mp-news-entry-4 {top: 121px;}
            .eng #mp-news #mp-news-body {z-index: 5; top: 241px; left: -171px; width: 103px; height: 200px; padding: 0; background: url(../img/mp_news_body_eng.jpg);}
            .news-group-entry {}
                .news-group-entry h2 {margin-bottom: 5px;}
                .news-group-entry p {margin-top: 0 !important;}
            .news-list-entry {margin: 0 0 35px;}
                .news-list-entry img {margin: 0 10px 5px 0 !important;}
                .news-list-entry-date {height: 17px; font-size: 11px; color: #fff; background: url(../img/lmenu_border.gif) 0 bottom repeat-x;}
                    .news-list-entry-date span {position: relative; top: -2px; float: left; padding: 3px 7px; background: #1a80a0;}
                        .news-list-entry-date span a {top: 0; float: none; padding: 0;}
                    .news-list-entry-date a {position: relative; top: -2px; float: right; padding: 2px 8px 4px; color: #fff !important; background: #1a80a0;}
                    * html .news-list-entry-date span, * html .news-list-entry-date a {top: 0;}
            #newsRubric {margin: 0 0 0 15px; padding: 0 0 0 35px; font-size: 20px; background: url(../img/news_rubric.gif) 0 10px no-repeat;}
            #newsDate {position: relative; top: 6px; padding: 3px 5px; font-size: 11px; color: #fff; background: #1a80a0;}
            #articlesDate {position: relative; top: 6px; left: 25px; padding: 3px 5px; font-size: 11px; color: #fff; background: #1a80a0;}
            #sotrudniki-select {margin: 0 0 15px -10px; color: #1a80a0;}
                #sotrudniki-select span {font-weight: bold;}
                #sotrudniki-select span, #sotrudniki-select a {margin: 0 10px;}
            .sotrudnik-entry {margin: 0 0 20px;}
                .sotrudnik-entry img {margin: 0 !important; border: 1px solid #fff;}
                .sotrudnik-entry div.pic {float: left; border: 1px solid #1a80a0;}
                .sotrudnik-entry div.desc {float: right; width: 480px;}
                .sotrudnik-entry h2 {margin: 0;}
                .sotrudnik-entry span {font-size: 11px; font-weight: bold; color: #676767;}
                .sotrudnik-entry ul {margin: 10px 0 !important;}
                    .sotrudnik-entry ul li {padding-left: 15px !important; background: url(../img/sotr_li.gif) 0 9px no-repeat !important;}
                        .sotrudnik-entry ul li a {font-style: normal;}
            #faqForm {/*width: 425px;*/ width: 475px; margin: 20px 0 0;}
                #faqForm td {padding: 5px 0; vertical-align: top;}
                    #faqForm td.c1 {width: 75px; padding: 8px 10px 5px !important; text-align: right;}
                    #faqForm input.text {width: 324px;}
                    #faqForm textarea {width: 324px; height: 100px;}
                    #faqForm img {margin: 0 15px -10px 10px;}
            .otziv-list-entry {margin: 0 0 30px; width: 100%;}
                .otziv-list-entry img {margin: 0 !important;}
                .otziv-list-entry div {float: right; width: 465px;}
                .otziv-list-entry div p {margin: 0 0 5px 0 !important;}
            #clients-categories {margin: 10px 0 20px; font-size: 11px; color: #1a80a0; line-height: 20px;}
            .clients-entry {float: left; width: 184px; height: 114px; margin: 0 41px 30px 0; background: url(../img/clients_logobg.gif);}
                .clients-entry td {text-align: center; vertical-align: middle;}
                    .clients-entry td img {margin: 0 !important;}
            #clientsRubric {margin: 0 0 0 15px; padding: 0 0 0 35px; font-size: 20px; background: url(../img/news_rubric.gif) 0 10px no-repeat;}
            #opros {margin: -10px 0 0 10px;}
                #opros td {padding: 5px 10px 0 0;}
                #opros td input.checkbox {position: relative; top: 1px;}
                #opros td input.submit {margin: 4px 0 0;}
            .opros-answers-entry {width: 510px; padding: 0 0 15px 25px;}
                .opros-answers-entry span {float: right; font-size: 11px; color: #00628a;}
                    .opros-answers-entry div {height: 7px; margin: 10px 0 0; font-size: 1px; background: url(../img/opros_bg.gif);}
                        .opros-answers-entry div span {float: left; display: block; height: 7px; font-size: 1px; background: url(../img/opros_vote.gif);}
            #contacts {width: 100%; margin: -15px 0 0;}
                #contacts td {width: 50%;}
                #contacts p {margin-left: 0;}
            #contactsForm {/*width: 425px;*/ width: 475px;}
                #contactsForm td {padding: 5px 0; vertical-align: top;}
                    #contactsForm td.c1 {width: 75px; padding: 8px 10px 5px !important; text-align: right;}
                    #contactsForm input.text {width: 324px;}
                    #contactsForm textarea {width: 324px; height: 100px;}
                    #contactsForm img {margin: 0 15px -10px 10px;}
            #rassilkaForm {margin: 0 0 0 25px;}
                #rassilkaForm table {}
                    #rassilkaForm table td {padding: 0 10px 10px 0;}
                    #rassilkaForm input.text {width: 350px;}
                    #rassilkaForm input.checkbox {position: relative; top: 1px; margin-right: 5px;}
            #search {margin: 0 0 20px; padding: 7px 15px 10px 15px; background: #fff; border: 1px solid #e0e0e0;}
                #search input.text {width: 570px; margin: 10px 0 0; border: 1px solid #e2e9ef;}
                #search input.image {position: relative; top: 5px; left: 10px;}
            #search-options {padding: 7px 15px 10px 15px; background: #fff; border: 1px solid #e0e0e0;}
                #search-options table {width: auto;}
                #search-options select {width: 140px; margin: 10px 5px 0 0; border: 1px solid #e2e9ef;}
                #search-options input.image {position: relative; top: 4px; left: 2px;}
            #search-otrasl {width: 100%; margin: 0 0 20px;}
                #search-otrasl ul {margin: 0 0 0 10px;}
                    #search-otrasl li {padding-bottom: 10px !important; background: url(../img/vac_li.gif) 0 7px no-repeat !important;}
                        #search-otrasl a {font-style: normal; color: #000;}
            #search-results {margin: 20px 0; padding: 7px 15px 10px 15px; background: #fff; border: 1px solid #e0e0e0;}
                #search-results a {margin: 0 10px 0 0; font-size: 11px;}
                #search-results p {margin: 10px 0 !important;}
            #search-result {margin: 0 0 20px 15px;}
                #search-result a {line-height: 30px; font-size: 18px;}
            #vacancy-info {width: 600px; margin: 0 0 0 20px;}
                #vacancy-info td {vertical-align: top; padding: 10px 0; border-bottom: 1px solid #ddd;}
                #vacancy-info td.c1 {font-weight: bold; width: 150px;}
            #resumeForm {margin: 30px 0 30px 25px;}
                #resumeForm input {margin: 5px 0 0; width: 280px;}
            #resumeForm1 {width: 100%;}
                #resumeForm1 td {padding: 5px 0; vertical-align: top;}
                #resumeForm1 td td {padding: 0;}
                #resumeForm1 td.c1 {width: 160px; padding: 7px 0 0 20px;font-weight: bold;}
                #resumeForm1 td input.text {width: 450px;}
            .resumeFormSec {margin: 20px 0 0 20px; background: url(../img/lmenu_border.gif) 0 12px repeat-x;}
                .resumeFormSec span {float: left; padding: 0 5px 0 0; font-weight: bold; color: #1a80a0; background: #fff;}
                .resumeFormSec a {float: right; font-size: 11px;}
                .resumeFormSec p {margin: 0 10px !important; padding: 8px 0 0; font-size: 11px; color: #666;}
            .resumeForm2 {/*width: 614px;*/ margin: 10px 0 0 20px; font-size: 11px; background: url(../img/lmenu_border.gif) 0 bottom repeat-x;}
                .resumeForm2 td {width: /*33%*/ 204px; padding: 0 0 15px;}
                .resumeForm2 input.text, .resumeForm2 textarea {width: 170px; margin: 5px 0 0;}
                .resumeForm2 textarea {height: 85px;}
            #pageNav {clear: both; width: 100%; font-size: 14px; border: 1px solid #d6d6d6;}
                #pageNav td {width: 33%; padding: 20px 0; vertical-align: top;}
                    #pageNav td.c1 {}
                        #pageNav td.c1 a {padding: 0 0 0 25px; background: url(../img/pagenav_left.gif) 0 8px no-repeat;}
                    #pageNav td.c2 {text-align: center;}
                    #pageNav td.c3 {text-align: right;}
                        #pageNav td.c3 a {padding: 0 25px 0 0; background: url(../img/pagenav_right.gif) right 8px no-repeat;}
                #pageNav a {margin: 0 7px; color: #a20000;}
                #pageNav span {padding: 3px 7px; color: #fff; font-weight: bold; background: #1c81a1;}
                    #pageNav a.clients {padding: 0 0 0 20px; background: url(../img/a_clients.gif) 0 50% no-repeat;}
#bottom {position: relative; height: 190px; margin-top: -190px; font-size: 11px; color: #fff;}
    #bottom a {color: #fff;}
    #footer-solus {position: absolute; top: 7px; left: 40px; width: 260px; padding: 5px 0; background: url(../img/solus.gif) right 0 no-repeat;}
    #footer-gg {position: absolute; top: 27px; left: 40px; width: 240px; padding: 5px 0; background: url(../img/goodgear.gif) right 8px no-repeat;}
    #footer-text {position: absolute; top: 57px; left: 40px; width: 240px;}
    #footer-counters {position: absolute; top: 110px; left: 50px; width: 230px;}
        #footer-counters img {margin: 0 20px 0 0;}
    #footer-copyright {position: absolute; top: 0; left: 320px; width: 650px;}
    #footer-contacts {position: absolute; top: 40px; left: 320px; width: 650px;}
        #footer-contacts p {margin: 10px 0 15px;}
/* styles */
.underh2 {display: block; margin: -10px 0 0; font-size: 11px; color: #999999;}
.small {font-size: 11px;}
.biga {font-size: 14px; font-weight: bold;}
.otziv-logo {margin-left: 0 !important}
.map {padding: 0 0 5px 25px; background: url(../img/map.gif) 0 0 no-repeat;}
.bigbut {display: block; width: 366px; height: 51px; margin: 0 auto; padding: 20px 0 0; font-size: 20px; color: #af0000 !important; background: url(../img/bigbut.gif); text-align: center;}
.colorBlue {color: #1A80A0 !important;}
.colorRed {color: #A20000 !important;}

.inputError {border:solid 1px #A20000 !important;}