body {
background: #FFF ;
background-size: cover;
background-repeat:no-repeat;
color:#000;
font-family: Verdana;
font-size:12px;
padding:0px;margin:0px;
}
#all{
/*height: 200px;*/
width: 1010px;
/*left: 50%;
//margin-left: -505px;
//position: absolute;*/
margin:0 auto;
}
#main{
width: 1010px;
/*margin-top: 255px;*/
overflow: hidden;
padding: 5px;
}
.header{
height:200px;
width:1000px;
background:#444 URL(header.jpg);margin: 0px 5px 0px 5px;
/* left:50%;
margin-left:-500px;
position: absolute;*/ border-radius:0px 0px 15px 15px;
}
.slider{height: 207px;}
.umen{
height:40px;margin: 5px 5px 0px 5px;
width:970px;
/*left:50%;
margin-left:-500px; position: absolute; margin-top:215px; */padding: 0px 15px;
 border-radius:15px;background: #464646; 
 font-size:17px;
}
.umen a{color:#FFF; text-decoration:none; float:left; -webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;
padding: 7px;height: 26px;background: #464646; padding-left: 25px;
padding-right: 25px; line-height: 24px;
}
.umen a:hover{background: #888;color:#FFF;}
.umen form{margin-top:2px;}

.content{background:#FFF;
width:710px; font-size:13px;
overflow:hidden;
/*margin-left:270px;   */ float:left;
padding:5px 10px 25px 10px;
min-height:500px; border-radius:15px;
}
.footer{
height:15px;                    
width:960px;   border-radius:15px;
background:#FFF; margin-top:15px; padding:20px;    margin: 0px 5px 0px 5px;
/*left:50%;
margin-left:-500px;
position: absolute; 
margin-bottom:10px;  */
/*bottom:0px; */
}

a{color:#505050;}
a:hover{color:#979797;}

.menu{width:250px;  border-radius:15px;padding: 5px;
min-height:525px; padding-top:5px;padding-bottom:15px; margin-left: 735px;}
.amenu h1{font-size:15px;}
.amenu a{
display:block;
background:#444;background:rgba(0, 0, 0, 0.3);color:#CCC;
min-height:25px;
width:205px;
padding: 5px 10px 0px 15px;
margin-bottom:5px;
font-size:14px;
text-decoration:none;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;

/*background-color: whiteSmoke;    
border-top: 1px solid white;
border-left: 1px solid white;      
border-bottom: 1px solid #DDD;
border-right: 1px solid #DDD;       */
border-radius: 5px;
}
.amenu a:hover{background:rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 3px #000; color:#FFF; }
.content h1{

font-size: 18px;
border-bottom: 1px solid #222;}
.astra {box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);}
/*.find {background:#555; border-radius:4px; border:1px solid #666; color:#C6C6C6;}
.find:hover {background:#888;border:1px solid #777;}    */
.inp{border-radius:4px; border:1px solid #666; outline: none;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; padding: 2px 10px; font-style:italic;margin-top: 4px;}
.inp:hover{/*background:#BBB;*/ box-shadow: 0px 0px 3px white;}
  .inp:focus{background:#888; color:#FFF;}
.list{float:none;
display: block;
color: #FFAE00;
margin-bottom: 10px;}
.list:hover{color:#FFF;}
#formreg
{
width:300px;
height:100px;
float:right;
background: rgba(0, 0, 0, 0.5); padding: 10px;
}
.but{border: 0px;
outline: 0px;
background: white;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
margin-left: 15px;
margin-top: 6px;
border-radius: 3px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
padding: 4px;
font: -webkit-small-control;
color:#000;
text-decoration:none;cursor:hand;
}
.but:hover {
color:#000;
text-decoration:none;
background:#DDD;
}


#attention{background: #7CB969;
width: 100%;
font-size: 22px;
color: white;
text-align: center;}





#proho{color:#FFF; border:none;text-shadow: 0px 0px 3px #FFF;
border-spacing: 6px 5px;
border-collapse: collapse;
padding: 50px;
border-radius: 4px;
border-color: grey;}
#proho tr{border-bottom:1px solid #FFF;}
.footer img{display: none;}
.umen a.active {background: #AAA;
color: white;}


.news{
width: 700px;
float: none;
min-height: 190px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
padding: 5px;
margin-bottom: 15px;
}
#vk_groups {
margin-left:15px;

}

.listmy a{
text-align: center;
padding: 5px;
margin: 3px;
background: #DDD;
display: block;
width: 124px;
border-radius: 5px;
float:left;
}

.listpic a {
text-align: center;
/*padding: 5px;*/
margin: 3px;
background: #009746;
display: block;
border-radius: 5px;
float: left;
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
text-decoration:none;
color:white;

}
.a2f1s{ overflow: hidden;}
.a2f1s a {
text-align: center;
padding: 5px;
margin: 3px;
background: #DDD;
display: block;
width: 190px;
border-radius: 5px;
float:left;}
#ars a {color:blue; text-decoration:underline; cursor:hand}
#ars a:hover{text-decoration:none;}

.tablev
{
background: #DDD;
padding: 5px 15px;
border-radius: 5px 5px 0px 0px;
cursor:hand;
}
.atablev
{
background: #CCC;
padding: 5px 20px;
border-radius: 5px 5px 0px 0px;
box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.4);
}
#tabli td{
background: #DDD;
text-align: center;
padding: 3px;
border-radius: 6px;
}
#tabli img {float:left}

.tblef {
padding: 15px 12px;
display: block;
width: 90px;
margin: 3px 2px 3px 0px;
text-align: center;
height: 20px;
border-radius: 0px 5px 5px 0px;
background:#EEE;
cursor:hand;
-webkit-transition: all 0.3s;
}
.tblef:hover{
width: 85px;
}
.atblef{
padding: 15px 12px;
display: block;
width: 90px;
margin: 3px 2px 3px 0px;
text-align: center;
height: 20px;
border-radius: 5px 0px 0px 5px;
box-shadow: -3px 0px 4px rgba(0, 0, 0, 0.4);
background:#CCC;
}
.atablev:hover{color:black;}
.b-share-icon, #uLogin div {
    float: left;
display: inline;
overflow: hidden;
width: 40px !important;
height: 40px !important;
padding: 0!important;
vertical-align: top;
border: 0;
    background: url(buttons-soc.png) !important;}
.b-share-icon_lj{
    
}
.b-share__handle{height:40px !important;}
.b-share-icon_vkontakte, #uLogin #b_vkontakte, a#b_vkontakte{background-position: -168px 0px !important;}
.b-share-icon_vkontakte:hover, #uLogin #b_vkontakte:hover {background-position: -168px 40px !important;}
.b-share-icon_twitter {background-position: -42px 0px !important;}
.b-share-icon_twitter:hover {background-position: -42px 40px !important;}
.b-share-icon_facebook, #uLogin #b_facebook {background-position: 0px 0px !important;}
.b-share-icon_facebook:hover, #uLogin #b_facebook:hover {background-position: 0px 40px !important;}
.b-share-icon_odnoklassniki, #uLogin #b_odnoklassniki {background-position: -126px 0px !important;}
.b-share-icon_odnoklassniki:hover, #uLogin #b_odnoklassniki:hover {background-position: -126px 40px !important;}
.b-share-icon_moimir, #uLogin #b_mailru {background-position: -294px 0px !important;}
.b-share-icon_moimir:hover, #uLogin #b_mailru:hover {background-position: -294px 40px !important;}
.b-share-icon_lj {background-position: -336px 0px !important;}
.b-share-icon_lj:hover {background-position: -336px 40px !important;}
.b-share-icon_gplus {background-position: -252px 0px !important;}
.b-share-icon_gplus:hover {background-position: -252px 40px !important;}

input#search{
width: 100%;
background: rgb(250, 250, 250);
padding: 2px 11px;
margin-top: 11px;
border-radius: 4px;
outline: none;
border: 0px;
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
height: 30px;
font-style: italic;
font-size: 15px;
transition:background 0.3s;
}
input#search:focus{    background: rgb(221, 221, 221);}


