/* 
    Document   : style
    Created on : 03-marzo-2015
    Author     : nicolasgallego
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body
{
    margin: 0;
    background-color: #0684CE;
}

.block_position
{
    width: 232px;
    height: 161px;
    float: left;  
}

.content_game
{
    width: 1366px;
    height: 768px;
    display: none;
}

.content_game_help
{
    width: 1163px;
    height: 484px;
    background-image: url(../image/puzzle.jpg);
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    top: 150px;
}


.image_game
{
    position: absolute;
    z-index: 1000;
    -moz-box-shadow:    0px 5px 25px -10px #000;
    -webkit-box-shadow: 0px 5px 25px -10px #000;
    box-shadow:         0px 5px 25px -10px #000;
}

.msg_win
{
    position: absolute;
    z-index: 6000;
    display: none;
}

.gif, .jpg
{
    display: none; 
    margin: 0 auto;
    top: 150px;
    left: 101px;
    width: 1160px;
    position: absolute;
    z-index: 4000;
}



.btMenu
{
    display: none;
    position: absolute;
    z-index: 6000;
    gif
}

.txt
{
    position: absolute;
    top: 720px;
    left: 440px;
}

.logo
{
    position: absolute;
    top: 690px;
    left: 30px;
}

.content_menu
{
    background-image: url(../image/cielo.jpg);
    background-repeat: no-repeat;
    width: 1366px;
    height: 768px;
    overflow: hidden;
    display: none;
}

.bottom_menu
{
    position: absolute;
    top: 406px;
}

.menu_inicio
{
    position: absolute;
}

.btStart
{
    position: absolute;

    top: 386px;
    left: 530px;
    display: none;
}

.content_progress
{
    display: none;
    width:700px;
    background-color: #087448;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: absolute;
    top: 90px;
    left: 330px;
}

.progress
{
    width: 700px;
    height: 9px;
    background-color: #8BC53F;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.txtMemoriza
{
    display: none;
    position: absolute;
    top: 35px;
    left: 500px;
}

.btVolver
{
    position: absolute;
    z-index: 5000;
    top: 20px;
    left: 1290px;
}

#gav, #gav2, #gav3
{
    z-index: 7000;
}