html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, sub, sup, ol, ul, li, form, label, input, select, button, textarea, table, tbody, tfoot, thead, tr, th, td, a { margin: 0; padding: 0;}

html, body { height: 100%;}

body { width: 100%; font: 14px/20px 'Open Sans', sans-serif; color: #666; background: #fff;}

a { text-decoration: underline; cursor: pointer; color: #0c77da;}
a:hover { text-decoration: none;}
a image { border: none;}

img { border: none;}

input[type="button"], input[type="submit"], button { cursor: pointer;}

p { margin: 0 0 20px 0;}

ul, ol { margin: 0 0 20px 15px;}

h1, h2, h3, h4, h5, h6 { margin: 0 0 17px 0; color: #333;}

.header:before, .header:after, .about-info:before, .about-info:after, .legal-item:before, .legal-item:after, .citizenship-info:before, .citizenship-info:after, .qq:before, .qq:after, .obj:before, .obj:after, .view-obj-item ul:before, .view-obj-item ul:after, .obj-content:before, .obj-content:after, .adr-content:before, .adr-content:after, .properties li:before, .properties li:after, .ask:before, .ask:after { content: " "; display: table;}

.header:after, .about-info:after, .legal-item:after, .citizenship-info:after, .qq:after, .obj:after, .view-obj-item ul:after, .obj-content:after, .adr-content:after, .properties li:after, .ask:after { clear: both;}

.header, .about-info, .legal-item, .citizenship-info, .qq, .obj, .view-obj-item ul, .obj-content, .adr-content, .properties li, .ask { zoom: 1;}

.main { height: 100%; min-height: 100%; height: auto !important;}


.wrap-header { background: url("../images/wrap-header-bg.png") center bottom no-repeat;}
    .header { width: 962px; margin: 0 auto; padding: 28px 0 29px;}
        .logo { float: left;}
            .logo a { width: 194px; height: 34px; display: block; background: url("../images/logo.png") left top no-repeat;}

        .head-cont-tel { float: right; font-size: 14px; color: #333;}
            .head-cont-tel b { font-size: 22px; line-height: 32px;}

        .head-nav { padding: 7px 0 0; position: relative; display: table; zoom: 1; text-align: center; -height: 1%;}
        .head-nav:after { content: ". . . . . . . . . . ."; display: block; word-spacing: 99in; height: 0; overflow: hidden; font-size: 0.05em; line-height: 0.05em;}
            .head-nav ul { margin: 0; list-style: none;}
            .head-nav li { padding: 0 14px; display: inline-block; position: relative; *display: inline; zoom: 1; font-size: 14px;}
                .head-nav li i { width: 9px; height: 6px; margin-left: -4px; display: none; position: absolute; left: 50%; bottom: -41px; background: url("../images/head-menu-arrow.png") no-repeat;}
                .head-nav .active a { color: #222; text-decoration: none;}
                .head-nav .active i { display: block;}

.container { min-width: 962px; padding: 0 0 74px; overflow: hidden;}
                
    .map { padding: 0 0 28px; background: url("../images/map-bg.png") center bottom no-repeat;}
        .diag { padding: 32px 0; background: url("../images/diag-bg.jpg") left top repeat;}
            .map ul { margin: 0; list-style: none; text-align: center; font-size: 0;}
                .map-nav li { margin: 0 7px; padding: 0 0 0 16px; display: inline-block; *display: inline; zoom: 1; font-size: 13px; font-weight: normal; color: #0c77da;}
                    .map-nav li b { padding: 0 16px 0 0; display: inline-block; *display: inline; zoom: 1;}
                    .map-nav li b i { height: 36px;}
                    .map-nav li b i, .map-nav li b i tt { display: inline-block; *display: inline; zoom: 1;}
                    .map-nav li b i tt { height: 100%; vertical-align: middle;}
                    .map-nav li a { font-weight: normal; font-style: normal; text-decoration: none; vertical-align: middle;}
                        .map-nav li a span { vertical-align: middle; line-height: 18px; background: url("../images/border-menu.png") left bottom repeat-x;}
                        .map-nav li a:hover span { background: none;}
                        .map-nav li a img { margin-right: 10px; vertical-align: middle;}
                        .map-nav .act { display: none;}

            .map-nav .active { background: url("../images/active-item.png") left top no-repeat;}
                .map-nav .active b { background: url("../images/active-item.png") right -36px no-repeat;}
                .map-nav .active b i { background: url("../images/active-item.png") left -72px repeat-x;}
                .map-nav .active a { color: #333;}
                .map-nav .active a span { background: none;}
                .map-nav .active .default { display: none;}
                .map-nav .active .act { display: inline;}

    .map-img { width: 100%; height: 491px; text-align: center;}

    .about-info { width: 962px; margin: 0 auto; padding: 8px 0 25px;}
        .about-info h2 { font-size: 36px; line-height: 50px;}
        .column-1 { width: 600px; float: left; font-size: 13px;}
            .column-1 h2 { margin: 0 0 13px;}
            .column-1-link { margin: -11px 0 0; padding: 0 0 20px;}
        .column-2 { width: 306px; float: right;}
            .column-2 h2 { margin: 0 0 18px;}
            .column-2 p { line-height: 22px;}


    .legal-content-on { width: 962px; margin: 0 auto; padding: 33px 0 0;}
        .legal-content-on h1 { margin: 0 0 30px; font-size: 36px; font-weight: bold; line-height: 36px;}

    .legal-content { width: 100%; margin: 0 -129px; padding: 0 129px 20px; overflow: hidden; background: url("../images/wrap-legal-bg.png") center bottom no-repeat;}
        .legal-content-item { width: 110%; font-size: 0;}
        .legal-item { width: 472px; padding: 0 20px 18px 0; display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
            .legal-item-img { width: 142px; padding: 6px 0 0; float: left;}
             .legal-item-img img { max-width: 142px;}
            .legal-item-content { width: 308px; float: right;}
                .legal-item-content h3 { margin: 0 0 12px; font-size: 16px; color: #222;}
                    .legal-item-content h3 a { color: #222; text-decoration: none;}
                .legal-item-content p { font-size: 14px;}

        .pagination { width: 962px; padding: 12px 0 ; margin: 0 auto; text-align: center;}
            .legal-content-on .pagination ul { margin: 0; list-style: none; font-style: normal;}
                .pagination ul li { margin: 0 6px; padding: 0; display: inline; color: #ff3600; background: none; font-style: normal;}
                .pagination li a { color: #ff3600; text-decoration: none;}
                .pagination .active a { text-decoration: underline;}


        .citizenship-info-img { width: 142px; padding: 6px 0 0; float: left;}
        .citizenship-info-img a { display: block; position: relative;}
            .citizenship-info-img span { width: 18px; height: 18px; display: block; position: absolute; left: 7px; top: 9px; background: url("../images/lens.png") no-repeat;}
            .citizenship-info-img img { max-width: 142px;}
        .citizenship-info-text { width: 798px; padding: 0 0 28px; float: right;}
            .citizenship-info-text p { margin: 0 0 15px;}

                .legal-content-on  ul { margin: 0 0 10px; list-style: none;}
                    .legal-content-on li { padding: 0 0 5px 23px; font-style: italic; color: #222; background: url("../images/marker-ul.png") 10px 7px no-repeat;}

        .item { margin: 0 0 19px;}
            .item a { font-size: 13px; line-height: 18px; color: #ff3600; text-decoration: none;}
            .item i, span { display: inline-block; zoom: 1; vertical-align: middle;}
            .item a i { width: 71px; margin: 0 10px 0 0; font-size: 0; line-height: 0;}
                .item a i img { max-width: 71px;}
            .item span { width: 142px; text-decoration: underline;}
            .item a:hover span { text-decoration: none;}

    .on-qq { width: 100%; overflow: hidden;}
        .qq { width: 105%; padding: 20px 0; }
            .qq .item { width: 224px; margin: 0 22px 0 0; float: left;}

    .obj-content { padding: 5px 0 15px;}


        .obj { padding: 0 0 43px; background: url("../images/obj-bg.png") center bottom no-repeat;}
            .wrap-view-obj { width: 390px; padding: 0 20px 8px 0; float: left;}
                .view-obj-img { width: 388px; height: 240px; padding: 5px 0 8px;}
                    .view-obj-img img { max-width: 388px; max-height: 240px;}
            .view-obj-item { margin: 0 0 25px;}
                .view-obj-item ul { margin: 0; list-style: none;}
                    .view-obj-item li { width: 42px; height: 42px; padding: 0 8px 8px 0; float: left; background: none;}

                .description-obj { overflow: hidden; padding: 0 0 8px; zoom: 1;}
                    .description-obj p { margin: 0 0 11px; line-height: 21px;}


    .comments { margin: 0 0 -10px;}

        .comments h2, .communication h2 { margin: 0 0 12px; font-size: 22px; line-height: 31px;}

        .question { width: 100%;}
            .us-question { padding: 0 0 2px; font-size: 12px; line-height: 17px;}
                .us-question b { color: #0c77da;}
            .question-text { padding: 0 0 7px; font-size: 15px; line-height: 22px; font-weight: bold; color: #222;}

        .answer { width: 656px; margin: 0 0 33px; padding: 15px 20px; background: #f8f8f8;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(pie/PIE.htc);}
            .man-answer { padding: 0 0 2px; font-size: 12px;}
                .man-answer b { color: #e74c30;}
                .answer-text { font-size: 13px; color: #222;}

            .pad-texarea { width: 552px; margin: 0 0 10px; background: url("../images/textarea-bg.png") no-repeat;}
                .pad-texarea textarea { width: 532px; height: 77px; padding: 12px 10px; border: none; background: none; font-size: 13px; resize: none; overflow: auto;}

            .pad-input { width: 199px; margin: 0 0 20px; background: url("../images/input-bg.png") no-repeat;}
                .pad-input input { width: 179px; height: 30px; padding: 0 10px; border: none; background: none; font-size: 13px; line-height: 30px;}

            .button { margin: 0 0 20px;}
                .button input { width: 93px; height: 29px; border: none; font-size: 0; background: url("../images/ask-button.png") no-repeat;}

        .sidebar { width: 224px;}
            .sidebar h3 { font-size: 20px;}

    .adr-content { padding: 7px 0 15px;}

        .adr-column { width: 634px; float: left;}
            .adr-column img { max-width: 634px; display: block;}
            .adr-column p { font-size: 13px;}
            .adr-column table { margin: 25px 0; border-collapse: collapse;}
            .adr-column table td { padding: 5px 0;}
            .adr-column table td:first-child { padding-right: 18px;}
            .adr-column table b { color: #222;}

        .serb-column { width: 306px; float: right;}
            .serb-column img { max-width: 306px; display: block;}
            .serb-column p { margin: 0 0 12px; line-height: 22px; color: #222;}
            
        .title-obj-reg { margin: 0 0 26px; background: url("../images/dotted.png") 0 40% repeat-x;}
            .title-obj-reg h2 { padding-right: 10px; display: inline-block; *display: inline; zoom: 1; background: #fff; font-size: 24px; line-height: 34px; color: #ff3600;}

        .properties { width: 100%; overflow: hidden;}
            .properties > ul { width: 110%; margin: 0; list-style: none; font-size: 0;}
                .properties > ul > li { width: 472px; padding: 0 18px 20px 0; display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-style: normal; background: none;}

                    .wrap-view { width: 142px; padding: 6px 0 0; float: left;}
                        .view-img { padding: 0 0 8px;}
                            .view-img a { display: block; line-height: 0;}
                                .view-img a img { max-width: 142px;}
                        .more-view { width: 100%; overflow: hidden;}
                            .more-view ul { width: 110%; margin: 0; list-style: none;}
                                .more-view li { width: 42px; height: 42px; padding: 0 8px 8px 0; float: left; background: none;}

                    .spec-obj { width: 310px; float: right;}
                        .spec-obj h3 { margin: 0 0 11px; font-size: 16px; color: #222;}
                            .spec-obj h3 a { font-size: 16px; color: #222; text-decoration: none;}
                            .spec-obj-text p { margin: 0 0 15px; font-size: 14px; line-height: 21px;}

                    .ask-link { float: left;}
                        .ask-link a { width: 108px; height: 25px; display: block; background: url("../images/ask-q.png") no-repeat;}
                    .ask-comments { width: 182px; padding: 0 0 14px; float: right; font-size: 12px; line-height: 25px;}


.wrap-footer { height: 46px; margin: -74px 0 0 0; padding: 28px 0 0; background: url("../images/wrap-footer-bg.png") center top no-repeat;}
    .footer { width: 962px; margin: 0 auto;}
        .copyright { padding: 3px 10px 0 29px; float: left; font-size: 13px; line-height: 18px; color: #676767; background: url("../images/cop-bg.png") 2px 3px no-repeat;}
        .foot-cont-tel { margin-left: 10px; padding: 0 0 0 26px; float: right; font-size: 16px; color: #333; background: url("../images/phone.png") left center no-repeat;}