body {
    background: #1F2334;
    padding: 0;
    font-family: Tahoma, Geneva, sans-serif;
    margin: 0 auto;
    width: 555px;
}

.group {
    /**/
}
.group .group-name {
    margin: 30px 5px 10px 5px;
    font-size: 32px;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    color: white;
}


.item2 {
    display: inline-block;
    margin: 10px 5px;
}
.item2 .frame {
    min-width: 150px;
    min-height: 186px;
    padding: 0px;
    border: 5px solid #75819d; /* IE */
    -moz-border-image: url(/images/frames/silver_frame.png) 11 11 11 11 repeat; /* Firefox 4 */
    -webkit-border-image: url(/images/frames/silver_frame.png) 11 11 11 11 repeat; /* Safari 5 и Chrome */
    -o-border-image: url(/images/frames/silver_frame.png) 11 11 11 11 repeat; /* Opera 10.5 */
    border-image: url(/images/frames/silver_frame.png) 11 11 11 11 repeat; /* CSS3 */
    margin: 0 2px -4px 2px;
    /**/
    background-color: #001f34;
    background-repeat: no-repeat;
    /*background-position: center -19px;*/
    /*background-size: 236px;*/

    /*background-position: center bottom;*/
    background-position: center 46px;
    background-size: 130px;
    background-image: url(/images/icon1.png);

}

.gold100 {
    background-image: url(/images/godlands/gold1_128.png) !important;
}

.gold500 {
    background-image: url(/images/godlands/gold2_128.png) !important;
    background-size: 117px !important;;
    background-position: center 55px !important;
}

.gold1000 {
    background-image: url(/images/godlands/gold3_128.png) !important;
}

.gold5000 {
    background-image: url(/images/godlands/gold4_128.png) !important;
}

.gold10000 {
    background-image: url(/images/godlands/gold5_128.png) !important;
}

.item2 .desc {
    text-align: center;
    min-height: 180px;
}
.item2 .caption1 {
    color: white;
    margin: 5px 0;
    font-weight: bold;
}
.item2 .caption2 {
    color: #d0dae6;
    margin: 5px 0;
}

.btn {
    display: block;
    text-decoration: none;
    color: white;
    font-weight: bold;
    line-height: 50px;
}
.btn .btn-l {
    background-image: url(/images/buttons/be-left.png);
    background-repeat: no-repeat;
    background-size: 7px 100%;
}
.btn .btn-r {
    background-image: url(/images/buttons/be-right.png);
    background-repeat: no-repeat;
    background-size: 8px 100%;
    background-position: right top;
}
.btn .btn-c {
    background-image: url(/images/buttons/be-center.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 8px 0 7px;
    /*line-height: 50px;*/
    text-align: center;
    font-size: 20px;
}

.btn.disabled {
    color: #bcbcbc;
}
.btn.disabled .btn-l {
    background-image: url(/images/buttons/bd-left.png);
}
.btn.disabled .btn-r {
    background-image: url(/images/buttons/bd-right.png);
}
.btn.disabled .btn-c {
    background-image: url(/images/buttons/bd-center.png);
}

#loginBlock {
    position: relative;
    width: 300px;
    background: rgb(47, 83, 89);
    color: white;
    border-radius: 8px;
    font-size: 24px;
    padding: 20px 0 10px 0;
}

@media (max-width: 500px) {
    #loginBlock {
        transform: scale(1.3)
    }
}

#userName {
    color: #d5f0ff;
    font-size: 20px;
    margin: 16px 0 30px 0;
}

.pay-img {
    width: 200px;
}

.typeselector [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.typeselector {
    cursor: pointer;
}

.typeselector [type=radio]:checked + div{
    outline: 3px solid #4c9700 !important;
}

.popup {
    /*background: #56575a;*/
    /*text-align: center;*/
    /*border: 2px #7a7a7a solid;*/
    /*font-size: 20px;*/
    /*padding: 9px;*/
    /*color: white;*/
    color: #d5f0ff;
    padding: 5px;
    font-size: 17px;
}