/*  Temp
================================================== */
    div.toolbar {width: 1200px; margin: 0 auto; font-size: 12px; color: #fff;}
        div.toolbar pre {white-space: normal;}


/*  Basic
================================================== */
    html {height: 100%; font-size: 13px; background: #fff;}
    body {min-height:100%; height: 100%; background: #fff;}


/*  Decorators
================================================== */
    a.download {text-decoration: underline;}
    .mt4 {margin-top: 4px;}
    .mt10 {margin-top: 10px;}
    .chain {padding: 0 0 20px;}


/*  Main
================================================== */
    div#mainwrapper {height: auto !important; min-height: 100%; height: 100%; min-width: 1200px; margin: 0 auto; position: relative; z-index: 2;
                    background: #fff;}
    div#header_wrapper {height: 302px; width: 1200px; margin: 0 auto; position: relative;
                background: url('../images/header.jpg') no-repeat center 100px transparent;}
        div#header {height: 100px; width: 1200px; margin: 0 auto; position: relative;
                    background: #fff;}
            a#site_link {display: block; height: 57px; width: 257px; position: absolute; left: 10px; top: 20px;
                    background: url('../images/logo.jpg') no-repeat center center transparent;}
            #phones {position: absolute; right: 0px; top: 10px;}
                #phones div {display: block; height: 24px; padding: 0 0 0 42px; margin: 10px;
                            font-size: 18px; line-height: 24px;
                            background: url('../images/phone.png') no-repeat 5px center transparent;}
            #slogan {position: absolute; left: 280px; top: 22px;
                    font-size: 24px;}
    div#middle_wrapper {min-height: 600px; min-width: 1200px; padding: 5px 0 0; margin: 0 auto; overflow: hidden;
                        background: transparent;}
        div#middle {min-height: 100px; width: 1200px; margin: 0 auto; overflow: hidden;
                    background: transparent;}
            div#middle_left_center {min-height: 100px; width: 1200px; float: left;}
            div#middle_left {min-height: 100px; width: 250px; float: left;}
            div#middle_center {min-height: 100px; width: 950px; float: left;}
            div#middle_right {min-height: 100px; width: 0px; float: right;}
    div#footer_guarantor {height: 50px; clear: both;}
    div#footer {height: 40px; width: 1200px; padding: 10px 0 0; margin: -50px auto 0; position: relative; z-index: 10;
                /*border: 1px solid #222; border-bottom: 1px solid #000;
                border-radius: 6px 6px 0 0; -khtml-border-radius: 6px 6px 0 0;
                box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -khtml-box-shadow: 0 0 10px #000;
                background: url('../images/top_menu_bg.jpg') repeat-x center bottom #222;*/
                background: #333;}
        a.relain_link {display: block; width: 100%; margin: 2px auto 0; text-decoration: none;
                        text-align: center; color: #ccc; font-size: 13px;}
        a.relain_link:hover {text-decoration: underline;}
        .counter {position: absolute; right: 12px; top: 12px;}


/*  Adminpanel
================================================== */
    div#adminpanel {min-height: 27px; width: 1194px; padding: 2px; margin: 0 auto;
                    border: 1px solid #000;
                    border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;
                    background: #333; /* Old browsers */
                    background: #333 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
                    background: #333 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
                    background: #333 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
                    background: #333 -o-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* Opera11.10+ */
                    background: #333 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* IE10+ */
                    background: #333 linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);} /* W3C */


/*  Top_menu
================================================== */
    div#top_menu {height: 40px; width: 1198px; margin: 0 auto;
                border: 1px solid #000;
                border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; -khtml-border-radius: 0 0 2px 2px;
                background: #000;}

    div#search {height: 40px; width: 258px; float: right; overflow: hidden;
                background: #000;}
        div#search input[type="text"] {height: 20px; width: 198px; padding: 2px 4px; margin: 7px 5px; float: left;
                font: 13px "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; color: #777; outline: none;
                border: 1px solid #fff;
                border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;
                box-shadow: inset 0 0 2px #000; -webkit-box-shadow: inset 0 0 2px #000; -khtml-box-shadow: inset 0 0 2px #000;
                background: white;}
        a#search_button {display: block; height: 40px; width: 40px; float: left;
                background: url('../images/search.png') no-repeat center center #555;}
        a#search_button:hover {background-color: #a6141f;}


