html{background: #FFF;}

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

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

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 1800px;}
    .sprite2{background: url('../images/sprite2@2x.png') no-repeat left top; background-size: 320px 480px;}
}
.absolute{position: absolute;}
#elegirpage .content{padding: 80px 0 0}
#conteopage .content{padding: 80px 0 0}
#resultadopage .content{padding: 80px 0 0}
.space{width: 100%; height: 250px;}

.text1.hidden, .text4.hidden{
    -ms-transform: scale(0.01);
    -webkit-transform: scale(0.01);
    -moz-transform: scale(0.01);
    -o-transform: scale(0.01);
    transform: scale(0.01);
}

.text1{background-position:  center  0; width: 100%; height: 222px;}
.text2{background-position:  center  -282px; width: 100%; height: 71px; margin: 40px auto 0;}
.text2.hidden{background-position:  1000px  -282px;}
.text3{background-position:  center   -359px; width: 100%; height: 57px; }
.text3.hidden{background-position:  1000px   -359px;}
.text4{background-position:  center -701px; width: 100%; height: 152px; }


.winner .text5{background-position:  center -923px; width: 100%; height: 255px; }
.lost .text5{background-position:  center -1231px; width: 100%; height: 234px; }

.text6{background-position:  center -1513px; width: 100%; height: 177px; }
.text6.hidden{background-position:  -1000px  -1513px;}
.text7{background-position:  center  -1709px; width: 100%; height: 44px; top: 370px}
.text7.hidden{background-position:  1000px  -1709px;}

#elegirpage .clearfix div.hidden{opacity: 0}
.colacola1{background-position:  left -429px; width: 50%; height:267px; margin: 20px 0 0}
.colacola2{background-position:  right -429px; width: 50%; height:267px; margin: 20px 0 0}

.button1{background-position:  center  -233px; width: 100%; height: 39px; margin: 40px auto 0;}
.button1.hidden{background-position:  -1000px  -233px;}
.button2{background-position:  center  -233px; width: 100%; height: 39px; margin: 40px auto 0;}
.button2.hidden{background-position:  -1000px  -233px;}
.winner .button2{display: none;}

.marcador{background-position: -13px -863px; width: 179px; height: 48px; top: 5px; left: 5px}
.marcador div{font-size: 30px; color: #000; width: 20px; top: 10px; right: 21px}

.bgcocacola1 .botella{background-position:-9px -78px; width: 39px; height:148px; top: 330px; left: 140px}
.bgcocacola2 .botella{background-position:-85px -79px; width: 39px; height:147px; top: 330px; left: 140px}
.tapa{width: 12px; height:1px; top: 335px; left: 153px; background: #000;}

.balon{background-position:0 0; width: 61px; height:62px; top: 135px; left: 135px}

.conteo{font-size: 120px; top: 155px; color: #FFF; width: 100%; text-align: center; display: none;}

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


}