<style>

html,
body {
  background-color: #efefef;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

 /* styles unrelated to zoom */
    * { border:0; margin:0; padding:0; }
    p { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif;}

    /* these styles are for the demo, but are not required for the plugin */
    .zoom {
      display:inline-block;
      position: relative;
    }
    
    /* magnifying glass icon */
    .zoom:after {
      content:'';
      display:block; 
      width:33px; 
      height:33px; 
      position:absolute; 
      top:0;
      right:0;
      background:url(../imagenes/icon.png);
    }

.zoomimg{
transition: transform .2s; 
 }
 .zoomimg:hover{
 transform: scale(3); 
 }

@media only screen and (max-width: 340px) and (min-width:0px){

.wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0px;
}

.flipbook {
  height: 91%;
  transition: margin-left 0.25s ease-out;
  width: 90%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 430px;
  margin-bottom:10px; 
}

#btn_funcionamiento{
  position:absolute; top:380px; left:80%; width: 60px; height: 60px; display: inline-block;
}

#caja_legenda{
  
  height: 270px;
  width: 210px;
  position:relative; 
  margin-top:5%; 
  left:10px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:180px; font-size:13px; color:white;
 }

 #caja_datos_contacto{

  position:relative; 
  height: 130px;
  left:1%;
  display: block;
  width:260px;
  margin: 1%;
  margin-top:7%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }

 .bloque_legenda_des_dos{
  
  width:100%;
  height: 40px;
  margin-bottom:20px; 
}

 #pie{
  width: 100%; height: 40px;
 }

#popup_funcionamiento{

width:260px;height:240px; display: none; position:absolute; background:black; top:340px; left:7%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:230px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:12%; left:3%;
}


}

@media only screen and (max-width: 380px) and (min-width:341px){

.wrapper {
  align-items: center;
  display: block;
  height: 91%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 91%;
  transition: margin-left 0.25s ease-out;
  width: 90%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 430px;
  margin-bottom:10px; 
}

#btn_funcionamiento{
  position:absolute; top:370px; left:74%; width: 70px; height: 70px; display: inline-block;
}

#caja_legenda{
  
  height: 270px;
  width: 210px;
  position:relative; 
  margin-top:3%; 
  left:5px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:190px; font-size:13px; color:white;
 }

 #caja_datos_contacto{

  position:relative; 
  height: 130px;
  left:0%;
  display: block;
  width:290px;
  margin: 2%;
  margin-top:7%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }

.bloque_legenda_des_dos{
  
  width:100%;
  height: 40px;
  margin-bottom:20px; 
}

#pie{
  width: 100%; height: 100%;
}

#popup_funcionamiento{

width:300px;height:290px; display: none; position:absolute; background:black; top:330px; left:5%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:5px; left:268px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:10%; left:3%;
}


}

@media only screen and (max-width: 420px) and (min-width:381px){

.wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 91%;
  transition: margin-left 0.25s ease-out;
  width: 90%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 430px;
  margin-bottom:10px; 
}

 #btn_funcionamiento{
  position:absolute; top:415px; left:80%; width: 70px; height: 70px; display: inline-block;
}

  #caja_legenda{
  
  height: 270px;
  width: 245px;
  position:relative; 
  margin-top:5%; 
  left:25px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:230px; font-size:15px; color:white;
 }

 #caja_datos_contacto{

 position:relative; 
  height: 130px;
  left:3%;
  display: block;
  width:320px;
  margin: 2%;
  margin-top:7%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }

.bloque_legenda_des_dos{
  
  width:100%;
  height: 40px;
  margin-bottom:20px; 
}

#pie{
  position:relative; width: 100%; height: 40px;
 }



#popup_funcionamiento{

width:335px;height:320px; display: none; position:absolute; background:black; top:330px; left:5%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:300px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:10%; left:3%;
} 

}

@media only screen and (max-width: 480px) and (min-width:421px){

.wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 91%;
  transition: margin-left 0.25s ease-out;
  width: 90%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:10px; 
}

#btn_funcionamiento{
  position:absolute; top:450px; left:80%; width: 70px; height: 70px; display: inline-block;
}

