html{background: #FFF;}

a, a:hover, a:link, a:visited{text-decoration: none; color: #000;}

#container{width: 320px; height: 480px; margin: auto; position: relative; overflow: hidden;}
#container.bg1{background: #000 url('../images/bg1.jpg') no-repeat left top; background-size: cover; min-height: 100%;}
#container.bg2{background: url('../images/bg2.jpg') repeat-x left top;  height: 480px; background-size: cover;}



video, .capavideo iframe{width: 100%;display: block;}
.capavideo{width: 100%;margin: 0 auto;}

.sprite{
    background: url('../images/sprite.png') no-repeat left top;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.sprite2{
    background: url('../images/sprite2.png') no-repeat left top;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .sprite{background: url('../images/sprite@2x.png') no-repeat left top; background-size: 320px 480px;}
    .sprite2{background: url('../images/sprite2@2x.png') no-repeat left top; background-size: 500px 250px;}
}
.absolute{position: absolute;}
.controls{width: 100%; height: 480px; top: 0}

.marcador{background-position: -207px -432px; width: 103px; height: 29px; top: 442px; right: 10px}
.marcador div{text-align: right; color: #FFF; font-size: 18px; font-weight: bold; padding: 6px 8px 0 0}


.button1{background-position:  center  -307px; width: 100%; height: 40px; top: 370px;}
.button1.hidden{background-position:  1000px  -307px;}

.button2{background: #000 url('../images/bg4.jpg') no-repeat left top; background-size: cover; 
        width: 100%; height: 480px; top: 0}
.button2.win{background: #000 url('../images/bg3.jpg') no-repeat left top; background-size: cover; top: 0}

.botella1{background-position: -15px -3px; width: 24px; height:89px; top: 144px; left: 30px}
.botella2{background-position: -15px -108px; width: 24px; height:89px; top: 248px; left: 30px}

.objeto1{background-position: -63px -55px; width: 28px; height:106px; top: 193px;  right: -70px; display: none;}
.objeto2{background-position: -134px -60px; width: 62px; height:84px; top: 198px;  right: -70px; display: none; }
.objeto3{background-position: -254px -106px; width: 53px; height:47px; top: 248px; right: -70px; display: none;}
.objeto4{background-position: -219px -73px; width: 22px; height:22px; top: 208px; right: -70px; display: none;}
.objeto5{background-position: -349px -60px; width: 42px; height:70px; top: 200px; right: -70px; display: none;}
.objeto6{background-position: -425px -71px; width: 34px; height:24px; top: 207px; right: -70px; display: none;}

@media only screen and (min-width: 700px) {


}