#uLogin div{margin:3px;}
#uLogin div:hover{opacity:100% !important;}

.advitemrig{text-align:center;}
.advitemrig img{border-radius:8px;
-moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;}
.advitemrig a{margin-top:15px; display:block;}
.advitemrig a:hover{text-decoration:none;}
.advitemrig a img{-webkit-transition: All 0.3s; margin-bottom: 5px;}
.advitemrig a:hover img {box-shadow:0px 0px 5px rgba(0,0,0,0.4);}
#vk_auth{margin-left: 25px;margin-top: 10px;margin-bottom: 5px;}

/*Онлайн*/
#audiocontrol{background: url(online/buttons-play-pause.png) !important; width:79px;height:78px; display:block;cursor:hand;margin: 0px auto; margin-top: 30px;}
a#audiocontrol.play{background-position: 0px 0px !important;}
a#audiocontrol.play:hover{background-position: 80px 0px !important;}
#audiocontrol.pause{background-position: 0px -86.5px !important;}
#audiocontrol.pause:hover{background-position: 80px -86.5px !important;}
/**/
#sizedImage a:first-child, #hint a:first-child, #rules a:first-child, #addcoins a:first-child, #buycoins a:first-child, #userprofile a:first-child, .mymess a:first-child{float: right;margin-top: -30px;margin-right: -30px; cursor:hand;background: URL(online/close-window.png);background-size: 20px 20px;height: 20px;width: 20px;}
#lamphint{background: url(online/hint.png);background-size: 100px 88px}
#lamphint:hover{background-position: 49.9px 0px !important;}



