@main-color: #FFF;
@footer-color: #2a3333;
@input-color: #555555;
@table-bg-color: #f3f3f3;
@wrapper-w: 980px;
@left-w: 710px;
@right-w: 270px;
@font-size: 12px;
@input-font-size: 10px;
@h1-font-size: 20px;
@h2-font-size: 18px;
@h3-font-size: 14px;

body {
    .no_margin;
    .no_padding;
    background-color: @main-color;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    z-index: 100;
    position: absolute;
}

a { color: #292c75; }

.sliderImage, .sliderImage div {
    display: none;
}

.no_margin {
    margin: 0;
}

.bold {
    font-weight: bold;
}

.no_padding {
    padding: 0;
}

.block(@w: 100%, @h: 100%){
    width: @w;
    height: @h;
    display: block;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.clear {
    clear: both;
}

/* Start Content */

#header {

    .block(100%, 162px);
    background: url('/tpl/images/header_line.png') repeat-x bottom;

    #hwrapper {
        .block(@wrapper-w, 162px);
        margin: 0 auto;
        .logo {
            margin: 24px;
            border: 0;
        }

        .lang {
            .block(138px, 30px);
            line-height: 30px;
            background-color: @footer-color;
            color: @main-color;
            text-align: center;
            .fright;
                span { .fleft; padding-left: 13px; }
            .langs {
                .fleft;
                padding-left: 13px;
                color: #FFF;
                text-decoration: none;
                &:hover { text-decoration: underline; }
            }
            a.slangs {
                .langs;
                color: #CCC;
            }

        }

        #tmenu {
            margin-top: 1px;
            padding-left: 10px;
            height: 34px;
            line-height: 34px;
            ul { .no_margin; .no_padding;
                 &.tulmenu ul { position: absolute; top: -999em; width: 100%; }
                 &.tulmenu ul li { background-color: #686f70;  }
                li {
                     filter:alpha(opacity=90);
                    -moz-opacity:0.9;
                    -khtml-opacity: 0.9;
                    opacity: 0.9;
                    .no_margin;
                    padding: 0 18px;
                    list-style: none;
                    .fleft;
                    min-width: 100px;
                    text-align: center;
                    position: relative;
                    border-left: #bababa 1px solid;
                    font-size: 16px;
                    &:hover { background-color: #686f70; }
                    &:hover ul { top: 100%; z-index: 99; left: -1px; }
                    &:hover ul li { font-size: @h3-font-size; width: 72%; &:hover { background-color: #3f4747; } }
                    a { color: #FFF; text-decoration: none;
                        &:hover {  }

                    }

                }

            }
        }

    }

}

#content {
    z-index: 100;

    margin: 18px auto;
    .block(@wrapper-w, auto);

    #tcontent {

        background: url('/tpl/images/content_top_bg.png') no-repeat top center;
        margin-bottom: 10px;
        
        .title {
            font-size: @h2-font-size;
            .block(222px, 24px);
            margin-top: 14px;
            border-bottom: @footer-color 1px solid;
            font-weight: bold;
        }

        #ltcontent {
            .block(@left-w, 280px);
            .fleft;

            #slider {
                .block(680px, 256px);
                padding: 5px;
                margin: 4px 0 0 10px;
                background-color: #FFF;
                .block(680px, 256px);
                    .simage {  background-color: #000; .block(680px, 256px); }
                    #simage { .block(680px, 256px); overflow: hidden; }
                    .snav-left, .snav-right { top: 280px; position: absolute; }
                    .snav-right { margin-left: 644px; }
                    .buttons {
                        .block(auto, 26px);
                        margin-left: 560px;
                        .fright;
                        top: 410px;
                        position: absolute;
                        /*a {
                            margin-right: 11px;
                            padding: 0;
                            background-image: url('/tpl/images/slider_button_inactive.png');
                            width: 26px;
                            height: 26px;
                            text-decoration: none;
                            display: inline-block;
                            &.dPagingActive {
                                 background-image: url('/tpl/images/slider_button_active.png');
}
                        }

                        /*img { margin-left: 5px; }*/
                    }
            }
        }
        #rtcontent {
            .block(@right-w, 280px);
            .fleft;

                #search_form {
                    .block(222px, 300px);
                    margin-left: 23px;

                        label {
                            .block(219px, 18px);
                            line-height: 18px;
                            padding-left: 3px;
                            font-weight: bold;
                            margin-top: 8px;
                        }

                        .select_box {
                            .block(222px, 17px);
                            border: #000 1px solid;
                            color: @input-color;
                            font-size: @input-font-size;
                        }
                        .form_nav {

                            .block(222px, 25px);
                            margin-top: 15px;

                            a.detail_search {
                                .block(120px, 25px);
                                line-height: 25px;
                                .fleft;
                                .bold;
                                font-size: @h3-font-size;
                                color: #000;
                                margin-right: 25px;
                            }

                            .search_button {
                                .fleft;
                                background: url('/tpl/images/search_button.png') no-repeat;
                                color: @main-color;
                                .block(75px, 24px);
                                padding-left: 12px;
                                border: 0;
                            }

                        }

                }

                

                }
        }

        #ccontent {

            #lccontent {
                .block(@left-w - 20, 100%);
                padding: 0 10px;
                .fleft;

                .ctitle {
                    margin: 8px 0;
                    padding-bottom: 5px;
                    font-size: @h1-font-size;
                    font-weight: bold;
                    border-bottom: #bababa 1px solid;
                    height: 25px;
                    img {
                        margin-left: 660px;
                        position: absolute;
                        cursor: pointer;
                    }
                }

                &.lccontent_ds { padding: 0 20px 0 0; }

                .detailed_search {
                    .block(708px, 170px);
                    .fleft;
                    padding: 40px 0 0 20px;
                    background: url('/tpl/images/detailed_search_bg.png') no-repeat;
                    &.add { background: url('/tpl/images/add_ads_bg.png') no-repeat; }
                    &.sub { background: url('/tpl/images/sub_bg.png') no-repeat; }
                    .option_block {
                    .block(150px, 40px);
                    .fleft;
                    margin-right: 15px;
                    
                    .select_box {
                            .block(150px, 17px);
                            border: #000 1px solid;
                            color: @input-color;
                            .fleft;
                            font-size: @input-font-size;
                    }

                    
                    label {
                        .block(150px, 18px);
                        line-height: 18px;
                        .fleft;
                        padding-left: 3px;
                        font-weight: bold;
                        margin-top: 8px;
                        &.small { .block(111px, 18px); float: left; }
                        &.second { .block(96px, 18px); margin-left: 5px;  }
                    }
                    }
                }

                    .form_nav {
                        .block(75px, 24px);
                        .fright;
                       position: absolute;
                       margin-left: 590px;
                       margin-top: 100px;
                       &.add { margin: 200px 0 0 610px; }
                        .search_button {
                            .fright;
                            background: url('/tpl/images/search_button.png') no-repeat;
                            color: @main-color;
                            .block(75px, 24px);
                            padding-left: 12px;
                            border: 0;
                            &.add { background: url('/tpl/images/add_button.png') no-repeat; }
                        }
                    }

                .edomus {
                        .block(125px, 12px);
                        .fright;
                       position: absolute;
                       margin-top: 125px;
                       img {
                            .fleft;
                            .block(125px, 12px);
                            border: 0;
                        }
                    }

                #ads {
                    border-bottom: #bababa 1px solid;
                    padding: 10px 5px 0 5px;
                    .block(100%, 100%);

                    .ad_block {
                        .block(142px, 360px);
                        padding: 5px 13px;
                        margin-right: 4px;
                        float: left;
                        &:hover { background: url('/tpl/images/ad_hover_bg.png') no-repeat; cursor: pointer; }
                        .title {
                            font-size: @h3-font-size;
                            color: @footer-color;
                            text-align: center;
                            border: 0;
                            font-weight: bold;
                            .no_margin;
                            margin-bottom: 6px;
                            height: 32px;
                        }
                        .photo {
                            text-align: center;
                            margin-bottom: 5px;
                            height: 70px;
                                img { padding: 2px;  border: #bababa 1px solid;  }
                        }
                         .info_block {
                            .block(142px, 140px);
                            .info {
                                line-height: 17px;
                                .label { color: #77726f; font-weight: bold;  }
                                .value { color: #555555; }
                            }
                        }
                        .button {
                            text-align: center;
                            padding-top: 20px;
                            a { text-decoration: none; }
                            .button_block {
                                background: url('/tpl/images/more_button.png') no-repeat center;
                                height: 25px;
                                line-height: 25px;
                                padding-top: 2px;
                                padding-right: 14px;
                                font-size: @h3-font-size;
                                color: @main-color;
                            }
                        }

                    }

                }

                #ads_item {
                    padding: 10px 5px 0 0;
                    .block(100%, 100%);

                    .ad_block {
                        padding: 5px 0 5px 0;
                        float: left;
                        .left_side {
                            .block(400px, auto);
                            .fleft;
                            .photo {
                                text-align: center;
                                .fleft;
                                margin-bottom: 5px;
                                    img { padding: 2px;  border: #bababa 1px solid;  }
                            }
                            .photo_block {
                                .block(400px, 80px);
                                text-align: center;
                                .fleft;
                                margin-bottom: 5px;
                                .small_image { .block(360px, 80px); .fleft; }
                                ul { 
                                    li {
                                    .block(360px, 80px);
                                    .fleft;
                                    }
                                }
                                    img { padding: 2px; margin-left: 5px; border: #bababa 1px solid; cursor: pointer;  }
                                    #prevBtn2, #nextBtn2 { padding-top: 10px; .fleft; img { border: 0; } }
                             }

                             .managers_block {
                                    .title {
                                    .block(400px, 20px);
                                    .fleft;
                                    margin: 10px 0 20px;
                                    padding-bottom: 2px;
                                    font-size: @font-size;
                                    font-weight: bold;
                                    color: @footer-color;
                                    border-bottom: #bababa 1px solid;
                                }
                                .block(345px, auto);
                                .fleft;
                                padding: 10px 0;
                                color: @footer-color;
                                font-size: @font-size;
                                .managers_photo { .block(100px, 132px); .fleft; }
                                .managers_info { .block(230px, 132px); .fleft; margin-left: 15px;
                                    .managers_name { .block(230px, 16px); font-weight: bold; }
                                    .managers_other { .block(230px, 16px); }
                                }
                                .contact_us {

                                    .fleft;
                                    margin-top: 10px;
                                    background: url('/tpl/images/add_button.png') no-repeat;
                                    color: @main-color;
                                    .block(75px, 24px);
                                    padding-left: 21px;
                                    padding-top: 6px;
                                    font-size: 10px;
                                    border: 0;
                                    text-decoration: none;

                                }

                            }

                            .video {
                                display: block;
                                float: left;
                                margin-top: -5px;
                                padding: 0 5px;
                                img {
                                    cursor: pointer;
                                }
                            }
                                
                         }
                         .info_block {
                            .block(250px, auto);
                             margin-left: 20px;
                            .fleft;
                            .info {
                                .block(250px, auto);
                                .fleft;
                                line-height: 17px;
                                .label { color: #77726f; font-size: @font-size; .block(130px, 20px); .fleft; }
                                .value { color: #555555; font-size: @font-size; font-weight: bold; .block(120px, auto); .fleft; }
                            }

                            .title {
                                .block(250px, 20px);
                                .fleft;
                                margin: 10px 0 5px;
                                padding-bottom: 2px;
                                font-size: @font-size;
                                font-weight: bold;
                                color: @footer-color;
                                border-bottom: #bababa 1px solid;
                            }
                            .details {
                                .fleft;
                                .block(250px, auto);
                                color: @footer-color;
                                font-size: @font-size;
                                text-align: justify;
                            }
                        }
                        .button {
                            text-align: center;
                            padding-top: 20px;
                            a { text-decoration: none; }
                            .button_block {
                                background: url('/tpl/images/more_button.png') no-repeat center;
                                height: 25px;
                                line-height: 25px;
                                padding-top: 2px;
                                padding-right: 14px;
                                font-size: @h3-font-size;
                                color: @main-color;
                            }
                        }

                    }

                }

                .managers_line {
                    .block(690px, 152px);
                    border-bottom: #bababa 1px solid;
                    .managers_block {
                        .block(345px, 132px);
                        .fleft;
                        padding: 10px 0;
                        .managers_photo { .block(100px, 132px); .fleft; }
                        .managers_info { .block(230px, 132px); .fleft; margin-left: 15px;
                            .managers_name { .block(230px, 16px); font-weight: bold; }
                            .managers_other { .block(230px, 16px); }
                        }

                    }

                }


            }

            #rccontent {
            background: url('/tpl/images/add_form_bg.png') no-repeat top center;
            .block(@right-w, 100%);
            .fleft;

            #get_form {

            background: url('/tpl/images/add_form_bg.png') no-repeat top center;
            .block(247px, 190px);
                    padding-left: 23px;
                    padding-top: 6px;
                    label {
                        .block(219px, 18px);
                        line-height: 18px;
                        padding-left: 3px;
                        font-weight: bold;
                        margin-top: 8px;
                        &.small { .block(111px, 18px); float: left; }
                        &.second { .block(96px, 18px); margin-left: 5px;  }
                    }

                    .title {
                        #tcontent > .title;
                    }

                    .select_box {
                            .block(150px, 21px);
                            border: #000 1px solid;
                            color: @input-color;
                            font-size: @input-font-size;
                            float: left;
                            margin-right: 20px;
                            &.no_margin { margin-right: 0; }
                     }

                    .input_object {
                        .block(222px, 17px);
                        border: #000 1px solid;
                        color: @input-color;
                        font-size: @input-font-size;
                        &.small { .block(100px, 17px); float: left; }
                    }

                    .form_nav {

                            .block(222px, 25px);
                            margin-top: 10px;

                            a.detail_search {
                                .block(120px, 25px);
                                line-height: 25px;
                                .fleft;
                                .bold;
                                font-size: @font-size;
                                color: #000;
                                margin-right: 25px;
                            }

                            .add_button {
                                .fright;
                                background: url('/tpl/images/add_button.png') no-repeat;
                                color: @main-color;
                                .block(75px, 24px);
                                padding-left: 12px;
                                border: 0;
                            }

                        }
            }

            #add_form {

                    .block(222px, 190px);
                    margin-left: 23px;

                    label {
                        .block(219px, 18px);
                        line-height: 18px;
                        padding-left: 3px;
                        font-weight: bold;
                        margin-top: 8px;
                        &.small { .block(111px, 18px); float: left; }
                        &.second { .block(96px, 18px); margin-left: 5px;  }
                    }

                    .title {
                        #tcontent > .title;
                    }

                    .select_box {
                            .block(100px, 21px);
                            border: #000 1px solid;
                            color: @input-color;
                            font-size: @input-font-size;
                            float: left;
                            margin-right: 20px;
                            &.no_margin { margin-right: 0; }
                     }

                    .input_object {
                        .block(222px, 17px);
                        border: #000 1px solid;
                        color: @input-color;
                        font-size: @input-font-size;
                        &.small { .block(100px, 17px); float: left; }
                    }

                    .form_nav {

                            .block(222px, 25px);
                            margin-top: 10px;

                            .add_button {
                                .fright;
                                background: url('/tpl/images/add_button.png') no-repeat;
                                color: @main-color;
                                .block(75px, 24px);
                                padding-left: 12px;
                                border: 0;
                            }

                        }


            }

            .banner {
                margin: 0 0 20px 10px;
                text-align: center;
            }

            }

        }

    }

    #footer {

        background-color: #bababa;
        .block(100%, 66px);
        padding-top: 23px;
        margin-bottom: 1px;
        color: @footer-color;
        font-size: @input-font-size;

        #fwrapper {
            .block(@wrapper-w, 66px);
            margin: auto;

            .logo {
                .fleft;
                .block(250px, 66px);
                img { margin-bottom: 10px; }
            }

            .contacts {
                .fleft;
                .block(250px, 66px);
            }

            .solution {
                .fleft;
                text-align: right;
                .block(210px, 36px);
                padding-top: 20px;
                a {
                    color: @footer-color;
                    text-decoration: none;
                    &:hover { text-decoration: underline; }
                }
            }

        }

}

    .contact_form {
       width: 320px; height: 370px; padding: 10px;
    }
    .contact_form .title {
        font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; font-size: 16px; color: #2a3333; border-bottom: #bababa 1px solid; width: 320px;
    }
    .contact_form label {
        margin: 6px 0 6px; width: 88px; float: left; font-weight: bold;
    }
    .contact_form label span.star { color: red; }
    .contact_form label.long { color: #4f4943; font-size: 11px; }
    .contact_form input {
        margin: 5px 0 10px; width: 220px; border: #2a3333 1px solid; float: left;
    }
    .contact_form textarea { width: 300px; height: 127px; border: #2a3333 1px solid; }

    .contact_form .error { border-color: red; }

    .contact_form .send_button {
        .fright;
        background: url('/tpl/images/send_button.png') no-repeat;
        color: @main-color;
       .block(75px, 24px);
        padding-right: 15px;
        border: 0;
    }