body{
    /* margin: 0px; */
}
.popleft{
    position: fixed;
    width: 435px;
    border-right: 1px solid #ccc;
    overflow: auto;
    height: 100%;
    z-index: 9999;
    display: none;
    background: #fff;
	left: 0;
    padding: 5px 10px
}
.popleft-close{
    background: url('no.png');
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 95%;
    cursor: pointer;
}
.game_icon{
    display: inline-block;
    padding: 4px;
}
.game_cat{
    padding: 14px 5px;
    font-weight: bold;
    text-align: center;
	font-size: medium;
	color: #be0100;
}
.menu-bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.3;
    z-index: 9994;
    display: none;
}
#control-popleft{
    background: url("arrow.gif");
    width: 65px;
    height: 27px;
    position: fixed;
    top: 45%;
	left: 0;
    cursor: pointer;
}


.sprl {
    background-image: url(spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}

.sprl-2048 {
    width: 50px;
    height: 50px;
    background-position: -5px -5px;
}

.sprl-3D_igry {
    width: 50px;
    height: 50px;
    background-position: -65px -5px;
}

.sprl-Angry_Birds {
    width: 50px;
    height: 50px;
    background-position: -125px -5px;
}

.sprl-Counter_Strike {
    width: 50px;
    height: 50px;
    background-position: -185px -5px;
}

.sprl-Idle_klikery {
    width: 50px;
    height: 50px;
    background-position: -245px -5px;
}

.sprl-Match_3 {
    width: 50px;
    height: 50px;
    background-position: -305px -5px;
}

.sprl-RPG {
    width: 50px;
    height: 50px;
    background-position: -365px -5px;
}

.sprl-Sega {
    width: 50px;
    height: 44px;
    background-position: -425px -5px;
}

.sprl-Tower_Defence {
    width: 50px;
    height: 50px;
    background-position: -485px -5px;
}

.sprl-Worms_chervyachki {
    width: 50px;
    height: 50px;
    background-position: -545px -5px;
}

.sprl-alladin {
    width: 50px;
    height: 50px;
    background-position: -605px -5px;
}

.sprl-arkadnye {
    width: 50px;
    height: 50px;
    background-position: -5px -65px;
}

.sprl-arkanoid {
    width: 50px;
    height: 50px;
    background-position: -65px -65px;
}

.sprl-barbi {
    width: 50px;
    height: 50px;
    background-position: -125px -65px;
}

.sprl-ben_10 {
    width: 50px;
    height: 50px;
    background-position: -185px -65px;
}

.sprl-betmen {
    width: 50px;
    height: 50px;
    background-position: -245px -65px;
}

.sprl-biljyard {
    width: 50px;
    height: 50px;
    background-position: -305px -65px;
}

.sprl-boks_sport {
    width: 50px;
    height: 50px;
    background-position: -365px -65px;
}

.sprl-bombermen {
    width: 50px;
    height: 50px;
    background-position: -425px -65px;
}

.sprl-bratc {
    width: 50px;
    height: 50px;
    background-position: -485px -65px;
}

.sprl-brodilki {
    width: 50px;
    height: 50px;
    background-position: -545px -65px;
}

.sprl-chelovek_pauk {
    width: 50px;
    height: 50px;
    background-position: -605px -65px;
}

.sprl-cherepashki_nindzya {
    width: 50px;
    height: 50px;
    background-position: -5px -125px;
}

.sprl-daljnoboyshiki {
    width: 50px;
    height: 50px;
    background-position: -65px -125px;
}

.sprl-dasha_puteshestvennica {
    width: 50px;
    height: 50px;
    background-position: -125px -125px;
}

.sprl-dizayn {
    width: 50px;
    height: 50px;
    background-position: -185px -125px;
}

.sprl-dlya_devochek {
    width: 50px;
    height: 50px;
    background-position: -245px -125px;
}

.sprl-domino {
    width: 50px;
    height: 50px;
    background-position: -305px -125px;
}

.sprl-draki {
    width: 50px;
    height: 50px;
    background-position: -365px -125px;
}

.sprl-drakony {
    width: 50px;
    height: 50px;
    background-position: -425px -125px;
}

.sprl-dzhipy {
    width: 50px;
    height: 50px;
    background-position: -485px -125px;
}

.sprl-eljza_i_anna {
    width: 50px;
    height: 50px;
    background-position: -545px -125px;
}

.sprl-ezhik_sonik {
    width: 50px;
    height: 50px;
    background-position: -605px -125px;
}

.sprl-fei_vinks {
    width: 50px;
    height: 50px;
    background-position: -5px -185px;
}

.sprl-fiksiki {
    width: 50px;
    height: 50px;
    background-position: -65px -185px;
}

.sprl-fizika {
    width: 51px;
    height: 51px;
    background-position: -125px -185px;
}

.sprl-futbol {
    width: 50px;
    height: 50px;
    background-position: -186px -185px;
}

.sprl-futbol_golovami {
    width: 50px;
    height: 50px;
    background-position: -246px -185px;
}

.sprl-garri_potter {
    width: 50px;
    height: 50px;
    background-position: -306px -185px;
}

.sprl-goljf {
    width: 50px;
    height: 50px;
    background-position: -366px -185px;
}

.sprl-golovolomki {
    width: 50px;
    height: 50px;
    background-position: -426px -185px;
}

.sprl-gonki {
    width: 50px;
    height: 50px;
    background-position: -486px -185px;
}

.sprl-gotovka_edy {
    width: 50px;
    height: 50px;
    background-position: -546px -185px;
}

.sprl-govorya_iy_kot_tom {
    width: 50px;
    height: 50px;
    background-position: -606px -185px;
}

.sprl-gruzoperevozki {
    width: 50px;
    height: 50px;
    background-position: -5px -245px;
}

.sprl-gruzoviki {
    width: 50px;
    height: 50px;
    background-position: -65px -245px;
}

.sprl-hellouin {
    width: 50px;
    height: 50px;
    background-position: -186px -245px;
}

.sprl-hokkey {
    width: 50px;
    height: 50px;
    background-position: -246px -245px;
}

.sprl-holodnoe_serdce {
    width: 50px;
    height: 50px;
    background-position: -306px -245px;
}

.sprl-html5_igry {
    width: 50px;
    height: 50px;
    background-position: -366px -245px;
}

.sprl-igry_dendi {
    width: 50px;
    height: 50px;
    background-position: -426px -245px;
}

.sprl-igry_fei {
    width: 50px;
    height: 50px;
    background-position: -486px -245px;
}

.sprl-igry_na_dvoih {
    width: 50px;
    height: 50px;
    background-position: -546px -245px;
}

.sprl-igry_ogonj_i_voda {
    width: 50px;
    height: 50px;
    background-position: -606px -245px;
}

.sprl-igry_pro_fermu {
    width: 50px;
    height: 50px;
    background-position: -5px -305px;
}

.sprl-krestiki_noliki {
    width: 50px;
    height: 50px;
    background-position: -65px -305px;
}

.sprl-kuhnya {
    width: 50px;
    height: 50px;
    background-position: -125px -305px;
}

.sprl-kvesty {
    width: 50px;
    height: 50px;
    background-position: -185px -305px;
}

.sprl-lego_igry {
    width: 50px;
    height: 50px;
    background-position: -245px -305px;
}

.sprl-letalki {
    width: 50px;
    height: 50px;
    background-position: -305px -305px;
}

.sprl-linii {
    width: 50px;
    height: 50px;
    background-position: -365px -305px;
}

.sprl-logicheskie {
    width: 51px;
    height: 51px;
    background-position: -425px -305px;
}

.sprl-luntik {
    width: 50px;
    height: 50px;
    background-position: -486px -305px;
}

.sprl-madzhong {
    width: 50px;
    height: 50px;
    background-position: -546px -305px;
}

.sprl-makiyazh {
    width: 50px;
    height: 50px;
    background-position: -606px -305px;
}

.sprl-malyshka_heyzel {
    width: 50px;
    height: 50px;
    background-position: -5px -365px;
}

.sprl-manikyur {
    width: 50px;
    height: 50px;
    background-position: -65px -365px;
}

.sprl-mario {
    width: 50px;
    height: 50px;
    background-position: -125px -365px;
}

.sprl-masha_i_medvedj {
    width: 50px;
    height: 50px;
    background-position: -185px -365px;
}

.sprl-mashinka_villi {
    width: 50px;
    height: 50px;
    background-position: -245px -365px;
}

.sprl-maynkraft {
    width: 50px;
    height: 50px;
    background-position: -305px -365px;
}

.sprl-mikki_maus {
    width: 50px;
    height: 50px;
    background-position: -365px -365px;
}

.sprl-minjony {
    width: 50px;
    height: 50px;
    background-position: -486px -365px;
}

.sprl-monopoliya {
    width: 50px;
    height: 50px;
    background-position: -546px -365px;
}

.sprl-monster_hay {
    width: 50px;
    height: 50px;
    background-position: -606px -365px;
}

.sprl-morskoy_boy {
    width: 50px;
    height: 50px;
    background-position: -5px -425px;
}

.sprl-motocikly {
    width: 50px;
    height: 50px;
    background-position: -65px -425px;
}

.sprl-muzykaljnye {
    width: 51px;
    height: 51px;
    background-position: -125px -425px;
}

.sprl-na_russkom {
    width: 50px;
    height: 50px;
    background-position: -186px -425px;
}

.sprl-naydi_otlichiya {
    width: 51px;
    height: 51px;
    background-position: -246px -425px;
}

.sprl-odevalki {
    width: 50px;
    height: 50px;
    background-position: -307px -425px;
}

.sprl-operacii {
    width: 50px;
    height: 50px;
    background-position: -367px -425px;
}

.sprl-papa_lui {
    width: 51px;
    height: 51px;
    background-position: -427px -425px;
}

.sprl-parkovka {
    width: 50px;
    height: 51px;
    background-position: -488px -425px;
}

.sprl-parkur {
    width: 50px;
    height: 50px;
    background-position: -548px -425px;
}

.sprl-pazly {
    width: 50px;
    height: 50px;
    background-position: -608px -425px;
}

.sprl-penaljti {
    width: 50px;
    height: 50px;
    background-position: -5px -485px;
}

.sprl-pocelui {
    width: 50px;
    height: 50px;
    background-position: -65px -485px;
}

.sprl-pokemony {
    width: 50px;
    height: 50px;
    background-position: -186px -485px;
}

.sprl-poni {
    width: 50px;
    height: 50px;
    background-position: -307px -485px;
}

.sprl-pricheski {
    width: 50px;
    height: 50px;
    background-position: -367px -485px;
}

.sprl-prisheljcy {
    width: 50px;
    height: 50px;
    background-position: -548px -485px;
}

.sprl-pro_avtobusy {
    width: 50px;
    height: 50px;
    background-position: -608px -485px;
}

.sprl-pro_deljfinov {
    width: 50px;
    height: 50px;
    background-position: -5px -545px;
}

.sprl-pro_nindzya {
    width: 50px;
    height: 50px;
    background-position: -65px -545px;
}

.sprl-pro_novyy_god {
    width: 50px;
    height: 50px;
    background-position: -125px -545px;
}

.sprl-pro_piratov {
    width: 50px;
    height: 50px;
    background-position: -185px -545px;
}

.sprl-pro_poezda_i_zheleznye_dorogi {
    width: 50px;
    height: 50px;
    background-position: -245px -545px;
}

.sprl-pro_policiyu {
    width: 50px;
    height: 50px;
    background-position: -305px -545px;
}

.sprl-pro_pozharnyh {
    width: 50px;
    height: 50px;
    background-position: -365px -545px;
}

.sprl-pro_rusalok {
    width: 50px;
    height: 50px;
    background-position: -425px -545px;
}

.sprl-pro_rycarey {
    width: 50px;
    height: 50px;
    background-position: -485px -545px;
}

.sprl-pro_samolety {
    width: 51px;
    height: 50px;
    background-position: -545px -545px;
}

.sprl-pro_svadjbu {
    width: 50px;
    height: 50px;
    background-position: -606px -545px;
}

.sprl-raskraski {
    width: 51px;
    height: 51px;
    background-position: -5px -605px;
}

.sprl-risovalki {
    width: 50px;
    height: 50px;
    background-position: -66px -605px;
}

.sprl-roboty {
    width: 50px;
    height: 50px;
    background-position: -126px -605px;
}

.sprl-rybalka {
    width: 50px;
    height: 50px;
    background-position: -186px -605px;
}

.sprl-samurai {
    width: 50px;
    height: 50px;
    background-position: -246px -605px;
}

.sprl-schstlivaya_obezjyanka {
    width: 50px;
    height: 50px;
    background-position: -306px -605px;
}

.sprl-shahmaty {
    width: 50px;
    height: 50px;
    background-position: -366px -605px;
}

.sprl-shariki {
    width: 50px;
    height: 50px;
    background-position: -426px -605px;
}

.sprl-shashki {
    width: 51px;
    height: 50px;
    background-position: -486px -605px;
}

.sprl-shrek {
    width: 50px;
    height: 50px;
    background-position: -547px -605px;
}

.sprl-simpsony {
    width: 50px;
    height: 50px;
    background-position: -607px -605px;
}

.sprl-simulyatory_boga {
    width: 50px;
    height: 50px;
    background-position: -665px -5px;
}

.sprl-skubi_du {
    width: 50px;
    height: 50px;
    background-position: -665px -65px;
}

.sprl-smeshariki {
    width: 50px;
    height: 50px;
    background-position: -665px -125px;
}

.sprl-snayper {
    width: 50px;
    height: 50px;
    background-position: -666px -185px;
}

.sprl-spanch_bob {
    width: 50px;
    height: 50px;
    background-position: -666px -245px;
}

.sprl-sportivnye {
    width: 50px;
    height: 50px;
    background-position: -666px -305px;
}

.sprl-strategii {
    width: 50px;
    height: 50px;
    background-position: -666px -365px;
}

.sprl-strelyalki {
    width: 50px;
    height: 50px;
    background-position: -668px -425px;
}

.sprl-sudoku {
    width: 50px;
    height: 50px;
    background-position: -668px -485px;
}

.sprl-svinka_peppa {
    width: 50px;
    height: 50px;
    background-position: -666px -545px;
}

.sprl-taksi {
    width: 50px;
    height: 50px;
    background-position: -667px -605px;
}

.sprl-tanki {
    width: 50px;
    height: 50px;
    background-position: -66px -665px;
}

.sprl-tennis {
    width: 50px;
    height: 50px;
    background-position: -126px -665px;
}

.sprl-tetris {
    width: 51px;
    height: 51px;
    background-position: -186px -665px;
}

.sprl-tom_i_dzherri {
    width: 50px;
    height: 50px;
    background-position: -247px -665px;
}

.sprl-torty {
    width: 50px;
    height: 49px;
    background-position: -307px -665px;
}

.sprl-transformery {
    width: 50px;
    height: 50px;
    background-position: -367px -665px;
}

.sprl-trollfeys {
    width: 50px;
    height: 50px;
    background-position: -427px -665px;
}

.sprl-ulitka_bob {
    width: 50px;
    height: 50px;
    background-position: -487px -665px;
}

.sprl-vampiry {
    width: 50px;
    height: 50px;
    background-position: -547px -665px;
}

.sprl-vertolety {
    width: 50px;
    height: 50px;
    background-position: -607px -665px;
}

.sprl-vikingi {
    width: 50px;
    height: 50px;
    background-position: -667px -665px;
}

.sprl-zmeyka {
    width: 50px;
    height: 50px;
    background-position: -725px -5px;
}

.sprl-zombi {
    width: 50px;
    height: 50px;
    background-position: -725px -65px;
}

.sprl-zubnoy_vrach {
    width: 51px;
    height: 50px;
    background-position: -725px -125px;
}

.sprl-zuma {
    width: 50px;
    height: 50px;
    background-position: -726px -185px;
}

.sprl-zveropolis {
    width: 50px;
    height: 50px;
    background-position: -726px -245px;
}