#caja_legenda{
  
  height: 340px;
  width: 290px;
  position:absolute; 
  margin-top:5%; 
  left:20px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:270px; font-size:18px; color:white;
 }

 #caja_datos_contacto{

  position:absolute; 
  height: 130px;
  left:0%;
  display: block;
  width:360px;
  margin: 7%;
  margin-top:90%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }


 .bloque_legenda_des_dos{
  
  width:100%;
  height: 40px;
  margin-bottom:20px; 
 }

 #pie{
  position:relative; width: 100%; height: 40px;
 }

 

#popup_funcionamiento{

width:375px;height:360px; display: none; position:absolute; background:black; top:400px; left:5%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:340px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:10%; left:3%;
}

}

@media only screen and (max-width: 550px) and (min-width:481px){

.wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:10px; 
}

#btn_funcionamiento{
  position:absolute; top:450px; left:80%; width: 70px; height: 70px; display: inline-block;
}

#caja_legenda{
  
  height: 340px;
  width: 300px;
  position:absolute; 
  margin-top:5%; 
  left:20px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:270px; font-size:18px; color:white;
 }

 #caja_datos_contacto{

  position:absolute; 
  height: 130px;
  left:0%;
  display: block;
  width:400px;
  margin: 7%;
  margin-top:77%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }

 .bloque_legenda_des_dos{
  
  width:100%;
  height: 40px;
  margin-bottom:20px; 
 }

 #pie{
  width: 100%; height: 40px;
 }

#popup_funcionamiento{

width:440px;height:400px; display: none; position:absolute; background:black; top:400px; left:5%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:400px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:10%; left:3%;
}

}

@media only screen and (max-width: 620px) and (min-width:551px){

.wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 75%;
  transition: margin-left 0.25s ease-out;
  width: 74%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:10px; 
}

#btn_funcionamiento{
  position:absolute; top:550px; left:80%; width: 80px; height: 80px; display: inline-block;
  }

#caja_legenda{
  
  height: 310px;
  width: 400px;
  position:absolute; 
  margin-top:5%; 
  left:20px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:370px; font-size:20px; color:white;
 }

 #caja_datos_contacto{

  position:absolute; 
  height: 130px;
  left:0%;
  display: block;
  width:420px;
  margin: 7%;
  margin-top:65%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }

 .bloque_legenda_des_dos{
  
  width:100%;
  height: 40px;
  margin-bottom:20px; 
 }

 #pie{
  position:relative; width: 100%; height: 40px;
 }

 

#popup_funcionamiento{

width:490px;height:420px; display: none; position:absolute; background:black; top:400px; left:5%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:455px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:10%; left:3%;
}

}

@media only screen and (max-width: 720px) and (min-width: 621px){

.wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:155px; 
}

#btn_funcionamiento{
  position:absolute; top:700px; left:80%; width: 80px; height: 80px; display: inline-block;
  }

#caja_legenda{
  
  height: 380px;
  width: 480px;
  position:absolute; 
  margin-top:5%; 
  left:50px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:450px; font-size:22px; color:white;
 }

 #caja_datos_contacto{

  position:absolute; 
  height: 130px;
  left:10%;
  display: block;
  width:450px;
  margin: 7%;
  margin-top:60%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }
 
  .bloque_legenda_des_dos{
  
  width:100%;
  height: 40px;
  margin-bottom:20px; 
 }

 #pie{
  position:relative; width: 100%; height: 40px;
 }

 

#popup_funcionamiento{

width:600px;height:520px; display: none; position:absolute; background:black; top:660px; left:5%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:565px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:10%; left:3%;
}

}

@media only screen and (max-width: 780px) and (min-width:721px){

.wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:155px; 
}

#btn_funcionamiento{
  position:absolute; top:700px; left:85%; width: 80px; height: 80px; display: inline-block;
}

#caja_legenda{
  
  height: 400px;
  width: 470px;
  position:absolute; 
  margin-top:4%; 
  left:110px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:440px; font-size:24px; color:white;
 }

  #caja_datos_contacto{

  position:absolute; 
  height: 130px;
  left:17%;
  display: block;
  width:360px;
 margin: 7%;
  margin-top:70%;
padding:5px;
font-size:italic;
background-color:white;
color:blue;
border-color: black;
  border-width: 2px;
  border-style: solid;
 }

  .bloque_legenda_des_dos{
  
  width:100%;
  height: 50px;
  margin-bottom:20px; 
 }

 #pie{
  position:relative; width: 100%; height: 50px;
 }