.unvisible{display:none;}
#word div{border-radius: 5px;width:50px; height:43px; background:darkgray;text-align: center; display:block;float: left;margin: 3px; padding-top:6px;}
#word{display:block;height:58px;font-size: 30px;font-weight: bold;margin-top: 30px; padding-top: 2px;}
#word span.wrap{display: block;clear: both;}
#word span.empty{display: block;height: 50px;width: 50px;float: left; margin:3px;}
#word br{clear:both;}
#gamefield #letters {clear: both;margin-top: 40px;margin-left: 192px;float:left;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}
#gamefield #letters td{border-radius: 3px;width:50px; height:50px; background:rgb(255, 202, 122);text-align: center; font-size:27px;}
#gamefield #letters td.used{font-size: 0px;cursor: default;}
#gamefield #letters td.used:hover{background:gray;}
#gamefield #letters td:hover{cursor:hand; background:rgb(230, 178, 100);}
#gamefield #letters .used {cursor:auto;background:gray;}
.let1, .let2, .let3, .let4, .let5, .let6, .let7, .let8, .let9, .let10, .let11, .let12,
.let13, .let14, .let15, .let16, .let17, .let18, .let19, .let20, .let21, .let22, .let23,
.let24, .let25, .let26, .let27, .let28, .let29, .let30 {background:#FFE973 !important; cursor:hand;box-shadow: 0px 0px 3px rgba(0,0,0,0.2);}
.let{background:#D2FF73 !important; cursor:hand;box-shadow: 0px 0px 3px rgba(0,0,0,0.2);}
.used {font-size:0px;}
/*#word.field{background:gray}*/
#outchecker #message{position: absolute;background: white;width: 710px; height: 310px;}
#current{background: URL(../style/online/level-star.png) no-repeat;background-size: 20px;font-size: 16px;padding-left: 25px;margin-left: 335px;margin-top: -15px;margin-bottom: 15px;}
#coins{margin-left: 580px;margin-bottom: 15px;margin-top: -30px;background: URL(../style/online/coins.png) no-repeat;background-position: 105px 0px;background-size: 20px;width: 100px;display: block;font-size: 16px;padding-right: 80px;text-align: right !important;}
#gamelist a.active{background-position-x: 141px !important;cursor:default;}
#gamelist td{width: 180px;vertical-align: top;text-align: center;}
#gamelist a{margin: auto; font-size: 12px;background-size: 281px !important;display: block;width: 140px;height: 140px;}
#gamelist a#list_soundanim{background:URL("online/list_soundanim.png");}
#gamelist a#list_foot{background:URL("online/list_foot.png");}
#gamelist a#list_carlogo{background:URL("online/list_carlogo.png");}
#gamelist a#list_brend{background:URL("online/list_brend.png");}
#gamelist a#list_movie{background:URL("online/list_movie.png");}
#gamelist a#list_flag{background:URL("online/list_flag.png");}
#gamelist a#list_flower{background:URL("online/list_flower.png");}
#gamelist a#list_country{background:URL("online/list_country.png");}
#gamelist a#list_4f1s{background:URL("online/list_4f1s.png");}
#gamelist a#list_actor{background:URL("online/list_actor.png");}
#gamelist a#list_pokemon{background:URL("online/list_pokemon.png");}
#gamelist a:hover,#gamelist a.active{background-position-x: 141px !important;}
a#showgamelist{cursor: hand;font-size: 16px;background: #CCC;height: 30px;display: block;text-align: center;color: black;padding-top: 10px; transition: all 0.2s;margin-bottom: 20px;}
a#showgamelist:hover{background:#BBB !important;}
h1#h1game{font-size: 18px; border-bottom: 0px solid #222;margin-bottom: 0px;}
a#buttonrules, a#addcoinsbutton1{/*display: inline;float: right;margin-top: 10px;*/border-bottom: dashed 1px;cursor: hand;}
a#buttonrules:hover{border-bottom: dashed 0px;}
#userprofile, #addcoins,#rules, #hint, #payform{border-radius:2px;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);position: absolute;width: 500px;background: white;margin-left: 100px;margin-top: -100px;padding: 20px;}
#addcoins{width: 680px;margin-left: 7px;margin-top: 13px;font-size: 13px;}
#addcoins .wrapper{background: url(online/morecoins.png) no-repeat;padding-left:220px;background-size: 200px;background-position: 0px 200px;}
#userprofile{margin-top: 50px;}
#rules{margin-top: 15px;}
#sizedImage{margin-top: 45px;width: 710px;text-align: center;position: absolute;}
img#sizedImageSource{box-shadow: 0px 0px 10px rgba(0,0,0,0.3);background: white;padding: 10px;border-radius: 2px;max-width: 693px;}
#message{background:#FFF79C;margin-top: 15px;height: 150px;font-size: 16px;border-radius: 5px;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);padding-top: 120px;text-align: center;}
#listwrapper active {background: gray;}
#gamefield{margin-top: 0px;}
#levelimg{text-align: center;max-width: 710px;}
#levelimg img{width: 175px;height: 175px;margin: 1px;width:auto;}
#levelmovie {text-align: center;max-width:710px;}
#levelmovie img{width: 175px;vertical-align: middle;margin: 1px;height: 175;width: auto;}
#lamphint{width: 50px; height:88px; margin: 50px 0px 0px 30px; cursor:hand;float: left;}
#gettinlet{display:none;}
a#addcoinsbutton, a#exit{background: #FFF68D;text-decoration:none;cursor: hand;font-size: 12px;height: 20px;display: block;text-align: center;color: black;padding-top: 3px;transition: all 0.2s;margin-bottom: 5px;
}
a#exit{margin-bottom: 20px;background: #B1B1B1;color: white;}
a#addcoinsbutton:hover{background: #FCEE55;}
a#exit:hover{background: #949494;}
#message a{margin-top: 20px;background: #FFF972;padding: 5px;cursor: hand;}
#hint #getLetter, #hint #getOdd{background: #C4FF8D;text-decoration: none;cursor: hand;font-size: 12px;height: 20px;display: block;text-align: center;color: black;padding-top: 3px;transition: all 0.2s;margin: 20px 0px 20px 0px;}
#hint #getLetter:hover, #hint #getOdd:hover{background:#F1FF8D;}

#getbonus{border-radius: 2px;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);position: absolute;width: 500px;background: rgb(241, 255, 242);margin-left: 100px;
margin-top: 20px;
padding: 20px;}
#getbonus a{background: #C4FF8D;text-decoration: none;cursor: hand;font-size: 12px;height: 20px;display: block;text-align: center;color: black;padding-top: 3px;transition: all 0.2s;margin: 20px 0px 0px 0px;}
#getbonus a:hover{background: #F1FF8D;}
#payform {margin-top: 47px;
background: #EEE;
margin-left: 174px;z-index: 1;}
a#buycoins{
text-decoration: none;
background: #A1F161;
padding: 3px;
cursor: hand;
margin-left: 10px;}
div.flexslider{z-index: 1;}
a#userprofilebut, a#guestprofilebut, a#reslev{border-bottom: dashed 1px;}
a#userprofilebut:hover, a#guestprofilebut:hover, a#reslev:hover{border-bottom: dashed 0px; cursor:hand;}
#ulogin{
    background: rgb(255, 236, 138);
    background:rgb(255, 202, 122);;
