/* styles for the game summary */

#Dialogos h1 { background:#0c0b0e; color:#fff; height:43px; font-size:16px; line-height:44px; padding-left:15px; }
.imagen{ text-align:center; }
.imagen img { width:258px; height:258px; }
.cardSlots, .cardPile { width:100%; float:left;  }
.cardPile { height:68px; background:#26a9e0; padding-top:31.5px; margin-top:28px; text-align:center;  }
.cardSlots div, .cardPile div { border:2px #8c8d8f solid; font-size:26px; background:#f1f1f2; text-align:center;  margin:0 auto; }
.cardSlots div{ width:305px; height:63px; border-radius:34px; }
.cardPile div { width:173px; height:37px; border-radius:21px; cursor:pointer; display:inline-block; line-height:39px; } 
.dosfilas { height:78px !important; } 






/******************* Estilos de Magnific Popup ***********************/

/* Styles for dialog window */
      .small-dialog { background: white; text-align: left; max-width: 975px; height:auto; margin: 40px auto; position: relative; border:5px #3a5897 solid; }
      .small-dialog2 { background: #ebf8f7; text-align: left; max-width: 975px; height:auto; margin: 40px auto; position: relative; border:10px #00a79d solid; }
      .small-dialog2 .contenidopopup{padding:13px; }
      .small-dialog2 .contenidopopup ul{ margin-left: 51px; }
/** * Fade-zoom animation for first dialog*/
/* start state */
      .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0;
        -webkit-transition: all 0.2s ease-in-out; 
        -moz-transition: all 0.2s ease-in-out; 
        -o-transition: all 0.2s ease-in-out; 
        transition: all 0.2s ease-in-out; 
        -webkit-transform: scale(0.8); 
        -moz-transform: scale(0.8); 
        -ms-transform: scale(0.8); 
        -o-transform: scale(0.8); 
        transform: scale(0.8); 
      }

/* animate in */
      .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1;
        -webkit-transform: scale(1); 
        -moz-transform: scale(1); 
        -ms-transform: scale(1); 
        -o-transform: scale(1); 
        transform: scale(1); 
      }

/* animate out */
      .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
        -webkit-transform: scale(0.8); 
        -moz-transform: scale(0.8); 
        -ms-transform: scale(0.8); 
        -o-transform: scale(0.8); 
        transform: scale(0.8); 
        opacity: 0;
      }

/* Dark overlay, start state */
      .my-mfp-zoom-in.mfp-bg { opacity: 0;
        -webkit-transition: opacity 0.3s ease-out; 
        -moz-transition: opacity 0.3s ease-out; 
        -o-transition: opacity 0.3s ease-out; 
        transition: opacity 0.3s ease-out;
      }
/* animate in */
      .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; }
/* animate out */
      .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }
/** * Fade-move animation for second dialog */
      
/* at start */
      .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
     }
      
/* animate in */
      .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1;
        -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
      }

/* animate out */
      .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0;
        -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
      }

/* Dark overlay, start state */
      .my-mfp-slide-bottom.mfp-bg { opacity: 0;
        -webkit-transition: opacity 0.3s ease-out; 
        -moz-transition: opacity 0.3s ease-out; 
        -o-transition: opacity 0.3s ease-out; 
        transition: opacity 0.3s ease-out;
      }
/* animate in */
      .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; }
/* animate out */
      .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; }