body{background: url('images/brick.png') repeat; }

body #stage{
    margin-top:55px;
}

#header #comoFunciona {
     display: none !important;
}

.howToDo .sound { 
    width:30px; 
    height:30px; 
    line-height:30px; 
    display:inline-block; 
    position:relative; 
    top:4px; 
    margin:0 0 0 15px; 
    background:url('images/sound_icon.png') no-repeat center; 
}

footer a.buttons.disable {
    opacity: 0.5;
}

#stage .questions .howToDo{
    padding:20px;
    background-color:#EBDEAD;
    border-bottom:4px solid #D1A461;
}

#stage .questions .dropNumbers{
    
}

#stage .questions  .pieces {
    max-width:1100px;
    margin:0 auto 40px;
}

#stage .questions  .pieces .dropNumbers{
    margin:80px 0;
}

#stage .questions  .pieces .dropNumbers,
#stage .questions  .pieces .dragNumbers{
    text-align:center;
}

#stage .questions  .pieces .dragNumbers{
}

#stage .questions  .pieces .dropNumbers li{
    width:90px;
    height:60px;
    display:inline-block;
    margin:0 4px 6px;
}

#stage .questions  .pieces .dropNumbers li.block{
    background:url('images/block.png') no-repeat;
    background-size:100% 100%;
    border-radius:2px;
    box-shadow:1px 1px 3px 1px rgba(0,0,0,0.5);
}

#stage .questions  .pieces .dropNumbers li.block:not(.disable){
    background-image:url('images/destakBlock.png');
}

#stage .questions  .pieces .dropNumbers li.block span:first-child{
    text-align:right;
}

#stage .questions  .pieces .dropNumbers li.block span:last-child{
    text-align:left;
}

#stage .questions  .pieces .dropNumbers li span:first-child{
    float:left;
}

#stage .questions  .pieces .dropNumbers li span:last-child{
    float:right;
}

#stage .questions  .pieces .dropNumbers li span{
    width:41px;
    height:45px;
    padding-top:15px;
    color:#854022;
    font:bold 26px Arial;
    background-color:rgba(255,255,255,0.4);
    border-left:1px solid #996633;
    border-top:1px solid #996633;
    border-right:1px solid #DFBF9F;
    border-bottom:1px solid #DFBF9F;
}

#stage .questions  .pieces .dropNumbers li span:not(:empty){
    background-color:#F2C762;
}

#stage .questions  .pieces .dropNumbers li.block span{
    background:none;
    border:none;
}

#stage .questions  .pieces .dropNumbers li span.focus{
    background-color:rgba(255,255,255,0.7);
}

#stage .questions  .pieces .dropNumbers li span.active{
    background-color:#9FDE5F;
}


#stage .questions  .pieces .dragNumbers li{
    font:bold 32px Arial;
    color:#712817;
    cursor:move;
    display:inline-block;
    padding:20px;
    margin:0 5px;;
    box-shadow:1px 1px 3px 3px rgba(0,0,0,0.3);
    background-color:#F2C762;
}

#stage .questions{
    position:relative;
}

#stage .questions .lock{
    width:100%;
    height:310px;
    position:absolute;
    top:100px;
    display:none;
}

@media screen and (max-width:1015px){
    #stage .questions .lock{ 
        height:380px; 
    }
}