@media all{
    body { font-size: 10pt; }

    .deal_selector{
        background-color: #f6faff;
        list-style: none;
        text-align: right;
        width: 98%;
        margin: 0 auto;
        padding: 10px 0;
    }

    .deal_selector li{
        padding: 0 10px;
        margin-left: 5px;
        display: inline;
        /*
        border: solid 1px #1062af;
        */
    }

    .deal_selector a{
        text-decoration: none;
    }

    .deal_selector li.active{
        /*background-color: #bdd7f4;*/
        font-weight: bold;
    }

    thead { background-color: #e1f1ff; /*color: #ffffff;*/ }
    
    .deal_selector li.active a{
        /*
        color: #ffffff;
        */
        text-decoration: underline;
    }

}

@media screen{
    .toplinks { 
        margin: -5px;
        padding: 5px;
        list-style: none; 
        font-size: 13pt; 
        color: #1062af;
        background-color: #ffffff;
    }
    .toplinks li{ display: inline; padding-right: 15px;}

    #start{
        display: block;
        background-image: url("../images/logo.png");
        background-position: 0 0;
        background-repeat: no-repeat;
        height: 51px;
        width: 289px;
        overflow: hidden;
        text-indent: -3000px;
    }

    header { background-color: #1062af; color: #ffffff; position: relative; padding: 5px auto;}
    header h1{
        padding: 10px 15px;
    }
    header h2{
        margin-top: -10px;
        padding: 0 25px;
        font-weight: normal;
        font-size: 120%;
    }
    header a{ color: inherit; text-decoration: none; }
    header a:hover { text-decoration: underline; }

    header nav ul{
        text-align: right;
        list-style: none;
        font-size: 100%;
    }

    header nav a{
        color: #ffffff;
    }

    header nav ul li{
        padding-left: 15px;
        display: inline;
    }

    .top-banner{
        position: absolute;
        right: 10px;
        top: 40px;
        width: 468px;
        height: 60px;
        border: solid 1px #707070;
        background-color: #ffffff;
    }

    aside{ 
        float: left; 
        margin-bottom: 50px;
        width: 200px;
        min-height: 400px;
        text-align: center;
        padding: 15px 0;
    }

    aside h2{
        font-size: 115%;
    }

    aside h3{
        font-size: 105%;
    }

    aside ul { padding: 0 5px; list-style: none; text-align: left;}
    aside ul li{ margin: 0 5px 5px 0; }

    .side-banner{
        width: 150px;
        height: 300px;
        border: solid 1px #707070;
        margin: 0 auto 0 auto;
    }

    section {
        position: relative;
        margin-left: 200px;
        padding: 10px;
    }

    section h1{ /*margin-bottom: 15px; border-bottom: solid 1px #305070; */}

    section .section h1{ font-size: 110%; }
    section .section{
        margin-bottom: 20px;
    }

    .index, .module-index {
        width: 30%;
        font-size: 10pt;
        float: left;
        padding: 0.52%;
        margin: 5px 0.82%;
        background-color: #f6faff;
    }

    .index ul, .module-index ul {
    }

    .index h1{
        margin: -5px -5px 0 -5px;
        font-size: 120%;
        padding: 10px;
        color: #003080; 
    }

    .index ul, .module-index ul { list-style: none; padding: 0 5px;}
    .index li, .module-index li { margin: 3px auto; }

    .index h2 {
        font-size: 110%;
        text-align: center;
        color: #003080;
    }

    .col1 h1, #kvartiry h2{
        background-color: #e1f1ff;
    }

    .col2 h1, #doma h2 { background-color: #bdd7f4; }

    .col3 h1, #commerce h2 { background-color: #97c1ef; }

    .module-index h2{
        margin: -5px -5px 0 -5px;
        padding: 10px 0;
        font-size: 110%;
        text-align: center;
        color: #003080;
    }

    .archive {
        padding: 5px 5px 5px 15px;
        list-style-position: inside;
        list-style: none;
    }

    .archive li{
        padding: 3px;
    }

    section table{
        width: 98%;
    }

    tbody tr:nth-child(odd){
        background-color: #f6faff;
    }

    form.search{
        padding: 5px 70px 5px 10px;
        text-align: right;
        margin: 5px -5px -5px -5px;
        background-color: #ff7f2a;
        overflow: visible;
        position: relative;
        font-size: 85%;
    }

    form.search select, form.search input{
    }

    form.search label{
        padding-left: 10px;
    }

    #search-button{
        position: absolute;
        right: 10px;
        top: -7px;
        width: 55px;
        height: 55px;
        background-image: url("../images/search.png");
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: -5000px;
        background-color: transparent;
        border: none;
    }

    form.search input{
        width: 8.5ex;
    }

    #q { width: 25ex; }


    footer {
        margin: 15px 0;
        background-color: #e4f1ff;
        clear: both;
        text-align: right;
    }



}

@media print{
    .toplinks { display: none; }
    header { display: none; }
    aside { display: none; }

    .deal_selector li{ display: none; }
    .deal_selector li.active {display: inline;}
}