html {
    background-color: #7F7F7F;
}

#page {
    position: relative;

    z-index: 1;
    width: 768px;
    height: 1024px;

    border: none;
    background-color: #000;

    margin-left: auto;
    margin-right: auto;

    overflow: hidden;
}
@media screen and (width: 320){
    #page {
        width: 320px;
        height: 568px;
    }
}
button.btnVideo{
    display: none;
    z-index: 9000;
    position: relative;
    top:100px;
    left:100px;
    background-color: white;
}
.fondo {
    background: url('../images/scene1landscapebg@2x.jpg') no-repeat center center;
    background-size: 768px 1024px;
/*    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}
.fondo-black {
    background-color: black;
    background-image: none;
/*    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}
.fondo2 {
    background: url('../images/final@2x.jpg') no-repeat center center;
    background-size: 768px 1024px;
/*    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}


video {
    position: absolute;
    z-index: 99;
    left:     0;
    top:      0;
}

.boton {
    position: absolute;
    display: none;

    z-index: 99;

    width:  60px;
    height: 60px;
    bottom: 10px;
}

#content-boton-video{
    width: 85px;
    height: 78px;

    bottom: -26px;
    left: 252px;
    z-index: 2000;
}
#content-boton-video .boton{
    width: 100%;
    height: 100%;
}

#flecha-escribe{
    position: absolute;
    
    width: 467px;
    height: 272px;
    
    background-image: url('../images/escribeAqui.png');
    background-size: 100% 100%;
    
    bottom: 40px;
    left: 119px;
    z-index: 1;
}
#flecha-pincha{
    position: absolute;
    display: none; 
    
    width: 552px;
    height: 229px;
    
    background-image: url('../images/ypincha.png');
    background-size: 100% 100%;
    
    bottom: 356px;
    left: 151px;
    z-index: 1;    
}
#canvas{
    z-index: 1000;
    
    width: 314px;
    height: 111px;
    
    left: 244px;
    top: 596px;
    position: relative;
}
#canvas canvas{
    width: 100%;
    height: 100%;
}
#boton-web       { left: 197px; }
#boton-twitter   { left: 298px; }
#boton-facebook  { left: 404px; }
#boton-instagram { left: 510px; }