html{position:relative;min-height:55%}
    body{background-color:#000;background-repeat:repeat;font-family:RobotoRegular;color:#494949;margin-bottom:136px}
        .wrapper{width:1024px;margin:0 auto;background:url(images/bg10.png);height:768px}
        main{width:1024px;height:768px;overflow:hidden;position:relative}
            .left{min-height:500px;float:left;width:622px;height:auto;position:relative}
            .left.header-left{min-height:106px;border:3px solid #07668A}
                .left p[id*='question']{font-weight:700;margin-top: 16px;font-size: 21px;visibility: hidden;}
                .image-icon{margin-top:2px;margin-left:10px;float:left;width:23px;height:18px;background:url(images/sprite.png) -10px -37px}
                    a.hint{text-decoration:none;font-size:15px;color:#0D7AFC;position:relative;bottom:0;margin-left:6px}
                    div.hint{/* display:none; */position:absolute;bottom: 175px;left:5%;content:"";width:570px;height: 183px;z-index:100}
                        .ramka{border:1px solid #C3BEB4;background-color:rgba(255,232,191,0.85);color:#312819;margin-bottom:7px;padding:2px 8px;overflow-x: hidden;overflow-y: hidden;height: 406px;}

                    .right{min-height:500px;float:right;width:395px;height:auto;position:relative;border-left-style:solid;border-left-width:2px;border-left-color:#EADBC1}
            .right.header-right{min-height:106px;border:none;width:390px;float:right;border:3px solid #A66201}
                input[type='text']{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border-color:#0D7AFC}
                .radios .radio{margin-top:9px;margin-left:-28px;display:inline-block;width:17px;height:17px;background:url(images/sprite.png) -37px -10px;padding-left:10px}
                .radios input[type=radio]{display:none}
                .radios input[type=radio]:checked + .radio{background-position:-10px -10px}
                
                .header{padding-left:40px;line-height:100px;font-size:22px;color:#fff;}
                .left .header{background:url(images/left_head.png);height:106px}
                .right .header{background:url(images/right_head.png) -80px 0;height:106px}

            .ada{background:url(images/ada.png);width:147px;height:294px;text-align:center;margin-right:2px;position:absolute;bottom:-114px;right:0}
                .arrow-next{float:right;margin-left:10px;margin-top:6px;width:8px;height:16px;background:url(images/sprite.png) -43px -37px}
            .jas{background:url(images/jas.png);width:127px;height:294px;text-align:center;margin-right:2px;position:absolute;bottom:-114px;right: 270px;}
                #btnPrev{right:10px}
                .arrow-prev{margin-left:-25px;margin-right:12px;display:inline-block;margin-top:6px;width:8px;height:16px;background:url(images/sprite.png) -61px -37px}

            .finalmsg{text-align:center;font-size:24px;width:100%;position:absolute;top:190px}



        .footer{margin:1px auto 0;width:1022px;height:100px;background-color: #FFF;border-style:solid;border-width:1px;border-color:#EAEAEA;z-index:5}
            .description{padding-top:30px;padding-left:24%;width:auto;height:auto;cursor:pointer;font-size:25px;color:#0D7AFC;float:left;display: none;}
            .btn{display:block;width:80px;height:30px;color:#fff;font-size:20px;text-decoration:none;position:absolute;bottom:126px;right:34px}
                .info{margin-left:30px;margin-top:15px;float:left}
                .reset{margin-right:30px;margin-top:15px;float:right}
                    .button-quiz{display:inline-block;width:37px;height:37px;white-space:nowrap;text-indent:100%;line-height:37px;background-image:url(../../../styles/images/sprite-overall.png);overflow:hidden}
                    .button-quiz.info{width:36px;background-position:-505px -384px}
                    .button-quiz.reset{background-position:-964px -84px}

p{margin-left:10px;margin-right:10px;margin-top:10px;width:auto;font-size:15px}

@font-face{font-family:'UbuntuRegular';src:url(./fonts/Ubuntu-Regular.ttf)}
@font-face{font-family:'RobotoRegular';src:url(./fonts/Roboto-Medium.ttf)}



a#btnCheck {
    background-color: #0D7AFC;
    position: absolute;
    right: 38%;
    bottom: 280px;
    width: 210px;
    height: 29px;
    padding: 10px 10px;
    border-radius: 7px;
}

.mark_ok {
    width: 21px;
    height: 16px;
    background: url(images/ok.png);
    display: inline-block;
    margin-left: 3px;
}

.mark_bad {
    width: 16px;    height: 16px;        
    background: url(images/bad.png);
    display: inline-block;    margin-left: 3px;
}

.pre {
    margin-top: 90px;
}

.ramka table {
    width: 100%;
    margin-top: 20px;
}

.ramka td {
    width: 33%;
    border: 1px solid #C3BEB4;
    text-align: center;
}

.ramka tr:first-child {
    font-weight: bold;
}