/* Reset
- - - - - - - - - -- - - - -- - - - -- - - - -- - - - -- - - - -- - - - -- - - - -*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
p, blockquote, ul, fieldset, form, ol, dl, dir, menu { margin: 1.12em 0 }
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { border:0; }
address,caption,code,dfn,th {
	font-style:normal;
	font-weight:normal;
}
i,cite,em,var,address { font-style: italic }
ol,ul { margin-left: 40px; }
ol ul, ul ol, ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
ol  { list-style-type: decimal }
caption,th { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

h1,h2,h3,h4,h5,h6,b,strong  { font-weight: bolder; }
h1 { font-size: 20px;margin:0px;
	padding:0px;
	margin-bottom:-19px; }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h4 { font-size: 1em; margin: 1.12em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }

.clear { clear: both; }

html { height: 100%; }
body { height: 100%; }

/* Main
- - - - - - - - - -- - - - -- - - - -- - - - -- - - - -- - - - -- - - - -- - - - -*/
#wrap {
    width: 70%;    margin: 0 auto;
    background: url('images/bg_gray.png') gray;
    padding: 115px 271px 100px 55px;
    position: relative;
    min-height: 400px;
}

    #main-nav {
        display: block;
        position: absolute;
        list-style: none;
        top: 70px;
        left: 312px;
    }
        ul#main-nav li {
            display: block;
            float: left;
            margin-left: 15px;
        }
            ul#main-nav li a {
                text-decoration: none;
                color: #fff;
                text-transform: uppercase;
                font-style: italic;
                font-family: "Times New Roman", "Times", serif;
                font-size: 11pt;
                font-weight: 700;
            }

    a#star {
        position: absolute;
        bottom: 15px;
        right: 5px;
        background-image: url('images/anim.gif');
        width: 153px;
        height: 146px;
    }

    #wrap > .border { position: absolute; }
    #wrap > .bottom.border, #wrap > .top.border{
        width: 100%;
        height: 14px;
        left: 0;
        background-image: url('images/main_border.png');
    }
    #wrap > .bottom.border { bottom: 0; }
    #wrap > .top.border { top: 0; }
    #wrap > .left.border, #wrap > .right.border {
        height: 100%;
        top: 0;
        width: 14px;
        background-image: url('images/main_border1.png');
    }
    #wrap > .left.border { left: 0; }
    #wrap > .right.border { right: 0; }

    #wrap #logo {
        position: absolute;
        width: 175px;
        height: 77px;
        background: url('images/logo.png');
        top: 25px;
        left: 70px;
    }

    #content-bg {
        position: absolute;
        background-color: #FFF;
        top: 115px;
        right: 271px;
        bottom: 100px;
        left: 55px;
    }
        #content-bg > .border { position: absolute; }
        #content-bg > .bottom.border, #content-bg > .top.border {
            width: 100%;
            left: 0;
            height: 2px;
        }
        #content-bg > .bottom.border { bottom: -2px; background-image: url('images/small_border_bottom.png'); }
        #content-bg > .top.border { top: -2px; background-image: url('images/small_border_top.png'); }
        #content-bg > .left.border, #content-bg > .right.border {
            height: 100%;
            top: 0;
            width: 2px;
        }
        #content-bg > .left.border { left: -2px; background-image: url('images/small_border_left.png'); }
        #content-bg > .right.border { right: -2px; background-image: url('images/small_border_right.png'); }

    #content {
        padding: 15px;
        position: relative;
        font-family: "Georgia", "Times New Roman", "Times", serif;
        font-size: 12px;
        text-align: justify;
    }

    #right-block {
        position: absolute;
        width: 216px;
        top: 0;
        right: 55px;
        height: 100%;
    }
        #right-block > .col {
            width: 54px;
            height: 100%;
            float: left;
            position: relative;
        }
            #right-block > .col > .blck {
                border: 1px dashed #fff;
                position: absolute;
                left: 0;
                right: 0;
            }
                #right-block > .col > .blck > .tbg {
                    position: absolute;
                    top: 0;
                    width: 100%;
                    height: 50px;
                    background-repeat: no-repeat;
                    background-image: url('images/top_bg.png');
                }
                #right-block > .col > .blck > a {
                    position: absolute;
                    height: 346px;
                    background: transparent no-repeat center 15px;
                    width: 52px;
                    border: none;
                }

            #right-block > .col > .top {
                top: 0;
                height: 113px;
                display: none;
            }

            #right-block > .col > .main {
                bottom: 98px;
                top: 113px;
            }

            #right-block > .col.active > .top { display: block; }

            #right-block > #col_1 > .blck { background-image: url('images/bg_blue.png'); }
            #right-block > #col_2 > .blck { background-image: url('images/bg_dark_blue.png'); }
            #right-block > #col_3 > .blck { background-image: url('images/bg_brown.png'); }
            #right-block > #col_4 > .blck { background-image: url('images/bg_cyan.png'); }
    #contacts {
        position: absolute;
        bottom: 60px;
        left: 80px;
        font-family: "Georgia", "Times New Roman", "Times", serif;
        font-size: 20px;
        font-style: italic;
        color: #fff;
    }
#footer{
    font-size: 9px;
    text-align: center;
    margin-top: 40px;
}
    #footer a{
        color: #aaa;
    }

/* для Oper-ы */
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
    #right-block > .col > .main{
        height: 65%;
    }
}