display: block;
height: 94px;
padding: 4px;
margin-bottom: 10px;
text-align: center;font-size: 15px;
padding-top: 1px;
border-radius: 4px;
    }
#uLogin #b_vkontakte{margin-left: 8px;}
#lg{width: 28px;
margin-top: -1px;
vertical-align: middle;
margin-right: 4px;}
#uLogin img{width: 49;
float: left;
margin-top: -1px;margin-left: 2px;}
.effpl{padding: 5px;
border-radius: 2px;
background: rgb(235, 235, 235);
width: auto;
display: initial;}
.mymess{border-radius: 2px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
position: absolute;
width: 500px;
background: rgb(243, 243, 243);
margin-left: 100px;
margin-top: 100px;
padding: 20px;}

#notice span {BOX-SHADOW: 0px 0px 5px rgba(0,0,0,0.3);background:#F7F7F7;margin:5px;padding:2px 4px; border-radius:5px;cursor:default;}
#notice span:hover{background:white;}
#notice{background:#EEE; padding:7px; border-radius:4px;}
#notice img{height: 17px;
margin-bottom: -3px;
width: auto;
margin-right: 4px;}

.gplaybut{background: URL(pics/gplaybutton.jpg);
background-size: 116px;
display: block;
height: 40px;
width: 116px;
float: left;
margin: 0px 10px 0px 0px;}

