* {padding: 0; margin: 0}

body{
    background-color: black;
}



#espacio{
    position: absolute;
    width: 1450px;
    height: 850px;
    top: 0; bottom: 0; left: 0; right: 0;
    margin: auto;
    overflow: hidden;
}
#pre{
    position: absolute;
    left: 610px;
    top: 183px;
    opacity: 0;
    z-index: 2;
}
#pre2{
    position: absolute;
    left: 610px;
    top: 183px;
    opacity: 0;
    z-index: 2;
}
#in1{
    position: absolute;
    left: 433px;
    top: 363px;
    opacity: 0;
    z-index: 2;
}



#manifiesto{
    position: absolute;
    left: 625px;
    top: 60px;
    z-index: 3;
    cursor: pointer;
    opacity: 0;
}
#tesis{
    position: absolute;
    left: 870px;
    top: 115px;
    z-index: 3;
    cursor: pointer;
    opacity: 0;
}
#bio{
    position: absolute;
    left: 640px;
    top: 170px;
    z-index: 3;
    cursor: pointer;
    opacity: 0;
}
#reflexiones{
    position: absolute;
    left: 740px;
    top: 390px;
    z-index: 3;
    cursor: pointer;
    opacity: 0;
}
#coda{
    position: absolute;
    left: 630px;
    top: 650px;
    z-index: 3;
    cursor: pointer;
    opacity: 0;
}
#anatomia{
    position: absolute;
    left: 600px;
    top: 605px;
    z-index: 3;
    cursor: pointer;
    opacity: 0;
}
#butoh{
    position: absolute;
    left: 650px;
    top: 350px;
    z-index: 3;
    cursor: pointer;
    opacity: 0;
}
#fb{
    position: absolute;
    left: 1150px;
    top: 670px;
    z-index: 4;
    cursor: pointer;
    opacity: 0;
}
#nube{
    position: absolute;
    left: 500px;
    top: 0px;
    z-index: 2;
    opacity: 0;
}
#return{
    position: absolute;
    z-index: 4;
    cursor: pointer;
    opacity: 0;
}



