@charset "utf-8";
* {
	margin:0;
	padding:0
}
body {
	background: #000000  url('../images/main_bg.jpg') 49% top no-repeat;
	text-align: center;
	max-width: 100%;
	color: #CDCDCD;
}
.bg_1 {
	background: url('/images/listbg.png') center 130px repeat-x;
	width: 100%;
	text-align: center;
	position: relative;
	background-size: 35px 127px !important;
	// оригинал 50 × 182
}
.main {
	width: 600px;
	margin: 0px auto;
	text-align: left;
}
a {
	color: #CDCDCD;
}
img {
	border:none;
}
ul {
	list-style-type:none;
}
h2, h3 {
font:bold 30px Arial;
color:#fff;
text-transform:uppercase;
margin-bottom:12px;
}
h3 {
font:bold 18px Arial;
color:#fff;
text-transform:none;
margin-bottom:6px;
}

p {
	font: 24px Arial;
	color: #CDCDCD;
	margin-top: 24px;
}
.clear {
	clear:both;
	line-height:1%;
	margin-bottom:-1px;
	height:0px;
	overflow:hidden;
	font-size: 16px;
}


/* header */

.header {
	width: 100%;
	height: 146px;
	overflow: hidden;
	display: block;
}
.logo {
	float:left;
}
.hh {
	font: Arial, Helvetica, sans-serif;
	color: #fff;
	width: 100%;
	text-align: center;
}
h1 {
	font-size: 24px;
	font-family: Arial;
	margin-top: 10px;
}
.menu {
	clear: both;
	margin-top: 10px;
}
.menu ul {
	width: 365px;
	margin: 0px auto;
}
.menu li {
	margin-right:19px;
	float:left;
}
.menu li:last-child {
	margin-right: 0px;
}
.menu a {
	font: 16px Arial;
	color:#fff;
	padding:2px 0px 0px 4px;
	display:block;
	text-decoration:none;
}
.m_l {
	background:url('/images/m_l.gif') left top no-repeat;
	width:9px;
	height:22px;
	display:block;
	float:left;
}
.m_c {
	background:url('/images/m_c.gif') left top repeat-x;
	height:22px;
	font: 16px Arial;
	color:#fff;
	padding:2px 0px 0px 4px;
	display:block;
	float:left;
}
.m_r {
	background:url('/images/m_r.gif') left top no-repeat;
	width:18px;
	height:29px;
	display:block;
	float:left;
}
.yabuttons {
	height: 24px;
	margin-top: 12px;
	clear: both;
	text-align: center;
}
.yabuttons * {
	font-size: 14px !important;
}
.header, .content * {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}


/* content */

.content {
	width:100%;
	position:relative;
}
.letter_list {
	margin: 28px auto 0 auto;
	height: 83px;
	cursor: default;
}
.letter_list li {
	margin-right:2px;
	float:left;
}
.letter_list img {
	width: 33px;
	height: 41px;
}
.letter_list span {
	background:url('/images/show.gif') left top no-repeat;
	background-size: 33px 41px;
	width:33px;
	height:41px;
	//47x58;
	font:28px Arial;
	color:#000;
	text-align:center;
	text-transform: uppercase;
	padding-top: 6px;
	display: block;
}

.len1, .len2 {
	width: 70px;
}
.len3, .len4 {
	width: 140px;
}
.len5, .len6 {
	width: 210px;
}
.len7, .len8 {
	width: 280px;
}
.len9, .len10 {
	width: 350px;
}
.len11, .len12 {
	width: 420px;
}
.len13, .len14 {
	width: 490px;
}
.len15, .len16 {
	width: 560px;
}