/*pop up window*/
#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
#tt {position:absolute; display:block; color:black;}
#ttcont {display:block; padding:7px; margin-left:5px; background: #FFF; color:#000; border-radius:5px; box-shadow: 0px 0px 15px rgba(0,0,0,0.3);}


#ctra{text-align: center;clear: both;
height: 35px;
margin-top: 15px;}
#ctra a{width: 120px;cursor: pointer;
height: 30px;
display: inline;
font-size: 20px;
background-color: white;
padding: 5px;
margin: 5px;
border-radius: 7px;}



input[type="button"]{border-radius: 5px;
box-shadow: 0px 0px 2px black;
background: rgb(209, 209, 209);
outline: none;
border: none;}
input[type="button"]:hover{background: rgb(255, 255, 255);}
select#wlen{border-radius: 5px;}
input#letters,input#aword{border-radius: 5px!important;}

#Inotice{position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
z-index: 55;
display: none;}

#Inotice div>a:first-child{float: right;
margin-top: -40px;
margin-right: -40px;
cursor: hand;
background: URL(online/close-window.png);
background-size: 40px 40px;
height: 40px;
width: 40px;}

#Inotice>div{width: 500px;
height: 400px;
background: white;
margin: auto;
margin-top: 200px;
padding: 20px;
border-radius: 26px;
/*overflow: hidden;*/}

#Inotice p{font-size: 19px;
text-align: center;}

#Inotice h2{text-align: center;
font-size: 21px;}

#vk_groups1{margin: auto;height:265px !important;}
#vk_groups1 iframe {height:265px !important;}

img[src*="odnoklassniki.png"]{height:33px;}
#mform #tabli{display: table;
    margin: auto;}
#mform #tabli td{
width: 130px;
background:white;
}
#mform #tabli img{width:130px;height:auto;}
#mform .ars a {color:blue; text-decoration:underline; cursor:hand; MIN-height:40px; width:auto;display:block; line-height:35px;}
#mform .ars a:hover {text-decoration:none;}