

.animation-mario-stage{
    border: solid 1px #cccccc;
    height: 68px;
    background-image: url(backgrounds/01.png);
    background-position-x: 0px;
    background-position-y: 109px;
    overflow: hidden;

}


#animation-mario-character {
    height: 29px;
    width: 16px;
    background-image: url(mario-sprites.png);
    position: relative;
    float: left;
    top: 15px;
    left: 70px;
    z-index: 100;

}   


.animation-mario-floor{
    height: 23px;
    background-position: 0px 0px;
    background-image: url(floor.png);
    float: left;
    position: relative;
    top: 15px;
}

.animation-mario-stage, .animation-mario-floor{
    width: 545px;
    
}

.animation-mario-finish{
    height: 24px;
    width: 33px;
    background-position: 0px 0px;
    background-image: url(finish.png);
    position: relative;
    float: left;
    top: 20px;
    left: -53px;
}











@-webkit-keyframes listras-anim {
    from {background-position:40px 0}
    to {background-position:0 0}
}

@-moz-keyframes listras-anim {
    from {background-position:40px 0}
    to {background-position:0 0}
}
@-o-keyframes listras-anim {
    from {background-position:40px 0}
    to {background-position:0 0}
}
@keyframes listras-anim {
    from {background-position:40px 0}
    to {background-position:0 0}
}


.animation-mario-progresso {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 6px;
    background-color: #e7e7e7;
    padding: 1px 0px;
    box-shadow: inset -1px -1px 18px #CECECE, inset 0 -1px 0 #CECECE;
    top: 8px;
}


.animation-mario-progresso-pai .animation-mario-progresso-barra{
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,.15)), color-stop(0.75, rgba(255,255,255,.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15)25%, transparent 25%, transparent 50%, rgba(255,255,255,.15)50%, rgba(255,255,255,.15)75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15)25%, transparent 25%, transparent 50%, rgba(255,255,255,.15)50%, rgba(255,255,255,.15)75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,.15)25%, transparent 25%, transparent 50%, rgba(255,255,255,.15)50%, rgba(255,255,255,.15)75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.animation-mario-progresso-barra {
    width: 0%;
    height: 15px;
    background-color: #40ad25;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}


.animation-mario-progresso.ativa .animation-mario-progresso-barra, .animation-mario-progresso.ativa  {
    -webkit-animation: listras-anim 2s linear infinite;
    -moz-animation: listras-anim 2s linear infinite;
    -ms-animation: listras-anim 2s linear infinite;
    -o-animation: listras-anim 2s linear infinite;
    animation: listras-anim 2s linear infinite;
}


.animation-mario-frame-stop1 {
    background-position : 272px 110px; 	
}

.animation-mario-frame-walk1 {
    background-position : 272px 110px; 	
}

.animation-mario-frame-walk2 {
    background-position : 232px 110px;	
}

.animation-mario-frame-walk3 {
    background-position : 312px 110px; 	
}

.animation-mario-frame-sit1 {
    background-position : 32px 36px;
}

.animation-mario-frame-live1 {
    background-position : 231px -51px;
}

.animation-mario-frame-up1 {
    background-position : 111px -210px;
}

#animation-mario-coin, .animation-mario-coin {
    height: 16px;
    width: 12px;
    background-image: url(coin.png);
    position: relative;
    float: left;
    top: 20px;
    left: -73px;
    z-index: 101;

}

.animation-mario-coin1 {
    background-position : -2px 0px;
}
.animation-mario-coin2 {
    background-position: -18px 0px;
}
.animation-mario-coin3 {
    background-position : -35px 0px;
}
.animation-mario-coin4 {
    background-position : -51px 0px;
}
