@charset "utf-8";
* {
margin:0;
padding:0
}
body {
background:#000000  url('../images/main_bg.jpg') center top no-repeat;
text-align:center;
}
.bg_2 {
background:#000000  url('../images/main_2.jpg') center top no-repeat;
text-align:center;
}
img {border:none}
ul {
list-style-type:none;
}
h2 {
font:bold 30px Palatino Linotype;
color:#fff;
text-transform:uppercase;
margin-bottom:12px;
}
p {
font:12px Arial;
color:#CDCDCD;
margin-top:24px;
}
.bg_1 {
background:url('../images/bg_1.gif') center top repeat-x;
width:100%;
text-align:center;
position:relative;
}
.main {
width:970px;
margin:0px auto;
text-align:left;
}
.clear {
clear:both;
line-height:1%;
margin-bottom:-1px;
height:1px;
overflow:hidden;
font-size:0px
}
.header {
width:100%;
}
.logo {
float:left;
}
.hh {
margin: 7px 0 0 30px;
float:left;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
}
.menu {
margin:55px 0 0 105px;
float:left;
}
.menu li {
margin-right:19px;
float:left
}
.menu a {
font:14px 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:14px 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;
}
.content {
width:100%;
position:relative;
}
.letter_list {
margin:65px 0 0 311px;
//margin:70px 0 0 313px;
height:119px;
}
.letter_list li {
margin-right:3px;
float:left;
}
.letter_list span {
background:url('../images/show.gif') left top no-repeat;
width:47px;
height:51px;
font:42px Arial;
color:#000;
text-align:center;
text-transform:uppercase;
padding-top:7px;
display:block;
}
.schet {
background:url('../images/schet.png') left top no-repeat;
width:174px;
height:92px;
margin-top:65px;
padding-top:72px;
padding-left:20px;
text-align:center;
font:18px Arial;
color:#fff;
float:left;
filter:expression(fixPNG(this));
position:relative;
}
.schet  strong {
font:bold 36px Arial;
display:block;
}
.baraban {
margin-left:2px;
position:relative;
z-index:100;
float:left;
}
.google_roll {
margin:120px -5px 0 0px;
position:relative;
float:left;
}
.roll {
margin:65px -5px 0 0px;
position:relative;
float:left;
}
.roll span {
background:url('../images/roll.png') left top no-repeat;
width:193px;
height:164px;
filter:expression(fixPNG(this));
position:absolute;
left:0px;
top:0px;
z-index:100;
display:block 
}
.roll a {
width:193px;
height:164px;
position:absolute;
left:0px;
top:0px;
z-index:200;
display:block 
}
.aplh_block {
background:#2D353E url('../images/alph_top.jpg') left top no-repeat;
width:620px;
padding-top:14px;
margin-left:178px;
margin-top:0px;
}
.yandex_block {
width:800px;
padding-top:14px;
margin-left:125px;
margin-top:0px;
}
.question_block {
background:url('../images/question_block.jpg') left top no-repeat;
width:608px;
height:66px;
margin-left:6px;
}
.tur {
background:url('../images/tur_bg.gif') left top no-repeat;
width:67px;
height:58px;
font:bold 18px Arial;
color:#fff;
margin-left:8px;
_margin-left:4px;
text-align:center;
float:left;
}
.tur span {
font:bold 36px Times;
margin-bottom:-9px;
display:block;
}
.question {
width:510px;
margin-left:14px;
float:left;
}
.question strong{
font:bold 18px Arial;
color:#fff;
text-transform:uppercase;
display:block;
float:left;
}
.question span {
font:14px Arial;
color:#fff;
margin-left:12px;
margin-top:3px;
display:block;
float:left;
}
.letter_block {
background:#ACB6C6 url('../images/leter_block_top.gif') left top no-repeat;
width:608px;
margin:6px 0 0 6px;
}
.letter_pic ul {
margin-left:5px;
padding-top:5px;
}
.letter_pic li {
margin-right:3px;
margin-bottom:4px;
//margin-bottom:0px;
float:left;
}
.letter_pic a{
background:url('../images/letter.jpg') 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; 
}
.slovo {
margin-left:50px;
float:left;
}
.alph_bot {
background:url('../images/alph_bot.gif') left top no-repeat;
width:620px;
height:14px;
margin-left:178px;
line-height:0px;
font-size:0px;
}
.sub_cont {
width:556px;
margin:70px 0 0 112px;
_margin-left:56px;
float:left;
position:relative;
}
.play {
width:193px;
height:164px;
position:absolute;
right:-257px;
bottom:0px;
}
.play  span {
background:url('../images/play.png') left top no-repeat;
width:193px;
height:164px;
filter:expression(fixPNG(this));
position:absolute;
left:0px;
top:0px;
z-index:100;
display:block 
}
.play  a {
width:193px;
height:164px;
position:absolute;
left:0px;
top:0px;
z-index:200;
display:block 
}
.footer {
width:100%;
height:71px;
margin-top:51px;
}
.copy {
font:11px Tahoma;
color:#888888;
}
.copy a {
color:#92DD01;
display:block;
}
.web {
float:right;
}
.pay {
background:url('../images/pay_bg.gif') left top no-repeat;
width:608px;
height:464px;
position:absolute;
left:186px;
top:0px;
//top:64px
}
.title_1 {
width:100%;
font:bold 30px Palatino Linotype;
color:#fff;
text-align:center;
padding-top:20px;
}
.title_1 span {
font:24px Palatino Linotype;
display:block;
}
.title_1 b {
font:12px Arial;
color:#C7C7C7;
margin-top:10px;
display:block;
}
.txt_1 {
width:108px;
font:14px Arial;
color:#fff;
margin:24px 0 0 106px;
_margin-left:53px;
float:left
}
.inp_1{
background:url('../images/inp_1.gif') left top no-repeat;
width:286px;
height:31px;
margin-top:16px;
float:left;
}
.inp_3 {
background:url('../images/inp_1.gif') left top no-repeat;
width:286px;
height:31px;
margin-top:8px;
}
.inp_1 input ,.inp_3 input{
background:transparent;
border:none;
width:270px;
height:26px;
font:19px Arial;
color:#fff;
margin:4px 0 0 10px;
display:block
}
.inp_2 {
background:url('../images/inp_2.gif') left top no-repeat;
width:198px;
height:31px;
margin-top:16px;
margin-left:2px;
float:left;
}
.inp_2 input {
background:transparent;
border:none;
width:175px;
height:26px;
font:19px Arial;
color:#fff;
margin:4px 0 0 10px;
display:block
}
.sel_1 {
float:left;
margin-top:17px;
}
.sel_1 select {
width:86px;
font:19px Arial;
color:#000
}
.text_1 {
font:14px Arial;
color:#C7C7C7;
margin:26px 42px 0 42px;
}
.text_1 span {
color:#FFFEFE;
display:block;
}
.text_small {
font:10px Arial;
color:#C7C7C7;
margin:26px 42px 0 42px;
}
.text_small span {
color:#FFFEFE;
display:block;
}
.kod {
width:280px;
margin:40px 0 0 104px;
_margin-left:52px;
float:left;
}
.txt_2 {
font:15px Arial;
color:#fff;
}
.done_but {
margin:0px 0 0 20px;
_margin:-2px 0 0 14px;
float:left;
}