#popup_funcionamiento{

width:600px;height:520px; display: none; position:absolute; background:black; top:660px; left:5%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:565px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:10%; left:3%;
}

}

@media only screen and (max-width: 900px) and (min-width:781px){

   .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:155px; 
}

#btn_funcionamiento{
  position:absolute; top:760px; left:85%; width: 80px; height: 80px; display: inline-block;
}

   #caja_legenda{
  
  height: 360px;
  width: 570px;
  position:absolute; 
  margin-top:5%; 
  left:40px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:600px; font-size:24px; color:white;
 }

 #caja_datos_contacto{

  position:absolute; 
  height: 130px;
  left:13%;
  display: block;
  width:450px;
 margin: 7%;
  margin-top:63%;
padding:5px;
font-size:italic;
background-color:white;
color:blue;
border-color: black;
  border-width: 2px;
  border-style: solid;
 }

.bloque_legenda_des_dos{
  
  width:100%;
  height: 50px;
  margin-bottom:20px; 
 }

 #pie{
  position:relative; width: 100%; height: 50px;
 }

#popup_funcionamiento{

width:600px;height:520px; display: none; position:absolute; background:black; top:660px; left:5%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:565px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:10%; left:3%;
}


}

@media only screen and (max-width: 1023px) and (min-width:901px){

    .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:155px; 
}

#btn_funcionamiento{
  position:absolute; top:900px; left:85%; width: 90px; height: 90px; display: inline-block;
}

  #caja_legenda{
  
  height: 360px;
  width: 670px;
  position:absolute; 
  margin-top:5%; 
  left:120px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:640px; font-size:26px; color:white;
 }

 #caja_datos_contacto{

  position:absolute; 
  height: 130px;
  left:13%;
  display: block;
  width:500px;
 margin: 7%;
  margin-top:50%;
padding:5px;
font-size:italic;
background-color:white;
color:blue;
border-color: black;
  border-width: 2px;
  border-style: solid;
 }

 .bloque_legenda_des_dos{
  
  width:100%;
  height: 60px;
  margin-bottom:20px; 
 }

 #pie{
  position:relative; width: 100%; height: 60px;
 }

#popup_funcionamiento{

width:700px;height:560px; display: none; position:absolute; background:black; top:800px; left:15%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:660px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:10%; left:3%;
}


}

@media only screen and (max-width: 1199px) and (min-width:1024px){

    .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:155px; 
}

#btn_funcionamiento{
  position:absolute; top:900px; left:75%; width: 110px; height: 110px; display: inline-block;
}

 #caja_legenda{
  
  height: 370px;
  width: 500px;
  position:absolute; 
  margin-top:5%; 
  left:70px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:470px; font-size:24px; color:white;
 }

  #caja_datos_contacto{

  position:absolute; 
  height: 130px;
  left:25%;
  display: block;
  width:450px;
  margin: 7%;
  margin-top:48%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }

  .bloque_legenda_des_dos{
  
  width:100%;
  height: 85px;
  margin-bottom:20px; 
 }

 #pie{
  position:relative; width: 100%; height: 85px;
 }

#popup_funcionamiento{

width:700px;height:560px; display: none; position:absolute; background:black; top:800px; left:15%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:660px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:10%; left:3%;
}

}

@media only screen and (max-width: 1350px) and (min-width:1200px){

     .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:155px; 
}

#btn_funcionamiento{
  position:absolute; top:1130px; left:75%; width: 130px; height: 130px; display: inline-block;
}

#caja_legenda{
  
  height: 370px;
  width: 700px;
  position:absolute; 
  margin-top:5%; 
  left:70px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:660px; font-size:26px; color:white;
 }

  #caja_datos_contacto{

  position:absolute; 
  height: 130px;
  left:30%;
  display: block;
  width:450px;
  margin: 7%;
  margin-top:40%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }

 .bloque_legenda_des_dos{
  
  width:100%;
  height: 90px;
  margin-bottom:20px; 
 }

 #pie{
  position:relative; width: 100%; height: 90px;
 }

#popup_funcionamiento{

width:800px;height:560px; display: none; position:absolute; background:black; top:1000px; left:10%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:760px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:10%; left:3%;
}

}

