
*{
     -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
}


body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000;

}



#gamecontainer {

    margin-left: auto;
    margin-right: auto;



    width:720px;
    height:560px;

    padding-left: 0px;
    /*    background: url(images/pozadina.png);*/




    /*border: 1px solid green;*/
    /*margin-bottom: 160px;*/



}

.gamelayer {
   
    width:720px;
    height:560px;
    position:absolute;
    display: none;
}

#help {
    background:url(images/help.png) no-repeat;
    background-size: 100% 100%;
}

#playgame {
    position:absolute;
    top: 490px;
    left: 558px;
}

#gamestartscreen {
    padding-top: 0px;
    /*text-align:center;*/

    width:720px;
    height:560px;

}

#gamestartscreen img {

    /*margin:10px;*/
    position: absolute;

    cursor:pointer;
}



#gamestartscreen p{
    position: absolute;
    font: 32px Arial bold;
    text-shadow: 0 0 6px #FFFFFF;

    color:green;



}

#scorescreen p{
    position: absolute;
    font: 52px Arial bold;
    text-shadow: 0 0 6px #000;

    color:white;
    top: 190px;
    left: 185px;
    display: none;

}



#return {
    position: absolute;
    top: 360px;
    left: 590px;
}



#info{
    background: rgba(1,1,1,0.4);
    text-align: center;
}

#info p {

    position:absolute;
    top: 120px;
    /*margin-top: 120px;*/
    font: 52px Arial bold;
    /*text-shadow: 0 0 3px #000;*/
    color:white;
}

#playgameagain {
    position: absolute;
}

#levelselectscreen {
    position: absolute;
    /*     padding-top:130px;
        padding-left:35px;*/
    /*padding-right:50px;*/


    width: 660px;
    height: 370px;
    /*left: -90px;*/
}




#levelselectscreen input {
    /*margin:20px;*/
    position:absolute;
    cursor:pointer;

    color:yellow;
    font-size: 20px;
    width:64px;
    height:64px;
    border:0;

}

#loadingscreen {
    background:rgba(100,100,100,0.3);
}
#loadingmessage {
    position:absolute;
    top:400px;

    text-align:center;
    height:48px;
    color:white;
    background:url(images/loader.gif) no-repeat center;
    background-size: 100% 36%;
    font:12px Arial;
}



#scorescreen {
    /*    width: 720px;
       height:560px;*/
    font: 32px Comic Sans MS;
    text-shadow: 0 0 2px #000;
    color:white;
}
#scorescreen img{
    opacity:0.6;
    top:10px;
    position:absolute;
    /*padding-left:10px;*/
    /*cursor:pointer;*/
}
#scorescreen #score {
    position:absolute;
    top:5px;
    right:20px;
}


#zoom {

    position: absolute;
    top: 505px;
    left:15px;
}

#zoom img{
    padding-left:10px;
    top:0px;
    opacity:0.85;
}

#endingsreen  {
    width: 720px;
    height: 560px; 
    background: rgba(1,1,1,0.5);
}

#endingsreen p{
    position: absolute;
    font: 20px Comic Sans MS;
    text-shadow: 0 0 2px #000;
    color:white;
    /*line-height:normal;*/
}

#endingscreen p img{
    top:10px;
    position:relative;
    cursor:pointer;
}
#endingmessage {
    font: 32px Comic Sans MS;
    text-shadow: 0 0 2px #000;
    color:white;
}

#notforeyes {
    display: none;
}




