@font-face {
    font-family: 'CR';
    src: url('../fonts/cuprum_regular.eot');
    src: local('cuprum_regular'), url('../fonts/cuprum_regular.woff') format('woff'),url('../fonts/cuprum_regular.ttf') format('truetype'), url('../fonts/cuprum_regular.svg#cuprum_regular') format('svg');
}

@font-face {
    font-family: 'CB';
    font-weight: bold;
    src: url('../fonts/cuprum_bold.eot');
    src: local('cuprum_bold'), url('../fonts/cuprum_bold.woff') format('woff'),url('../fonts/cuprum_bold.ttf') format('truetype'), url('../fonts/cuprum_bold.svg#cuprum_bold') format('svg');
}

* {
	margin: 0;
	padding: 0;
}
body {
	font: 18px/30px 'CR';
	width: 100%;
    min-height: 100%;
}
.bg {background: url('../i/main.jpg'); width: 1280px; height: 1024px; position: relative;}
.bg-1 {background: url('../i/mainbg.jpg'); width: 1280px; height: 1080px; position: relative;}
.button { font: 28px 'CB'; color: white; text-decoration: none; text-align: center;}
.button span {display: block; width: 100%; text-align: center; font: 18px 'PT Sans';}
.button1 {background: url("../i/button1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    display: block;
    height: 112px;
    padding-right: 16px;
    padding-top: 14px;
    width: 499px;
    color: #ae6035;
    text-shadow: 1px 1px white;
    margin-right: 21px;
}
.button2 {background: url('../i/button1-1.png'); width: 251px; height: 115px; display: block; float: left;
    height: 101px;
    padding-right: 16px;
    padding-top: 14px;
    color: #745635;
    text-shadow: 1px 1px white;
}
.button3 {background: url('../i/button2.png'); width: 524px; height: 90px; display: block; clear: both; margin-bottom: 10px; padding-top: 14px;text-shadow: 0px 0px 3px #A2BBE8;}
.button4 {background: url('../i/button2-2.png'); width: 254px; height: 90px; display: block; float: left; margin-right: 16px; margin-bottom: 10px; padding-top: 14px;text-shadow: 0px 0px 3px #A2BBE8;}

.button-back {background: url('../i/button-main.png'); width: 241px; height: 127px; display: block; margin-bottom: 10px; float: left;}
.button-main {background: url('../i/button-back.png'); width: 173px; height: 113px; display: block; margin-bottom: 10px; float: left; margin-right: 50px;}

.content-text {width: 1180px; height: 713px; position: absolute; left: 50%; margin-left: -590px; top: 170px;}
.content-text h1 { font: 36px 'CB'; margin-top: 10px;}
.bg-radio .content-text {background: url('../i/bg-radio.png'); border-radius: 20px;}
.bg-cosmo .content-text {background: url('../i/bg-cosmo.png'); border-radius: 20px;}

.navi {bottom: -22px; left: 60px; position: absolute;}
.navi .button2 {margin-right: 100px; padding-top: 26px; height: 88px;}
.navi .button4 {margin-right: 100px; padding-top: 26px; height: 78px;}


.bg-radio .scroll-element_inner {background-color: #beb4aa;}
.bg-radio .scroll-bar {background-color: #9b7147 !important;}

.bg-cosmo .scroll-element_inner {background-color: #132444;}
.bg-cosmo .scroll-bar {background-color: #4c64a1 !important;}

.bg-cosmo h1 {color: white;}
.bg-cosmo .content-text * {color: white;}

.wise_editable_document {padding-right: 50px;}
.wise_editable_document p {margin-bottom: 30px;}

.clear {clear: both;}
.photo {float: left; display: block; margin-right: 20px; margin-bottom: 20px;}

.content-text .button1 {float: left; clear: none !important; padding-right: 3px;}
.bg-cosmo .content-text .button1 {background: url('../i/button2.png'); width: 521px; height: 90px; display: block; clear: both; margin-bottom: 10px; padding-top: 14px;text-shadow: 0px 0px 3px #A2BBE8; float: left; clear: none !important; padding-right: 3px;}
.bg-cosmo .navi .button2 {background: url('../i/button2-2.png'); width: 238px; height: 90px; display: block; float: left; margin-right: 16px; margin-bottom: 10px; padding-top: 14px;text-shadow: 0px 0px 3px #A2BBE8; color: white;margin-right: 100px; padding-top: 26px; height: 78px;}

.submenu {margin-bottom: 30px;}
.item {background: url("../i/item.png") no-repeat; width: 251px; min-height: 50px; padding-top: 270px; position: relative; float: left; margin-right: 108px; padding-left: 8px;}
.item img {position: absolute; left: 17px; top: 26px;}
.item a {text-decoration: none; color: #433d3f; font: 18px 'CB';}
.item .numer {color: #b46437;}

.imageItem {border: 14px solid #f6f6f6; -moz-box-shadow: 1px 9px 12px #9b9994;
    -webkit-box-shadow: 1px 9px 12px #9b9994;
    box-shadow: 1px 9px 12px #9b9994;
    float: left;
    margin: 4px 30px 20px 16px;
}