@media only screen and (max-width: 1600px) and (min-width:1351px){


.wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 71%;
  transition: margin-left 0.25s ease-out;
  width: 70%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:155px; 
}

#btn_funcionamiento{
  position:absolute; top:1130px; left:75%; width: 130px; height: 130px; display: inline-block;
}

#caja_legenda{
  
  height: 380px;
  width: 650px;
  position:absolute; 
  margin-top:5%; 
  left:70px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:600px; font-size:26px; color:white;
 }

  #caja_datos_contacto{

  position:absolute; 
  height: 130px;
  left:30%;
  display: block;
  width:450px;
  margin: 7%;
  margin-top:38%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }

 .bloque_legenda_des_dos{
  
  width:100%;
  height: 100px;
  margin-bottom:20px; 
 }

 #pie{
  position:relative; width: 100%; height: 100px;
 }

#popup_funcionamiento{

width:800px;height:560px; display: none; position:absolute; background:black; top:1070px; left:15%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:760px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:10%; left:3%;
}


}

@media only screen and (max-width: 1800px) and (min-width:1601px){


 .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:155px; 
}

#btn_funcionamiento{
  position:absolute; top:1370px; left:65%; width: 150px; height: 150px; display: inline-block;
}

#caja_legenda{
  
  height: 360px;
  width: 650px;
  position:absolute; 
  margin-top:5%; 
  left:70px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:600px; font-size:26px; color:white;
 }

  #caja_datos_contacto{

  position:absolute; 
  height: 130px;
  left:30%;
  display: block;
  width:470px;
  margin: 7%;
  margin-top:30%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }

 .bloque_legenda_des_dos{
  
  width:100%;
  height: 110px;
  margin-bottom:20px; 
 }

 #pie{
  position:relative; width: 100%; height: 110px;
 }

#popup_funcionamiento{

width:850px;height:550px; display: none; position:absolute; background:black; top:1300px; left:15%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:810px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:10%; left:3%;
}

}

@media only screen and (max-width: 2000px) and (min-width:1801px){


 .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:155px; 
}

#btn_funcionamiento{
  position:absolute; top:1570px; left:65%; width: 150px; height: 150px; display: inline-block;
}

#caja_legenda{
  
  height: 360px;
  width: 650px;
  position:absolute; 
  margin-top:5%; 
  left:300px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:600px; font-size:26px; color:white;
 }

  #caja_datos_contacto{

  position:absolute; 
  height: 130px;
  left:30%;
  display: block;
  width:450px;
  margin: 7%;
  margin-top:27%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }

 .bloque_legenda_des_dos{
  
  width:100%;
  height: 110px;
  margin-bottom:20px; 
 }

 #pie{
  position:relative; width: 100%; height: 110px;
 }

#popup_funcionamiento{

width:850px;height:550px; display: none; position:absolute; background:black; top:1480px; left:20%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:810px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:10%; left:3%;
}

}

@media only screen and (max-width: 3000px) and (min-width:2001px){


.wrapper {
  align-items: center;
  display:block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:300px; 
}

#btn_funcionamiento{
  position:absolute; top:2080px; left:65%; width: 180px; height: 180px; display: inline-block;
}

#caja_legenda{
  
  height: 360px;
  width: 650px;
  position:absolute; 
  margin-top:5%; 
  left:300px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
}

 #caja_legenda{
  
  height: 410px;
  width: 750px;
  position:absolute; 
  margin-top:5%; 
  left:500px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:740px; font-size:30px; color:white;
 }

  #caja_datos_contacto{

  position:absolute; 
  height: 150px;
  left:30%;
  display: block;
  width:500px;
  margin: 7%;
  margin-top:25%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }

 .bloque_legenda_des_dos{
  
  width:100%;
  height: 120px;
  margin-bottom:20px; 
 }

 #pie{
  position:relative; width: 100%; height: 120px;
 }

#popup_funcionamiento{

width:900px;height:600px; display: none; position:absolute; background:black; top:1950px; left:30%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:870px; background:white;
}

#popup_video{
  width:90%; height:90%; position:absolute; top:10%; left:3%;
}

}

@media only screen and (max-width: 4000px) and (min-width:3001px){

  .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:400px; 
}

#btn_funcionamiento{
  position:absolute; top:3050px; left:65%; width: 200px; height: 200px; display: inline-block;
}