.schet {
	display: none;
}
.noflash .baraban {
	margin: 0 auto;
	position: relative;
	z-index: 100;
	width: 500px;
	height: 250px;
	overflow: hidden;
	cursor: default;
}
.baraban img {
	position: relative;
	width: 500px;
	height: 500px;
	top: -250px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.shadow-wrapper {
	height: 250px;
	overflow: hidden;
	margin: -250px auto 0 auto;
	width: 500px;
}
.shadow {
	background:url('../images/shadows.png') center top no-repeat;
	position: relative;
	z-index: 110;
	height: 250px;
	margin-top: 0px;
	overflow: hidden;
	cursor: hand;
	cursor: pointer;
	border-radius: 0px 0px 250px 250px;
}
.noflash .arrow {
	width: 600px;
	position: relative;
	margin-left: 0px;
	margin-top:-17px;
	text-align: center;
	z-index: 112;
	cursor: default;
}
.arrow img {
	width: 30px;
	height: 30px;
}




.aplh_block {
	background: #2D353E url('/images/alph_top_600.png') left top no-repeat;
	position: relative;
	z-index: 111;
	width:600px;
	padding-top:14px;
	margin-top: -11px;
}
.alph_bot {
//	background:url('/images/alph_bot_600.png') left top no-repeat;
	background-color: #292c2f;
	width:600px;
	height:8px;
	line-height:0px;
}

.question_block {
	background:url('/images/question_block_600.png') left bottom no-repeat;
	width:600px;
	min-height:66px;
}
.question {
	width:510px;
	float:left;
}
.question strong{
	font-weight: bold;
	color:#fff;
	text-transform:uppercase;
}
.question span {
	font: 24px Arial;
	color:#fff;
	margin-left:12px;
	margin-top:3px;
	display:block;
	float:left;
}
.tur {
	background:url('/images/tur_bg.gif') left top no-repeat;
	width:67px;
	height:58px;
	font:bold 18px Arial;
	color:#fff;
	margin-left:4px;
	text-align:center;
	float:left;
}
.tur span {
	font:bold 36px Times;
	margin-bottom:-9px;
	display:block;
}
.letter_block {
	background:#ACB6C6 url('/images/leter_block_top_600.png') left top no-repeat;
	width:600px;
	margin:6px 0 0 0px;
}
.letter_pic ul {
	margin-left:0px;
	padding-top:5px;
}
.letter_pic li {
	margin-right:3px;
	margin-bottom:4px;
	float:left;
}
.letter_pic a {
	background:url('/images/letter.png') left top no-repeat;
	width:47px;
	height:39px;
	font:bold 24px Arial;
	padding-top:8px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	display:block
}
.letter_pic a:hover {
	background-position: 0  -47px;
}
.disable .letter_pic a {
	background-position: 0  -94px;
}
.slovo {
	float:left;
}
#slovo {
	background:url('/images/slovo.png') left top no-repeat;
	width:147px;
	height:47px;
	display: block;
}
.disable #slovo {
	background-position: 0  -47px;
}
#showanswer {
  background:url('/images/showanswer.png') left top no-repeat;
  width:167px;
  height:47px;
  display: block;
  position: relative;
  margin: 0px auto 0 auto;
}
.yandex-block {
	width:600px;
	margin: 0px auto 0px auto;
	color:#888;
}
.yandex-block * {
	font:24px Arial;
}
.noflash .yandex-block {
	position: relative;
	top: 0px;
}
.qa-wrapper {
border: 1px solid gray;
border-radius: 10px;
padding: 10px 30px;
max-width: 970px;
margin: 20px 0;
}

@media (max-width: 1000px) {
	h1 {
		font-size: 28px !important;
	}
	.menu ul {
  	width: 550px;
	}
	.menu .m_c, .menu a {
  	font-size: 26px !important;
	}
	.menu .m_l, .menu .m_c, .menu .m_r {
  	height: 32px;
  	background-size: auto 100%;
	}
	.menu .m_l {
  	width: 13px;
	}
	.menu .m_c {
  	height: 31px;
	}
  .menu .m_r {
  	width: 28px;
	}
	.sub_cont {
		font-size: 20px !important;
		width: 100%;
	}
	.sub_cont h1, .sub_cont h2, .sub_cont p, .sub_cont h3, .sub_cont div.qa, .footer .copy p, .sub_cont li  {
  	margin-left: 30px;
  	font-size: 24px;
	}
	.sub_cont .qa-wrapper h2, .sub_cont .qa-wrapper h3, .sub_cont .qa-wrapper p {
  	margin-left: 0px;
	}
}