body{
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
}
.probadornum{
  display:none;
}
#logo{
  width: 210px;
  height: 54px;
  background-size: cover;
  top: -55px;
  position: relative;
  margin: 0 auto;
  opacity: 0;
}
#kids{
  width: 220px;
  height: 275px;
  background-size: cover;
  top: 90px;
  position: relative;
  margin: 0 auto;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
#papas{
  width: 220px;
  height: 275px;
  background-size: cover;
  top: 120px;
  position: relative;
  margin: 0 auto;
  cursor: pointer;
  opacity: 0;
}
.nube{
  width: 100%;
}
.pedazodecielo1{
  width: 220px;
  background-size: cover;
  top: 105px;
  position: absolute;
  left: 50%;
  margin-left: -5000px;
}
.pedazodecielo2{
  width: 145px;
  background-size: cover;
  top: 275px;
  position: absolute;
  left: 50%;
  margin-left: -5000px;
}
.pedazodecielo3{
  width: 108px;
  background-size: cover;
  top: 415px;
  position: absolute;
  left: 50%;
  margin-left: -5000px;
  opacity: 0;
}
.pedazodecielo4{
  width: 105px;
  background-size: cover;
  top: 490px;
  position: absolute;
  left: 50%;
  margin-left: 5000px;
  opacity: 0;
}
.pedazodecielo5{
  width: 175px;
  background-size: cover;
  top: 200px;
  position: absolute;
  left: 50%;
  margin-left: 5000px;
}
.pedazodecielo6{
  width: 175px;
  background-size: cover;
  top: 60px;
  position: absolute;
  left: 50%;
  margin-left: 5000px;
}
.flipped {
/*transform*/
-webkit-transform:rotateY(360deg);
   -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
     -o-transform:rotateY(360deg);
        transform:rotateY(360deg);
}
.flipper {
/*transition*/
-webkit-transition:0.6s;
   -moz-transition:0.6s;
     -o-transition:0.6s;
        transition:0.6s;
/*transform-style*/
-webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
position:relative;
}