#caja_legenda{
  
  height: 410px;
  width: 750px;
  position:absolute; 
  margin-top:5%; 
  left:880px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:740px; font-size:30px; color:white;
 }

  #caja_datos_contacto{

  position:absolute; 
  height: 150px;
  left:30%;
  display: block;
  width:530px;
  margin: 7%;
  margin-top:18%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }

 .bloque_legenda_des_dos{
  
  width:100%;
  height: 140px;
  margin-bottom:20px; 
 }

 #pie{
  position:relative; width: 100%; height: 140px;
 }

#popup_funcionamiento{

width:1000px;height:700px; display: none; position:absolute; background:black; top:2850px; left:40%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:970px; background:white;
}

#popup_video{
  width:94%; height:94%; position:absolute; top:5%; left:3%;
}

}

@media only screen and (max-width: 5000px) and (min-width:4001px){

  .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:400px; 
}

#btn_funcionamiento{
  position:absolute; top:3250px; left:65%; width: 200px; height: 200px; display: inline-block;
}

#caja_legenda{
  
  height: 400px;
  width: 850px;
  position:absolute; 
  margin-top:5%; 
  left:1100px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:850px; font-size:32px; color:white;
 }

  #caja_datos_contacto{

  position:absolute; 
  height: 150px;
  left:30%;
  display: block;
  width:550px;
  margin: 7%;
  margin-top:19%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }

 .bloque_legenda_des_dos{
  
  width:100%;
  height: 140px;
  margin-bottom:20px; 
 }

 #pie{
  position:relative; width: 100%; height: 140px;
 }

#popup_funcionamiento{

width:1000px;height:700px; display: none; position:absolute; background:black; top:3000px; left:40%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:970px; background:white;
}

#popup_video{
  width:94%; height:94%; position:absolute; top:5%; left:3%;
}

}

@media only screen and (max-width: 6000px) and (min-width:5001px){

  .wrapper {
  align-items: center;
  display: block;
  height: 90%;
  justify-content: center;
  margin: 5%;
  margin-top:8%;
  width: 90%;
}
.aspect {
  padding-bottom: 70%;
  position: relative;
  width: 100%;
}
.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 81%;
  transition: margin-left 0.25s ease-out;
  width: 80%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right:auto;

}
.flipbook .page {
  height: 100%;
  width: 100%;
}
.flipbook .page img {
  max-width: 100%;
  height: 100%;
}

.bloque_legenda_des{
  
  width:100%;
  height: 550px;
  margin-bottom:430px; 
}

#btn_funcionamiento{
  position:absolute; top:4020px; left:65%; width: 250px; height: 250px; display: inline-block;
}

  #caja_legenda{
  
  height: 430px;
  width: 950px;
  position:absolute; 
  margin-top:5%; 
  left:1200px;
  font-family: sans-serif; 
  font-size: 18px; 
  font-weight: 400; 
  color: #ffffff; 
  background: #889ccf;
  border-radius: 35px 0px 35px 0px;
  -moz-border-radius: 35px 0px 35px 0px;
  -webkit-border-radius: 35px 0px 35px 0px;
  border: 2px solid #5878ca;
  display: block;
} 

 #txt_legenda{
  position:absolute; top:10px; left:10px; width:950px; font-size:35px; color:white;
 }

  #caja_datos_contacto{

  position:absolute; 
  height: 160px;
  left:30%;
  display: block;
  width:650px;
  margin: 7%;
  margin-top:15%;
  padding:5px;
  font-size:italic;
  background-color:white;
  color:blue;
  border-color: black;
  border-width: 2px;
  border-style: solid;
 }

 .bloque_legenda_des_dos{
  
  width:100%;
  height: 140px;
  margin-bottom:20px; 
 }

 #pie{
  position:relative; width: 100%; height: 140px;
 }

#popup_funcionamiento{

width:1000px;height:700px; display: none; position:absolute; background:black; top:3850px; left:40%;  border-radius:2px;  border: solid 2px #000000; z-index:9999;
}

#cerrar_popup_funcionamiento{
  width:20px; height:20px; position:absolute; top:10px; left:970px; background:white;
}

#popup_video{
  width:94%; height:94%; position:absolute; top:5%; left:3%;
}

}

</style>