/*  Left_menu
================================================== */
    ul#left_menu {padding: 10px; margin: 5px; display: block; cursor: pointer;
                    border-right: 1px solid #aaa;
                    /*border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;
                    box-shadow: 1px 1px 6px #000; -webkit-box-shadow: 1px 1px 6px #000; -khtml-box-shadow: 1px 1px 6px #000;
                    background: #fff;*/}
    ul#left_menu ul {padding: 0 0 0 10px; margin: 0px; list-style: none;}
    ul#left_menu li {position: relative; list-style: none;}
    ul#left_menu div.switcher {height: 16px; width: 16px; display: block; position: absolute; top: 3px; left: 1px;
                                background: url('../images/switcher16.png') 16px -8px transparent;}
        ul#left_menu li.opened > div.switcher {background: url('../images/switcher16.png') 0px -8px transparent;}
        ul#left_menu li.closed > div.switcher {background: url('../images/switcher16.png') 32px -8px transparent;}
        ul#left_menu li.opened > ul {display: block;}
        ul#left_menu li.closed > ul {display: none;}
    ul#left_menu a {padding: 0 0 0 20px; margin: 2px 0 0; display: block; line-height: 20px; color: #000;
                    border-bottom: 2px dotted #eee;}
        ul#left_menu a:hover {color: #a6141f;
                                border-bottom: 2px dotted #a6141f;}
        ul#left_menu a.active {color: #fff;
                                border: 1px solid #333;
                                border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
                                background: #333;}
            ul#left_menu a.active:hover {color: #fff;}