#time{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
}
#d1{
    position: absolute;
    left: -170px;
    top: -97px;
    z-index: 3;
    opacity: 0;
}
#inf1{
    position: absolute;
    left: 860px;
    top: 810px;
    z-index: 4;
    opacity: 0;
}
#inf1_2{
    position: absolute;
    left: 715px;
    top: 95px;
    z-index: 4;
    opacity: 0;
}
#d2{
    position: absolute;
    left: 140px;
    top: 50px;
    z-index: 3;
    opacity: 0;
}
#inf2{
    position: absolute;
    left: 480px;
    top: 400px;
    z-index: 4;
    opacity: 0;
}
#inf2_2{
    position: absolute;
    left: 180px;
    top: 500px;
    z-index: 4;
    opacity: 0;
}
#d3{
    position: absolute;
    left: 180px;
    top: 30px;
    z-index: 3;
    opacity: 0;
}
#inf3{
    position: absolute;
    left: 200px;
    top: 680px;
    z-index: 4;
    opacity: 0;
}
#d4{
    position: absolute;
    left: 170px;
    top: 30px;
    z-index: 3;
    opacity: 0;
}
#inf4{
    position: absolute;
    left: 522px;
    top: 720px;
    z-index: 4;
    opacity: 0;
}
#inf4_2{
    position: absolute;
    left: 1050px;
    top: 250px;
    z-index: 4;
    opacity: 0;
}
#d5{
    position: absolute;
    left: 270px;
    top: 30px;
    z-index: 3;
    opacity: 0;
}
#inf5{
    position: absolute;
    left: 620px;
    top: 810px;
    z-index: 4;
    opacity: 0;
}
#d6{
    position: absolute;
    left: 300px;
    top: 60px;
    z-index: 3;
    opacity: 0;
}
#inf6{
    position: absolute;
    left: 515px;
    top: 700px;
    z-index: 4;
    opacity: 0;
}
#d7{
    position: absolute;
    left: 370px;
    top: 50px;
    z-index: 3;
    opacity: 0;
}
#inf7{
    position: absolute;
    left: 440px;
    top: 700px;
    z-index: 4;
    opacity: 0;
}
#d8{
    position: absolute;
    left: 300px;
    top: 60px;
    z-index: 3;
    opacity: 0;
}
#inf8{
    position: absolute;
    left: 450px;
    top: 65px;
    z-index: 4;
    opacity: 0;
}
#inf8_2{
    position: absolute;
    left: 200px;
    top: 600px;
    z-index: 4;
    opacity: 0;
}
#inf8_3{
    position: absolute;
    left: 1050px;
    top: 410px;
    z-index: 4;
    opacity: 0;
    cursor: pointer;
}
#d9{
    position: absolute;
    left: 300px;
    top: 60px;
    z-index: 3;
    opacity: 0;
}
#inf9{
    position: absolute;
    left: 350px;
    top: 720px;
    z-index: 4;
    opacity: 0;
}
#d10{
    position: absolute;
    left: 390px;
    top: 100px;
    z-index: 3;
    opacity: 0;
}
#inf10{
    position: absolute;
    left: 440px;
    top: 50px;
    z-index: 4;
    opacity: 0;
}
#d11{
    position: absolute;
    left: 310px;
    top: 130px;
    z-index: 3;
    opacity: 0;
}
#inf11{
    position: absolute;
    left: 260px;
    top: 500px;
    z-index: 4;
    opacity: 0;
}
#d12{
    position: absolute;
    left: 300px;
    top: -1px;
    z-index: 3;
    opacity: 0;
}
#inf12{
    position: absolute;
    left: 310px;
    top: 20px;
    z-index: 4;
    opacity: 0;
}
#inf12_2{
    position: absolute;
    left: 1230px;
    top: 650px;
    z-index: 4;
    opacity: 0;
    cursor: pointer;
}
#d13{
    position: absolute;
    left: 340px;
    top: 60px;
    z-index: 3;
    opacity: 0;
}
#inf13{
    position: absolute;
    left: 350px;
    top: 650px;
    z-index: 4;
    opacity: 0;
}
#d14{
    position: absolute;
    left: 300px;
    top: 60px;
    z-index: 3;
    opacity: 0;
}
#inf14{
    position: absolute;
    left: 360px;
    top: 550px;
    z-index: 4;
    opacity: 0;
}
#d15{
    position: absolute;
    left: 300px;
    top: 60px;
    z-index: 3;
    opacity: 0;
}
#inf15{
    position: absolute;
    left: 470px;
    top: 235px;
    z-index: 4;
    opacity: 0;
}
#next{
    position: absolute;
    left: 15px;
    top: 350px;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}
#prev{
    position: absolute;
    left: 15px;
    top: 420px;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}
#return2{
    position: absolute;
    z-index: 5;
    cursor: pointer;
    opacity: 0;
}



#canvas {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}
.plane {
    width: 100%;
    height: 100%;
}
.plane img {
    display: none;
}
.movbut{
    position: absolute;
    width: 410px;
    height: 260px;
    z-index: 4;
    opacity: 0;
    cursor: pointer;
}
#mov1{
    left: 35px;
    top: 30px;
}
#mov2{
    left: 453px;
    top: 30px;
}
#mov3{
    left: 870px;
    top: 30px;
}
#mov4{
    left: 35px;
    top: 295px;
}
#mov5{
    left: 453px;
    top: 295px;
}
#mov6{
    left: 870px;
    top: 295px;
}
#mov8{
    left: 35px;
    top: 563px;
}
#mov7{
    left: 453px;
    top: 563px;
}
#return3{
    left: 870px;
    top: 563px;
}
#m1{
    position: absolute;
    z-index: 3;
    opacity: 0;
    left: 30px;
    top: 105px;
}
#m2{
    position: absolute;
    z-index: 3;
    opacity: 0;
    left: 75px;
    top: 30px;
}
#m3{
    position: absolute;
    z-index: 3;
    opacity: 0;
    left: 460px;
    top: 105px;
}
#m4{
    position: absolute;
    z-index: 3;
    opacity: 0;
    left: 320px;
    top: 325px;
}
#m5{
    position: absolute;
    z-index: 3;
    opacity: 0;
    left: 120px;
    top: 255px;
}
#m6{
    position: absolute;
    z-index: 3;
    opacity: 0;
    left: 220px;
    top: 255px;
}
#m7{
    position: absolute;
    z-index: 3;
    opacity: 0;
    left: 270px;
    top: 425px;
}
#canal{
    position: absolute;
    z-index: 4;
    opacity: 0;
    left: 1300px;
    top: 295px;
    cursor: pointer;
}
