.pg1 {
  background-color: white !important;
  border: 1px #000000 !important;
  width: 100%;
  height: 100%;
  position: relative; }
  @media all and (min-width: 580px) {
    .pg1 .img-esquema {
      padding-top: 25%;
      margin: 5%;
      width: 90%; } }
  @media all and (min-width: 700px) and (max-width: 767px) {
    .pg1 .img-esquema {
      padding-top: 5%; } }
  @media all and (min-width: 990px) {
    .pg1 .img-esquema {
      padding-top: 5%; } }
  @media all and (min-width: 1024px) {
    .pg1 .img-esquema {
      padding-top: 25%;
      margin: 5%;
      width: 90%; } }
  @media all and (min-width: 1200px) {
    .pg1 .img-esquema {
      padding-top: 5%;
      margin: 5%;
      width: 90%; } }
  .pg1 .text-book {
    color: black;
    font-family: Lato !important;
    font-size: 14px; }
    @media all and (min-width: 580px) {
      .pg1 .text-book {
        font-size: 12px;
        margin: 5%; } }
    @media all and (min-width: 768px) {
      .pg1 .text-book {
        font-size: 13px; } }
    @media all and (min-width: 1200px) {
      .pg1 .text-book {
        font-size: 14px; } }
    @media all and (min-width: 1440px) {
      .pg1 .text-book {
        font-size: 18px; } }
  @media all and (min-width: 580px) and (max-width: 767px) {
    .pg1 ul.list-book {
      margin: 2%; }
      .pg1 ul.list-book li {
        margin-left: -20px; } }
  @media all and (min-width: 768px) {
    .pg1 ul.list-book {
      margin: 3%; } }
  @media all and (min-width: 1024px) {
    .pg1 ul.list-book {
      margin: 5%; } }
  @media all and (min-width: 1200px) {
    .pg1 ul.list-book {
      margin: 10%; } }
  .pg1 .paginado {
    position: absolute;
    top: 93.5%;
    right: 5%; }
  @media all and (min-width: 580px) and (max-width: 767px) {
    .pg1 .fuente {
      top: 88% !important;
      left: 3%; } }

@media all and (min-width: 1440px) {
  .pg-container-colores {
    padding: 3%; } }

.pg2-colores {
  padding: 1px;
  border-radius: 5%; }
  @media all and (min-width: 580px) {
    .pg2-colores {
      margin: 2%; } }
  @media all and (min-width: 768px) {
    .pg2-colores {
      margin: 5%; } }
  @media all and (min-width: 1440px) {
    .pg2-colores {
      margin: 1%; } }

#turn-book.flipbook .shadow,
#turn-book.flipbook.shadow {
  -webkit-box-shadow: 0 4px 10px #666 !important;
  -moz-box-shadow: 0 4px 10px #666 !important;
  -ms-box-shadow: 0 4px 10px #666 !important;
  -o-box-shadow: 0 4px 10px #666 !important;
  box-shadow: 0 4px 10px #666 !important; }

.titulo-actores {
  text-align: center;
  font-weight: bold;
  font-size: 20px; }

.flipbook {
  overflow: hidden; }
  @media all and (min-width: 580px) and (max-width: 767px) {
    .flipbook {
      width: 110%;
      height: 400px; } }
  @media all and (min-width: 768px) {
    .flipbook {
      width: 100%;
      height: 450px; } }
  @media all and (min-width: 1440px) {
    .flipbook {
      height: 550px; } }

.book-container {
  margin-top: 3%;
  margin-bottom: 3%; }
  @media all and (min-width: 580px) and (max-width: 767px) {
    .book-container {
      margin-left: -5%; } }

/*#turn-book {*/
/*width:400px;*/
/*height:600px;*/
/*}*/
.flipbook .even {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*border-right: 2px solid;*/
  /*border: 1px solid #666;*/
  box-shadow: -15px 0 15px -15px inset !important;
  /*background-image:url(../images/right-border.png);*/
  /*background-position:right top;*/
  /*background-repeat: repeat-y;*/ }

.flipbook .odd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*border: 1px solid #666;*/
  /*box-shadow: -15px 0 15px -15px inset !important;*/
  box-shadow: 15px 0 15px -15px inset !important;
  /*background-image:url(s../images/left-border.png);*/
  /*background-position:left top;*/
  /*background-repeat: repeat-y;*/ }

/*# sourceMappingURL=flipbook.css.map */