/* main tags */
html, body {height: 100%;}
body {font: normal 100% Arial; background: #fffdfa url(../img/bg_top.gif) center 0 repeat-x;}
a:hover {text-decoration: none;}
h1 {margin: 0 0 15px; font: bold 18px Arial; color: #0c4da2; text-transform: uppercase;}
h2 {margin: 0 0 10px; font: bold 12px Arial; color: #0c4da2; text-transform: uppercase;}
h3 {margin: 0 0 10px; font: bold 12px Arial; color: #0c4da2;}
/* structure */
#top {position: relative; width: 999px; height: auto !important; height: 100%; min-height: 100%; margin: 0 auto; background: #fffdfa url(../img/bg_top.gif) center 0 repeat-x;}
#header {position: relative; z-index: 10; height: 268px;}
    #header-pic {position: absolute; top: 0; left: 0; width: 999px; height: 268px; background: url(../img/dp_pic.jpg) right 0 no-repeat;}
    #header-pic-mp {position: absolute; top: 0; left: 0; width: 999px; height: 268px; background: url(../img/mp_pic.jpg) right 0 no-repeat;}
    #header-logo {position: absolute; top: 40px; left: 50px; width: 165px; height: 108px; background: url(../img/logo.gif);}
        #header-logo a {display: block; height: 100%;}
    #header-mpcar-front {position: absolute; top: 233px; left: 283px; width: 43px; height: 174px; background: url(../img/mp_car.png) 0 0 no-repeat;}
        * html #header-mpcar-front {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/mp_car.png, sizingMethod=crop);}
    #header-mpcar {position: absolute; top: 130px; left: 316px; width: 586px; height: 277px; background: url(../img/mp_car.jpg) right 0 no-repeat;}
    #header-mpmap {position: absolute; top: 351px; left: 643px; width: 126px; height: 91px; background: url(../img/mp_head_map.jpg);}
        #header-mpmap a {display: block; height: 100%;}
    #header-mpzakaz {position: absolute; top: 334px; left: 782px; width: 174px; height: 122px; background: url(../img/mp_head_zakaz.jpg);}
        #header-mpzakaz a {display: block; height: 100%;}
    #header-car {position: absolute; top: 130px; left: 348px; width: 369px; height: 174px; background: url(../img/dp_car.jpg) 0 0 no-repeat;}
    #header-map {position: absolute; top: 268px; left: 714px; width: 57px; height: 29px; background: url(../img/dp_head_map.jpg);}
        #header-map a {display: block; height: 100%;}
    #header-zakaz {position: absolute; top: 191px; left: 781px; width: 177px; height: 121px; background: url(../img/dp_head_zakaz.jpg);}
        #header-zakaz a {display: block; height: 100%;}
#body {min-height: 200px; height: auto !important; height: 200px; padding-bottom: 112px; font-size: 0.75em; background: url(../img/dp_body_bg.gif) right 0 no-repeat;}
    #body.mainpage {background-image: url(../img/mp_body_bg.gif);}
    #leftCol {float: left; width: 282px; margin: 0 0 0 68px; padding: 0 0 20px; background: url(../img/leftcol_bg_dp.gif) 0 192px no-repeat;}
        .mainpage #leftCol {background-image: url(../img/leftcol_bg.gif) !important;}
        * html #leftCol {margin-left: 34px;}
        #leftCol h2 {margin: 0 0 15px; font-size: 12px; font-weight: bold; color: #0c4da2; text-transform: uppercase;}
        #leftMenu {width: 219px; margin: 0 0 0 22px; padding: 9px 0 0 21px; background: #d1d1d1 url(../img/leftmenu_bg_top.gif) 0 0 no-repeat; border-top: 0;}
            #leftMenu li {position: relative; margin: 0 0 7px; }
            #leftMenu a {position: relative; display: block; margin: 0 18px 0 0; padding: 2px 0 3px 16px; color: #3c4f69; background: url(../img/leftmenu_li1.gif) 1px 10px no-repeat;}
            #leftMenu a:hover {color: #0c4da2; background: url(../img/leftmenu_li1_hover.gif) 0 0 no-repeat;}
            #leftMenu li.current {background: url(../img/leftmenu_li_bg.gif) 0 bottom no-repeat;}
                #leftMenu a.current {color: #0c4da2; background: url(../img/leftmenu_li1_hover.gif) 0 0 no-repeat; text-decoration: none;}
                #leftMenu li.current a.current {position: relative; top: -2px;}
                #leftMenu ul {margin: 2px 10px 0 0; padding: 0 0 5px 0;}
                    #leftMenu ul li {margin: 0;}
                        #leftMenu ul li a {font-size: 11px; color: #0c4da2; background: none;}
                            #leftMenu ul li a:hover {background: #eee;}
                            #leftMenu ul li a.current {top: 0 !important; background: none !important; font-weight: bold;}
                    #leftMenu ul ul {margin: 0 0 0 23px;}
                        #leftMenu ul ul li {background: url(../img/leftmenu_li3.gif) 0 6px no-repeat;}
                            #leftMenu ul ul li a {padding: 0 0 0 0; margin-left: 8px; color: #3c4f69; background: #eee;}
                                #leftMenu ul ul li a.current {font-weight: bold; color: #3c4f69 !important; background: #eee !important;}
        #leftMenu-bottom {margin: -7px 0 0 22px;}
        #leftCol-why {font-size: 11px; color: #0c4da2; margin: 0 0 0 15px;}
            * html #leftCol-why {margin: 0 0 0 25px;}
            #leftCol-why li {position: relative; margin: 0 0 8px;}
                * html #leftCol-why li {position: relative; margin: -5px;}
            #leftCol-why span {position: relative; display: block; padding: 0 0 8px; color: #666; border: 1px solid #dadada; border-top: 0; border-left: 0; border-right: 1px solid #fff;}
        .leftCol-block {margin: 30px 40px;}
    #rightCol {float: left; width: 619px; margin: 65px 0 0; padding: 0 0 20px;}
        .mainpage #rightCol {margin: 212px 0 0 !important;}
        #content {color: #3c4f69;}
            #content p {margin: 15px 0;}
            #content img {margin: 0 20px 10px 0;}
            #content a {color: #0c4da2;}
            #content ul {margin: 10px 0 10px 15px;}
                #content ul li {margin: 0 0 5px; padding: 0 0 0 15px; background: url(../img/li.gif) 0 5px no-repeat;}
            #content table {margin: 0 0 0 20px;}
                #content table tr.xRow td {background: #ebebeb;}
                #content table td {padding: 7px 12px;}
            .mp-block {float: left; width: 619px; margin: 30px 0 0; padding: 30px 0 0; font-size: 11px; color: #3c4f69; background: url(../img/block_border.gif) 0 0 repeat-x;}
                .mp-block h2 {float: left; width: 500px;}
                .mp-block a.archive {float: right; color: #3c4f69;}
                .mp-block a {color: #3c4f69;}
            .mp-news-entry {float: left; width: 300px;}
                .mp-news-entry span {color: #999;}
                .mp-news-entry p {margin: 3px 0;}
                .mp-news-entry a.title {display: block; margin: 3px 0; font-size: 12px; font-weight: bold; color: #017ae5;}
                .mp-news-entry a.more {padding: 0 15px 0 0; color: #3c4f69; background: url(../img/a_more.gif) right 2px no-repeat;}
            .mp-block-entry h2 {float: none; width: auto;}
            .mp-block-entry span {color: #999;}
            .mp-block-entry p {margin: 3px 0 0; width: 283px;}
            .mp-block-entry a.title {display: block; margin: 3px 0; font-size: 12px; font-weight: bold; color: #017ae5;}
            .mp-block2 {float: left; width: 619px; margin: 30px 0 0; padding: 30px 0 0; font-size: 11px; color: #3c4f69; 0 0 repeat-x;}
            .mp-block2 h2 {float: left; width: 500px;}
                .mp-block2 a.archive {float: right; color: #3c4f69;}
                .mp-block2 a {color: #3c4f69;}
            .mp-block-entry h2 {float: none; width: auto;}
            .mp-block-entry span {color: #999;}
            .mp-block-entry p {margin: 3px 0 0; width: 260px;}
            .mp-block-entry a.title {display: block; margin: 3px 0; font-size: 12px; font-weight: bold; color: #017ae5;}
            
            .mp-special {float: left; width: 300px;}
            .mp-humor {float: right; width: 300px;}
                .mp-humor p {margin: 3px 0 0 !important;}
                .mp-humor a.more {padding: 0 15px 0 0; color: #aaa; background: url(../img/a_more.gif) right 2px no-repeat;}
            .news-entry {font-size: 11px; width: 618px; margin: 0 0 20px;}
                .news-entry img {margin-bottom: 0 !important;}
                /*.news-entry div {float: right; width: 458px;}*/
                .news-entry span {color: #999;}
                .news-entry a.title {display: block; margin: 5px 0; font-size: 12px; font-weight: bold; color: #017ae5 !important;}
                .news-entry a.more {color: #aaa !important;}
                .news-entry p {margin: 5px 0 !important; font-size: 12px;}
            .otzyvy-entry {margin:  0 0 30px;}
                .otzyvy-entry p {margin: 3px 0 !important;}
            #otzyvyFormTable {margin: 0 !important; color: #666;}
                #otzyvyFormTable td {padding: 0 0 10px !important;}
                    #otzyvyFormTable td img {margin: 0 0 -10px;}
                    #otzyvyFormTable input.text, #otzyvyFormTable textarea {width: 375px; margin: 3px 0 0; background: #f1f1f1; border: 1px solid #bdbdbd;}
                    #otzyvyFormTable textarea {height: 130px;}
                #otzyvyFormTable td input.inputError {border: 2px solid red;}
                #otzyvyFormTable td textarea.inputError {border: 2px solid red;}
                    #otzyvyFormTable td.c2 {padding: 0 0 0 20px !important; font-style: italic;}
                    #otzyvyFormTable td.c2 span {position: relative; top: 19px;}
            .autopark-entry {position: relative; float: left; width: 618px; margin: 5px 0 20px;}
                .autopark-entry h2 {margin-left: 10px;}
                .autopark-entry p {padding: 15px 0 0; font-size: 11px;}
                .autopark-entry span.price {position: absolute; top: 158px; left: 360px; font-size: 12px; color: #333;}
                    .autopark-entry span span {margin: 0 0 0 10px; color: #0c4da2; font-size: 18px;}
                        .autopark-entry span span img {margin: 0 !important;}
            .autopark-entry-vnutr {position: relative; float: left; width: 618px; margin: 5px 0 15px;}
                .autopark-entry-vnutr h2 {margin-bottom: 5px !important;}
                .autopark-entry-vnutr p {margin-top: 0 !important; font-size: 11px;}
            .gallery-entry {float: left; width: 167px; height: 217px; margin: 0 59px 0 0; text-align: center;}
                .gallery-entry table {width: 167px; height: 167px; margin: 0 0 5px !important; background: #f1f1f1;}
                    .gallery-entry table td {padding: 0 !important; vertical-align: middle;}
                    .gallery-entry table td img {margin: 0 !important;}
            #gallery-block {padding: 15px; text-align: center; background: #f1f1f1;}
                #gallery-block img {margin: 0 0 15px;}
                #gallery-block p {margin: 0 15px; text-align: left;}
            #zakazForm {color: #666;}
                #zakazForm input.text, #zakazForm textarea {width: 618px; margin: 3px 0 10px; background: #f1f1f1; border: 1px solid #bdbdbd;}
                #zakazForm textarea {height: 135px;}
                #zakazForm img  {margin: 0 10px -10px 0;}
            #mapForm {}
                #mapForm table {width: 100%; margin: 0 !important;}
                    #mapForm table td {padding: 0 !important; vertical-align: top;}
                    #mapForm input.text {width: 290px; margin: 3px 0 10px; color: #3c4f69; background: #f1f1f1; border: 1px solid #bdbdbd;}
                    #mapForm span {color: #0c4da2; font-size: 18px;}
                    #mapForm img {margin: 0 !important;}
                    #mapForm p {margin: 0 !important; padding: 0 16px 0 0; text-align: right;}
            #gMap {width: 593px; height: 393px; margin: 20px 0 0; background: url(../img/gmap.jpg);}
            #vacancy-form {width: 450px; margin: 0 !important;}
                #vacancy-form td {padding: 6px 0 !important; border-bottom: 1px solid #e3e3e3;}
                #vacancy-form td.c1 {width: 215px; color: #666;}
            .resume-form {width: 345px; margin: 0 0 15px !important; color: #666;}
                .resume-form td {padding: 0 !important;}
                .resume-form input.file {width: 342px; margin: 3px 0 10px;}
                .resume-form input.text {width: 342px; margin: 3px 0 10px; color: #666; background: #f1f1f1; border: 1px solid #bdbdbd;}
                .resume-form select {width: 345px; margin: 3px 0 10px; color: #666; background: #f1f1f1; border: 1px solid #bdbdbd;}
                .resume-form select.required {width: 345px; margin: 3px 0 10px; color: #666; background: #f1f1f1; border: 1px solid #bdbdbd;}
                .resume-form select.inputError {border: 2px solid red;}
                .resume-form img {margin: 0 0 -10px !important;}
                .resume-form td input.inputError {border: 2px solid red;}
            #resume-subform {position: relative; width: 345px; margin: 10px 0 30px;}
                #resume-subform div {margin: 0 0 20px; padding: 10px; background: #f5f5f4;}
                #resume-subform table {width: 100%; margin: 0 !important; color: #666;}
                    #resume-subform table td {padding: 0 !important;}
                    #resume-subform input.text, #resume-subform textarea {width: 322px; margin: 3px 0 10px; color: #666; background: #f1f1f1; border: 1px solid #bdbdbd;}
                    #resume-subform textarea {height: 75px; margin-bottom: 0;}
                    #resume-subform a {position: absolute; bottom: 10px; left: 360px; width: 200px; padding: 0 0 0 20px; background: url(../img/add.gif) 0 2px no-repeat;}
            .sotr-entry {float: left; width: 135px; height: 105px; margin: 0 30px 20px 0; padding: 30px 0 0; text-align: center; background: url(../img/sotr_bg.gif) 0 0 no-repeat;}
                .sotr-entry img {display: block; margin: 0 auto 10px !important;}
                .sotr-entry a {font-weight: bold; font-size: 14px; font-family: Tahoma;}
            #pageNav {clear: both; width: 100%; /*margin: 30px 0;*/ margin: 0 0 30px; padding: 30px 0 0; font-size: 14px;}
                #pageNav a, #pageNav span {margin: 0 8px;}
                #pageNav a {color: #000;}
                #pageNav span {position: relative; margin: 0; padding: 4px 8px; color: #fff; background: #017ae5;}
            #pageNav2 {width: 100%; margin: 0 !important; font-size: 14px;}
                #pageNav2 td {width: 33%; padding: 20px 0 !important;}
                    #pageNav2 td.c1 {}
                    #pageNav2 td.c2 {text-align: center;}
                    #pageNav2 td.c3 {text-align: right;}
#bottom {position: relative; min-width: 999px; height: 95px; margin-top: -112px; font-family: Tahoma; font-size: 11px; color: #3c4f69; border-bottom: 17px solid #e5e5e5;}
    * html #bottom {width:expression(document.body.clientWidth > 999?"100%":"999px");}
    #footer {position: relative; width: 964px; height: 95px; margin: 0 auto; background: url(../img/footer_bg.gif);}
        #footer a {color: #3c4f69;}
        #footer-counters {position: absolute; left: 80px; top: 30px; width: 220px;}
            #footer-counters img {margin: 0 20px 0 0;}
        #footer-copyright {position: absolute; left: 320px; top: 30px; width: 290px;}
        #footer-solus {position: absolute; left: 645px; top: 20px; width: 290px;}
            #footer-solus img {position: relative; top: 2px; left: 2px;}
/* styles */
span.date {display: block; margin: 0 0 5px; font-size: 11px;}
    span.date span {color: #999;}
div.border {height: 3px; margin: 0 0 15px; font-size: 1px; background: url(../img/block_border.gif) 0 0 repeat-x;}
.noTable {margin: 0 !important;}
    .noTable td {padding: 0 !important;}
.required_text {float: right; width: 210px; margin: 67px 0 0; padding: 0 30px 0 0; color: #666; font-style: italic;}
    .ourclients td {vertical-align: top !important; padding: 2px !important; border-bottom: 1px solid #E4E4E4; }