/*  Shortcuts
================================================== */
    div#shortcuts_wrapper {height: 120px; min-width: 1200px; margin: 0 auto;
                background: transparent;}
    div.shortcuts {height: 120px; width: 1200px; margin: 0 auto;}
    div.shortcuts_slider {height: 120px; width: 1080px !important; margin: 0 auto;}
        .shortcuts_prev {height: 50px; width: 50px; margin: 35px 0; float: left; cursor: pointer;
                        background: url('../images/shortcuts_buttons.png') no-repeat 0 0 transparent;}
            .shortcuts_prev:hover {background: url('../images/shortcuts_buttons.png') no-repeat -50px 0 transparent;}
        .shortcuts_next {height: 50px; width: 50px; margin: 35px 0; float: right; cursor: pointer;
                        background: url('../images/shortcuts_buttons.png') no-repeat 0 -50px transparent;}
            .shortcuts_next:hover {background: url('../images/shortcuts_buttons.png') no-repeat -50px -50px transparent;}
        div.shortcuts li {height: 120px; width: 120px; float: left;}
        a.shortcut {height: 100px; width: 100px; padding: 5px; margin: 5px; display: block;
                    background: transparent;}
            a.shortcut div.image {height: 80px; width: 80px; margin: 0 auto;}
            a.shortcut div.title {height: 20px; width: 100px; margin: 0 auto;
                                font-size: 12px; text-align: center; color: #fff;}


/*  Catalogs
================================================== */
    div.catalog_list {margin: 0 auto; overflow: hidden;
                    border: 2px dotted #aaa;}
        a.catalog_small {display: block; padding: 4px 10px; margin: 4px; overflow: hidden;
                        background: #fff;}
            a.catalog_small:hover {color: #fff; background: #a6141f;}

        .catalog_list_big {padding: 25px 0 5px; margin: 0 auto; overflow: hidden;}
        .catalog_big {display: block; width: 250px; margin: 0 25px 35px; float: left; overflow: hidden;
                        border: 1px solid #fff;
                        border-radius: 4px; -khtml-border-radius: 4px;
                        box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; -khtml-box-shadow: 0px 0px 6px #000;}
            .catalog_big .image {height: 100px; width: 250px; margin: 0 auto; overflow: hidden; position: relative;
                                background: #fff;}
            .catalog_big img {display: block; height: 100px; width: 250px;}
            .catalog_big .title {width: 230px; padding: 5px 10px; position: absolute; bottom: 0px;
                                color: #fff;
                                background: url('../images/dark_bg.png') repeat center center transparent;}
                .catalog_big:hover .title {text-decoration: underline;}
            .catalog_big .annotation {height: 90px; padding: 5px 5px; overflow: hidden;
                                font-size: 12px;
                                color: #333;}

        .catalog_list_main {margin: 10px 0 0; overflow: hidden;}
            .catalog_list_main h2 {margin: 5px 0;
                                font-family: Arial; font-size: 18px; font-weight: bold;}
            .catalog_list_main .catalog_big {margin: 5px;}


/*  Things
================================================== */
    a.thing {display: block; height: 100px; width: 410px; padding: 10px; margin: 10px; float: left; position: relative; overflow: hidden;
                border: 1px solid #666;
                border-radius: 4px; -khtml-border-radius: 4px;
                box-shadow: 1px 1px 3px #555; -moz-box-shadow: 1px 1px 3px #555; -webkit-box-shadow: 1px 1px 3px #555; -khtml-box-shadow: 1px 1px 3px #555;
                background: #fff;}
        a.thing:hover {border: 1px solid #DF5B12;
                box-shadow: 1px 1px 6px #DF5B12; -moz-box-shadow: 1px 1px 6px #DF5B12; -webkit-box-shadow: 1px 1px 6px #DF5B12; -khtml-box-shadow: 1px 1px 6px #DF5B12;}
        a.thing .image {display: block; height: 100px; width: 100px; float: left;}
        a.thing .title {display: block; height: 100px; width: 300px; padding: 0 0 0 10px; float: left; text-align: left;}
        a.thing div.cost {height: 20px; padding: 0 10px 0 10px; position: absolute; bottom: 10px; right: 0px;
                font-family: "Arial"; font-style: italic; font-size: 14px; line-height: 20px; text-align: center; color: #fff;
                border: 1px solid #00497d; border-right: none;
                border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px;
                box-shadow: 1px 1px 6px #333; -moz-box-shadow: 1px 1px 6px #333; -webkit-box-shadow: 1px 1px 6px #333; -khtml-box-shadow: 1px 1px 6px #333;
                background: url('../images/cost_bg.jpg') repeat-y right center #15527d;}


/*  Thing
================================================== */
    div.thing_image {max-height: 300px; max-width: 300px; float: left;
                    border: 1px solid #666;
                    box-shadow: 1px 1px 6px #333; -moz-box-shadow: 1px 1px 6px #333; -webkit-box-shadow: 1px 1px 6px #333; -khtml-box-shadow: 1px 1px 6px #333;
                    background: #fff;}
    div.thing_info {margin: 0 0 0 310px;}
        div.thing_info h1 {text-align: center;}
        div.thing_info .cost {display: inline-block; height: 20px; padding: 2px 40px;
                    font-family: "Arial"; font-style: italic; font-size: 14px; line-height: 20px; text-align: center; color: #fff;
                    border: 1px solid #00497d;
                    border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px;
                    background: url('../images/viewlet_bg.jpg') repeat-y center center #004d85;}


/*  Sections & Pages
================================================== */
    ul.page_list {padding: 10px 10px 10px 30px; margin: 0;
                /*color: #DF8612;*/
                border: 1px solid #666;
                box-shadow: 1px 1px 6px #333; -moz-box-shadow: 1px 1px 6px #333; -webkit-box-shadow: 1px 1px 6px #333; -khtml-box-shadow: 1px 1px 6px #333;
                background: #fff;}
    ul.page_list li {list-style: disc; margin: 4px 0;}
    ul.page_list a {color: #000;}
    ul.page_list a:hover {text-decoration: underline;}


/*  News
================================================== */
    a.news {display: block; padding: 0; margin: 10px 5px 20px; overflow: hidden;
            border-left: 1px solid #aaa;
            /*border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;
            box-shadow: 1px 1px 6px #666; -webkit-box-shadow: 1px 1px 6px #666; -khtml-box-shadow: 1px 1px 6px #666;
            background: #fff;*/}
        a.top {overflow: hidden;}
        a.news .title {width: 585px; padding: 4px 5px 4px 10px; margin: 10px 0; float: left;
                    text-align: left; color: #fff;
                    border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0;
                    box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; -khtml-box-shadow: 0 0 8px #000;
                    background: /*url('../images/news_bg.jpg') repeat-y left center transparent*/ #333;}
        a.news .date {float: right; color: #333; font-weight: bold;}
        a.news .description {padding: 0 10px 10px; color: #333;}

    div.main_page {width: 786px; float: left;}
    div.news_viewlet {width: 390px; padding: 0; float: right;
                    /*box-shadow: inset 0 0 8px #000; -webkit-box-shadow: inset 0 0 8px #000; -khtml-box-shadow: inset 0 0 8px #000;*/
                    border-left: 1px solid #aaa;
                    /*border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;*/}
    div.news_viewlet h2 {text-align: center; margin: 0 0 10px;}
    a.news_item {display: block; padding: 0; margin: 6px 5px 0px 0; overflow: hidden;}
        a.news_item .date {padding: 0 0 4px 10px; margin: 0;
                    color: #666; font-size: 14px; font-weight: bold;}
        a.news_item .title {padding: 6px; margin: 0 10px 0 0;
                    text-align: left; color: #fff;
                    border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0;
                    box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; -khtml-box-shadow: 0 0 8px #000;
                    /*background: url('../images/news_bg.jpg') repeat-y left center transparent;*/
                    background: #333;}
        a.news_item .description {padding: 10px; color: #333;}
        a.news_item:hover .title {text-decoration: underline;}


/*  Text
================================================== */
    div.page_text {margin: 0px auto 30px; font-size: 14px;}
    div.page_text ul, div.page_text ol {margin: 0 0 0 30px;}
    div.page_text ul li {list-style: disc outside;}
    div.page_text p {margin-top: 10px;}
    .page_text a:hover {text-decoration: underline;}
    .page_text a.catalog_big:hover {text-decoration: none;}


/*  Questions
================================================== */
    div.message {padding: 10px; margin: 0 0 10px;}
        div.message .person {color: #185886; font-weight: bold;}
            div.message .person .date {margin: 0; color: #aaa;}
        div.message .question {margin: 0px 0 0;}
        div.message .answer {margin: 6px 0 0; padding: 0 10px;
                            border-left: 1px solid #555;}
        div.message .text {margin: 4px 0 0; font-style: italic;}


/*  Viewlets
================================================== */
    a.viewlet {display: block; width: 190px; padding: 0; margin: 5px 5px 10px; overflow: hidden;
                border: 1px solid #013357;
                border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;
                box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; -khtml-box-shadow: 0 0 8px #000;
                background: #fff;}
    a.viewlet .title {padding: 4px; margin: 10px 0;
                text-align: center; color: #fff;
                box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; -khtml-box-shadow: 0 0 8px #000;
                background: url('../images/viewlet_bg.jpg') repeat-y center center transparent;}
    a.viewlet .image {margin-bottom: 10px; text-align: center;}
    a.viewlet .text {padding: 0 5px; margin-bottom: 10px; text-align: center;}


/*  Decorators
================================================== */
    div.chain a {color: #045395;}
    div.chain a:hover {text-decoration: underline;}
    div.date {margin: 10px;}
    a.factory_link {display: block; font-size: 16px; text-decoration: underline; text-align: right;}
    .black_wrapper {padding: 10px; margin: 0 5px 5px;
        background: transparent;}
    .factory {display: block; width: 700px; padding: 0 0 20px; margin: 0 auto; overflow: hidden;}
        .factory .logo {width: 200px; float: left;}
        .factory .description {width: 490px; padding-left: 10px; float: right;
                                text-align: justify;}
        .factory a {text-decoration: underline; font-style: italic;}
    a.photo_wrapper {display: inline-block; max-width: 200px; padding: 2px;
            border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
            border: 1px solid #888;
            box-shadow: 2px 2px 6px #333; -moz-box-shadow: 2px 2px 6px #333; -webkit-box-shadow: 2px 2px 6px #333;
            background: #fff;}
    a.photo_wrapper img {display: block;}

/*  Contacts
================================================== */
    div.contacts {margin: 10px 650px 10px 0; overflow: hidden;
                font-size: 16px; line-height: 20px; font-style: normal;}
    div.block {width: 488px; padding: 20px; margin: 0 auto; vertical-align: top; overflow: hidden; float: left;
                text-align: left; font-weight: bold;}
    div.address {padding: 10px 0 10px 0px; clear: both;}
    div.phone {width: 200px; padding: 8px 8px 8px 36px; margin: 4px 0 0; float: left;
                background: url('../images/telephone.png') no-repeat left center;}
    div.email {padding: 8px 8px 8px 36px; margin: 4px 0 0; clear: both;
                background: url('../images/email.png') no-repeat left center;}
    div.icq {width: 200px; padding: 8px 8px 8px 36px; margin: 4px 0 0; float: left;
                background: url('../images/icq.png') no-repeat left center;}
    div.skype {width: 200px; padding: 8px 8px 8px 36px; margin: 4px 0 0; float: left;
                background: url('../images/skype.png') no-repeat left center;}


    .info {margin: 20px 0 0;
            font-size: 14px;}
        .info .caption {font-size: 18px; text-align: center;}
        .info td {padding: 3px 5px;
                    border: 1px solid #eee;}
        .info td:first-child {font-weight: bold;}

    .map {width: 600px; margin: 10px; float: right;}
    .map > div {font-size: 16px; font-weight: bold;
                text-align: center;}

    


/*  Nivo-slider
================================================== */
.theme-default .nivoSlider {
    height: 260px; width: 390px; margin: 15px 0 50px; float: right;
    border: 1px solid #000;}
.theme-default .nivo-caption {text-align: right;}
.theme-default .nivoSlider .title {position: absolute; color: #fff;}


/*  Paginator 3000
================================================== */
.paginator {font-size:1em;width:100%;}
.paginator table {border-collapse:collapse;table-layout:fixed;width:100%;}
.paginator table td {padding:0;white-space:nowrap;text-align:center;}
.paginator table {border-collapse:collapse;table-layout:fixed;width:100%;}
.paginator table td {padding:0;white-space:nowrap;text-align:center;}
.paginator span {display:block; padding:3px 0 15px 0; color:#fff;}
.paginator span em, .paginator span a {padding:0 4px;}
.paginator span em {display: inline-block; padding: 4px 8px; margin: 0 auto;
                    font-style:normal;
                    border: 1px solid #555;
                    border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;
                    box-shadow: inset 0 0 8px #000; -webkit-box-shadow: inset 0 0 8px #000; -khtml-box-shadow: inset 0 0 8px #000;
                    background:#555;}
.paginator .scrollbar {width:100%; height:20px; position:relative;}
.paginator .scrollbar .line {width:100%; height:3px; background:#ccc; overflow:hidden;}
.paginator .scrollbar .slider {position:absolute; width:3px; height:3px; top:0; left:0; font-size:1px; background:#444;}
.paginator .scrollbar .current_page_point {position:absolute; top:0; left:0; width:3px; height:3px; overflow:hidden; background:#555;}
.paginator .scrollbar .slider_point {position:absolute; top:-5px; left:50%; margin-left:-10px; width:20px; height:20px; overflow:hidden; background:url('../js/paginator3000/slider_knob.gif') no-repeat 50% 50%; cursor:pointer; cursor:hand;}