#header {
  box-sizing:border-box;-moz-box-sizing:border-box;
  z-index:3;
  position:fixed;
  top:0;
  width:100%;
  background:#F9B802;
  color:#000;
  text-align:center;
  -webkit-box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.75);
  border-bottom:3px solid #000;
}

.parallax {
  position:relative;
  z-index:1;
  height:450px;
  height:100%;
}


/*Set de monstruos*/
#monster1 {
  background: url('../imagenes/monster01.png') no-repeat fixed;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
}

#monster2 {
  background: url('../imagenes/monster02.png') no-repeat fixed;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;  
}

#monster3 {
  background: url('../imagenes/monster03.png') no-repeat fixed;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
}

#monster4 {
  background: url('../imagenes/monster04.png') no-repeat fixed;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
  
}

#monster5 {
  background: url('../imagenes/monster05.png') no-repeat fixed;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
  
}

#trans1 {
  background: url('../imagenes/polina.png') no-repeat fixed;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
  
}

#trans1Season {
  background: url('../imagenes/Season10.png') no-repeat fixed;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
  
}

#trans1Magic {
  background: url('../imagenes/magicbox.jpg') no-repeat fixed;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
  
}

#trans1A {
  background: url('../imagenes/UI_OopsMtto.jpg') no-repeat fixed;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
  
}

#trans2 {
  background: url('../imagenes/Parallax1.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
}

#trans3 {
  background: url('../imagenes/Parallax2.png') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*height:550px;*/
  height:100%;
}

#trans4 {
  /*background: url('../imagenes/Parallax3.png') no-repeat top center fixed;*/
  background: url('../imagenes/Parallax3C.png') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*height:550px;*/
  height:100%;
}

#trans4C {
  /*background: url('../imagenes/Parallax3.png') no-repeat top center fixed;*/
  background: url('../imagenes/Parallax3AP.png') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*height:550px;*/
  height:100%;
}

#trans4Z {
  /*background: url('../imagenes/Parallax3A.png') no-repeat top center fixed;*/
  background: url('../imagenes/Parallax4Z.png') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*height:550px;*/
  height:100%;
}

#trans4A {
  /*background: url('../imagenes/Parallax3A.png') no-repeat top center fixed;*/
  background: url('../imagenes/Parallax3BP.png') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*height:550px;*/
  height:100%;
}

#trans4B {
  /*background: url('../imagenes/Parallax3B.png') no-repeat top center fixed;*/
  background: url('../imagenes/Parallax3P.png') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*height:550px;*/
  height:100%;
}

#trans4magic {
  background: url('../imagenes/magicboxb.jpg') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*height:550px;*/
  height:100%;
}

#trans5 {
  background: url('../imagenes/Parallax4.png') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*height:550px;*/
  height:100%;
}

.telonParallax {
  background: url('../imagenes/telonParallax.png') no-repeat fixed;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
  
}

.txt {
  font-size:45px;
  color:#000;
  width:auto;
  background:#F9B802;
  background:rgba(249, 184, 2, 0.60);
  padding:5px 10px;
}
.txt.right {
  margin: 150px 100px 0 0;
  float:right;
  text-align:right;
}
.txt.left {
  float:left;
  text-align:left;
  margin: 150px 0 0 100px;
}

.txt.sub {
  background:#000;
  background:rgba(0,0,0,0.60);
  font-size:25px;
  color:#ccc;
  margin: 0 100px 0 100px;
}

.content {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  position:relative;
  z-index:2;
  background:#FFF;
  width:100%;

  /*
  margin:0;
  padding:10px 20px;
  */
  text-align:left;
}

.content.right {
  text-align:right;
}

.content h2 { padding:0 25px; }
.content p { padding:0 50px; }

.content1A {
  
  background: url('../imagenes/PxContent1A.png') no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  

  box-sizing:border-box;
  -moz-box-sizing:border-box;
  position:relative;
  z-index:2;
  /*background:#FFF;*/
  width:100%;

  /*
  margin:0;
  padding:10px 20px;
  */
  text-align:left;
}

.content2A{
  background: url('../imagenes/PxContent2A.png') no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  position:relative;
  z-index:2;
  width:100%;
  text-align:left;
}

.content3A{
  background: url('../imagenes/PxContent3A.png') no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  position:relative;
  z-index:2;
  width:100%;
  text-align:left;
}

.content4A{
  background: url('../imagenes/PxContent4A.png') no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  position:relative;
  z-index:2;
  width:100%;
  text-align:left;
}


#footer {
  text-align: center;
  padding: 20px 0 20px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  position:relative;
  z-index:2;
  background:#FFF;
  width:100%;
  height:auto;
  margin:0;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}