* {background-repeat: no-repeat !important}
* {
  margin: 0;
  padding: 0;
}
@font-face {
    font-family:'TeXGyreHeros';
    src: url('../fonts/TeXGyreHeros-Bold.eot');
	src: url('../fonts/TeXGyreHeros-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TeXGyreHeros-Bold.woff2') format('woff2'),
		url('../fonts/TeXGyreHeros-Bold.woff') format('woff'),
		url('../fonts/TeXGyreHeros-Bold.svg#TeXGyreHeros-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}


@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@0;1&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Alice&display=swap');


/* ==================================================================
2.0 Custom Styles
================================================================== */

/* 2.1 Font Style Declarations and Other Fixes
-------------------------------------------------------------- */


* {outline: none !important;}



body {
    font-family: 'Poppins', 'Tahoma', 'Geneva', sans-serif;
}


/* ==================================================================
ESTILOS ODISEA DE JUANA
================================================================== */
img {
    width: 100%;
}

menu {
    width:100%;
    position: relative;
    padding:10px;
}

/* ==================================================================
MENU
================================================================== */
/*#menuToggle
{
  display: block;
  position: relative;
  top: 50px;
  left: 50px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  z-index: 2; 
  -webkit-touch-callout: none;
}

#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #cdcdcd;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

#menu
{
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 20px;
  padding-top: 100px;
  background-image: url(../img/newmenu/pergamino2.webp);
    background-size: 100% 640px;
    background-repeat: no-repeat;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 8px 0;
	text-align: center;
  font-family: 'Alice', serif !important;
    font-size: 18px !important;
    color: #2B1300;
    transition: all 2s;
    -webkit-transition: all 1s;
    text-transform: uppercase;
    font-weight: 900;
}

#menuToggle input:checked ~ ul
{
  transform: none;
}
*/
ul#lightgallery li {
    margin-top: 20px;
    min-height: 380px !important;
    padding: 0px 10px;
}

#galerias_regla menu {position:relative;}

#menu_bottom {
    width: 100%;
    bottom: 50px;
    padding: 10px;
    right: -15px;
}

.skip {
    margin-right: 0px;
    background-color: red;
    width: 200px;
    height: 60px;
    background-size: 90%;
    display: block;
    float: right;
    background-repeat: no-repeat;
    cursor: pointer;
    position: fixed;
    top: 250px;
    left: 0px;
    z-index: 9999;
}

.cierre {
    background: url(../img/skipintro.webp);
    margin-right: 0px;
    width: 300px;
    height: 80px;
    background-size: 90%;
    display: block;
    float: right;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    bottom: 70px;
    right: 30px;
    z-index: 9999;
}
#boton {
    outline: none !important;
    border:none !important;
}

#playVideo {z-index: 9999999999; background: transparent; border:0px !important; outline:none !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


#menu_bottom #back {
    margin-right:20px;     
    background: url(../img/back.webp);
    width: 30px;
    height: 35px;
    background-size: 90%;
    display: inline-block;
    float: right;
    background-repeat: no-repeat;
}


#menu_bottom #galeria {
    background: url(../img/galeria.webp);
    width: 160px;
    height: 45px;
    background-size: cover !important;
    display: inline-block;
    float: right;
    background-repeat: no-repeat;
    margin-right: 15px;
    margin-top: 5px;
    margin-left: 15px;
}

#menu_btn, #menu_btn2 {
    background: url(../img/newmenu/back.webp);
    width: 125px;
    height: 31px;
    background-position: center;
    background-size: cover;
    z-index: 9;
    display: block;
        margin-bottom: 10px;
}

#guiaM {
    display: inline-block;
    float: right;
    background-repeat: no-repeat;
    margin-right: 15px;
    margin-top: 5px;
    margin-left: 15px;


}


#guiaM img {
    max-height:94px;
}

#store img {
    max-width: 460px;
}


#store {
    display: block;
    
}


 #aslongm #menu_btn2 {
    display: inline-block;
}


#menu_btn1 { 
    background: url(../img/newmenu/back.webp);
    width: 160px;
    height: 60px;
    background-position:center;
    background-size: cover;
    display: block;
}

#music {
    background: url(../img/musicoffa.webp);
    width: 40px;
    height: 40px;
    background-size: 90%;
    display: inline-block;
    float: right;
    background-repeat: no-repeat;
    cursor: pointer;
    position: fixed;
    bottom: 0px;
    right: 0px;
    font-size: 28px;
    padding: 3px 20px;
    color: #452F12 !important;
    font-family: 'Alice', serif;
    font-weight: bold;
    opacity: 1;
    -webkit-text-fill-color: #452F12;
    letter-spacing: px;
    line-height: 40px;
    font-weight: bolder;
    text-transform: uppercase;
    text-shadow: 1px 2px 2px blanchedalmond;
    z-index: 9997;
}
.active_headset {
    background: url(../img/musicona.webp) !important;
    background-size: cover !important;
}

#back {
    background: url(../img/back.webp);
    width: 40px;
    height: 60px;
    background-size: 100%;
    display: inline-block;
    float: right;
    background-repeat: no-repeat;
}


#slideshow {
    background: url(../img/memorias/slideshow.webp);
    width: 250px;
    height: 50px;
    background-size: cover;
    display: block;
}


#gale {
    background: url(../img/galeria.webp);
    width: 200px;
    height: 50px;
    background-size: cover;
    display: block;
    float: right;
    margin-top: 10px;
}

#galerias_regla {
    padding-top: 0px;
     background: #232220;
    background-size: 100%;
    background-repeat: repeat !important;
    overflow-x: hidden;
}

#cortina {
    width: 100%;
    background-size:cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(../img/cortinasB.webp);
    height: auto;
    position:relative;
}




/* ESTILOS DE INDEX MENU PRINCIPAL */

body.preloader-site {
    overflow: hidden;
    overflow-x: hidden;
   overflow-y:hidden;
}


.preloader-wrapper {
    height: 100%;
    width: 100%;
    background:black;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.preloader-wrapper .preloader {

    display: block;
    margin: 10% auto;
    width: auto;
    
    max-width: 100%;
    top: 20%;
    position: relative;
}



menu {
    width: 100%;
    position: relative;
    padding: 10px;
    z-index: 999;
}

/*grid images*/
.container2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  padding: 0 30px;
}
.container2 .thumbex {
  margin: 10px 20px 30px;
  width: 100%;
  min-width: 250px;
  max-width: 495px;
  height: 495px;
  -webkit-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  overflow: hidden;
  outline: 1px solid #ffbc00 !important;
	z-index: 0;
  outline-offset: -15px;
  /*background-color: blue;*/
  box-shadow: 5px 10px 40px 5px rgba(0, 0, 0, 0.5);
}
.container2 .thumbex .thumbnail {
  overflow: hidden;
  min-width: 250px;
  height: 495px;
  position: relative;
  opacity: 0.7;
  backface-visibility: hidden;
  transition: all 0.4s ease-out;
  background: #828282;
  background-size: cover;
  background-position: center;
}
.container2 .thumbex .thumbnail img {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  height: 115%;
  width: auto;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
}
.container2 .thumbex .thumbnail span {
position: absolute;
    z-index: 2;
    top: calc(150px - -205px);
    left: 0;
    right: 0;
    /* background: #ffbc0080; */
    padding: 10px 50px;
    margin: 0 45px;
    text-align: center;
    font-size: 31px;
    color: #ffbc00;
    font-weight: 300;
    font-family: times;
    text-shadow: 2px 2px 3px rgba(86, 76, 79, 0.42);
    letter-spacing: 0.2px;
    transition: all 0.3s ease-out;
}
.container2 .thumbex .thumbnail:hover {
  backface-visibility: hidden;
  transform: scale(1.15, 1.15);
  opacity: 1;
}
.container2 .thumbex .thumbnail:hover span {
  opacity: 0;
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  /*background-color: #fff;*/
  border: none;
  border-radius: 0px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}
@media (max-width: 600px) {

      .titulo-limited{
        margin: 70px auto !important;

      }
}
@media (max-width: 1400px) {
  .container2 .thumbex {
      height: 330px;
    }
    .container2 .thumbex .thumbnail span {
      top: calc(5px - -205px);
      font-size: 16px;
    }
    .container2 .thumbex .thumbnail img {
      position: absolute;
      left: 50%;
      top: 50%;
      height: auto;
      max-width: 100%;
      transform: translate(-50%, -73%);
    }
}

/*end grid images*/

/*.container {
	min-width: 1924px;
	max-width: 1924px;
	position:relative;
	min-height:100vh;
}*/
.container-menu {
    width: 100%;
    position:relative;
	min-height:100vh;
    min-width: 1200px !important;
}

#new_menu {
    position: absolute;
    top: 0px;
    left: 5%;
    width: 90%;
    z-index: 999;
}

#languages {
    position: absolute;
    top: 17px;
    left: 65px;
    font-weight: 600;
    font-size: 20px;
}
  

.row1 {margin-top:60px; }
@media screen and (min-width: 1800px){

    #cortina .row1 {
    margin-left: 232px !important;
    }
    #banerP {
    width: 90%;
    left: 116px;
    }
}

@media screen and (min-width: 1900px) {
    #cortina .row1 {
    margin-left: 246px !important;
    }

    #banerP {
    width: 85% !important;
    left: 160px !important;
    }
}


#cortina .row1 {
    margin-top: 0px;
    margin-left: 20px;
}

#botinM {
    display:block;
    width:300px;
    height:120px;
    background: url(../img/newmenu/pergamino.webp);
    position: absolute;
    right: 30px;
    top: 0px;
    z-index:999999999999999999999999;
}


.centeree {
    margin: 0px auto !important;
    width: 600px;
    display: block;
    float: none;
    position: relative;
    height: 180px;
    
}


.centeree2 {
    margin: 0px auto !important;
    width: 1110px;
    display: block;
    float: none;
    position: relative;
    max-height: 530px;
}
.centereerito{
     margin: 0px auto !important;
    width: 1110px;
    float: none;
    position: relative;
    max-height: 530px;
}




#banerP {
    display: block;
    width: 100%;
    height: 300px;
    position: absolute;
    left: 0px;
    top: 100px;
    z-index: 99;
    visibility:hidden;

}





.perritoAnimado {
    visibility:visible !important;
      -webkit-animation: fadeInDown 1s;
        animation-name: fadeInDown 1s;
}



@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0) !important;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)  !important;
  }
}









.perritoAnimado2 {
    visibility:visible !important;
      -webkit-animation: fadeInDown2 1s;
        animation-name: fadeInDown2 1s;
}



@-webkit-keyframes fadeInDown2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
    
  }

  to {
    opacity: 1;

    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeInDown2 {
  from {
    opacity: 0;
    
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)  !important;
   
  }

  to {
    opacity: 1;

    
     -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0) !important;
  }
}







#altar1 {
    display: block;
    width: 700px;
    height: 292px;
    position: relative;
    z-index: 998;
}



#altar {
    display: block;
    width: 76%;
    height: 1280px;
    background: url(../img/altar.webp);
    background-position: center;
    position: relative;
    z-index: 98;
    top: 14px;
    background-size: contain !important;
}
@media (max-width: 1300px){
    #altar {
        width: 70%;
    }
}
#altarbane {
    display:none;
    position: absolute;
    bottom: 190px;
    left: 45px;
    z-index: 9999;
    width: 600px;

}



#altar:hover > #altarbane {
    display:block !important;
    /*background-image:url(../img/pasivo/altarD.webp);*/
    /*    background-position: -512px top;*/
    /* background-repeat: no-repeat !important;*/
}   


#as-long {
    display: block;
    width: 420px;
    height: 700px;
    background-image: url(../img/pasivo/aslongD.webp);
    background-size: 200%;
    background-position: 0.5px top;
    background-repeat: no-repeat;
    transition: background-image 1s ease-in-out;
    top: 63px;
    position: relative;
}


#as-long:hover > #aslongbane{
    display:block !important;
    /*background-image:url(../img/pasivo/aslongD.webp);*/
    /*background-position: 98% top;*/
}


#aslongbane {
    display:none;
    position: absolute;
    bottom: 80px;
    left: -40px;
    width: 500px;
}




#vidareal {
    display: block;
    width: 450px;
    height: 550px;
    background-image: url(../img/pasivo/mividarealD.webp);
    background-size: 85%;
    background-position: center bottom;
    background-repeat: no-repeat;
    transition: background-image 1s ease-in-out;
}


#vidareal:hover > #vidabane  {
    display:block !important; 
    /*background-image:url(../img/pasivo/mividarealD.webp);*/
    /*background-position: -457px top;*/
}


#vidabane {
    display: none;
}


#cuento {
    display: inline-block;
    width: 470px;
    height: 700px;
    background-image: url(../img/pasivo/cuentoD.webp);
    background-size: 200%;
    background-position: 40px top;
    background-repeat: no-repeat;
    margin-top: 63px;
    border-radius: 150px 100px 100px 0px;
}
#cuento #gif {
    width: 50%;
    height: 42%;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    margin-top: 260px;
}
/*
#cuento:hover{
    background-image:url(../img/pasivo/cuentoD.webp);
    background-position:-439.5px top;
}



#cuento:hover > #gif{
    display:none;
}*/






#mesaN {
    display: block;
    width: 1200px;
    margin: 0px auto;
    height: 385px;
    background-image: url(../img/newmenu/mesa.png);
    background-size: 200%;
    background-position: 20px 0px;
    background-repeat: no-repeat;
    margin-top: -146px;
    position:relative;
    left: -30px;
}


/*#mesaN:hover{*/
/*    background-image: url(../img/newmenu/mesa.webp);*/
/*    background-position: 103.5% 3px;*/
/*}*/

#activador {
    position: absolute;
    bottom: 50px;
    width: 55%;
    height: 150px;
    left: 18%;
    cursor: pointer;
}


#libro {
    display: inline-block;
    width: 230px;
    height: 330px;
    /* background-image: url(../img/pasivo/libroD.webp); */
    background-image: url(../img/guiamuseo.webp);
    background-size: 85%;
    background-position: 0px -333px;
    background-repeat: no-repeat;
    position: absolute;
    top: -253px;
    left: 90px;
    transition: none !important;
}
#libro:hover{

    background-position: 0px 1%;
}


#contacto{
    display: inline-block;
    width: 249px;
    height: 211px;
    background-image: url(../img/pasivo/contactoD.webp);
    background-size: 200%;
    background-position: 0 top;
    background-repeat: no-repeat;
    position: absolute;
    top: -133px;
    left: 0px;
    transition: none !important;
}
#contacto:hover{
    background-image:url(../img/pasivo/contactoD.webp);
    background-position: 100% top;
}




#notes {
    display: inline-block;
    width: 334px;
    height: 391px;
    /* background-image: url(../img/pasivo/notesD.webp); */
    background-image: url(../img/pasivo/libroD.webp);
    background-size: 114%;
    background-position: 0px -3%;
    background-repeat: no-repeat;
    position: absolute;
    top: -308px;
        left: 77px;
    transition: none !important;
}


#notes:hover{
    background-position: center -369px;
    background-size: 108%;
}


#movie {
    display: inline-block;
    width: 424px;
    height: 556px;
    background-image: url(../media/Gif_Museo_corregido_23.07.24.gif);
    background-size: 96%;
    background-position: 0px 107%;
    background-repeat: no-repeat;
    position: absolute;
    top: -269px;
    left: -107px;
}





/*MI VIDA REAL */



#stickTop {position:absolute;top:0px/*;z-index:998*/;width: 100%; visibility:hidden;
    margin-top: 5%;}


#tabV {float:none; margin: 0px auto;}

#tarot {
    display: block;
    width: 550px;
    height: 650px;
    background-image: url(../img/reglasdeljuegoA.png);
    background-size: 210%;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin: 0px auto;
    margin-top: -50px;
}

#tarot:hover {
    background-position: -660px 0px;
    display:block !important;
    transition: none !important;
}

#reglasbane {
    display:none;
    position: absolute;
    bottom: 115px;
    left: -60px;
    width: 130%;
}


#fondoMesa {
    background-image: url(../img/mesa.webp);
    position: absolute;
    width: 100%;
    background-size: 98%;
    background-position: bottom;
    height: 700px;
    background-repeat: no-repeat;
    margin-top: 300px;
}






/*#mesaCosas {*/
/*    opacity: 0;*/
/*    position: relative;*/
/*        -webkit-transform: translate3d(0, 500px, 0);*/
/*    -moz-transform: translate3d(0, 500px, 0);*/
/*    -o-transform:translate3d(0, 500px, 0);*/
/*    -ms-transform:translate3d(0, 500px, 0);*/
/*    transform: translate3d(0, 500px, 0);*/
    
/*}*/



/* BOTIN NUEVO */

.stickTop {position:absolute;top:0px;z-index:998;width: 100%; visibility:hidden;}


#botin {
    display: block;
    position: absolute;
    top: 20px;
    left: 0px;
    height: 230px;
    width: 98%;
    background: url(../img/newmenu/bannerespanol.webp);
    background-size: 100%;
    margin-left: 40px;
    max-width: 980px;
    transform: rotate(-6deg);
    transition: all 1s;
}

#botin-en {
    display:block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 200px;
    width: 98%;
    background: url(../img/newmenu/banneringles.webp);
    background-size: 100%;
    margin-left: 40px;
}



#botin1 {
    display: block;
    width: 500px;
    height: 580px;
    background-image: url(../img/newmenu/standbyme.webp);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    top: -280px;
}



#pinceles {
    display: block;
    width: 170px;
    height: 270px;
    background-image: url(../img/newmenu/pinceles.webp);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
        right: -80px;
}



#botella {
    display: block;
    width: 490px;
    height: 570px;
    background-image: url(../img/newmenu/damajuana.webp);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    top: -170px;
    left: -80px;
}
#tesoro {
  display: block;
    width: 334px;
    height: 295px;
    background-image: url(../img/pasivo/baulD.webp);
    background-size: 710px;
    background-position: -12px top;
    background-repeat: no-repeat;
    position: absolute;
    top: -10px;
    left: -90px;
}
#tesoro:hover{
    background-position: -342px top;
     background-size: 710px;
}






#standbyme {
    display: block;
    width: 280px;
    height: 350px;
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 200px;
    left: 90px;
    z-index: 997;
}




#etiquetas a {
    display:block;
    width: 100%;
    height:100%;
}

#etiquetas {
    position: relative;
        top: 150px;
    max-width: 330px;
    margin: 0 auto;
    left: -20px;
}
#etiquetas li {
    width: 80%;
    height: 60px;
    display: block;
    margin: 2px auto;
}

#etiquetas li:hover {
    transform: scale(1.05);
}


#artOdisea {
    background: url(../img/botin/artoflaodisea.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 95%;
}


#mezcal {
background: url(../img/botin/arteymezcal.webp);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 89%;
}



#artCom {
background: url(../img/botin/artcomissions.webp);
    background-position: 35px center;
    background-repeat: no-repeat;
    background-size: 84%;
}


#experiencias {
background: url(../img/botin/experiencias.webp);
    background-position: center -15px;
    background-repeat: no-repeat;
    background-size: 80%;
    height: 110px !important;
    

}






#cortinaBotin {
    width: 100%;
    background: url(../img/botin/elbotinFondo.webp);
    background-size:cover;
    background-repeat: no-repeat;
    height: 100vh;
    position:relative;
    background-attachment: fixed;
    
}


/* EL CUENTO ESTILOS */


#elcuento {
    background: url(../img/cuento/fondocuento.webp);
    background-size:cover; background-position:0px 0px; background-repeat: no-repeat;background-attachment: fixed;
}


#elcuento   menu {
    position: fixed;
    z-index: 999;
    left: 0;
}
        

#elcuento .magnify-stage {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    border: none;
    overflow: hidden;
}

#elcuento .magnify-modal {
    position: fixed;
    z-index: 999 !important;
    background-color: #111;
}
    
#elcuento .magnify-button {
    font-size: 26px;
    margin-left: 15px;

}

button.magnify-button.magnify-button-fullscreen {
    margin-left: 30px !important;
}
    
#elcuento :fullscreen .magnify-header, :fullscreen .magnify-footer, :fullscreen .magnify-resizable-handle {
    display: block;
}
    

#elcuento  .square {
    
    max-width: 1600px !important;
    min-width: 1600px !important;
    position:relative;
    
    
    -ms-transform: scale(.78);
    -webkit-transform: scale(.78);
    transform: scale(.78);
    margin: 0px auto!important;
    left: 0px;
        top: -85px;
    position: relative;
 }
 
#elcuento #pergamino {
    width:700px;
} 

#elcuento #cuadros {
    position: relative;
    top: -170px;
}


a#espejo img {
    width: 276px;
    transform: rotate(15deg);
}


#espejo {
    position: absolute;
    top: 270px;
    right: 178px;
    z-index: 99;
    transition: all 0.9s;
}
 
 
a#drinkme img {
    width: 300px;
}

#drinkme {
    position: absolute;
    bottom: 0%;
    right: 0%;
    z-index: 99;
    transition: all 0.9s;
}

#drinkme:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}






#vestidor a {
    transform: rotate(-12deg);
    display: block;
    width: 450px;
    height: 450px;
    position: absolute;
    top: 42px;
}

#vestidor img {
    display: block;
    width: 680px;
    position: absolute;
    top: 0px;
    left: 50px;
}

#bosque {
    opacity:0;
   position: relative;
        -webkit-transform: translate3d(0, -500px, 0);
    -moz-transform: translate3d(0, -500px, 0);
    -o-transform:translate3d(0, -500px, 0);
    -ms-transform:translate3d(0, -500px, 0);
    transform: translate3d(0, -500px, 0);
}




#bosque.fadeInDown {
  -webkit-animation-name: fadeInDownBosque !important;
  animation-name: fadeInDownBosque !important;
}





@-webkit-keyframes fadeInDownBosque{
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -500px, 0);
    transform: translate3d(0, -500px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBosque {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -500px, 0);
    transform: translate3d(0, -500px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



#bosque img {
    width: 610px;
    position: absolute;
    top: -35px;
    display: block;
}


#bosque a {
    transform: rotate(-5.5deg);
    margin-top: 20px;
    margin-left: 0px;
    height: 500px;
    width: 510px;
    position: absolute;
    top: -5px;
    left: 140px;
    display: block;
}

#baile {width:948px !important;float: right;
opacity: 0;

    
}

#baile img {
    display: block;
    width: 930px;
    max-height: 700px;
    position: absolute;
    top: -109px;
    left: -28px;
}
  

#baile a {

    transform: rotate(3.5deg);
    margin-top: 20px;
    margin-left: 0px;
    display: block;
    width: 765px;
    height: 550px;
    position: absolute;
    top: -39px;
    left: 38px;
}
  

#vestidor {position: relative;    min-height: 550px; width:813px !important;
    opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}

#tableroBody {
    width: 100%;
    height: 100vh;
    position: relative;
    min-height: 891px;
    background:black;
}


#tablero {
    width: 1440px;
    max-width: 1600px;
    background: url(../img/tablero/fondoC.webp);
    background-color: black;
    background-position: center 0px;
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 891px;
    transition: background-image 1s ease-in-out;
    margin: 0 auto !important;
    position: relative;
}


  .grid-container {
    display: grid;
    grid-template-columns: 440px 200px 200px 545px;
    grid-gap: 0px;
    padding: 0px;
    height: 360px;
    
  }
  
  .grid-container1 {
    display: grid;
    grid-template-columns: 550px 200px 245px 545px;
    grid-gap: 0px;
    padding: 0px;
    height: 360px;
    
  }
  
  
  .grid-container a, .grid-container1 a {display:block; position:absolute; z-index:999; }
  
  
  .blockGrid {
    position: relative;
    height: 290px;
  }


    .reglas img {
        width:100%;
        display:inline-block;
        margin:30px;
        margin-left:0px;
    }

    .item1 {
        width: 380px;
        height: 300px;
        background-image: url(../img/tablero/happydeath1.webp);
        background-size: 100%;
        left: 50px;
        display: block;
        top: 20px;
        position: relative;
    }
    
    .item1 a {
        width: 200px;
        height: 135px;
        right: 10px;
        bottom: 85px;
    }
    
    .item1:hover {
      -webkit-transition: all 200ms ease-in;
      -webkit-transform:  translate(10px, 2px);
      -ms-transition: all 200ms ease-in;
      -ms-transform: translate(10px, 2px);
      -moz-transition: all 200ms ease-in;
      -moz-transform: translate(10px, 2px);
      
      transition: all 200ms ease-in;
       transform: translate(10px, 2px);
    }
    
    
    
    
    
    
    
    
    
    
    
    .item2 {
        width: 220px;
        height: 230px;
        background-image: url(../img/tablero/staglieno1.webp);
        background-size: 100%;
        left: -20px;
        display: block;
        top: -10px;
        background-position: -11px top;
        position: relative;
    }

    .item2 a {
        width: 180px;
        height: 180px;
         
    }
    
     .item2:hover {
      -webkit-transition: all 200ms ease-in;
      -webkit-transform:  translate(0px, 10px);
      -ms-transition: all 200ms ease-in;
      -ms-transform:  translate(0px, 10px);
      -moz-transition: all 200ms ease-in;
      -moz-transform:  translate(0px, 10px);
      
      transition: all 200ms ease-in;
       transform: translate(0px, 10px);
    }
    
    
    .item3 {
        width: 210px;
        height: 230px;
        background-image: url(../img/tablero/tarot1.webp);
        background-size: 100%;
        left: -5px;
        display: block;
        top: -3px;
        position: relative;
    }

    .item3 a {
        width: 220px;
        height: 190px;
         
    }
    
     .item3:hover {
      -webkit-transition: all 200ms ease-in;
      -webkit-transform:  translate(0px, 10px);
      -ms-transition: all 200ms ease-in;
      -ms-transform:  translate(0px, 10px);
      -moz-transition: all 200ms ease-in;
      -moz-transform:  translate(0px, 10px);
      
      transition: all 200ms ease-in;
       transform: translate(0px, 10px);
    }
    
    .item4 {
        width: 350px;
        height: 240px;
        background-image: url(../img/tablero/halloween1.webp);
        background-size: 100%;
        left: 0px;
        display: block;
        top: 0px;
        position: relative;
    }
    
    .item4 a {
        width: 135px;
        height: 220px;
         
    }
    
    
    .item4:hover {
      -webkit-transition: all 200ms ease-in;
      -webkit-transform:  translate(-10px, 15px);
      -ms-transition: all 200ms ease-in;
      -ms-transform:  translate(-10px, 15px);
      -moz-transition: all 200ms ease-in;
      -moz-transform:  translate(-10px, 15px);
      
      transition: all 200ms ease-in;
      transform: translate(-10px, 15px);
    }


    .item5 {
        width: 440px;
        height: 224px;
        background-image: url(../img/tablero/max1.webp);
        background-size: 100%;
        left: -85px;
        display: block;
        top: -130px;
        position: relative;
    }
    
    
    .item5 a {
        width: 200px;
        height: 162px;
         
        position: absolute;
        right: 0px;
        top: 8px;
    }
    
    
    .item5:hover {
      -webkit-transition: all 200ms ease-in;
      -webkit-transform:  translate(10px, 0px);
      -ms-transition: all 200ms ease-in;
      -ms-transform:  translate(10px, 0px);
      -moz-transition: all 200ms ease-in;
      -moz-transform:  translate(10px, 0px);
      
      transition: all 200ms ease-in;
      transform: translate(10px, 0px);
    }

    .item6 {
        width: 430px;
        height: 290px;
        background-image: url(../img/tablero/tresgracias1.webp);
        background-size: 100%;
        right: -40px;
        display: block;
        top: 35px;
        position: absolute;
    }
    
    .item6 a {
        width: 230px;
        height: 200px;
         
        position: absolute;
        bottom: 0px;
        left: 10px;
        border-radius: 100px 0px 0px 0px;
    }
    
    .item6:hover {
      -webkit-transition: all 200ms ease-in;
      -webkit-transform:  translate(-10px, 15px);
      -ms-transition: all 200ms ease-in;
      -ms-transform:  translate(-10px, 15px);
      -moz-transition: all 200ms ease-in;
      -moz-transform:  translate(-10px, 15px);
      
      transition: all 200ms ease-in;
      transform: translate(-10px, 15px);
    }
    
    
    .item7 {
        width: 360px;
        height: 380px;
        background-image: url(../img/tablero/juanaycatalina1.webp);
        background-size: 100%;
        left: -14px;
        display: block;
        top: 12px;
        position: relative;
    }
    
    .item7 a {
        width: 200px;
        height: 200px;
         
        position: absolute;
        right: 0px;
        top: 1px;
        border-radius: 0px 0px 120px 0px;
    }
    
    
    .item7:hover {
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: translate(10px, -10px);
        -ms-transition: all 200ms ease-in;
        -ms-transform: translate(10px, -10px);
        -moz-transition: all 200ms ease-in;
        -moz-transform: translate(10px, -10px);
        transition: all 200ms ease-in;
        transform: translate(10px, -10px);
    }
        
    
    .item8 {
        width: 405px;
        height: 400px;
        background-image: url(../img/tablero/retratos1.webp);
        background-size: 100%;
        right: 15px;
        display: block;
        top: 121px;
        position: absolute;
    }
    
    
    .item8 a {
        width: 200px;
        height: 250px;
         
        position: absolute;
        right: 10px;
        border-radius: 30px 0px 0px 0px;
    }
    
     .item8:hover {
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: translate(10px, -10px);
        -ms-transition: all 200ms ease-in;
        -ms-transform: translate(10px, -10px);
        -moz-transition: all 200ms ease-in;
        -moz-transform: translate(10px, -10px);
        transition: all 200ms ease-in;
        transform: translate(10px, -10px);
    }

        
    
    
    
    
    .item9 {
        width: 260px;
        height: 330px;
        background-image: url(../img/tablero/felipeyjuana1.webp);
        background-size: 100%;
        left: -46px;
        display: block;
        top: 200px;
        position: relative;
    }

    .item9 a {
        width: 230px;
        height: 210px;
         
        position: absolute;
        left: 30px;
    }
    
    
        
    .item9:hover {
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: translate(0px, -10px);
        -ms-transition: all 200ms ease-in;
        -ms-transform: translate(0px, -10px);
        -moz-transition: all 200ms ease-in;
        -moz-transform: translate(0px, -10px);
        transition: all 200ms ease-in;
        transform: translate(0px, -10px);
    }
    
   .item12 {
        width: 212px;
        height: 370px;
        background-image: url(../img/tablero/juana1.webp);
        background-size: 100%;
        left: 22px;
        display: block;
        top: 143px;
        position: relative;
    }

    .item12 a {
        width: 220px;
        height: 230px;
         
    }
    
    .item12:hover {
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: translate(0px, -10px);
        -ms-transition: all 200ms ease-in;
        -ms-transform: translate(0px, -10px);
        -moz-transition: all 200ms ease-in;
        -moz-transform: translate(0px, -10px);
        transition: all 200ms ease-in;
        transform: translate(0px, -10px);
    }
    
    .item13 {
        width: 340px;
        height: 440px;
        background-image: url(../img/tablero/felipe1.webp);
        background-size: 100%;
        left: -50px;
        display: block;
        top: 70px;
        position: relative;
        z-index: 9999;
    }

    .item13 a {
        width: 200px;
        height: 230px;
         
        left: 3px;
    }
    
    .item13:hover {
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: translate(-10px, -10px);
        -ms-transition: all 200ms ease-in;
        -ms-transform: translate(-10px, -10px);
        -moz-transition: all 200ms ease-in;
        -moz-transform: translate(-10px, -10px);
        transition: all 200ms ease-in;
        transform: translate(-10px, -10px);
    }
    
    
    .item14 {
        width: 460px;
        height: 380px;
        background-image: url(../img/tablero/familia1.webp);
        background-size: 100%;
        right: 115px;
        display: block;
        top: -101px;
        position: absolute;
        border-radius: 0px 0px 0px 500px;
    }
        
    .item14 a {
        width: 250px;
        height: 183px;
         
    }
    
    .item14:hover {
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: translate(-10px, -10px);
        -ms-transition: all 200ms ease-in;
        -ms-transform: translate(-10px, -10px);
        -moz-transition: all 200ms ease-in;
        -moz-transform: translate(-10px, -10px);
        transition: all 200ms ease-in;
        transform: translate(-10px, -10px);
    }

   
   
    ul#lightgallery img {
        display: block;
        width: 100%;
    }

    ul#lightgallery  li {
        margin-top:20px;
        min-height:230px;
    }

    .gallery {margin: 40px auto; float:none !important}
    

    .death {
        padding: 0px 20px;
        /*margin-left: 100px;*/
        margin: 0 auto;
    }

    .l-100 {
        margin-left:-100px;
    }

    .l-50 {
        margin-left:-40px;
    }

    .lm-30 {
        margin-left:30px;
    }


    .extra {
        width: 9.5% !important;
    }



/* .row a {border:2px dotted #ffbc00}  */




#memorias {
    display: block;
    width: 600px;
    height: 420px;
    background-image: url(../img/memoriaspasivo.webp);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    top: 250px;
    /* left: 45px; */
}


#memobane {
    display: none;
    position: absolute;
    top: 190px;
    left: -20px;
}


#memorias:hover #memobane {display:block !important;}


#recuerdos {
    display: block;
    width: 670px;
    height: 450px;
    background-image: url(../img/recuerdospasivo.webp);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    top: 230px;
    /* left: -70px; */
}

#recuerdos:hover{
    background-image:url(../img/recuerdosactivo.webp);
}



#libroI {
    width: 480px;
    height: 600px;
    margin: 2% auto;
    background: url(../img/epilogo/libro.webp) center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: -125px;
    left: 60px;
}


#max {
    width: 340px;
    height: 550px;
    margin: 2% auto;
    background: url(../img/epilogo/max.webp) center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: -55px;
    left: 65px;
}


#mezcalB {
    width: 300px;
    height: 770px;
    margin: 2% auto;
    background: url(../img/epilogo/mezcal.webp) center;
    background-size: 95%;
    background-repeat: no-repeat;
    position: relative;
    top: -280px;
    left: -70px;
}


#standbymeV {
    width: 90%;
    height: 100px;
    min-height: 590px;
    background: url(../img/epilogo/pantalla.webp) center 0px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    left: 20px;
    border: none !important;
    outline: none !important;
    top: -20px;
}


#obra {
    width: 50%;
    height: 90px;
    margin: 5% auto;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    position: inherit;
    top: 5px;
    z-index: 998;
}


.row4 {
    height:401px;
}




#mesaBtn {
    display: block;
    width: 97%;
    margin: 0px auto;
    height: 190px;
    background-image: url(../img/botin/mesaBtn.webp);
    background-size: 100%;
    background-position: center 5px;
    background-repeat: no-repeat;
    margin-top: 0px;
}




.placa img {
    display: block;
    margin: 0 auto;
}

#medio {
    width: 340px;
    height: 270px;
    position: relative;
    top: 20px;
    left: 121px;
    background: black;
}


#video {
    width: 320px;
    height: 220px;
    overflow: hidden;
    transform: skew(2.6deg, 0deg);
    position: relative;
    top: 75px;
    left: 125px;
    transform: rotate(-deg);
    border-radius: 10px;
}
#videomute {
    width: 100%;
    height: 100%;
}

#video video {
    height: 350px;
    overflow: hidden;
    transform: skew(3deg, -1deg);
    position: relative;
    top: -50px;
    left: -20px;
    transform: rotate(-deg);
    border-radius: 10px;
}




.linksi {
    display: block;
}

#link1 {
    position: absolute;
    left: 80px;
    width: 310px;
    height: 430px;
    top: 40px;
}

#link2 {
    position: absolute;
    bottom: 180px;
    left: 40px;
    width: 250px;
    height: 450px;
    top: 60px;
}


#link3 {
    position: absolute;
    right: 50px;
    top: 100px;
    border-radius: 200px 200px 0px 0px;
    height: 640px;
    width: 200px;
}





/* ==================================================================
 Responsive Styles
================================================================== */

/*  Small Devices, Tablets (≥768px)
-------------------------------------------------------------- */
@media all and (min-width : 768px) {
    .lt-main {
        font-size: 38px;
        font-size: 4.5vw;
    }

    .font2x {
        font-size: 76px;
        font-size: 9vw;
    }

    .font4x {
        font-size: 152px;
        font-size: 18vw;
    }
}

/* 3.2 - Medium Devices, Desktops (≥992px)
-------------------------------------------------------------- */
@media all and (min-width : 992px) {
    .lt-main {
        font-size: 48px;
        font-size: 4.5vw;
    }

    .font2x {
        font-size: 96px;
        font-size: 9vw;
    }

    .font4x {
        font-size: 192px;
        font-size: 18vw;
    }
}

/* 3.3 - Large Devices, Desktops (≥1200px)
-------------------------------------------------------------- */
@media all and (min-width : 1200px) {
    .lt-main {
        font-size: 64px;
        font-size: 4.5vw;
    }

    .font2x {
        font-size: 128px;
        font-size: 9vw;
    }

    .font4x {
        font-size: 256px;
        font-size: 18vw;
    }

    .addr-details {
        text-align: center;
    }

    .btn-fill {
        background: #292323;
        color: #FFF
    }

    .tf-logo {
        width: 648px;
    }
}

/* 3.4 - Wide Screens, Desktops (≥1824px)
-------------------------------------------------------------- */
@media all and (min-width : 1824px) {
    .lt-main {
        font-size: 92px;
        font-size: 4.5vw;
    }

    .font2x {
        font-size: 184px;
        font-size: 9vw;
    }

    .font4x {
        font-size: 368px;
        font-size: 18vw;
    }

    .addr-details {
        text-align: left;
    }

    








}



@media all and (max-height : 824px) {



}

@media all and (min-height : 860px) {


    /*#menu_bottom {    background: black;}*/


    #tablero {
        overflow:hidden
    }


}


.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
    float: left
}
.col-lg-12 {
    width: 100%
}
.col-lg-11 {
    width: 91.66666667%
}
.col-lg-10 {
    width: 83.33333333%
}
.col-lg-9 {
    width: 75%
}
.col-lg-8 {
    width: 66.66666667%
}
.col-lg-7 {
    width: 58.33333333%
}
.col-lg-6 {
    width: 50%
}
.col-lg-5 {
    width: 41.66666667%
}
.col-lg-4 {
    width: 33.33333333%
}
.col-lg-3 {
    width: 25%
}
.col-lg-2 {
    width: 16.66666667%
}
.col-lg-1 {
    width: 8.33333333%
}
.col-lg-pull-12 {
    right: 100%
}
.col-lg-pull-11 {
    right: 91.66666667%
}
.col-lg-pull-10 {
    right: 83.33333333%
}
.col-lg-pull-9 {
    right: 75%
}
.col-lg-pull-8 {
    right: 66.66666667%
}
.col-lg-pull-7 {
    right: 58.33333333%
}
.col-lg-pull-6 {
    right: 50%
}
.col-lg-pull-5 {
    right: 41.66666667%
}
.col-lg-pull-4 {
    right: 33.33333333%
}
.col-lg-pull-3 {
    right: 25%
}
.col-lg-pull-2 {
    right: 16.66666667%
}
.col-lg-pull-1 {
    right: 8.33333333%
}
.col-lg-pull-0 {
    right: auto
}
.col-lg-push-12 {
    left: 100%
}
.col-lg-push-11 {
    left: 91.66666667%
}
.col-lg-push-10 {
    left: 83.33333333%
}
.col-lg-push-9 {
    left: 75%
}
.col-lg-push-8 {
    left: 66.66666667%
}
.col-lg-push-7 {
    left: 58.33333333%
}
.col-lg-push-6 {
    left: 50%
}
.col-lg-push-5 {
    left: 41.66666667%
}
.col-lg-push-4 {
    left: 33.33333333%
}
.col-lg-push-3 {
    left: 25%
}
.col-lg-push-2 {
    left: 16.66666667%
}
.col-lg-push-1 {
    left: 8.33333333%
}
.col-lg-push-0 {
    left: auto
}
.col-lg-offset-12 {
    margin-left: 100%
}
.col-lg-offset-11 {
    margin-left: 91.66666667%
}
.col-lg-offset-10 {
    margin-left: 83.33333333%
}
.col-lg-offset-9 {
    margin-left: 75%
}
.col-lg-offset-8 {
    margin-left: 66.66666667%
}
.col-lg-offset-7 {
    margin-left: 58.33333333%
}
.col-lg-offset-6 {
    margin-left: 50%
}
.col-lg-offset-5 {
    margin-left: 41.66666667%
}
.col-lg-offset-4 {
    margin-left: 33.33333333%
}
.col-lg-offset-3 {
    margin-left: 25%
}
.col-lg-offset-2 {
    margin-left: 16.66666667%
}
.col-lg-offset-1 {
    margin-left: 8.33333333%
}
.col-lg-offset-0 {
    margin-left: 0
}



.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
    float: left
}
.col-md-12 {
    width: 100%
}
.col-md-11 {
    width: 91.66666667%
}
.col-md-10 {
    width: 83.33333333%
}
.col-md-9 {
    width: 75%
}
.col-md-8 {
    width: 66.66666667%
}
.col-md-7 {
    width: 58.33333333%
}
.col-md-6 {
    width: 50%
}
.col-md-5 {
    width: 41.66666667%
}
.col-md-4 {
    width: 33.33333333%
}
.col-md-3 {
    width: 25%
}
.col-md-2 {
    width: 16.66666667%
}
.col-md-1 {
    width: 8.33333333%
}
.col-md-pull-12 {
    right: 100%
}
.col-md-pull-11 {
    right: 91.66666667%
}
.col-md-pull-10 {
    right: 83.33333333%
}
.col-md-pull-9 {
    right: 75%
}
.col-md-pull-8 {
    right: 66.66666667%
}
.col-md-pull-7 {
    right: 58.33333333%
}
.col-md-pull-6 {
    right: 50%
}
.col-md-pull-5 {
    right: 41.66666667%
}
.col-md-pull-4 {
    right: 33.33333333%
}
.col-md-pull-3 {
    right: 25%
}
.col-md-pull-2 {
    right: 16.66666667%
}
.col-md-pull-1 {
    right: 8.33333333%
}
.col-md-pull-0 {
    right: auto
}
.col-md-push-12 {
    left: 100%
}
.col-md-push-11 {
    left: 91.66666667%
}
.col-md-push-10 {
    left: 83.33333333%
}
.col-md-push-9 {
    left: 75%
}
.col-md-push-8 {
    left: 66.66666667%
}
.col-md-push-7 {
    left: 58.33333333%
}
.col-md-push-6 {
    left: 50%
}
.col-md-push-5 {
    left: 41.66666667%
}
.col-md-push-4 {
    left: 33.33333333%
}
.col-md-push-3 {
    left: 25%
}
.col-md-push-2 {
    left: 16.66666667%
}
.col-md-push-1 {
    left: 8.33333333%
}
.col-md-push-0 {
    left: auto
}
.col-md-offset-12 {
    margin-left: 100%
}
.col-md-offset-11 {
    margin-left: 91.66666667%
}
.col-md-offset-10 {
    margin-left: 83.33333333%
}
.col-md-offset-9 {
    margin-left: 75%
}
.col-md-offset-8 {
    margin-left: 66.66666667%
}
.col-md-offset-7 {
    margin-left: 58.33333333%
}
.col-md-offset-6 {
    margin-left: 50%
}
.col-md-offset-5 {
    margin-left: 41.66666667%
}
.col-md-offset-4 {
    margin-left: 33.33333333%
}
.col-md-offset-3 {
    margin-left: 25%
}
.col-md-offset-2 {
    margin-left: 16.66666667%
}
.col-md-offset-1 {
    margin-left: 8.33333333%
}
.col-md-offset-0 {
    margin-left: 0
}

/* OVERRIDES */
#limited {
    background:#000000;
}
.propioopen {
    margin-top: 200px;
}
.imagenes-limited-altar img{
    max-width:100%;
    /*max-height: 800px;*/
}
div#container{
    max-width:100%;
    max-height: 800px;
}

#limited #rows{
    max-width: 100%;
    margin: 80px auto;
    padding: 20px;
}

#limited #rows li {
    min-height: 650px;
    margin-left: 40px;
    width: 45%;
}

.titulo-limited {
    position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
    font-size: 60px;
    margin-top: 140px;
        line-height: 1.4;
}
.subtitle-limited {
    position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
    margin-top: 50px;
}
.subtitle-limited-2 {
    position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
    margin-top: -9px;
}
.limited-contacto {
    position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    font-size: 23px;
    margin-top: 40px;
    display: block;
    text-align: center;
}

.limited-contacto:hover {
    text-decoration:none;
    color: #ffbc00;
}


.limited-paneles {
    max-width: 280px;
}
.limited-images {
    position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
    margin:0 auto;
    min-height: 120px;
    line-height: 115%;
}

.limited-paneles, .limited-images {
     line-height: 115%;
    margin:0 auto;
    position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
    min-height:120px;
}

.limited-overlay {background:black; width:100%;     text-align: center;}

.beyond {
    max-width: 1100px;
    margin: 30px auto;
}
.beyond-limiteded {
    max-width: 1600px;
    margin: 50px auto;
}
.beyond img,
.xochi img{
cursor: pointer;
}
.new-beyond {
    max-width: 750px;
    margin: 30px auto;
}
.beyond1 {min-height:400px;}
.beyond3 {min-height:800px;}
.beyond6 {max-width: 900px; margin-top: 0px;}
    

.limited-edit {
    margin-top:100px;
    position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}
.limited-edit-2{
    margin-top:85px;
}
.limited-edit-3{
    margin-top:83px;
}
.limited-block2{
    /*margin-top:-210px;*/
     position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}
.limited-block3{
    /*margin-top:-510px;*/
     position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}
.limited-block4{
    /*margin-top:-910px;*/
     position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}

.limited-block5{
    /*margin-top:-1170px;*/
     position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}

.limited-block6{
    /*margin-top:-1490px;*/
     position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}
.limited-block7{
    /*margin-top:-1450px;*/
     position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}
.limited-block8{
    /*margin-top:-1660px;*/
     position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}
.limited-block9{
    /*margin-top:-1870px;*/
     position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}
.limited-block10{
    /*margin-top:-1850px;*/
     position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}
.limited-block11{
    /*margin-top:-2000px;*/
     position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}
.limited-block12{
    /*margin-top:-2270px;*/
     position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}
.limited-block13{
    /*margin-top:-2410px;*/
     position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}
.limited-block14{
    /*margin-top:-2680px;*/
     position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}
.limited-block15{
    /*margin-top:-2850px;*/
     position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}
.limited-block16{
    /*margin-top:-3120px;*/
     position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
}
.limited-edit-4{
    margin-top:95px;
}
.limited-edit-5{
    margin-top:21px;
}
.limited-edit-6{
    margin-top:143px;
}
.limited-edit-7{
    margin-top:8px;
}
.limited-edit-8{
    margin-top:59px;
}
.limited-edit-9{
    margin-top:171px;
}
.limited-edit-10{
    margin-top:26px;
}
.limited-edit-11{
    margin-top:129px;
}
.limited-edit-12{
    margin-top:42px;
}
.limited-edit-13{
    margin-top:3px;
}
.limited-edit-14{
    margin-top:279px;
}
.limited-letter{
    max-width: 260px;
    margin: 20px auto;
}
.limited-letter{
    max-width: 450px;
    margin: 15px auto;
}
.limited-altar {
    background: black;
    margin-top:0px;
    position: relative;
    color: #ffbc00;
    font-family: 'Alice', serif;
    text-align: center;
    
}
.limited-altar h4 {
    margin-bottom: 70px;
    font-size: 21px;
    line-height: 30PX;

    margin: 15px auto;
}
@media screen and (max-device-width: 500px) { /*CELULAR EN POSICIÓN VERTICAL*/

    .limited-altar h4 {
        width: 85%;
    }
}
.limited-altar h2 {
    margin-top: 70px;
    margin-bottom: 30px;
    font-size: 40px;
}
.limitedaltar1{
    margin-top:80px;
    
}
.images2 {max-width:600px;}

#cloud {
    position: relative;
    min-height: 590px;
}
.reel {
    position: absolute;
    bottom: 0px;
}
a#museoG {
    max-width: 300px;
    display: block;
    position: fixed;
    z-index: 8;
    top: 10px;
    left: 130px;
    z-index: 101;
}
a#museoG img {
    max-width: 45%;
    margin-top: 6px;
}

@media (max-width : 1100px) {
.reel {
    position: relative;
    }
}



.botin .container {
    min-height: 888px !important;
    height:100vh;
}
 
 #cuadro3 img {
     max-width: 150% !important;
     width: 150%;
    margin-left: -25%; 
}
 

.eltext {
    max-width: 60%;
    margin: 0 auto;
    position: relative;
    top: 140px;
    font-size: 14px;
    font-family: 'Alice', serif;
    margin-left: 140px
}
.eltext1 h2{
    margin-bottom:50px;
}

.eltext h2 {
    font-size: 18px;
    text-align: center;
    color: #2B1300;
        font-weight: bolder;
    position: relative;

    top: 10px;
    left: 20px;
    margin-bottom: 15px;
}

.eltext ul {
    list-style:none;
}

.eltext a {text-decoration:none;color: #2B1300; }

#navigation1 br {
    display: none;
}
.preloader::after {
    content: "Paciencia...";
    color:rgb(153,153,153);
    font-size:40px;
    position: relative;
    z-index:9999999;
    top:40px;
    width: 100%;
    text-align: center;
    display:block;
    font-family: 'Alice', serif;
}

img[src*="loader"] {
   width: 100px;
    display: block;
    margin: 0px auto; 
}



/* altar.html */
 

#elaltar {
    background: black;
}

#elaltar ul#lightgallery li {
    margin-top: 20px;
    min-height: 500px !important;
    padding: 0px 10px;
}
    

#elaltar ul#lightgallery li img {
    max-height: 1100px;
    width: auto;
    margin: 0px auto;
    max-width: 80%;
}

#elaltar .container {
    max-width: 1400px;
    min-width: 100%;
}

#elaltar .burger {
    z-index: 9;
}

#elaltar #paneles {
    width: 370px !important;
    position: fixed;
    right: 300px;
    z-index: 99999999;
    top: 0px;
    display:none;
}
#elaltar img.plaks {
    max-width: 100%;
    width: 55%;
    float: right;
    margin-top: 260px;
    margin-right: -75%;
}
#elaltar .gallery.col-md-12 {
    position: relative;
}

@media all and (max-width : 900px) {
    #elaltar ul#lightgallery li {
        width: 100%;
        margin-top: 20px;
        min-height: inherit !important;
        padding: 0px 10px;
    }
    
}

/* acaba altar */



/* as long */


		

#videobody #myVideo {
  position: fixed;
  left: 0;
  bottom: 0;
  min-width: 100%; 
  background:black;
}

#videobody .content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

#myBtn {
    width: 180px;
    height: 60px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: url(../img/menu_btn.webp);
    background-size: 100%;
    color: #fff;
    cursor: pointer;
    z-index: 9999;
    position: absolute;
    right: 10px;
    top: 20px;
}


#videobody #gale {
    background: url(../img/galeria.webp);
    width: 200px;
    height: 50px;
    background-size: cover;
    display: block;
    float: none;
    margin-top: 10px;
    position: absolute;
    top: 80px;
    right: 20px;
}

#videobody #menu_bottom {
    top: 0px;
    height: fit-content;
}

#videobody li a img {max-width:100%;}


@media all and (max-width : 1280px) {
    #videobody #myVideo {
        max-width: 1280px;
    }
}

 @media all and (max-width : 1060px) {
    #videobody ul#rows li {
        width: 100%;
        margin-top: 20px;
        min-height: inherit !important;
        padding: 0px 10px;
    }
    
    #cuadro3 img {
        max-width: 60% !important;
        width: 100% !important;
        display: block;
        margin-top: -140px !important;
        margin-left: 140px;
    }
        
    #videobody body {overflow-y:scroll;}
    
    #videobody #cuadro2 {
    position: relative;
    top: -55px; z-index:98;}
    
   #videobody  #cuadro1 {z-index:99;}
    
}

/* */

/* galerias as long*/

#galerias_regla.aslong .content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}


#gale {
    background: url(../img/galeria.webp);
    width: 200px;
    height: 50px;
    background-size: cover;
    display: block;
    float: none;
    margin-top: 10px;
    position: absolute;
    top: 80px;
    right: 20px;
}



#visor #gale {
top: -80px !important;
}


@media all and (max-width : 1280px) {
    #myVideo {
        max-width: 1280px;
    }
}

#menu_bottom {
    bottom: 0px;
}

#galerias_regla {
    overflow: scroll;
}

/* */

 #baner_construction {position:fixed;top:30%;width:100%;display:block;}

/* chucho */

body#videobody {
    background-color: black;
    background-position: center top;
    background-size: 60%;
    background-repeat: no-repeat;
    min-width: 100%;
    overflow:scroll;
}
#videobody .burger {
    position: fixed !important;
}

/* */
body#contactpage, #noos  {
    background-color: black;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    max-width: 100%;
    min-height: 100vh;
}
body#soon  {
    background-image: url(../img/dommy2.webp);
    background-color: black;
    background-position: center;
    background-size: 650px auto;
    background-repeat: no-repeat;
    max-width: 100%;
    min-height: 1000px;
}
@media all and (max-width: 720px){
    .boton-img img {
    top: -5% !important;
    width: 340px !important;
    left: 35% !important;
    }
.boton-opened img{
    width: 300 !important;
    top: 65% !important;
    left: 45% !important;
    }
}

    



/* elcuento */

    #elcuento    .fadeInUp {
        -webkit-transform: translate3d(0, 0px, 0) !important;
        transform: translate3d(0, 0px, 0);
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }
    
    #elcuento #music{opacity:0;z-index: 9999;}

/* */ 


/* galerias reglas */


   	
	    @media all and (min-width: 1100px) {
		    .famigliaGal ul#lightgallery li {
    			min-height: 240px !important;
    		}
		}
		
		
		
			
		@media all and (min-width: 1300px) {
		    .famigliaGal ul#lightgallery li {
    			min-height: 260px !important;
    		}
		}
		

			
		@media all and (min-width: 1480px) {
		    .famigliaGal ul#lightgallery li {
    			min-height: 280px !important;
    		}
		}
	
		
		
		@media all and (min-width: 1500px) {
		    .famigliaGal ul#lightgallery li {
    			min-height: 300px !important;
    		}
		}
	
	
	   @media all and (max-width: 1100px) {
		    .famigliaGal ul#lightgallery li {
    			min-height: 200px !important;
    		}
		}
		
		
		
			
	    .felipeGal ul#lightgallery li {
            min-height: 200px !important;
        }
	
	
	
	    @media all and (min-width: 1200px) {
		    .felipeGal ul#lightgallery li {
    			min-height: 240px !important;
    		}
		}
		
		
		
			
		@media all and (min-width: 1300px) {
		    .felipeGal ul#lightgallery li {
    			min-height: 260px !important;
    		}
		}
		

			
		@media all and (min-width: 1480px) {
		    .felipeGal ul#lightgallery li {
    			min-height: 280px !important;
    		}
		}
	
		
		
		@media all and (min-width: 1500px) {
		    .felipeGal ul#lightgallery li {
    			min-height: 300px !important;
    		}
		}
	
	
	   @media all and (max-width: 1100px) {
		    .felipeGal ul#lightgallery li {
    			min-height: 220px !important;
    		}
		}
		
		
		
		
		
		
		
	    .hallGal ul#lightgallery li {
            min-height: 420px !important;
        }
	
	
	
	    @media all and (min-width: 1200px) {
		    .hallGal ul#lightgallery li {
    			min-height: 420px !important;
    		}
		}
		
		
		
			
		@media all and (min-width: 1300px) {
		    .hallGal ul#lightgallery li {
    			min-height: 460px !important;
    		}
		}
		

			
		@media all and (min-width: 1480px) {
		    .hallGal ul#lightgallery li {
    			min-height: 480px !important;
    		}
		}
	
		
		
		@media all and (min-width: 1500px) {
		    .hallGal ul#lightgallery li {
    			min-height: 540px !important;
    		}
		}
		
		@media all and (min-width: 1800px) {
		    .hallGal ul#lightgallery li {
    			min-height: 600px !important;
    		}
		}
	
	
	   @media all and (max-width: 1100px) {
		    .hallGal ul#lightgallery li {
    			min-height: 330px !important;
    		}
		}
		
		.hallGal #main-wrapper, #main-wrapperdomi {padding-bottom:30px;}
	
	
		@media all and (min-width: 1800px) {
		    .happyGal ul#lightgallery li {
    			min-height: 220px !important;
    		}
		}
		
	    @media all and (max-width: 1300px) {
		    .happyGal .death {
                left: 80px;
            }
		}
		
		
	    @media all and (max-width: 1200px) {
		   .happyGal .death {
                left: 0px;
                min-width: 90%;
                max-width: 95%;
            }
	
		}
		
		@media all and (max-width : 880px) {
            .happyGal ul#lightgallery li  {
                 margin: 20px auto !important;
                 
             }
	
	   }
	   
	   .juanaGal .col-md-2 {
			width: 17% !important;
		}
		
		
		@media all and (min-width: 1200px) {
		    .juanaGal ul#lightgallery li {
    			min-height: 280px !important;
    		}
		}
		
		
		
			
		@media all and (min-width: 1300px) {
		    .juanaGal ul#lightgallery li {
    			min-height: 300px !important;
    		}
		}
		

			
		@media all and (min-width: 1480px) {
		    .juanaGal ul#lightgallery li {
    			min-height: 310px !important;
    		}
		}
	
		
		
		@media all and (min-width: 1500px) {
		   .juanaGal ul#lightgallery li {
    			min-height: 400px !important;
    		}
		}
	
	
	   @media all and (max-width: 1100px) {
		    .juanaGal ul#lightgallery li {
    			min-height: 230px !important;
    		}
		}

		.juanaGal ul#lightgallery
		{    margin-left: 60px;}
		
		
		
		
		
	    .juanafelipeGal .col-md-2 {
			width: 15%;
		}
		.juanafelipeGal .col-md-1 {
			width: 10%;
		}
		.juanafelipeGal .gallery {
			margin: 40px auto;
			float: none !important;
			width:95%;
		}

		.juanafelipeGal #lightgallery > li:nth-child(15) { margin-left: 20px;}
		.juanafelipeGal #lightgallery > li:nth-child(23) {    margin-left: -22px;}
		
		@media all and (min-width: 1200px) {
		    .juanafelipeGal ul#lightgallery li {
    			min-height: 140px !important;
    		}
		}
			
		@media all and (min-width: 1300px) {
		    .juanafelipeGal ul#lightgallery li {
    			min-height: 140px !important;
    		}
		}
			
		@media all and (min-width: 1480px) {
		    .juanafelipeGal ul#lightgallery li {
    			min-height: 180px !important;
    		}
		}
	
		@media all and (min-width: 1500px) {
		    .juanafelipeGal ul#lightgallery li {
    			min-height: 200px !important;
    		}
		}
		
		
		@media all and (min-width: 1800px) {
		    .juanafelipeGal ul#lightgallery li {
    			min-height: 220px !important;
    		}
		}
	
	
	   @media all and (max-width: 1199px) {
		    .juanafelipeGal ul#lightgallery li {
    			min-height: 140px !important;
    		}
		}
		
		
		
	   @media all and (max-width : 880px) {
            .juanafelipeGal ul#lightgallery li  {
                 margin: 20px auto !important;
                 
            }
	   }
	   
	   
	   .juanaGal .col-md-2 {
			width: 14%;
		}
		.juanaGal .extra {width:18% !important;}
		.juanaGal .extra2 {   width: 16% !important; }
		.juanaGal .col-md-3 {width: 30%; margin-left: 30px;}
		
	
		
		
		.juanaGal ul#lightgallery li {
			min-height: 210px !important;
		}
		
		@media all and (min-width: 1200px) {
    		.juanaGal ul#lightgallery li.extra {
                 min-height: 270px !important;
            }
		}
		
		@media all and (min-width: 1300px) {
    		.juanaGal ul#lightgallery li.extra {
                min-height: 320px !important;
            }
		}
		

			
		@media all and (min-width: 1480px) {
		    .juanaGal ul#lightgallery li {
    			min-height: 180px !important;
    		}
    		
    		.juanaGal ul#lightgallery li.extra {
                min-height: 340px !important;
            }
		}
	
		
		
		@media all and (min-width: 1500px) {
		    .juanaGal ul#lightgallery li {
    			min-height: 200px !important;
    		}
    		
    		.juanaGal ul#lightgallery li.extra {
                min-height: 360px !important;
            }
		}
		
		
		@media all and (min-width: 1800px) {
		    .juanaGal ul#lightgallery li {
    			min-height: 300px !important;
    		}
    		
    		.juanaGal ul#lightgallery li.extra {
                min-height: 420px !important;
            }
		}
	
	
	   @media all and (max-width: 1199px) {
		   	.juanaGal ul#lightgallery li.extra {
                min-height: 270px !important;
            }
		}
		
		
		
		
		.fatherGal ul#lightgallery li {
			min-height: 270px !important;
		}
		
		@media all and (min-width: 1200px) {
    		.fatherGal ul#lightgallery li  {
                 min-height: 240px !important;
            }
		}
	
		@media all and (min-width: 1300px) {
    		.fatherGal ul#lightgallery li {
                min-height: 280px !important;
            }
		}
		
		@media all and (min-width: 1480px) {
    		.fatherGal ul#lightgallery li{
                min-height: 280px !important;
            }
		}

		@media all and (min-width: 1500px) {
		    .fatherGal ul#lightgallery li {
    			min-height: 320px !important;
    		}

		}
		
		
		@media all and (min-width: 1800px) {
		    .fatherGal ul#lightgallery li {
    			    min-height: 380px !important;
    		}
		}
	
	
	   @media all and (max-width: 1199px) {
		   	.fatherGal ul#lightgallery li  {
                min-height: 230px !important;
            }
		}
		
/* memorias */


#visor menu {
    width: 100%;
    position: absolute;
    padding: 10px;
}

#visor .preloader-wrapper {
    height: 100%;
    width: 100%;
    background:black;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}


#visor {
    width: 100%;
    height: 100vh;
    min-height: 800px;
    /*overflow: hidden;*/
    position: relative;
    background: url(../img/memorias/fondo_ultimo.webp);
    background-size:cover;
    background-attachment:fixed;
}

#visor #footer {
    width: 100%;
    position: fixed;
    bottom: 70px;
    right: 10px;
}

/*#visor #viewbtn {
    width: 120px;
    height: 40px;
    display: block;
    position: absolute;
    margin: 0px auto;
    top: -38px;
    right: 190px;
}*/
#visor #viewbtn {
    width: 395px;
    height: 166px;
    display: block;
    position: absolute;
    margin: 0px auto;
    top: 32px;
    right: 40px;
}
#visor  #container {
    max-width:1152px !important;
    min-width:1000px;
    width:1000px;
    margin: 0 auto;
    height: 100vh;
    min-height: 780px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#visor .centradito {
    position: relative;
    display: block;
    margin: 0px;
    float: none;
    top: 0px;
    width: 80%;
    height: 100vh;
    min-height:780px;
    background-color: black;
    background: url(../img/memorias/viewmasterB.webp);
    background-size: 97%;
    background-position: center;
    margin-left: -10%;
    display: flex;
    justify-content: center;
    align-items: center;
}


#visor #pasto {
    position: absolute;
    bottom: -50px;
    height: 600px;
    width: 100%;
    background: url(../img/memorias/pasto.webp);
    background-size: 100%;
    background-position: 0px;
    background-repeat: no-repeat;
    border-radius: 200% 0px 0px;
}



    
#visor .row {
    display: block;
    margin: 15px auto;
    position: relative;
    top: 0px;
    left: 0px;
    transform: rotate(-11.8deg);
    width: 88%;
    background-size: 100%;
    background-position: 0px;
    background-repeat: no-repeat;
    height: 300px;
}



@media all and (max-height : 1100px) {
    #visor #pasto {
        display: none;
    }

}


@media all and (max-height : 1000px) {
    #visor body{overflow-x:hidden !important;}
    
}


#visor.owl-nav.disabled, .owl-dots.disabled {
    display: none !important;
}

#galerias_regla {
    background: black;
}
    
.altarGris ul#lightgallery li {
    margin-top: 20px;
    min-height: 500px !important;
    padding: 0px 10px;
}
    

.altarGris ul#lightgallery li img {
    max-height: 500px;
    width: auto;
    margin: 0px auto;
    max-width:100%;
}


.altarGris .container {
    max-width: 100%;
    min-width: 100%;
    padding-bottom:160px;
}

.altarGris .burger {
    z-index: 9;
}

 @media all and (max-width : 1100px) {
     /*ul#lightgallery li {min-width:50% !important; display:block;float:none !important;margin:40px auto;}*/
     
     .altarGris ul#lightgallery li {
        margin-top: 20px;
        min-height: 500px !important;
        padding: 0px 10px;
    }
   
    .altarGris .col-md-3 {
        width: 30%;
    }
    
    .altarGris .col-md-6 {
        width: 70%;
    }
    
    .altarGris .col-md-2 {
       width: 20%;
    }
    
    
    .altarGris .col-md-1 {
       width: 15%;
    }
    
    
}
        
@media (max-width: 880px) {
    
    
    #galerias_regla.altarGris ul#lightgallery {
        position: relative;
        left:0px;
    }
    #galerias_regla.altarGris ul#lightgallery li img {
        margin: 20px auto !important;
        width: 100% !important;
        max-height: inherit !important;
    }
    
    .altarGris ul#lightgallery li {
        margin-top: 20px;
        min-height: 500px !important;
        padding: 0px 10px;
        float: left;
        display: inline-block;
    }
    
    .altarGris ul#lightgallery li.col-md-3 {
        width: 80% !important;
        margin: 0 auto;
        float: none !important;
        display:block;
    }
    .altarGris ul#lightgallery li.col-md-6 {
        width: 100% !important;
    }
    .altarGris ul#lightgallery li.col-md-2 {
        width: 35% !important;
       min-height: 800px !important;
    }
    .altarGris ul#lightgallery li.col-md-1 {
       width: 15% !important;
    }
}
        
        
        
@media (max-width: 768px) {
    .altarGris ul#lightgallery li.col-md-1 {
        width: 50% !important;
    }
    .altarGris ul#lightgallery li.col-md-2 {
        width: 35% !important;
        min-height: 800px !important;
        width: 80% !important;
        margin: 0 auto;
        float: none !important;
        display: block;
    }
}
        

.altarAbGal ul#lightgallery li {
    margin-top: 20px;
    min-height: 500px !important;
    padding: 0px 10px;
}
    

.altarAbGal ul#lightgallery li img {
    max-height: 500px;
    width: auto;
    margin: 0px auto;
    max-width:100%;
}

        
.altarAbGal .container {
    max-width: 100%;
    min-width: 100%;
    padding-bottom:160px;
}
.altarAbGal .burger {
    z-index: 9;
}

        
 @media all and (max-width : 1100px) {
     /*ul#lightgallery li {min-width:50% !important; display:block;float:none !important;margin:40px auto;}*/
   
    .altarAbGal .col-md-3 {
        width: 30%;
    }
    
    .altarAbGal .col-md-6 {
        width: 70%;
    }
    
    .altarAbGal .col-md-2 {
       width: 20%;
    }
    
    
    .altarAbGal .col-md-1 {
       width: 15%;
    }
    
    
}
        
@media (max-width: 880px) {
    #galerias_regla.altarAbGal ul#lightgallery {
        position: relative;
        left:0px;
    }
    #galerias_regla.altarAbGal ul#lightgallery li img {
        margin: 20px auto !important;
        width: 100% !important;
        max-height: inherit !important;
    }
    
    .altarAbGal ul#lightgallery li {
        margin-top: 20px;
        min-height: 500px !important;
        padding: 0px 10px;
        float: left;
        display: inline-block;
    }
    
    .altarAbGal ul#lightgallery li.col-md-3 {
        width: 80% !important;
        margin: 0 auto;
        float: none !important;
        display:block;
    }
    .altarAbGal ul#lightgallery li.col-md-6 {
        width: 100% !important;
    }
    .altarAbGal ul#lightgallery li.col-md-2 {
        width: 35% !important;
       min-height: 800px !important;
    }
    .altarAbGal ul#lightgallery li.col-md-1 {
       width: 15% !important;
    }
}



@media (max-width: 768px) {
    .altarAbGal ul#lightgallery li.col-md-1 {
        width: 50% !important;
    }
    .altarAbGal ul#lightgallery li.col-md-2 {
        width: 35% !important;
        min-height: 800px !important;
        width: 80% !important;
        margin: 0 auto;
        float: none !important;
        display: block;
    }
}



    
.altarGcerradoGal ul#lightgallery li {
    margin-top: 20px;
    padding: 0px 10px;
    min-height: inherit !important;
    
}


.altarGcerradoGal ul#lightgallery li.col-md-3, .altarGcerradoGal ul#lightgallery li.col-md-2 {
    margin-top: 20px;
    min-height: 1000px !important;
    padding: 0px 10px;
}


.altarGcerradoGal ul#lightgallery li img {
    max-height: inherit;
    width: 100%;
    margin: 0px auto;
    max-width: 100%;
}


.altarGcerradoGal .container {
    max-width: 1400px;
    min-width: 100%;
    padding-bottom:160px;
}

.altarGcerradoGal .burger {
    z-index: 9;
}



@media all and (max-width : 1580px) {
    .altarGcerradoGal ul#lightgallery li.col-md-3, .altarGcerradoGal ul#lightgallery li.col-md-2 {
        min-height: 800px !important;
    }
               
    
}

 @media all and (max-width : 1300px) {
    .altarGcerradoGal ul#lightgallery li.col-md-3,.altarGcerradoGal ul#lightgallery li.col-md-2 {
        min-height: 700px !important;
    }
}


@media all and (max-width : 1160px) {
    .altarGcerradoGal ul#lightgallery li.col-md-3, .altarGcerradoGal ul#lightgallery li.col-md-2 {
        min-height: 700px !important;
    }
}

 @media all and (max-width : 1100px) {
    .altarGcerradoGal ul#lightgallery li.col-md-3, .altarGcerradoGal ul#lightgallery li.col-md-2 {
        min-height: 1200px !important;
    }
}


@media (max-width: 880px) {
    #galerias_regla.altarGcerradoGal ul#lightgallery {
        position: relative;
        left:0px;
    }
    
    .altarGcerradoGal ul#lightgallery li {
        min-height: inherit !important; 
        width: 80% !important;
        display: block;
        float: none;
        margin: 20px auto;
    }
    
    
    .altarGcerradoGal ul#lightgallery li.col-md-3, .altarGcerradoGal ul#lightgallery li.col-md-2 {
        width: 50% !important;
        float: left;
        display: inherit;
    }
    
    #galerias_regla.altarGcerradoGal ul#lightgallery li img {
        width: 100%;
    }
}


@media (max-width: 640px) {
    .altarGcerradoGal ul#lightgallery li {
        min-height: inherit !important;
        width: 100% !important;
        display: block;
        float: none;
        margin: 20px auto;
    }
    .altarGcerradoGal ul#lightgallery li.col-md-3,  .altarGcerradoGal ul#lightgallery li.col-md-2 {
        width: 100% !important;
        max-height: inherit !important;
        float: left;
        display: inherit;
    }
    
}

.altarCerradoGal ul#lightgallery li {
    margin-top: 20px;
    padding: 0px 10px;
    min-height: inherit !important;
    
}
        
.altarCerradoGal ul#lightgallery li.col-md-3, .altarCerradoGal ul#lightgallery li.col-md-2 {
    margin-top: 20px;
    min-height: 1200px !important;
    padding: 0px 10px;
}

        
.altarCerradoGal ul#lightgallery li img {
    max-height: inherit;
    width: 100%;
    margin: 0px auto;
    max-width: 100%;
}


.altarCerradoGal .container {
    max-width: 1400px;
    min-width: 100%;
    padding-bottom:160px;
}
        
.altarCerradoGal .burger {
    z-index: 9;
}



@media all and (max-width : 1580px) {
    .altarCerradoGal ul#lightgallery li.col-md-3, .altarCerradoGal ul#lightgallery li.col-md-2 {
        min-height: 900px !important;
    }
               
    
}

 @media all and (max-width : 1300px) {
    .altarCerradoGal ul#lightgallery li.col-md-3, .altarCerradoGal ul#lightgallery li.col-md-2 {
        min-height: 700px !important;
    }
}
        
        
@media all and (max-width : 1160px) {
    .altarCerradoGal ul#lightgallery li.col-md-3,.altarCerradoGal ul#lightgallery li.col-md-2 {
        min-height: 700px !important;
    }
}
        
@media all and (max-width : 1100px) {
    .altarCerradoGal ul#lightgallery li.col-md-3, .altarCerradoGal ul#lightgallery li.col-md-2 {
        min-height: 600px !important;
    }
}


@media all and (max-width : 980px) {
    .altarCerradoGal ul#lightgallery li.col-md-3, .altarCerradoGal ul#lightgallery li.col-md-2 {
        min-height: 500px !important;
    }
}
        
@media (max-width: 880px) {
    #galerias_regla.altarCerradoGal ul#lightgallery {
        position: relative;
        left:0px;
    }
    
    .altarCerradoGal ul#lightgallery li {
        min-height: inherit !important; 
        width: 80% !important;
        display: block;
        float: none;
        margin: 20px auto;
    }
    
    
    .altarCerradoGal ul#lightgallery li.col-md-3, .altarCerradoGal ul#lightgallery li.col-md-2 {
        min-height: 1000px !important;
        width: 50% !important;
        float: left;
        display: inherit;
    }
    
    #galerias_regla.altarCerradoGal ul#lightgallery li img {
        max-height: inherit !important;
        width: 100%;
    }
}
        
        
@media (max-width: 640px) {
    .altarCerradoGal ul#lightgallery li {
        min-height: inherit !important;
        width: 100% !important;
        display: block;
        float: none;
        margin: 20px auto;
    }
    .altarCerradoGal ul#lightgallery li.col-md-3, .altarCerradoGal ul#lightgallery li.col-md-2 {
        width: 100% !important;
        max-height: inherit !important;
        float: left;
        display: inherit;
    }
  
}
            
        
#recuerdos-pag  .fadeInUp {
    -webkit-transform: translate3d(0, 0px, 0) !important;
    transform: translate3d(0, 0px, 0);
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
            
  
#tableroBody .container {
    overflow: visible;
}      
    

.retratosGal .col-md-2 {
	width: 15.5%;
}
.retratosGal ul#lightgallery li {
	margin-top: 20px;
	min-height: 230px;
	padding: 0px 10px;
}
		
.retratosGal #lightgallery > li:nth-child(4) {margin-left: 30px;}
.retratosGal #lightgallery > li:nth-child(13) {margin-left: -20px;}
.retratosGal #lightgallery > li:nth-child(16) {    margin-left: 20px; margin-right: 20px;}


@media all and (min-width: 1200px) {
	.retratosGal ul#lightgallery li  {
         min-height: 240px !important;
    }
}
		
		
		
			
@media all and (min-width: 1300px) {

	.retratosGal ul#lightgallery li {
        min-height: 280px !important;
    }
}


			
@media all and (min-width: 1480px) {

	
	.retratosGal ul#lightgallery li{
        min-height: 280px !important;
    }
}
	
		
		
@media all and (min-width: 1500px) {
    .retratosGal ul#lightgallery li {
		min-height: 320px !important;
	}

}


@media all and (min-width: 1800px) {
    .retratosGal ul#lightgallery li {
		    min-height: 380px !important;
	}
}


@media all and (max-width: 1199px) {
   	.retratosGal ul#lightgallery li  {
        min-height: 230px !important;
    }
}
		
@media all and (max-width : 880px) {
     .retratosGal ul#lightgallery li  {
         margin: 20px auto !important;
         
     }

}
		

.staGal ul#lightgallery li {
	margin-top: 0px;
	min-height: 320px;
	padding-right: 5px !important;
	padding-left: 5px !important;

}
.staGal .gallery {
	margin: 20px auto;
	float: none !important;
	padding: 0px 20px;
}


.staGal ul#lightgallery li {
	min-height: 160px !important;
}

		
.staGal #lightgallery > li:nth-child(9), #lightgallery > li:nth-child(25), #lightgallery > li:nth-child(33) { margin-left: 35px;}


@media all and (min-width: 1200px) {
    .staGal ul#lightgallery li {
		min-height: 200px !important;
	}
}



	
@media all and (min-width: 1300px) {
   .staGal ul#lightgallery li {
		min-height: 220px !important;
	}
}



		
@media all and (min-width: 1500px) {
    .staGal ul#lightgallery li {
		min-height: 250px !important;
	}
}


	
@media all and (min-width: 1900px) {
   .staGal ul#lightgallery li {
		min-height: 280px !important;
	}
}


@media all and (max-width: 1100px) {
   .staGal ul#lightgallery li {
		min-height: 180px !important;
	}
}

@media all and (max-width: 1200px) {
    .staGal ul#lightgallery li {
		min-height: 180px !important;
	}
	 
}
		
		
		
		
@media all and (max-width : 880px) {
     .staGal ul#lightgallery li  {
         margin: 20px auto !important;
         
     }
   

}
		

.tarotGal ul#lightgallery li {
	margin-top: 20px;
	min-height: 460px;
}

.tarotGal .col-md-2 {width:20% !important}



@media all and (min-width: 1200px) {
	.tarotGal ul#lightgallery li  {
         min-height: 330px !important;
    }
}

			
@media all and (min-width: 1300px) {
	.tarotGal ul#lightgallery li {
        min-height: 350px !important;
    }
}
		

			
@media all and (min-width: 1480px) {
	.tarotGal ul#lightgallery li{
        min-height: 370px !important;
    }
}
	
		
		
@media all and (min-width: 1500px) {
    .tarotGal ul#lightgallery li {
		min-height: 390px !important;
	}

}
		
		
@media all and (min-width: 1600px) {
    .tarotGal ul#lightgallery li {
        min-height: 450px !important;
    }
}


@media all and (max-width: 1199px) {
   	.tarotGal ul#lightgallery li  {
        min-height: 300px !important;
    }
}


#galerias_regla.tarotGal ul#lightgallery {
    position: relative;
    left:0px;
}

@media (max-width: 880px){
    #galerias_regla.tarotGal ul#lightgallery li img {
        margin: 20px auto !important;
    }
}




.graciasGal .col-md-2 {
	width: 14%;
}
.graciasGal .col-md-3 {
	width: 22%;
}
.graciasGal ul#lightgallery li {
	margin-top: 20px;
	min-height: 250px;
	padding: 0px 10px;
}
		
.graciasGal #lightgallery > li:nth-child(8) {margin-left: 15px;margin-right: 15px;padding: 0px;}
.graciasGal #lightgallery > li:nth-child(12){margin-left: 40px;width: 23%;}
.graciasGal #lightgallery > li:nth-child(16){    margin-left: 40px;}

.graciasGal ul#lightgallery li {
	min-height: 220px !important;
}


@media all and (min-width: 1200px) {
    .graciasGal ul#lightgallery li {
		min-height: 220px !important;
	}
}

@media all and (min-width: 1300px) {
    .graciasGal ul#lightgallery li {
		min-height: 260px !important;
	}
}

@media all and (min-width: 1500px) {
    .graciasGal ul#lightgallery li {
		min-height: 320px !important;
	}
}
		
@media all and (min-width: 1600px) {
    .graciasGal ul#lightgallery li {
		min-height: 360px !important;
	}
}


	
@media all and (min-width: 1900px) {
    .graciasGal ul#lightgallery li {
		min-height: 390px !important;
	}
}


@media all and (max-width: 1100px) {
    .graciasGal ul#lightgallery li {
		min-height: 160px !important;
	}
}

		
		
@media all and (max-width : 880px) {
    .graciasGal ul#lightgallery li  {
         margin: 20px auto !important;
         
     }

}

		
		




		
/* memorias gal */

.memoriasGal ul#lightgallery img {
    display: block;
    max-width: 100%;
    max-height: 200px;
    height: 200px;
    width: auto;
    margin: 0 auto;
}

.memoriasGal menu {
    width: 100%;
    position: relative;
    padding: 10px 60px;
}

.memoriasGal .container {
    min-width: 100%;
    max-width: 1400px;
    position: relative;
    min-height: 100vh;
}


/* */

h2.art {
    font-family: 'Pirata One', cursive;
    color: #c1bbbb;
    font-size: 50px;
    padding: 20px 0px;
    text-align: center;
    letter-spacing: 10px;
}
p.art {
    font-family: 'Chivo', sans-serif;
    color:#c1bbbb;
    text-align:justify;
    font-size: 15px;
    
}
    
    
.art.gallery {padding-top:80px;}

.row.art .col-md-4 {
    padding:25px;
}


img.mfp-img {
    max-width: 70% !important;
}

.mfp-figure:after {
    background: transparent !important;
}

.mfp-bg {
    opacity: 0.9 !important;
}





.col-md-4.onlyMobile.vidaMenu {
    z-index: 97;
    position: relative;
}

.vidaMenu.noMobile {
    z-index: 1;
}



body.preloader-site {
        overflow: hidden !important;
    }

a[data-toggle="modal"] {cursor:pointer;}
.shows {background:black;}
.vertical-center {
  width:100%;
  height:100vh;
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.vertical-center2 {
  width:100%;
  height:100vh;
  margin: 0;
  position: absolute;
  top: 50%;
}

#sponsors {
        width: 600px;
    height: 700px;
    position: absolute;
    right: -100px;
    background: url(../img/petgaminoancho.webp);
    background-size: 100%;
    transition: all 1s;
    top: -17px;
}






#banderin {
    position: relative;
    display: block;
    margin: 0 auto;
    margin-top: -30px !important;
}

.vidaReal #banderin {
    top: 200px;
    width: 700px;
}



.burger {
  z-index: 150;
  display: inline-block;
  border: 0;
  background: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  border-bottom: 4px solid #D5AD6D;
  width: 28px;
  transition: border-bottom 1s ease-in-out;
  -webkit-transition: border-bottom 1s ease-in-out;
  position:fixed;
  top:20px;
  left:80px;
  color:	#D5AD6D; /*if no support for background-clip*/
	
	background: -webkit-linear-gradient(transparent, transparent),
             -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
	background: -o-linear-gradient(transparent, transparent);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent; text-align:left !important; transition: all 2s; -webkit-transition: all 1s;}
  

.burger::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.burger:before {
  z-index:9999;
  content: "";
  display: block;
  border-bottom: 4px solid #D5AD6D;
  width: 100%;
  margin-bottom: 5px;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  color:	#D5AD6D; /*if no support for background-clip*/
	
	background: -webkit-linear-gradient(transparent, transparent),
             -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
	background: -o-linear-gradient(transparent, transparent);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
}
.burger:after {
  z-index:9999;
  content: "";
  display: block;
  border-bottom: 4px solid #D5AD6D;
  width: 100%;
  margin-bottom: 5px;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  color:	#D5AD6D; /*if no support for background-clip*/
	
	background: -webkit-linear-gradient(transparent, transparent),
             -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
	background: -o-linear-gradient(transparent, transparent);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.burger-check {
  display: none;
}

.burger-check:checked ~ .burger {
  border-bottom: 4px solid transparent;
  transition: border-bottom 0.8s ease-in-out;
  -webkit-transition: border-bottom 0.8s ease-in-out;
}
.burger-check:checked ~ .burger:before {
  transform: rotate(-405deg) translateY(1px) translateX(-3px);
  -webkit-transform: rotate(-405deg) translateY(1px) translateX(-3px);
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
}
.burger-check:checked ~ .burger:after {
  transform: rotate(405deg) translateY(-4px) translateX(-5px);
  -webkit-transform: rotate(405deg) translateY(-4px) translateX(-5px);
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
}

.navigation {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
}
.limited-navigation{
    height: 650px;
    background-image: url(../img/newmenu/pergamino2.webp);
    background-size: 100% 640px;
    background-repeat: no-repeat;
    width: 340px;
    position: fixed;
    top: 60px;
    left: 50px;
    z-index: 999;
    
}
.navigation1{
    left: 50px !important;
}
.burger-check:checked ~ .navigation {
    max-height: 650px;
    -webkit-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
}

.navigation {
    height: 425px;
    background-image: url(../img/newmenu/pergamino2.webp);
    background-size: 100% 416px;
    background-repeat: no-repeat;
    width: 340px;
    position: fixed;
    top: 13px;
    left: 50px;
    z-index: 110;
    border-radius: 5px;
    -webkit-transition: max-height 0.5s ease-in-out;
    /* padding-bottom: 30px; */
}

.navigation ul {
    padding-left: 0px !important;
    width: 85%;
    margin: 40px auto 5px auto;;
}


.navigation li {display:block; text-align:center!important;margin:5px 0px; list-style: circle !important;}

.navigation a {
    font-family: 'Alice', serif !important;
    font-size: 19px !important;
    color: #2B1300;
    transition: all 2s;
    -webkit-transition: all 1s;
    text-transform: uppercase;
    font-weight: 900;
    text-decoration: none !important;
}


.navigation a:hover {
    text-shadow: rgba(153, 153, 153,0.7) 2px 2px;
    text-decoration: none !important;
    /*font-size: 20px !important;*/
    transition: all 2s; -webkit-transition: all 1s;
    color: #b0361c;
    font-size: 22px !important;
}

.t_botonflotante h3 {
    color: #2B1300;
    text-align: center;
    width: 80%;
    padding-top: 32px;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Alice', serif;
}


  
.gold a, .gold {  color:	#D5AD6D !important;
	
	background: -webkit-linear-gradient(transparent, transparent),
             -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
	background: -o-linear-gradient(transparent, transparent);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent; text-align:left !important; transition: all 2s; -webkit-transition: all 1s;
  }


.vprincipal .centeree2 {
    margin: 0px auto !important;
    width: 980px;
    display: block;
    float: none;
    top: 750px;
    position: relative;
}
  .centereerito {
          margin: 0px auto !important;
    width: 980px;
    float: none;
    top: 750px;
    position: relative;
  }
  
#main-wrapper {/*overflow: hidden !important;*/ width:100%;border: 1px dashed transparent;}

.centeree.banar {width:100%; max-width:1000%; margin-top: 0px !important;}

#vidabane { z-index: 99999; }

.onlyMobile {display:none;}
.noMobile {display:block;}

#videobody #myVideo {
    width: 100% !important;
}

 
.intr #botinM {
    right: -80px;
}
.placa {
    width: 100%;
}
.placa img {
    display: block;
    margin: 0 auto;
    max-width: 50%;
}

/*
#altar img {
    position: relative;
    bottom: 100px;
    width: 1000px;
    margin: auto;
    top: 65%;
    left: 1%;
    display:none;
}
*/
#altar:hover > img {
    display:inline-block;

}


.lang-mov {display:none !important;}



#simple {
    position: relative;
    /*top: 87px;*/
    /*left: 9px;*/
    top: 105px;
    left: 137px;
    transform: rotate(-0.6deg);
    background-color: black;
    padding-left: 10px !important;
    padding-right: 10px;
    width: 567px;
    border-radius: 5px 0px 16px 7px;
} 






 /* OVERRIDES 2*/
 
 

.owl-nav.disabled {
    display: none;
}
 
 .mobileImg {
    display: block;
    margin: 0 auto;
 }
 
 .mobileTittle {
     font-family: 'Alice', serif;
     color: #fdd5b2;
     text-align: center;
     font-size: 28px;
 }
 
 .mobileList  {
     list-style: none;
     padding-left: 0px !important;
 }
 
  .mobileList a {
      display: block;
     font-family: 'Alice', serif;
     color: #fdd5b2;
     text-align: center !important;
     font-size: 24px;
  }
 
 .mobileListSpace {
     margin:25px 0px;
 }
 
 
 #intro img { 
   max-width: 400px;
   width: 400px;
}
.vidaMenu {
    max-height: 830px !important;
}
#intro {
    display: inline-block;
    width: 400px;
    height: 645px;
    /* background-image: url(../img/pasivo/movieD.webp); */
    background-image: url(../img/newmenu/medallon_moviescorre.webp);
    background-size: cover;
    background-position: 0px 98%;
    background-repeat: no-repeat;
}
#intro:hover {
    background-image: url(../img/newmenu/medallon_moviescorre.webp);
    background-position: -1px 44px;
    transition: none !important;
}
#medallon_intro {
    display: inline-block;
    width: 400px;
    height: 645px;
    background-image: url(../img/medallon_intro.png);
    background-size: 120%;
    background-position: center;
    background-repeat: no-repeat;
}
#mono img { 
   max-width: 400px;
   width: 400px;
}

#mono {
    display: inline-block;
    width: 400px;
    height: 645px;
    /* background-image: url(../img/pasivo/movieD.webp); */
    background-image: url("../img/newmenu/medallon_intro.webp");
    background-size: contain;
    background-position-y: bottom;
}

     
    .btn_next, .btn_next:hover {
    font-size: 13px;
    padding-bottom: 20px;
    float: right;
    color: goldenrod;
    width: 225px;
    height: 32px;
    background-size: cover !important;
    display: block;
}
     
     
    .backstage  .modal-header {
        padding: 15px;
         border-bottom: none; 
        background: black;
    }
    
    .backstage .modal-body {
        position: relative;
        padding: 0px;
        background: black;
    }
     
    
    .backstage .modal-dialog {
        width: 100%;
        margin-top: -10px;
    }
    
    .backstage .close {
        font-size: 40px;
        color: #ffbc00;
        opacity: .5;
        position: absolute;
        z-index: 9999;
        right: 30px;
        top: 50px;
    } 
 
    .backstage .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0;
        background: black;
    }
 
 
 .onlyhover {display:none;}
 
 
 #rows-movie {
    max-width: 100%;
    margin: 0 auto;
    bottom: 10px;
    left: 0;
    margin-top: 100px;
}
    
    #rows-portada {
        max-width: 90%;
        margin: 0 auto;
        position:relative;
        top:120px;
    }
    #rows-portada li {
         margin: 30px auto;
    }
    
    #rows-portada li img {display:block; margin: 0px auto;max-width: 350px !important;}
    
    .bottom {
        position: absolute;
        bottom: 20px;
        width: 97%;
    }
    
    div#enter {
        display: block;
        margin: 0 auto;
        width: 200px;
    }
    
    
    
    #videobody.backstage {
        background-image: url(../img/Backstage-Final.webp);
        background-color: black;
        background-position: center;
        background-size: 90%;
        background-repeat: no-repeat;
        overflow: hidden;
        background-attachment: fixed;
    }

 
    #videobody.themovie {
        background-image: url(../img/The-Movie-Final.webp);
        background-color: black;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        min-width: 100%;
        min-height: 100vh;
        overflow:hidden;
        background-attachment: fixed;
    }
#videobody.backstage {
    background-image: url(../img/ship.webp);
    background-color: black;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    background-attachment: fixed;
}
    
    
    #bannerPortada {
        position:relative;
        top:20px;
        width:100%;
        height:180px;
        background-image: url(../img/bannerportada.webp);
        background-position: center;
        background-size: 100%;
    }

.img-none2 {
    margin-top: 30px;
}
    
   #movie1 img {
        background-image: url(../img/heroica_portada2.webp);
        background-position: center;
        background-size: 85%;
        max-width: 93vw;
    }
    #movie2 img {
        background-image: url(../img/baile-movie.webp);
        background-position: center;
        background-size: 105%;
        max-width: 93vw;
    }
    #movie3 img {
        background-image: url(../img/paraiso_juana_portada.webp);
        background-position: center;
        background-size: 85%;
        max-width: 93vw;
    }
    #movie4 img {
        background-image: url(../img/google_mansion_portada_trailer2.webp);
        background-position: center;
        background-size: 80%;
        max-width: 93vw;
    }
     #movie5 img {
        background-image: url(../img/portada-filmprev.webp);
        background-position: center;
        background-size: 85%;
        max-width: 93vw;
    }
     #movie6 img {
        background-image: url(../img/reglas_juego_portada.webp);
        background-position: center;
        background-size: 85%;
        max-width: 93vw;
    }
    
   /* #movie1 img:hover {
        background-image: url(../img/Heroica.gif);
        background-position: center;
         background-size: 85%;
    }
    
    #movie2 img:hover {
        background-image: url(../img/Baile.gif);
        background-position: center;
        background-size: 85%;
    }
    #movie3 {position:relative;}
    img.onlyhover {
        max-width: 500px !important;
        position: absolute;
        top: 40% !important;
        left: -41px;
        transition: all 0.2s;
    }
    
    #movie3:hover img.onlyhover {
        display:block;
        position:absolute;
        top:15%;
        background:none !important;
    }*/
    
    
    
    
    /*background-size:82% 70%;*/
    /*background-position-x:50px;*/
    /*background-position-y:40px;*/
    
    .preloader-wrapper {
        height: 100%;
        width: 100%;
        /*background:rgba(59, 58, 58, 0.877);*/
        background:black;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999999999999999999999;
    }
    

    .aslong .owl-carousel .owl-item img {
        transform-style: preserve-3d;
        max-height: 350px;
        max-width: 100%;
        width: auto !important;
        display: block;
        margin: 0 auto;
    }
    
    .aslong #music {
        display:none;
    }
    
    .aslong .owl-nav {
        width: 100%;
        position: absolute;
        top: 50%;
    }
    .aslong button.owl-next {
        position: absolute;
        right: 0px;
    }
    
    .aslong button.owl-prev, button.owl-next {
        background: none;
        color: #ffbc00;
        font-size: 80px;
        font-weight: lighter;
        border: 0px;
    }
    
    .aslong button.owl-prev span, .aslong button.owl-next span {
        text-shadow: 2px 2px 10px darkgoldenrod;
    }
    
    
    .aslong span.caption:hover {text-decoration:none !important;}
    
    
    .aslong .owl-carousel {
        display: block;
        margin: 120px 0px;
    }
    
    
    
    .aslong div#container {
        max-width: 95%;
        margin: 0 auto;
    }
        
        

 
 /* MEDIAS */
 
 @media all and (max-height : 780px) {
      #rows-portada {
        top: 30px;
    }
 }
@media all and (max-height : 860px) {
    body.vidaReal, .vidaReal .container {min-height:980px !important; }
    #botin { top: 0px;}
}

@media all and (min-width : 1050px) {
    
    .vprincipal .centeree2 {
        left: 40px;
    }
    .centereerito {
        left: 40px;
    }
    

    
}

@media all and (min-width : 1200px) {

      #elcuento #botinM {
        right: -60px;
    }
  
}

@media all and (min-width : 1300px) {
   
    .t_botonflotante {
        left: 5%;
    }
    
     #tableroBody  .navigation, #elaltar .navigation, #galerias_regla .navigation, #videobody .navigation {
        left: 5%;
    }


  
}

@media all and (min-width : 1700px) {
    
      #elcuento .burger {
        /*left: 300px !important;*/
        position: fixed;
    }
    
    #elcuento #languages {
        position: absolute;
        top: 17px;
        left: 255px;
        font-weight: 600;
        font-size: 20px;
    }
    
    
    #elcuento .navigation {
        left: 5% !important;
    }
    
    
}

@media all and (min-width : 1600px) {
    .navigation {
        left: 5%;
    }
    
    #tableroBody  .navigation, #elaltar .navigation, #galerias_regla .navigation, #videobody .navigation  {
        left: 5%;
    }
    
     #elcuento #botinM {
        right: -80px;
    }
  
 

}

@media all and (max-width : 1700px) {
    ul#rows-movie img {
         max-width: 350px;
    }
}

@media all and (max-width : 1600px) {

    #espejo {
        top: 100px;
        right: 90px;
    }

}

@media all and (max-width : 1560px) {
    #rows-movie {
        left: 13%;
    }
}
  
@media all and (max-width : 1480px) {
    #elcuento  .square {
        left: -90px;
        position: relative;
     }
     
     
    ul#rows-movie img {
        max-width: 330px;
    }
    
    #rows-movie {
        left: 13%;
    }
    
     #videobody.themovie {
        background-position: center;
        background-size: cover;
    }
}

@media all and (max-width : 1380px) {
     #rows-movie {
        left: 11%;
    }
}

@media all and (max-width : 1340px) {
  #drinkme {
        right: 25px;
    }
    #elcuento .square {
        left: -140px;
        position: relative;
    }
}

@media all and (max-width : 1300px) {
    
    #videobody.backstage {
        background-size: cover;
    }
    
    #rows-movie {
        max-width: 100%;
        left: 9%;
    }
    
    #elcuento    .square {
        -ms-transform: scale(.75);
         -webkit-transform: scale(.75); 
        transform: scale(.75);
        top: -99px !important;
        margin: 0px !important;
        left: -160px;
        position: relative;
    }
    
    #tablero {
        -ms-transform: scale(.90);
        -webkit-transform: scale(.90);
        transform: scale(.90);
        top: -50px !important;
        margin: 0px !important;
        left: -80px;
        position: relative;
    }
}
@media (max-width: 1250px){
    #elaltar img.plaks {
        width: 50%;
    }
}
@media all and (max-width : 1240px) {

    /*.container {*/
    /*	min-width:100% !important;*/
    /*	max-width:1117px;*/
    /*	position:relative;*/
    /*	min-height:100vh;*/
    /*}*/
    
    .container {
        max-width:90%;
        min-width:90% !important;
    }
}
@media all and (max-width : 1240px) {
    .boton {
         min-width:0% !important;
    }
}

    ul#rows-movie img {
        max-width: 300px;
    }
     #tablero {
        top: -30px !important;
        position: relative;
    }
    #botinM {
        width: 250px;
        height: 80px;
        right: -60px;
        top: 0px;
        background-size: cover;
    }
    #botin {
        left: -10px;
        width: 970px;
    }
    #reglasbane {
        left: -80px;
        width: 130%;
    }
    /*#elcuento .square {*/
    /*    left: -200px;*/
    /*    position: relative;*/
    /*    transform: scale(.65);*/
    /*    top: -140px !important;*/
    /*}*/
    
    
    /*#elcuento #botinM {*/
    /*    right: -80px;*/
    /*}*/
    .intr #botinM {
        right: -40px;
    }
        
    #botinM {
        right: -40px;
    }
    #altar img {
        position: relative;
        bottom: 100px;
        width: 60%;
        margin: 0 auto;
        top: 65%;
        left: 20%;
        display: none;
    } 
    @media (max-width: 1220px){
        #elaltar img.plaks {
            width: 45%;
        }
    }
@media all and (max-width : 1200px) {
    #cortina.vprincipal .row1 {
        margin-top: -165px;
        margin-left: 0px;
    }
n {
        left: -10px;
        width: 940px;
    }
}
@media (max-width: 1180px){
    #elaltar img.plaks {
        width: 40%;
    }
}
@media all and (max-width : 1160px) {
    
    #bannerPortada {
        top: 0px;
        height: 140px;
    }

    #cortina.vprincipal .row1 {
        margin-top: -190px;
        margin-left: -15px;
    }
    #botin {
        right: -60px;
        width: 900px;
    }
    #altar img {
        position: relative;
        bottom: 100px;
        width: 878px;
        margin: auto;
        top: 65%;
        left: 3%;
        display: none;
    }
}
@media all and (max-width : 1120px) {
    #cortina.vprincipal .row1 {
        margin-top: -200px;
        margin-left: -23px;
    }
    #altar img {
        position: relative;
        bottom: 100px;
        width: 859px;
        margin: auto;
        top: 65%;
        left: 1%;
        display: none;
    }
    #botin {
        right: -60px;
        width: 870px;
    }
}
@media all and (max-width : 1100px) {
    
    .beyond li {
       min-height: inherit !important;
        display: block;
        margin: 40px auto;
        float: none;
        border: 1px dashed transparent;
    }
    .beyond {
    margin: -30px auto;
    }
    
    
    .newportada #menu_bottom {
        width: 50%;
        position: relative;
        top: 200px;
        padding: 10px;
        right: inherit;
        margin: 0px auto;
    }
    
    #guiaM {
        display: block;
        float: none;
        margin: 0px auto;
    }
    
    #guiaM img {
        max-height: 70px;
        max-width:95%;
        display: block;
        margin: 40px auto;
    }
    
    #store img {
        max-width:100%;
    }
    
    
    
    
    #cortina.vprincipal .row1 {
        margin-top: -220px;
        margin-left: -20px;
    }
    #elcuento .square {
        left: -240px;
    }
    #sponsors {
        right: -30px;
        top: -10px;
    }
    #altar img {
        position: relative;
        bottom: 100px;
        width: 839px;
        margin: auto;
        top: 64%;
        left: 1%;
        display: none;
    }
    .botin .container {
        min-height:1050px !important;
    }

    #botin {
        right: -60px;
        width: 810px;
    }
}
@media (max-width: 1080px){
    #elaltar img.plaks {
        width: 35%;
    }
}

@media all and (max-width : 1050px) {
    #cortina.vprincipal .row1 {
        margin-top: -240px;
        margin-left: -30px;
    }
    #mesaN {
        left: -80px;
    }
    .botin #fondoMesa {
       background-image: url(../img/mesa.webp) !important;
    }
    
    #espejo {
        top: 100px;
        right: 0px;
    }
    
    #videobody.themovie {
        overflow-y:scroll;
    }
    
    #drinkme {
        top: 420px;
    }
    
    #rows-movie {
        max-width: 100%;
        margin: 0 auto;
        position: relative;
        top: 120px;
        left: 0px;
    }
    
    ul#rows-movie li {
        display: block;
        float: none;
        width: 50% !important;
    }
    
    ul#rows-movie img {
        max-width: 100%;
    }
    
    #fondoMesa {
     background-image: none !important;
    }
    
    #tablero {
        top: -100px !important;
        left: -130px;
        -ms-transform: scale(.80);
        -webkit-transform: scale(.80);
        transform: scale(.80);
    }
    #botin {
        right: -60px;
        width: 800px;
    }
    
   
    .vprincipal .container {
       min-width: 100%;
    }
    
  
    .vidaReal .container.intr {
        left: -60px;
    }
    .col-md-4.cuentoBlok {
        margin-left: -30px;
    }
    
    #reglasbane {
        left: -80px;
        width: 150%;
    }
    
    #elcuento .square {
        left: 0px;
        position: inherit;
        transform: scale(1);
        top: 0px !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
       #altar img {
        position: relative;
        bottom: 100px;
        width: 808px;
        margin: auto;
        top: 64%;
        left: 2%;
        display: none;
    }

    #elcuento > div.square > div:nth-child(2) > div.col-md-5 {
    
    display:none
    }
    #elcuento #cuadros {
        position: relative;
        top: 70px;
    }

    
    div#vestidor {
        width: 100% !important;
        margin: 0 auto;
        position: inherit;
        float: none;
        padding-left: 0px !important;
        height: 400px;
       

    }
    
        
    #vestidor a {
        left: 270px;
    }
    #bosque a {
        top: 0px;
        left: 225px;
    }
    
    #baile a {

        top: -45px;
        left: 150px;
    }
    

    #vestidor img {
        display: block;
        width: 680px;
        margin: 0 auto !important;
        display: block !important;
        float: none !important;
        position: inherit !important;
        margin-left: 0px;
    }
    
    #baile {
        width: 100% !important;
        float: none;
        opacity: 0;
        height: 700px;
        top: 100px;
    }
    #baile img {
        position: inherit;
        float: none;
        margin: 0 auto;
        display: block;
        left: 25px !important;
    }
    
    div#bosque {
        position: inherit !important;
        float: none;
        width: 100%;
    }
    #bosque img {
        width: 610px;
        display: block;
        position: relative;
        float: none;
        margin: 0 auto;
        left: -30px;
    }
    #botin {
        right: -60px;
        width: 790px;
    }
  
    
}
    
@media all and (max-width : 1020px) {
    #cortina.vprincipal .row1 {
        margin-top: -270px;
        margin-left: 0px;
    }
     #intro {
        position: relative;
        top: -110px;
        left: -50px;
    }
    #intro img {
         max-width: 390px;
    }
    #mono{
        position: relative;
        top: -110px;
        left: -50px;
    }
    #mono img {
         max-width: 390px;
    }
    #recuerdos-pag .magnify {
        top: 100px !important;
    }
    #espejo {
        right: -30px;
    }
     
    #altar img {
        width: 795px;
        margin: auto;
        top: 62%;
        left: 2%;
    }

    .vidaReal .container.intr {
        left: 0px;
        min-width: 100%;
    }
    #as-long {
        width: 380px;
    }
    #cuento {
        width: 430px;
        left: -10px;
    }
    #cuento:hover {
        background-position: -398px top;
    }
    #cuento #gif {
        width: 215px !important;
        position: absolute;
        bottom: 190px;
        left: 112px;
        height: 275px;
        border-radius: 100%;
    }
    #vidareal {
        width: 400px;
    }
            
    
    #botinM {
        right: -60px;

    }
    #aslongbane {
        bottom: 140px;
        left: -40px;
        width: 460px;
    }
    
    #vidabane {
        bottom: 50px;
        left: -65px;
    }
    #botin {
        right: -60px;
        width: 780px;
    }

}

@media all and (max-width : 980px) {
    .lectores {
    width: 90%;
    display: block;
    margin-left: 50px;
    margin-top: 180px;
    }
    .onlyhover {
        display: block !important;
    }
    #sponsors {
        right: -122px;
        top: 0px;
        height: 700px;
        top: 0px;
    }
       
   .botin #fondoMesa {
        background-image: none !important;
    }
    
    a#espejo img {
        width: 300px;
        transform: rotate(0deg);
    }
    
      #tablero {
        top: -100px !important;
        left: -200px;
        -ms-transform: scale(.75);
        -webkit-transform: scale(.75);
        transform: scale(.75);
    }

    #cortina .row1 {
        margin-top: -290px;
        margin-left: -15px;
    }
    
    
    
    .vprincipal.backstage#cortina .row1 {
        margin-top: -290px;
        margin-left: -10;
    }
    

    
    
    
    #tarot {
        width: 530px;
        height: 540px;
        position: relative;
    }
        
   #reglasbane {
        left: -90px;
        width: 130%;
        position: absolute;
        bottom: 150px;
    }

    #video {
        width: 310px;
        height: 225px;
        overflow: hidden;
        transform: skew(2.6deg, -1.5deg);
        position: relative;
        top: 64px;
        left: 115px;
        transform: rotate(-deg);
        border-radius: 10px;
    }
    
    #memorias {
        width: 530px;
        height: 390px;
        top: -100px;
        left: 45px;
    }

    
    #memobane {
        top: -20px;
        left: -40px;
        width: 600px;
    }
    
    
    
    .vidaReal .container {
        min-width: 100% !important;
        max-width: 1117px;
        position: relative;
        height: auto; 
    }
    
    .vidaReal .row {
        position: relative;
        left: 40px;
    }
    
    
    .vidaReal .col-md-6 {
        width: 90%;
        float: none !important;
        min-height: 400px;
        margin: 0px auto;
    }
    
    
  
    .botin .container {
        min-width: 100%;
        max-width: 1117px;
        position: relative;
    }
    
    
     #botin {
        left: inherit;
        height: 150px;
        top: 30px;
        width: 730px;
        margin: 0px auto;
        display: block;
        position: relative;
        right: 20px;
    }
    .botin #fondoMesa {
        position: inherit;
        height: auto !important;
        width: 100%;
        position: relative;
        top: 0px;
        left: inherit;
        margin: 0 auto;
        max-height: 1020px;
    }
    
    .botin #botin1 {
        display: block;
            height: 480px;
        position: relative;
        top: 20px;
        width: 400px;
        margin: 0px auto;
            left: -30px;
    }
        
    
    .botin  #mesaCosas .col-md-4 {
        background: url(../img/mesa.webp);
        background-size: 98%;
        background-position: bottom;
    }
    
    
   .botin .col-md-4 {
        width: 90%;
        float: none !important;
        min-height: 300px;
        margin: 0px auto;
    }
    
    .botin #botella {
        display: block;
        width: 400px;
        height: 370px;
        position: relative;
        top: 0px;
        left: -10px;
    }
    
    .botin #etiquetas li {
        width: 90%;
        height: 45px;
        display: block;
        margin: 0px auto;
    
    }
    
    .botin #etiquetas {
        position: relative;
        top: 125px;
        left: 3px;
        max-width: 200px;
        margin: 0 auto;
        height: 230px;
        padding: 0px !important;
    }
    
    #artOdisea {
        background-position: center;
        background-size: 110%;
    }
    
    
    
    #mezcal {
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    
    #artCom {
        background-position: 10px center;
        background-size: 97%;
    }
    
    #experiencias {
        background-position: center -7px;
        background-size: 90%;
        height: 75px !important;
    }
    
    
    
    
    .botin #pinceles {
        display: none;
     }
    
    
    .botin #tesoro {
        top: -300px;
        right: 60px;
        left: inherit;
    }

    
    
 
    
    #fondoMesa {
        position:inherit;
        height:auto;
        width: 100%;
        max-height: 1300px !important;
        position: relative;
        top:200px;
    }
    .vidaReal #banderin {
        top: -880px;
    }
    

    
    
    #memorias {
        position: inherit;
        top: 0px;
        left: 0px;
        margin: 0px auto;
        display: block;
    }
    
    
    #recuerdos {

        position: inherit;
        top: -10px;
        left: 0px;
        margin: 0px auto;
    }
    #altar img {
        position: relative;
        bottom: 100px;
        width: 725px;
        margin: auto;
        top: 62%;
        left: 4%;
        display: none;
    }
    
    .vprincipal .container.intr {
        left: -40px;
    }
    
    /*.intr #botinM {*/
    /*    right: -80px;*/
    /*}*/

    #elaltar img.plaks {
        width: 45%;
        margin-top: 70px;
    }
    
}

@media all and (max-width : 950px) {
    
    .vidaMenu {
        max-height: 760px !important;
    }

    
    #mesaN {
        left: -35px;
    }
    
    #drinkme {
        right: 10px;
    }
    
     #altar img {
         width: 740px;
        margin: auto;
        top: 60%;
        left: 0%;
    }
    
      #tablero {
        top: -100px !important;
        left: -250px;

    }
    
      #vestidor a {
        left: 250px;
    }
    #bosque a {
        top: 0px;
        left: 205px;
    }
    
    #baile a {

        top: -45px;
        left: 110px;
    }
    #botin {
        left: inherit;
        height: 150px;
        top: 30px;
        width: 730px;
        margin: 0px auto;
        display: block;
        position: relative;
        right: 40px;
    }
    



}

@media all and (max-width : 920px) {
    
     #limited #rows li {
        width: 90%;
        margin: 0px auto;
        display: block;
        float: none;
    }  
        
    .limited-paneles, .limited-images {
        min-height: 80px;
    }
    .newportada {
        background-position: 90%;
    }
    .vprincipal.backstage#cortina .row1 {
        margin-top: -120px;
        margin-left: -9px;
    }
    
    #mesaN {
        left: -20px;
        top: 350px;
    }
    
    #intro {
        position: relative;
        top: -140px;
        left: -65px;
    }
    
    
    #intro img {
         max-width: 370px;
    }

    #mono {
        position: relative;
        top: -140px;
        left: -65px;
    }
    
    
    #mono img {
         max-width: 370px;
    }

  
    
   /*.botin #tesoro {*/
   /*     top: -230px;*/
   /*     right: 90px;*/
   /*     left: inherit;*/
   /*     width: 250px;*/
   /*     height: 220px;*/
   /* }*/
    
      #altar img {
        width: 700px;
        top: 65%;
        left: 2%;
    }
    
    
    #altar {
        height: 1000px;
         top: -70px;
    }

    #cortina .row1 {
        margin-left: 20px;
        margin-top: -50px;
    }
    
    
    .burger {left: 60px;}
    .centeree2 {
        margin: 0px auto !important;
        width: 100% !important;
        top: 265px !important;
        position: inherit;
        left: 20px;
    }
    .centereerito {
        margin: 0px auto !important;
        width: 100% !important;
        top: 0px !important;
        position: inherit;
        left: 20px;
    }
    #contacto {
        top: -105px;
        left: 10px;
    }
    #notes {
        top: -150px;
        left: -10px;
    }
    #as-long {
        width: 360px;
    }
    #vidareal {
        width: 370px;
        height: 500px;
    }
    #cuento {
        width: 395px;
        left: -20px;
    }
        
    #cuento #gif {
        width: 200px !important;
        position: absolute;
        bottom: 230px;
        left: 105px;
        height: 255px;
    }
    
    #cuento:hover {
        background-position: -362px top;
    }
    #aslongbane {
        bottom: 190px;
        left: -40px;
        width: 430px;
    }
    #botin {
        left: inherit;
        height: 150px;
        top: 30px;
        width: 710px;
        margin: 0px auto;
        display: block;
        position: relative;
        right: 20px;
    }

                    
}

@media all and (max-width : 880px) {
    
   
    
    .botin .container {
       min-height: 1320px !important;
    }
    
    /*.vprincipal {background:#650e0c !important;}
        
   .vprincipal.backstage#cortina .row1 {
        margin-top: -180px;
   }*/
        
        
        
   .vidaMenu {
        max-height: 980px !important;
    }
    
     .botin #fondoMesa {

        left: inherit;
        margin: 0 auto;
        max-height: inherit;
        padding-bottom: 40px;
    }
    
    
    .botin #tesoro {
        top: 0px;
        right: inherit;
        left: inherit;
        position: relative;
        margin: 0 auto;
    }
    
    .botin #botella {
        position: relative;
        top: 0px;
        left: inherit;
        margin: 0 auto;
    }
    
    
    
    
    
    
     #activador {
        bottom: 440px;
    
    }
    
    a#espejo img {
        width: 250px;
    }
    
    #drinkme {
        top: 495px;
    }
    
    a#drinkme img {
        width: 180px;
    }
    
     #tablero {
        top: 0px !important;
        left: -250px;
        -ms-transform: scale(.70);
        -webkit-transform: scale(.70);
        transform: scale(.70);
    }
    
     /*#galerias_regla ul#lightgallery {*/
     /*   position: relative;*/
     /*   left: -100px;*/
     /*}*/
    
    #galerias_regla ul#lightgallery li img {
        margin: 20px auto !important;
        width: 80%;
        max-height: 600px !important;
        height: auto !important;
        padding-left: 0px !important;
        /*margin-left: 0px !important;*/
    }
    
    
    
     ul#lightgallery li {
        min-height: 330px !important;
        width: 80% !important;
        display: block;
        float: none;
        margin: 20px auto;
    }
    
     ul#lightgallery li img {
         margin: 20px auto !important;
         
     }
        
    
    #vestidor a {
        left: 200px;
    }
    #bosque a {
        top: 0px;
        left: 150px;
    }
    
    #baile a {

        width: 700px;
        left: 90px;
    }
    
    
    #baile img {
        display: block;
        max-width: 100%;
        position: inherit !important;
        margin: 0 auto !important;
        top: -100px;
    }

    #cortina .row1 {
        width: 100%;
        margin-left: 20px;
        margin-top: -70px;
    }

    .onlyMobile {display:block;}
    .noMobile {display:none !important;}
    
    .row1 .col-md-4 {
        display: block;
        width: 50%;
        float: none;
        margin: 0px auto;
        left: 60px;
       
    }
    
   .asLongBlok {
        position: relative;
        top: -200px;
        z-index: 96;
    }
   #as-long {
        height: 530px;
        top: 325px;
    }
    #aslongbane {
        bottom: 30px;
    }
    #cuento {
        width: 395px;
        left: -60px;
        top: 245px;
        z-index: 94;
        height: 500px;
        border-radius: 0px;
    }
    #cuento #gif {
        bottom: 30px;
    }
    
    #vidareal {
        z-index: 99;
        top: -70px;
    }
    
    .cuentoBlok {
        top:-260px !important;
    }
    
    div#mesaN a {
        transform: scale(0.9);
        margin-top: 12px;
    }
    .centeree2 {
        top: 400px !important;
        height: 650px;
    }
    .centereerito {
        top: 0px !important;
        height: 650px;
    }
    #contacto {
        top: -110px;
    }
    #notes {
        top: -170px;
    }
    
    .vidaReal .container {
        min-width: 100% !important;
        max-width: 100%;
        position: relative;
        height: auto;
    }
    
    
    
    #tarot {
        height: 400px;
        position: relative;
    }
    #reglasbane {
        bottom: 20px;
    }
        
    .burger {
        left: 20px;
    }
    
    #languages {
        left: 25px;
    }
    
    
    .intr #botinM, #elcuento #botinM, #elcuento #languages {
        display: none;
    }
    
    .asLongBlok {
        position: relative;
       top: -310px;
        left: 50px !important;
        z-index: 96;
    }
    #botin {
        left: inherit;
        height: 150px;
        top: 30px;
        width: 900px;
        margin: 0px auto;
        display: block;
        position: relative;
        right: 20px;
    }
    
  

}

@media all and (max-width :850px) {
    
     .vprincipal.backstage#cortina .row1 {
         
        margin-top: -130px;
         
     }
    
    #espejo {
        top: 70px;
        right: -50px;
    }
    
    #drinkme {
        top: 490px;
    }
        
    #visor .centradito {
        -moz-transform: scale(0.7);
        -webkit-transform: scale(0.7);
         transform: scale(0.7);
    }
    
    #altar img {
        width: 550px;
        margin: auto;
        top: 67%;
        left: 6%;
    }
    
    
    
    #tablero {
        top: 0px !important;
        left: -280px;
        -ms-transform: scale(.60);
        -webkit-transform: scale(.60);
        transform: scale(.60);
    }
    
    #vestidor a {
        left: 170px;
    }
    #bosque a {
        top: 0px;
        left: 150px;
    }
    
    #baile a {
        width: 650px;
    }

    #cortina .row1 {
        margin-top: -160px;
        margin-top: -90px;
    }
}
@media all and (max-width :830px) {
#cortina #mesaCosas .col-md-6 {
    background-size: 98% !important;
    }
    
}    

@media all and (max-width :800px) {

   .art .col-md-4 {
       width: 90%;
       display:block;
       margin: auto;
       float: none;
   }
    
    
    
    
    #visor .centradito {
        left: -100px;
    }
      
    #altar img {
        top: 65%;
    }

    #cortina .row1 {
        margin-top: -123px;
        left: -40px !important;
        margin-left: 0px;
    }
}

@media all and (max-width :768px) {
    
    .vprincipal.backstage#cortina .row1 {
        /*top: -135px;*/
        margin-top: -60px;
    }
        
    
      .asLongBlok {
        top: -200px;
        left: 0px !important;
        z-index: 96;
    }
    
    #intro {
        position: relative;
        top: -120px;
        left: -45px;
    }
    #mono {
        position: relative;
        top: -120px;
        left: -45px;
    }
    #music {
    bottom: 0px !important;
    right: 20px !important
    }
    
    #sponsors {
        right: -30px;
    }
    
    #drinkme {
        top: 513px;
    }
        
    a#drinkme img {
        width: 150px;
    }
    
     #videobody.backstage {
        background-size: 190%;
    }
    
    #videobody.themovie {
        background-image:none;
    }
   
	
    #rows-movie {
        max-width: 100%;
        margin: 0 auto;
        position: relative;
        top: 120px;
        left: 0px;
    }
    
    ul#rows-movie li {
        display: block;
        float: none;
        width: 100% !important;
        margin-top: 60px;
    }
    
    ul#rows-movie img {
        max-width: 100%;
        width: 70%;
        margin: 0 auto;
        display: block;
    }
    
    
    img.onlyhover {
        max-width: 100% !important;
        position: absolute;
        top: 40% !important;
        left: 0px;
        transition: all 0.2s;
        width: 100% !important;
        display: block;
    }
    
    #movie3:hover img.onlyhover {
        display:block !important;
        position:absolute;
        top:15%;
        background:none !important;
    }

    #altar img {
        left: 3%;
    }
    
    #tablero {
        top: 0px !important;
        left: -300px;
    }
    
    #elcuento #main-wrapper {
        overflow: hidden !important;
        width: auto !important;
        width: 115% !important;
        position: relative;
        left: -120px;
        top: 20px !important;
    }
    #main-wrapperdomi{
        width: auto !important;
        width: 115% !important;
        position: relative;
        left: -120px;
        top: 20px !important;
    }
   
     #vestidor a {
        left: 150px;
    }
    #bosque a {
        top: 0px;
        left: 150px;
    }
    
    #baile a {
     width: 600px;
        height: 450px;
    }
    
    
    
    
    #altar {
        height: 900px;
         top: -90px;
    }
    #vidabane {
        bottom: 50px;
        left: -15px;
    }
    #botinM {
        width: 260px;
        height: 80px;
        right: -50px;
        background-size: cover;
    }

    #cortina .row1 {
        width: 100%;
        margin: 0px;
        top: -105px;
        position: relative;
        left: 20px !important;
    }

    .row1 .col-md-4 {
        display: block;
        width: 50%;
        float: none;
        margin: 0px auto;
        left: 0px;
    }

    .centeree2 {
     top: 100px !important;
     height: 220px !important;
    }
    .centereerito {
        top: 100px !important;
     height: 220px !important;
    }
    
    #activador {
        position: absolute;
        bottom: 40px;
        width: 55%;
        height: 100px;
        left: 20%;
        cursor: pointer;
    }


    div#mesaN a {
        transform: scale(0.7);
        margin-top: 20px;
    }
    

    #movie {
    top: -202px;
    left: -80px;
}

    #vidareal {
        width: 360px;
        height: 450px;
        background-size: 100%;
        left: -20px;
    }
    #as-long {
        left: -20px;
        top: 140px;
    }
    #cuento {
        width: 380px;
        left: -25px;
        top: 170px;
        z-index: 94;
        height: 490px;
        border-radius: 0px;
    }
    #cuento #gif {
        width: 190px !important;
        position: absolute;
        bottom: 40px !important;
        left: 104px;
        height: 245px;
    }
    #cuento:hover {
        background-position: -347px top;
    }
    
    #fondoMesa {
        width: 100%;
        height: 1180px !important;
        position: relative;
        top: 200px;
    }
    
    
    .vidaReal .row {
        position: relative;
        left: 60px;
    }
    
    
    #recuerdos {
        top: 22px;
        left: -30px;
        width: 630px;
    }
    
    
    
    #tarot {
        width: 500px;
        height: 400px;
        position: relative;
    }
    
    #reglasbane {
        bottom: 50px;
    }
    
    
    #memorias {
        width: 480px;
        height: 370px;
        position: relative;
        top: 50px;
        left: -10px;
    }
    
    #video {
        width: 280px;
        height: 200px;
        position: relative;
        top: 60px;
        left: 108px;
    }
    
    
    #memobane {
        top: -60px;
        left: -50px;
        width: 120%;
    }
    
    
    #recuerdos {
        position: inherit;
        top: 22px;
        left: -30px;
        margin: 0px auto;
        width: 580px;
        height: 420px;
    }
    #vestidor img {
        max-width: 90% !important;
    }
    #bosque img {
        max-width: 100% !important;
        position: inherit;
        left: 0px;
    }
    #baile {
        height: 500px;
    }
     #elaltar img.plaks {
    margin-top: 60px;
    
    }
   #elaltar a#museoG img {
    max-width: 80%;
    width: 55%;
    }
    #elaltar a#museoG {
    top: 14px;
    }
    #music {
    right: 20px;
    font-size: 20px;
    padding: 0px 25px;
    letter-spacing: px;
    line-height: 31px;
    }
    #music {
    width: 20px !important;
    bottom: 0px !important;
    right: 5px !important;
    height: 50px;
    }
}

@media (max-width: 730px) {
    .lectores {
        width: 80%;
        display: block;
        margin-left: 140px;
        margin-top: 680px;
    }
   .vprincipal.backstage#cortina .row1 {
    margin-top: -20px;
}
    
    .vprincipal.backstage#cortina .row1 {
        margin-top: 1px;
    }
    
    .asLongBlok {
        position: relative;
        top: -170px;
        z-index: 96;
    }
    .cuentoBlok {
        top: -230px !important;
    }
    
    .col-md-4.onlyMobile.vidaMenu {
        top: -20px;
    }
    
    a#espejo img {
        width: 220px;
        transform: rotate(-10deg);
    }
    
    #drinkme {
        top: 510px;
    }
    
     #altar img {
        width: 580px;
        margin: auto;
        top: 65%;
        left: 7%;

    }
    #vidabane {
    display: block;
    }

    
    #vestidor a {
       left: 120px;
    }
    #bosque a {
        top: 0px;
        left: 100px;
    }
    
   #baile a {
        width: 600px;
        height: 430px;
        left: 80px;
        top: -55px;
    }
    
    
    #altar {
        height: 1100px !important;
        width: 100% !important;
            top: -140px;
    }
    #cortina .row1 {
        top: -185px;
    }
    .centeree2 {
        height: 300px !important;
    }
    .centereerito {
        height: 300px !important;
    }
    
    #activador {
        bottom: 130px;
    
    }
    

}

@media (max-width: 680px) {
    
    
    
    .newportada #menu_bottom, #rows-portada {
        width: 80%;
    }
    
    #rows-portada {
        max-width: 50%;
    }
    
    /*.vprincipal.backstage#cortina .row1 {*/
    /*    top: -280px;*/
    /*}*/
    
    #mesaCosas {
        margin: 0px auto !important;
    }
        
    #sponsors {display:none;}
    #botin {
        width: 100%;
    }
    
    #elaltar #paneles {
        right: 20px;
        top: 50px;
    }
    .vprincipal.backstage#cortina .row1 {
        margin-top: -80px;
    }
    
    .col-md-4.onlyMobile.vidaMenu {
        top: 22px;
    }
    
    
    .botin #botin1 {
        display: block;
        height: 455px;
        position: relative;
        top: 36px;
        width: 370px;
        margin: 0px auto;
        left: -40px;
    }
    
    #drinkme {
        top: 507px;
    }
    
    #visor .centradito {
        left: -150px;
    }
    
     #altar img {
        width: 560px;
        margin: auto;
        top: 63%;
        left: 5%;
    }
    
    .navigation ul {
        margin-top: 10px;
    }

    .navigation {
      width: 290px;
    }
    .navigation a {
    font-size: 17px !important;
    }
 
        
    .lang-mov {display:block !important;}

    
    /*.navigation a {*/
    /*    font-size: 22px !important;*/
    /*}*/
        
    .lang-mov  a {
        font-size: 20px ;
    }
    
    
    div#vestidor {
        height: 400px;
        min-height: 500px;
    }
        
    #vestidor a {
        left: 120px;
        top: 20px;
    }
    
    #baile a {
        width: 550px;
        top: -65px;
    }
    
   
    
    
    #altar {
        /*height: 900px !important;*/
        width: 100% !important;
        left: -10px !important;
    }
    #vidabane {
        width: 450px;
        left: -45px;
    }

    #cortina .row1 {
        top: -240px;
        left: -20px !important;
    }
    .centeree2 {
        height: 300px !important;
    }
    .centereerito {
        height: 300px !important;
    }

    #vidareal {
        width: 360px;
        height: 450px;
        background-size: 100%;
        left: -20px;
    }
    
    p#languages {
    display: none !important;
    }
    
    
    
    .vidaReal .row {
        left: 20px;
        width: 100%;
    }
    
    
    .vidaReal .col-md-6 {
        width: 100%;
    }
    
    #recuerdos {
        left: -60px;
    }

    #elaltar img.plaks {
    margin-top: 20px;
    margin-right: 0;
    }
}

@media (max-width: 630px) {
    #mono {
        position: relative;
        top: -60px;
        left: -65px;
    }
    #mono {
    position: relative;
    top: -100px;
    left: -15px;
}   
    #intro {
        position: relative;
        top: -60px;
        left: -65px;
    }
    #intro {
    position: relative;
    top: -100px;
    left: -15px;
}
        
    .asLongBlok {
        position: relative;
        top: -150px;
        left: -10px !important;
        z-index: 96
    }
    
    .asLongBlok {
    position: relative;
    top: -235px;
    left: -10px !important;
    z-index: 96;
}
    
   .cuentoBlok {
        top: -320px !important;
    }
        
    /* .vprincipal.backstage#cortina .row1 {*/
    /*    top: -260px;*/
    /*}*/
    
    #sponsors {
        right: -30px;
        top: 0px;
        width: 260px;
        height: 510px;
    }
    
    
    #drinkme {
        top: 410px;
    }
    
    #vestidor a {
        left: 100px;
        top: 0px;
    }
    
    #bosque a {
        top: -20px;
        left: 60px;
    }
        
    #baile a {
        width: 500px;
        height: 390px;
        left: 80px;
        top: -75px;
    }
    
    #bosque img {
        max-width: 85% !important;
        position: inherit;
        left: 0px;
    }
        
    
    
    .centeree2 {
        height: 270px !important;
    }
    .centereerito {
        height: 270px !important;
    }
    #reglasbane {
        left: -95px;
        width: 129%;
        position: absolute;
        bottom: 40px;
    }
    
    #cortina .row1 {
        top: -203px;
        left: -40px !important;
    }
    
    #as-long {
        left: 10px;
    }
    
    #cuento {
        left: 0px;
    }
    
     #cortina .row1 {
        left: -40px !important;
    }
    #vidareal {
        width: 360px;
        height: 450px;
        background-size: 100%;
        left: 0px;
        top: -80px;
    }
}

@media (max-width: 615px) {
    
    .cuentoBlok {
    top: -340px !important;
}
    
    .asLongBlok {
    position: relative;
    top: -170px;
    left: -10px !important;
    z-index: 96;
}
    
     #intro {
        position: relative;
        top: 10px;
        left: -50px;
    }
    #mono {
        position: relative;
        top: 10px;
        left: -50px;
    }
    a#drinkme img {
        width: 140px;
    }
    
    #altar img {
        width: 540px;
        margin: auto;
        top: 64%;
        left: 3%;
    }
  
    div#vestidor {
        height: 400px;
        min-height: 450px;
    }
    
    #baile {
        height: 400px;
    }
    
   #vestidor a {
        width: 400px;
        height: 380px;
        left: 80px;
        top: 0px;
    }
    
    #bosque a {
        width: 430px;
        height: 390px;
        top: -20px;
        left: 60px;
    }
            
    #baile a {
        width: 460px;
        height: 350px;
        left: 80px;
        top: -75px;
    }
    
    #cortina .row1 {
        top: -170px;
        left: -10px !important;
    }
    
    .centeree2 {
        left: -2px;
    }
    .centereerito {
        left: -2px;
    }
        
    #altar {
        height: 900px !important;
        width: 100% !important;
        left:-10px !important;
        top: -100px;
    }
    
    #vidareal {
        left: -40px;
        top: 40px;
    }
    #vidabane {
        width: 390px;
        bottom: 60px;
    }
    #as-long {
        width: 330px;
        left: 0px !important;
        margin-top: 170px;
    }
   
   #cuento {
        width: 360px;
        left: -25px;
        top: 240px;
    }
    #cuento #gif {
        width: 180px !important;
        position: absolute;
        bottom: 230px;
        left: 100px;
        height: 227px;
        bottom: 65px !important;
    }
    
    #cuento:hover {
       background-image: url(../img/pasivo/cuentoD.webp);
        background-position: -326.5px top;
    }
    
    .centeree2 {
        height: 260px !important;
    }
    .centereerito {
        height: 260px !important;
    }
                
    
    #activador {
        height: 70px;
    }
    
    /*body {*/
    /*    min-width:550px !important;*/
    /*}*/
    
    #stickTop {
        position: absolute;
        top: 0px;
        z-index: 998;
        width: 80%;
        visibility: hidden;
        margin: 0 auto;
        position: inherit;
        height: 350px;
    }
    
    #reglasbane {
       left: -80px;
        width: 129%;
        position: absolute;
        bottom: 0px;
    }
    #fondoMesa {
        height: auto !important;
        top: 0px;
        margin-top: 100px;
    }
    #tarot {
    width: 650px;
    height: 730px;
    position: relative;
    }
    
    #elcuento body {
        overflow-x: scroll;
    }
    
    img.plaks {
        max-width: 200px;
    }
    
}


@media (max-width: 600px) {
    #drinkme {
        top: 380px;
    }
}


/* MOVIL */



@media (max-width: 580px) {
    .libroespanol {
        margin-left: 100px;
    }
    .libroingles {
    left: 0px;
    }
    /*.vprincipal {background:#650e0c !important;}*/
    
    #drinkme {
        top: 375px;
    }
    
    #elaltar #paneles {
        left: -10px;
    }
    
    #visor{overflow-x:scroll;}
    
    #altar img {
        width: 500px;
        top: 64%;
        left: 9%;
    }
    
    #visor .centradito {
        -moz-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.6);
        left: -170px !important;
    }
    
    #visor #botinM {
        right: -30px;
    }
    #elaltar img.plaks {
        width: 35%;
        float: none;
        display: block;
        margin: 0 auto;
        margin-top: 0px;
        }
        #elaltar #paneles {
            width: 100% !important;
        }

}
@media (min-width: 580px) {
            #vidabane {
        width: 450px;
    }
}
@media (max-width: 560px) {
  body {max-width:100% !important;}
  #drinkme {
        top: 367px;
    }
    #elaltar a#museoG img {
    max-width: 100%;
    }
}

.owl-item.lightgallery div img {
    cursor: pointer !important;
}
    
    

.owl-item.lightgallery span.caption {
    color: #f8ebc3;
    text-align: center;
    padding: 15px 0px;
    display: block;
    font-size: 14px;
    font-weight: lighter;
     text-transform: uppercase; 
     font-family: 'Alice';
}

    
@media (max-width: 500px) {
.vprincipal.backstage#cortina .row1 {
        margin-top: -120px;
        margin-left: -10px;
    }
    #altar img {
        width: 500px;
        top: 57%;
        left: -12%;
    }
    #tarot {
        left: -90px;
    }
    #elaltar img.plaks {
        width: 35%;
    }
}    


 @media (max-width: 400px){
.vprincipal.backstage#cortina .row1 {
    margin-top: -160px;
    margin-left: -30px;
} 
#altar img {
    width: 350px;
    top: 57%;
    left: 7%;
}
.libroingles {
    left: 0px;
    width: 200px;
    margin-top: 140px;
}
.libroespanol {
    margin-left: 100px;
    margin-top: 140px;
    width: 190px;
}
.mesaycosas {
    top: 185px;
    }
    #elaltar img.plaks {
        width: 40%;
    }
} 




  #rows-portada li #comecomecome {
    max-width:310px !important;
}

/**LIMITED EDITION Y OPENEDITION**/

.boton {
    min-width: 700px;
    max-width: 700px;
    position: relative;
    min-height: 1000px;
    
}
.boton-img img {
    position: absolute;
    width: 400px;
    bottom: 100px;
    margin: auto;
    top: -5%;
    left: 30%;
}
.boton-opened img{
    position: absolute;
    width: 350px;
    bottom: 100px;
    margin: auto;
    top: 61%;
    left: 44%;
}

@media (min-width: 830px) {
  #main-wrapperdomi{
        overflow: hidden !important;
    }
}


.letritas, .titleopen p {
   
    margin: 0 auto;
    text-align: center;
    color: #FFFFFF;
    font-size: 30px;
    margin-bottom: 50px;
}
.titleopen h2 {
    max-width: 400px;
    margin: 45px auto;
    text-align: center;
    color: #FFFFFF;
    font-size: 50px;
}
.correoodisea {
    max-width: 400px;
    margin: 45px auto;
    text-align: center;
    color: #FFFFFF;
    font-size: 30px;
    text-decoration: none;
}
a:hover { 
    color: #ffbc00 !important;  
    text-decoration: none !important; 
    transform: scale(1.05) !important;
    transition: all 0.5s ease-in !important;
    filter: brightness(1.3);
}

a:hover img{
    cursor: pointer;
    transition: all 0.5s ease-in !important;
    /*filter: saturate(0.5) brightness(1.3);*/
    transform: scale(1.02)  translateY(-3px) !important;
}



h5{
    font-size: 18px;
    font-weight: bold;
    color: black;
}

.t_zoom:hover{
            transform: scale(1.1);
            transition: all 0.3s ease-out;
        }
.t_leermas{
    color: #ffbc00;
    cursor: pointer;
}
.t_leermas_div{
    transition: all 0.3s ease-out;
}
.t_botoncontacto{
    position: absolute;
    top: 40%;
    left: 100px;
    font-size: 2em;
    color: #a37800;
    background-color: #000000;
    border: 1px solid #ffbc00;
    padding: 15px;
    font-family: times;    
}
.menu_museo{
    position: fixed;
    top:10px;
}
.t_botonflotante{
    text-align: right; 
}

.t_botonflotante a{
    color: #ffbc00 !important;
    text-decoration: none !important;
    background-color: transparent;
    border: 1px solid #ffbc00;
    padding: 8px 15px;    
    font-family: times;
    font-size: 16px;
   /* width: 129px;*/
    position: fixed;
    top: 90vh;
    right: 22px;
    z-index: 110;
}
.t_botonflotante a:hover{
    color: #ffbc00 !important;
    transform: translateY(-3px);
}

@media (max-width : 1600px) {
    .cierre{
        right: 20px;
    }
}
@media (max-width : 1300px) {
    .cierre{
        top: 10px;
        width: 20%;
    }
}



@media (max-width: 412px){
.cierre {
   width: 130px;
    right: -5px;
    }
}

/*@media (max-width: 1460px){*/
/*.cierre {*/
/*    bottom: 280px;*/
/*    }*/
/*}*/
/*@media (max-width: 1350px){*/
/*.cierre {*/
/*    bottom: 310px;*/
/*    }*/
/*}*/
/*@media (max-width: 1245px){*/
/*.cierre {*/
/*    bottom: 330px;*/
/*    }*/
/*}*/
/*@media (max-width: 1180px){*/
/*.cierre {*/
/*    bottom: 350px;*/
/*    right: -10px;*/
/*    }*/
/*}*/
/*@media (max-width: 1100px){*/
/*.cierre {*/
/*    bottom: 370px;*/
/*    }*/
/*}*/
/*@media (max-width: 1024px){*/
/*.cierre {*/
/*    bottom: 380px;*/
/*    right: 0px;*/
/*    width: 200px;*/
/*    }*/
/*}*/
/*@media (max-width: 930px) {*/
/*.cierre {*/
/*    bottom: 410px;*/
/*    }*/
/*}*/
/*@media (max-width: 825px) {*/
/*.cierre {*/
/*    bottom: 310px;*/
/*    }*/
#cuadro1 {
    margin-top: 50px !important;
    }





#botinM {
    display: none;
    }


    #cuadro1 {
    margin-top: 35px !important;
    }


.imgfelipe {
    display: block;
    
}

#new {
    margin-bottom: 50px !important;
}

.octava_seccion,
.novena_seccion{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    
}

.octava_seccion img,
.novena_seccion img,
.octava_menu img,
.novena_menu img{
    width: 100%;    
}
.contenedor_letras {
    max-width: 600px;
    max-height: 600px;
}
.contenedor_letras img {
    width: 1050px;
    height: 90px;
    display: block;
    margin-top: -90px;
    }



/***********************MENU ARTE Y MEZCAL MEDIAS**************************************************************/


@media (max-width: 1024px) {
    .contenedor_letras img {
        width: 900px;
    }
}

@media (max-width: 1910px) {
 .container {
    min-width: 1800px;
    max-width: 1800px;
    }
}  
@media (max-width: 1800px) {
 .container {
    min-width: 1200px;
    max-width: 1200px;
    }
}    
@media (max-width: 900px) {
    .contenedor_letras img {
        width: 850px;
        height: 80px;
    }
}
@media (max-width: 780px) {
    .contenedor_letras img {
        width: 700px;
        height: 60px;
    }
    .contenedor_comissions{
        margin-top: 50px;
    }
}
@media (max-width: 600px) {
    .contenedor_letras img {
        width: 520px;
        height: 45px;
    }
}
@media (max-width: 540px) {
    body#soon {
    background-size: contain;
    max-height: 850px;
    }
    .boton-opened img {
    width: 250 !important;
    top: 50% !important;
    }
.boton-img img {
    width: 280px !important;
    }
}
@media (max-width: 480px) {
    .contenedor_letras img {
        width: 405px;
        height: 35px;
    }
    body#soon {
    height: 630px !important;
    min-height: 700px;
    }
       .new-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    padding-left: 50px;
    padding-right: 0px;
    margin-bottom: 30px;
    }
    .botin #botella {
    top: 10px;
    left: -50px;
    }
    .boton-img img {
    top: -35% !important;
    width: 240px !important;
    margin-left: 25px;
    }
    .boton-opened img {
    width: 200 !important;
    top: 15% !important;
    margin-left: 0px;
    }
}
@media (max-width: 380px) {
    .contenedor_letras img {
        width: 350px;
        height: 25px;
    }
    .botin #botella {
    top: 10px;
    left: -80px;
    }
    .botin #tesoro {
    top: 5px;
    left: -40PX;
    }
     body#soon {
  
    min-height: 500px;
    }
.boton-img img {
    top: -30% !important;
    width: 180px !important;
    }
.boton-opened img {

    width: 150 !important;
    top: 7% !important;
    margin-left: 20px;

    }
    #fondoMesa {
        margin-top: 0px;
    }
    .vidaReal #banderin {
        top: -800px;
    }
}




/****************************************MENU ARTE Y MEZCAL******************************************************/

.new-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0px;
    padding-left: 50px;
    padding-right: 0px;
    margin-bottom: 30px;
}
    .novena_menu,
    .octava_menu {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.menuart {
    width:100%;
}

.menu_del_menu {
    height: 400px;
    z-index: 999999999;
}   

.paragrid, .paragrid-opened {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 60px;
}
.grid {
     display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 60px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 120px;
}
.grid-opened-copy {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
}
.grid-opened-button {
    margin: 20px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 60px;
}
.grid-opened {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 60px;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
    align-items: center;
}
.pointer-hand {
    cursor: pointer;
}

.comeandsee {
     margin-top: 200px;
}

.comeandsee img {
    width: 80%;
}
.titleopen h2 {
    font-size: 40px;
}

.letritas, .titleopen p {
    font-size: 18px;
    padding: 5px;
}
.correoodisea {
    font-size: 20px;
}   

/*******************************************************MEDIAS AS_LON_AS************************************************************/

@media (max-width: 1095px) {
    .cuadros_aslong {
        margin-left: 95px;
    }
}
@media (min-width: 999px) {
    .opened-onlymobile {
        display: none;
    }
}


@media (max-width: 999px) {
    .grid-opened-copy {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin-bottom: 20px;
}
.grid-opened-movil , .grid-button-movil{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.grid-button-movil {
    margin-bottom: 40px
    }
}
@media (max-width: 890px) {
    #cuadro3 img {
        margin-left: 160px;
    }
}
@media (max-width: 780px) {
    #cuadro2 {
        top: -45px !important;
    }
    #cuadro3 img {
    margin-left: 140px;
    }
    .paragrid-opened {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 680px) {
    #cuadro3 img {
    margin-left: 120px;
    }
}
@media (min-width: 600px) {
.cointener-letritas{
    display:none;
    }
    .grid-movil-movil , .grid-button-movil-movil{
        display: none;
    }

}
@media (max-width: 600px) {
    .grid-opened-movil , .grid-button-movil{
        display: none;
    }
    .grid-movil-movil , .grid-button-movil-movil{
        display: block;
        padding-left: 20px;
        padding-right: 20px;
    }
    .grid-button-movil-movil button {
        margin-bottom: 30px;
    }
    #cuadro3 img {
    margin-left: 100px;
    margin-top: -85px !important;
    }
    #cuadro2 {
        top: -40px !important;
    }
    .paragrid-opened, .grid-opened {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px;
    }
    .paragrid-opened {
        padding: 90px 90px 0px 90px;
        grid-gap: 90px;
        margin-bottom: 0px;
    }
    .grid-opened {
        margin-bottom: 0px;
    }
    .grid-opened.lightgallery img {
    padding: 80px 80px 0px 80px;
    }
    .cointener-letritas{
    display:block;
    }
     .letritas-one{
        display: none !important;
    }
   .letritas, .titleopen p {
        margin-top: 20px;
    margin-bottom: 100px;
    }
    #limited img {
    max-width: 150%;
    max-height: initial;
}
}


@media (max-width: 490px) {
    #cuadro3 img {
    margin-left: 85px;
    }
    #cuadro2 {
        top: -35px !important;
    }
       .new-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    padding-left: 50px;
    padding-right: 0px;
    margin-bottom: 30px;
    }
}
@media (max-width: 500px) {
.cuadros_aslong {
    margin-left: 0px;
    }


/*******************************************************MEMORIAS************************************************************/
#visor #memorias_visor {
    max-width: 1152px !important;
    min-width: 100px;
    width: 1000px;
    margin: 0 auto;
    height: 100px;
    min-height: 100px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
}
#visor .memorias_centradito {
    position: relative;
    display: block;
    margin: 0px;
    float: none;
    top: 0px;
    width: 30%;
    height: 250px;
    min-height: 100px;
    background-color: black;
    background: url(../img/memorias/viewmasterB.webp);
    background-size: 97%;
    background-position: center;
    margin-left: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#simple_memories {
	position: relative;
    top: 125px;
    left: 0px;
    transform: rotate(-0.6deg);
    background-color: black;
    padding-left: 10px !important;
    padding-right: 10px;
    width: 218px;
    border-radius: 5px 0px 16px 7px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1px;
} 

#visor .memorias_row {
    display: block;
    margin: 15px auto;
    position: relative;
    top: 0px;
    left: 57px;
    transform: rotate(-11.8deg);
    width: 100%;
    background-size: 100%;
    background-position: 0px;
    background-repeat: no-repeat;
    height: 305px;
}
#menu_btn, #menu_btn20 {
    background: url(../img/newmenu/back.webp);
    width: 160px;
    height: 60px;
    background-position: center;
    background-size: cover;
    display: block;
    margin-top: -190px;
    margin-left: -100px;
}
#gridsito {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1px;
}
#galeria {
    background: url(../img/galeria.webp);
    width: 200px;
    height: 50px;
    background-size: cover;
    display: block;
    float: none;
    margin-top: 10px;
    position: absolute;
    top: 215px;
    left: 250px;
}
#play_music {
    background: url(../img/music.webp);
    width: 160px;
    height: 60px;
    background-size: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
    position: fixed;
    top: 150px;
    right: -40px;
    font-size: 28px;
    padding: 3px 20px;
    color: #452F12 !important;
    font-family: 'Alice', serif;
    font-weight: bold;
    opacity: 1;
    -webkit-text-fill-color: #452F12;
    letter-spacing: px;
    line-height: 40px;
    font-weight: bolder;
    text-transform: uppercase;
    text-shadow: 1px 2px 2px blanchedalmond;
    z-index: 9997;
}
.img_postal {
    width: 100%;
    height: 100%;
    transform: rotate(90deg);
}
.postalita {
    width: 130%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
}
#menu_enmovil {
    width: 100%;
    height: 200px;
    transform: rotate(90deg);
    margin-top: -300px;
    margin-left: -200px;
    }
}
 @media (max-width: 1020px) {
  .lectores {
    width: 900px;
    }
}  

@media (max-width: 830px) {
    .readers {
        display: none;
    }
}    
  

@media (min-width: 999px) { 
    #soloescritorio {
        display: block;
    }    
    #solomovil {
        display: none;
    }
}

@media (max-width: 999px) { 
    #soloescritorio {
        display: none;
    }    
    #solomovil {
        display: block;
    }
}

/******************************************************MEDIAS MEMORIAS************************************************************/

@media (min-width: 510px) { 
    #simovil {
        display:none;
    }
}    
@media (max-width: 500px) { 
    #simovil {
        display:block;
        transform: rotate(90deg);
    }
    #no-movil {
        display: none;
    }
}    
    
@media (max-width: 500px) {
    .magnify > .magnify-lens {
        width: 150px;
        height: 150px;
    }
    #tarot {
        left: -50px;
    }    
    #memorias {
        left: -100px;
    }
    #recuerdos {
        left: -110px;
    }
}    
@media (max-width: 420px) {
     #recuerdos-pag .magnify {
        width: 140%;
    }
    #tarot {
        left: -110px;
    }
}
@media (max-width: 390px) {
     #recuerdos-pag .magnify {
    left: 0px;
    width: 160%;
    }
    #tarot {
        left: -105px;
        margin-top: 30px;
        width: 400px;
    }

}
@media (max-width: 360px) {
    #memorias {
        left: -120px;
    }
    #recuerdos {
        left: -180px;
    }
}


@media (max-width: 600px) {
    .postalita {
        width: 140%;
    }
}
@media (max-width: 560px) {
    .postalita {
        width: 150%;
    }
    #menu_enmovil {
        margin-top: -250px;
        margin-left: -160px;
    }
}
@media (max-width: 500px) {
    .postalita {
        width: 160%;
    }
    #menu_enmovil {
        margin-left: -140px;
    }
     #menu_enmovil #music{
        right: -70px !important;
    }
}
@media (max-width: 450px) {
    .postalita {
        width: 170%;
    }
    #menu_enmovil {
        margin-left: -120px;
        margin-top: -280px;
    }
    #menu_enmovil #music{
        right: -150px !important;
    }        
}
@media (max-width: 400px) {
    .postalita {
        width: 180%;
        margin-left: -50px;
    }
    #menu_enmovil {
        margin-top: -320px;
        margin-left: -80px;
    }
    #movie {
        top: -253px;
        left: -30px;
        width: 180px;
    }
}

/*****************************************************************************************************LIBRO***********************************************************************************************/
#mesaCosas .col-md-6  {
    background: url(../img/mesa.webp);
    background-size: 0%;
    background-position: bottom;
    }
#fondoMesadomi {
    background-image: url(../img/mesa.webp);
    position: absolute;
    bottom: 350px;
    width: 100%;
    background-size: 98%;
    background-position: bottom;
    height: 300px;
    background-repeat: no-repeat;
}
#fondoverde {
    width: 100%;
    background: url(../img/fondolibro.webp);
    background-size:cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100vh;
    position:relative;
    background-position: center;
}

.mesaycosas {
    position: relative;
    width: 100%;
    height: 900px;
    margin: 0 auto;
    margin-top: 100px;
}
.readers {
    display: block;
    position: relative;
    margin-top: -200px;
    height: auto;
    width: 100%;
}
.lectores {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    padding: 10px;
}
.libroingles {
    position: absolute;
    width: 350px;
    display: block;
    margin-top: -180px;
    margin-left: 90px;
}
.libroespanol {
    position: absolute;
    width: 330px;
    display: block;
    margin-top: -165px;
    margin-left: 90px;
}
.mezcales {
    position: absolute;
    right: 390px;
    max-width: 500px;
    margin-top: 110px;
}
.mezcales img {
    width: 90px;
}
.sal {
    margin-top: 110px;
}

/******************************************************************LIBRO MEDIAS***************************************************************************/

@media (max-width: 1200px) {
    .mezcales {
        position: absolute;
        right: 350px;
    }
}    
@media (max-width: 1150px) {
    .mezcales {
        position: absolute;
        right: 300px;
    }
}   
@media (max-width: 1050px) {
    .mesaycosas {
        margin-left: 60px;
    }
    .readers {
        height: 550px;
        margin-left: 60px;
    }
    .mezcales {
        right: 270px;
    }
}
@media (max-width: 1020px) {
    .mesaycosas {
        margin-left: 0px;
    }
    .readers {
        margin-left: 0px;
    }
}

@media (max-width: 980px) {
.readers {
    margin-top: 200px;
    }
    .libroespanol {
    width: 270px;
    margin-top: -490px;
    margin-left: 500px;
    }
    .libroingles {
    width: 280px;
    margin-top: -90px;
    margin-left: 60px;
    }
    .mezcales img {
        width: 60px;
    }
    .mezcales {
        right: 320px;
        margin-top: -265px;
    }
    .readers {
        margin-top: -200px;
    }
}    
@media (max-width: 900px) {
    .libroespanol {
        width: 240px;
        margin-top: -445px;
        margin-left: 500px;
    }
    .libroingles {
        width: 245px;
        margin-top: -40px;
        margin-left: 60px;
    }
    .mezcales {
        right: 290px;
        margin-top: -265px;
    }
}
@media (max-width: 860px) {
    .libroespanol {
        margin-left: 450px;
    }
}
@media (max-width: 820px) {
    .libroespanol {
        width: 220px;
        margin-top: -415px;
        margin-left: 450px;
    }
    .libroingles {
        width: 225px;
        margin-top: -10px;
        margin-left: 0px;
    }
        .mezcales {
        margin-top: -260px;
    }
}    
@media (max-width: 780px) {
    .libroespanol {
        margin-left: 430px;
    }
    .mezcales {
        right: 260px;
    }
    .readers {
        width: 90%;
        margin-top: -260px;
        margin-left: 40px;
    }
}


@media (max-width: 770px) {
     #fondoMesadomi {
        background: none;
    }
      #fondoverde #mesaCosas .col-md-6 {
        background-size: 70%;
        margin-left: -70px;
        background-position: top;
    }
    .libroingles {
        margin-top: -255px;
        margin-left: 120px;
    }
    .libroespanol {
        margin-left: 130px;
        margin-top: -260px;
    }
    .readers {
        width: 90%;
        margin-top: -150px;
        margin-left: 105px;
    }
    .mezcales {
        margin-top: -470px;
        right: 340px;
    }
    img.sal {
        margin-top: 70px !important;
    }
}    

@media (max-width: 700px) {
    .mezcales {
        right: 280px;
    }
}    
 
@media (max-width: 650px) {
    .mezcales {
        right: 210px;
    }
}
@media (max-width: 600px) {
    .mezcales {
        right: 190px;
    }
    .libroingles {
        margin-top: -200px;
        margin-left: 110px;
        width: 180px;
    }
    .libroespanol {
        margin-left: 130px;
        margin-top: -210px;
        width: 180px;
    }.mesaycosas {
        margin-left: 80px;
    }
    .mezcales img {
    width: 40px;
    margin-top: 30px;
}
}    

@media (max-width: 450px) {
    .mezcales img {
        width: 30px;
        margin-top: 40px;
    }
    .mezcales {
        right: 170px;
    }
    .libroingles {
        margin-top: -143px;
        margin-left: 111px;
        width: 130px;
    }
    .libroespanol {
        margin-left: 130px;
        margin-top: -147px;
        width: 130px;
    }
}

@media (max-width: 400px) {
    .mesaycosas {
        height: 750px;
    }
    .readers {
        width: 90%;
        margin-top: 30px;
        margin-left: 105px;
        height: 230px;
    }
}    

@media (max-width: 380px) {
.mezcales {
    right: 140px;
    }
}


/*********************************************************MEDIAS REGLAS DE JUEGO********************************************/

@media all and (max-width :768px) {
    #tablero {
        top: 43px !important;
        left: -240px;
        transform: rotate(90deg);
        width: 900px;
    }
    .item1 {
          width: 255px;
        left: -60px;
        top: 20px;
        transform: rotate(23deg);
    }  
    .item2 {
        width: 160px;
        left: -260px;
        top: -5px;
    }
    .item3 {
        width: 155px;
    left: -320px;
    top: -5px;
    }  
    .item4 {
        width: 230px;
        left: -390px;
        top: 10px;
        transform: rotate(-10deg);
    }  
    .item5 {
            width: 280px;
    left: -80px;
    }  
    .item6 {
        width: 320px;
    right: 530px;
    top: -50px;
    transform: rotate(-57deg) !important;
    }  
    .item7 {
        width: 230px;
        left: 25px;
        top: -60px;
    }
    .item8 {
        width: 310px;
        right: 160px;
        top: -1px;
    }    
    .item9 {
        width: 180px;
        top: 30px;
        left: -200px;
    }
    .item14{
        width: 350px;
        right: 558px;
        top: -220px;
        transform: rotate(-20deg);
    } 
    .item13 {
        width: 225px;
        left: -430px;
        top: -105px;
    }
    .item12 {
        width: 160px;
        left: -260px;
        top: -30px;
    }
}    

@media (max-width: 650px) {
    #tablero {
        top: 45px !important;
        left: -285px;
    }   
}
@media (max-width: 630px) {
    #tablero {
        top: 45px !important;
        left: -285px;
    }   
}    
@media (max-width: 600px) {
    #tablero {
        left: -320px;
    }
}
@media (max-width: 530px) {   
    #tablero {
        width: 800px;
    }
    .item5 {
        left: -160px;
        top: -165px;
    }
    .item1 {
        left: -80px;
        top: 25px;
    }
    .item2 {
        left: -285px;
        top: 0px;
    }
    .item3 {
        left: -340px;
        top: -5px;
    }
    .item4 {
        left: -395px;
        top: -15px;
        transform: rotate(-25deg);
    }
    .item6 {
        right: 555px;
        top: -60px;
        transform: rotate(-70deg) !important;
    }
    .item14 {
        right: 660px;
    }     
    .item7 {
        left: -50px;
        top: -110px;
    }
    .item8 {
        right: 235px;
        top: -50px;
    }
    .item9 {
        top: -25px;
        left: -280px;
    }
    .item12 {
        left: -345px;
        top: -75px;
    }
    .item13 {
        left: -480px;
        top: -80px;
    }
    
} 
 @media (max-width: 500px) {   
    #tablero {
        top: 60px !important;
        left: -360px;
        width: 600px;
    }
    .item1 {
        left: -80px;
        top: 25px;
        width: 180px;
    }
    .item2 {
        left: -325px;
        top: 15px;
        width: 110px;
    }
    .item3 {
        left: -435px;
        top: -20px;
        width: 100px;
    }
    .item4 {
        left: -530px;
        top: -25px;
        transform: rotate(-25deg);
        width: 155px;
    }
    .item6 {
        right: 795px;
        top: -60px;
        transform: rotate(-70deg) !important;
        width: 200px;
    }
    .item5 {
        width: 200px;
        left: -125px !important;
        top: -200px !important;
    }
    .item14 {
        width: 230px;
        right: 815px !important;
        top: -355px;
        transform: rotate(-56deg);
    }
    .item7 {
        left: -30px;
        top: -190px;
        width: 160px;
    }
    .item8 {
        right: 325px;
        top: -148px;
        width: 190px;
    }
    .item9 {
        width: 110px;
        top: -100px;
        left: -355px;
    }
    .item12 {
        width: 105px;
        left: -445px;
        top: -115px;
    }
    
    .item13 {
        width: 170px;
        left: -600px;
        top: -185px;
    }
    .flechita {
        top: -70px !important; 
        width: 60px !important; 
        left: 90px !important;
    }
    .item1 a {
        bottom: 185px;
    }
    .item2 a {
    width: 100px;
    }
    .item3 a {
    width: 100px;
    }
    .item4 a {
    width: 90px;
    height: 100px;
    transform: rotate( -50deg);
    margin-top: 25px;
    margin-left: 20px;
    }
    .item6 a {
    width: 130px;
    height: 100px;
    bottom: 170px;
    }
    .item9 a {
    width: 100px;
    height: 110px;
    position: absolute;
    left: 10px;
    }
}
@media (max-width: 380px){
    #tablero {
    top: 30px !important;
    left: -400px;
    width: 600px;
    }
}

.room img{
    width: 60%;
}




/**********************************PANEL GRIS*******************************************/

.plaquita_container {
    max-width: 250px;
    width: 80%;
    height: auto;
    margin: 0 auto;
}

.plaquita_fer {
    margin-top: 5px;
}

.grid_rows {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.grid_gris{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    margin-bottom: 50px;
}

.grid_gris2{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
    margin-bottom: 50px;
}
.grid_gris3{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 15px;
}
.grid_gris7{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 15px;
}

.grid_gris img,
.grid_gris2 img,
.grid_gris3 img{
    width: 100%;
}

@media (max-width: 880px) { 
.grid_gris {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 50px;
    margin-bottom: 100px;
    }
    .grid_gris2{
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
    margin-bottom: 100px;
    }
    .grid_gris3{
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 50px;
    }
}
@media (max-width: 790px) { 
    .grid_rows {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 130px;
    }
}
    
@media (max-width: 640px) { 
.grid_gris {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 100px;
    }
    .grid_gris2{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 100px;
    }
    .grid_gris3{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 100px;
    }
}

#body_menuart {
    max-width: 1400px;
    max-height: 1400px;
    background-color: black;
}

.contenedor_gral_menuart {
    width: 1400px;
    height: auto;
    max-width: 85%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    }
.imagenes_menuart {
    width: 100%;
    height: auto;
    margin-top: -10px;
}
.imagenes_menuart img{
    width: 100%;
}
.grid_menuart {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    margin-top: -10px;
}
.grid_menuart img {
    width: 100%;
}
.grid_menuartv {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    margin-top: -10px;
}
.grid_menuartv img {
    width: 100%;
}
.grid-come-and-see-new {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 50px;
    padding: 50px;
}


.img_placa {
    width: 100%;
}
.img_placa img {
    width: 330px;
    display: block;
    margin: 0 auto;
}
@media (max-width: 399px) { 
    .img_placa img {
        width: 230px;
    }
}    

/************************************************MENU_PRINCIPAL MOBILE***********************************/
@media (max-width: 999px) { 
.cont_nomobile {
    display: none;
    }
}
@media (min-width: 999px) { 
.cont_mobile {
    display: none;
    }
}


.cont_mobile, .intro_mobile, .cuento_mobile, .imagenes_mobile img, .mesa_mobile, .aslong_mobile  {
    width: 100%;
    height: auto;
}
.vidareal_mobile{
    width: 100%;
    margin-top: -20px;
}
.vidareal_mobile img, .cuento_mobile img, .aslong_mobile img {
    width: 50%;
    display: block;
    margin: 0 auto;
}
.mesa_mobile img, .mesa_mobile, .libro_mobile img, .contacto_mobile img,
.notas_mobile img, .movie_mobile img, .libro_mobile_cerrado img{
    width: 100%;
}
.cuento_mobile {
    margin-top: -15px;
    margin-bottom: 130px;
}
.aslong_mobile {
    margin-top: -15px;
}
.intro_mobile img{
    width: 50%;
    display: block;
    margin: 0 auto;
    margin-top: -10px;
}
.libro_mobile {
    width: 30%;
    display: block;
    margin-left: 50px;
    position: absolute;
    margin-top: -110px;
}
.libro_mobile_cerrado {
    width: 27%;
    display: block;
    margin-left: 50px;
    position: absolute;
    margin-top: -120px;
}
.contacto_mobile {
    width: 20%;
    display: block;
    margin-left: 280px;
    position: absolute;
}
.notas_mobile {
    width: 15%;
    display: block;
    margin-left: 460px;
    position: absolute;
    margin-top: -60px;
}
.movie_mobile {
    width: 25%;
    display: block;
    margin-left: 590px;
    position: absolute;
    margin-top: -100px;
}

/*********************MEDIAS MENU MOBILE********************/


@media (max-width: 930px) {
    .libro_mobile {
    margin-top: -100px;
    }
    .contacto_mobile {
        margin-left: 240px;
    }
    .notas_mobile {
        margin-left: 400px;
    }
    .movie_mobile {  
        margin-left: 515px;
    }
}
@media (max-width: 740px) {
    .libro_mobile {
        margin-top: -90px;
    }
    .contacto_mobile {
        margin-left: 210px;
    }
    .notas_mobile {
        margin-left: 360px;
    }
    .movie_mobile {  
        margin-left: 470px;
        margin-top: -80px;
    }
    .libro_mobile_cerrado {
        margin-top: -100px;
        }
}
@media (max-width: 680px) {
    .libro_mobile {
        margin-top: -80px;
    }
    .libro_mobile_cerrado {
        margin-top: -90px;
        }
    .contacto_mobile {
        margin-left: 200px;
    }
    .notas_mobile {
        margin-left: 330px;
        margin-top: -50px;
    }
    .movie_mobile {  
        margin-left: 425px;
    }
}
@media (max-width: 615px) {
    .libro_mobile {
        margin-top: -70px;
    }
    .notas_mobile {
        margin-left: 310px;
    }
    .movie_mobile {  
        margin-left: 390px;
    }
}
@media (max-width: 590px) {
    .cuento_mobile{
        margin-top: -15px;
    }
    .libro_mobile_cerrado {
        margin-top: -80px;
        }
    .contacto_mobile {
        margin-left: 170px;
    }
    .notas_mobile {
        margin-left: 280px;
        margin-top: -40px;
    }
    .movie_mobile {  
        margin-left: 360px;
        margin-top: -70px;
    }
}
@media (max-width: 560px) {
    .libro_mobile {
        margin-top: -60px;
    }
    .notas_mobile {
        margin-left: 260px;
    }
    .movie_mobile {  
        margin-left: 330px;
    }
}
@media (max-width: 499px) {
    .vidareal_mobile img, .intro_mobile img {
        width: 70%;
    }
    .cuento_mobile img, .aslong_mobile img {
        width: 80%;
    }
    .contacto_mobile {
        margin-left: 150px;
    }
    .notas_mobile {
        margin-left: 240px;
    }
    .movie_mobile {  
        margin-left: 310px;
        margin-top: -60px;
    }
    .libro_mobile_cerrado {
        margin-top: -70px;
        }
}
@media (max-width: 460px) {
    .vidareal_mobile{
        margin-top: -15px;
    }
    .notas_mobile {
        margin-left: 230px;
    }
    .movie_mobile {  
        margin-left: 290px;
        margin-top: -55px;
    }
}
@media (max-width: 440px) {
    .libro_mobile {
        margin-top: -50px;
    }
    .libro_mobile_cerrado {
        margin-top: -70px;
        left: 175;
        }
    .notas_mobile {
        margin-left: 230px;
    }
    .movie_mobile {  
        margin-left: 280px;
        margin-top: -50px;
    }
}
@media (max-width: 399px) {
    .contacto_mobile {
        margin-left: 110px;
    }
    .notas_mobile {
        margin-top: -30px;
        margin-left: 180px;
    }
    .libro_mobile {
        margin-left: 20px;
    }
    .movie_mobile {  
        margin-left: 230px;
        margin-top: -50px;
    }
    .libro_mobile_cerrado {
        margin-top: -60px;
        margin-left: 30px;
        }
}


.div_elcuento {
    width: 100%;
    height: 800px;
    background-color: red;
}
.grid_elcuento {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    display: 100%;
    height: auto;
    background-color: blue;
}
.grid_elcuento img{
    width: 90%;
}



.grid-movie {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
}
#img-none img {
    background: none;
    display: block;
    margin: 0 auto;
    width: 300px;
    margin-top: -30px;
    margin-bottom: 30px;
}

#img-none1 img {
    background: none;
    display: block;
    margin: 0 auto;
    width: 300px;
    margin-bottom: 30px;
}

@media (max-width:768px) {
	.centeree.banar {
    margin-top: 80px !important;
    }
   .pergamin-store img {
    margin-right: -10px;
    z-index: 99999;
    position: relative;
    margin-top: -15px;
    margin-left: 116px;
    width: 180px px !important;
    }
}

@media (max-width:499px) {
    .pergamin-store img {
        width: 120px !important;
        margin-left: 180px;
    }
}
    @media (max-width:430px) {
    #music {
    bottom: 0px !important;
    right: -10px !important;
    height: 51px;
    background-size: 70% !important;
    background-repeat: no-repeat !important;
    }
}
    @media (max-width:330px) {
    #music {
    background-size: 70% !important;
    background-repeat: no-repeat !important;
}
}

#img-none:hover img{
    background: none;
}
.boton-play img {
    background: none !important;
    width: 80%;
    margin-top: -306px;
    margin-left: 33px;
}
@media (max-width: 899px){
    .grid-movie {
        grid-template-columns: repeat(1, 1fr);
        max-width: 98vw ;
    }
    html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
}
.boton-fondo {
    background-image: url(../img/boton_play.webp);
}

.pergamin-store {
    width: 300px;
    display: block;
    position: fixed;
    right: 13px;
    top: 13px;
    z-index: 110;
}
.pergamin-store img{
    width: 70%;
    float: right;
    margin-top: -23px;
}

@media (max-width: 635px){
    .vidaReal .all-container {
    margin-top: 55px;
    }
    .grid-come-and-see-new {
        grid-template-columns: repeat(1,1fr);
    }
}
@media (max-width: 390px){
    .vidaReal .all-container {
    margin-top: 0px;
    }
}

#store-tienda {
    max-width: 300px;
    display: block;
    position: absolute;
    top: 15px;
    z-index: 777;
}
#arteymezcal{
    background-color: black;
}
.container_artemezcal{
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.container-2 {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}


img.casita_home {
    width: 11%;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
}
.container-altar{
    margin-top: 50px;
}
#grid-paneles {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
}
.imagenes-altarabierto{
    width: 80%;
}

.imagenes-altarabierto1{
    width: 100%;
}
.imagenes-altarcerrado {
    width: 60%;
}
.imagenes-altar img, .imagenes-altarabierto img, .imagenes-altarcerrado img, .imagenes-altarabierto1 img{
    width: 100%;
}


.grid-come-and-see-new img {
    width: 100% !important;
}

#grid-rows {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 70px;
}

.unica 
{
    width: 100%;
    display: block;
    margin: 0 auto;
}
.juntos-altar img
{
    width: 80%;
    display: block;
    margin: 0 auto;
}

.gallerys-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 15px;
    padding: 20px;
}
.gallerys-grid2 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 15px;
    padding: 20px;
}
.gallerys-grid3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
    padding: 20px;
}
.gallerys-grid4 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}
.gallerys-grid img, .gallerys-grid2 img, .gallerys-grid3 img{
    width: 100%;
}
#galeria-memorias-grid img {
    max-height: 200px;
}

#halloween_grid_galeria img {
    max-height: 530px;
}
.grid-opened img {
    width: 100%;
}
.grid-opened-copy.lightgallery.pointer-hand img {
    width: 100%;
}
.grid-opened-movil.lightgallery.pointer-hand img {
    width: 100%;
}
.gallerys-grid4.lightgallery img {
    width: 100%;
}
.xochi.lightgallery img {
    width: 100%;
}
.grid_gris0 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 30px;
    padding-left: 20px;
    padding-right: 20px;
}


/***********************************************GUIDE********************************************/


.fondopapel {
    background-image: url(../img/fondoguia.webp);
    width: 66%;
    height: 79%;
    display: block;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat !important;
    background-position: center;
    margin-top: 5%;
}
.double-double img {
    width: 100%;
}
.fondopapel1 {
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-top: 100px;
}
.uno-guide {
    background-image: url(../img/guide/fondos/ig1.png);
    background-position: 0 -60px;
    background-size: cover;

}
.dos-guide {
    background-image: url(../img/guide/fondos/fg2.png);
    background-position: center;
    background-size: cover;
    height: fit-content;
    padding-bottom: 100px;
}
.tres-guide {
    background-image: url(../img/guide/fondos/fg4.png);
    background-position: center;
    background-size: cover;
    height: fit-content;
    padding-bottom: 100px;
}
.cuatro-guide {
    background-image: url(../img/guide/fondos/fg3.png);
    background-position: center;
    background-size: cover;
    height: fit-content;
    padding-bottom: 100px;
}
.cinco-guide {
    background-image: url(../img/guide/fondos/fg5.png);
    background-position: center;
    background-size: cover;
    height: fit-content;    
padding-bottom: 100px;
}
.double-double {
    margin-top: 50%;
}
.grid-guide {
    display: grid;
    grid-template-columns: 33% 16% 16% 16% 16%;
    background-color: #e4e7e800;
    padding: 40px;
    width: 97%;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
}
.uno-guide img {
    width: 80% !important;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    margin-right: 15%;
}

.grid-guide img {
    width: 100%;
}
.grid-altarguia {
    display: grid;
    grid-template-columns: 45% 45%;
    grid-gap: 5%;
    justify-content: center;
}
.grid-aboutus {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5%;
    justify-content: center;
    margin-bottom: 50px;
    margin-bottom: 50px;
    padding: 30px;
    align-items: center;
    padding-left: 100px;
    padding-right: 100px;
}
.grid-aboutus4 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 2%;
    justify-content: center;
    padding: 50px;
}
.grid-aslong {
    display: grid;
    grid-template-columns: 50% 37%;
    grid-gap: 5%;
    justify-content: center;
}
.grid-book{
    display: grid;
    grid-template-columns: 38% 45%;
    grid-gap: 5%;
    justify-content: center;
}.book {
    padding: 5%;
}
.grid-aboutus video{
    width:100%;
}
.contenedor-about h2, .contenedor-about h3, .contenedor-about h4  {
    text-align: center;
}
.guia-tres, .doceprincesas {
    overflow-y: scroll;
}
.altar-imagenfinal {
    padding: 5%;
}
.textos-aslong p {
    text-align: justify;
}

.textos-aslong {
    padding-left: 5%;
    padding-right: 5%;
}
.grid-vidareal {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2%;
    justify-content: center;
}
.banner-centrado img {
    width: 50%;
    display: block;
    margin: 0 auto;
    padding: 20px;
}

.banner-centrado {
    width: 100%;
}
.creditos-guide {
    width: 30% !important;
}
.imagen-hyp {
    width:100%;
}
.imagen-hyp img {
    width:60%;
    display:block;
    margin: 0 auto;
}
@media (min-width: 1930px){
    .fondopapel1 {
        width: 80%;
    }
}
@media (max-width: 1924px){
    .double-double {
        margin-top: 40%;
    }
    .grid-guide {
    width: 85%;
    height: 100%;
    }
}
@media (max-width: 1850px){
    .fondopapel1 {
        width: 100%;
    }
}
@media (max-width: 1300px){
    .fondopapel1 {
    width: 90%;
    height: 80%;
    }
    .grid-guide {
    width: 95%;
    height: 100%;
    }
}
@media (max-width: 1100px){
    .fondopapel1 {
    height: 70%;
    }
    .grid-guide {
    height: 85%;
    }
}
@media (max-width: 899px){
    .fondopapel1 {
    height: 47%;
    }
}
@media (max-width: 799px){
    .fondopapel1 {
    height: 53%;
    }
}
@media (max-width: 699px){
    .fondopapel1 {
    height: 40%;
    }
}
@media (max-width: 599px){
    .fondopapel1 {
    height: 30%;
    margin-top: 250px;
    }
}


/************************************************SHOP&SUPPORTUS****************************************/
body#shopsito {
    background-image: url(../img/ship.webp);
    background-size: cover;
    background-position: center;
}
.contenedor-shop {
    width: 100%;
    height: auto;
}
.contenedor-shop-grid {
    width: 100%;
    height: auto;
    margin-top: 270px;
}
.grid-shopsupport {
    display: grid;
    grid-template-columns: 26% 46% 26%;
    grid-gap: 1%;
    padding-left: 1%;
    padding-right: 1%;
    justify-content: center;
    justify-items: center;
    align-items: center;
}
.fireworks {
    background-image: url(../img/Fireworks.gif);
    background-position: center;
    background-size: contain;
    width: 100%;
    height: auto;
}
.fireworks img {
    width: 100%;
}
.whysus {
    width: 100%;
}
.whysus img {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: -150px;
}
.storetienda img {
    width: 85%;
    display: block;
    margin: 0 auto;
}
.banderin-guide {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.banderin-guide img {
    width: 40%;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}
.banderin-guide1 {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.banderin-guide1 img {
    width: 50%;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

/*********************************ALTAR*****************************************/
.imagenes-altarabierto1 {
    display: flex;
    flex-flow: row;
        align-items: flex-start;
}
.imagenaltaruno {
    padding-left: 150px;
}

.placa-altarjuana {
    width: 100%;
}
.placa-altarjuana img {
    width: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}
.imagen-mano-altar {
    width: 500px;
    padding-right: 10px;
}
/********************************************AS LONG*************************************/
#video_background {
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden;
}
#contenedor-aslong {
    width: 100%;
    height: 800px;
}
.grid-aslongas {
    width: 100%;
    display: grid;
    grid-template-columns: 22% 37% 40%;
}
.grid-aslongas img {
    width: 100%;
}
.grid-mesa-vidareal {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
}

/********************************************VIDAREAL*************************************/
#tarot {
    width: 650px;
    height: 730px;
    position: relative;
}
#memorias {
    width: 600px;
    height: 550px;
    position: relative;
    top: 50px;
    left: -10px;
}
.banner-vidareal {
    width: 100%;
}
.banner-vidareal img {
    width: 50%;
    display: block;
    margin: 0 auto;
}
.grid-mesa-vidareal {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
}
#video {
    width: 355px;
    height: 249px;
    position: relative;
    top: 75px;
    left: 125px;
}
#memobane {
     top: 222px;
    left: 6px;
    width: 95%;
}
#recuerdos {
    position: inherit;
    top: 22px;
    left: -30px;
    margin: 0px auto;
    width: 700px;
    height: 500px;
    margin-left: -100px;
}
.mesita2 img {
    width: 100%;
}
.mesita {
    width: 100%;
    position: absolute;
    margin-top: -180px;
    z-index: -1;
}
.mesita  img{
    width:100%;
}   
@media (max-width: 1550px){
#recuerdos {
    margin-top: -64px;
    }
    #memorias {
    top: 30px;
    }

}

@media (max-width: 1199px){
#recuerdos {
    margin-top: 26px;
    width: 600px;
    }
    #memorias {
    width: 500px;
    top: 80px;
    }
    #video {
    width: 287px;
    height: 202px;
    top: 64px;
    left: 115px;
    }      
}
@media (min-width: 911px){
    .mesita2 {
        display: none;
    }
}
@media (max-width: 910px){
    .mesita2 {
        display: block;
    }
    #memorias {
    top: 250px;
    }
    .grid-mesa-vidareal {
    grid-template-columns: repeat(1, 1fr);
    }
    #recuerdos {
    margin-left: 0px;
    }
    .mesita {
        margin-top: -159px;
    }
    #tarot {
    margin-top: 30px;
    }
}
/********************************************************ELCUENTO***********************************************/
.banner-see  {
    width: 60%;
    display: block;
    margin: 0 auto;
}
.banner-see img {
    width: 50%;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
}
.imagen-mano {
    position: absolute;
    margin-top: -507px;
    margin-left: 374px;
    width: 100%;
}
.imagen-mano img {
    width: 26%;
}
.imagen-mano1{
    position: absolute;
    margin-top: -100px;
    margin-left: 200px;
    width: 100%;
}
.imagen-mano1 img {
    width: 11%;
}
/********************************************************LIBRO***********************************************/
.grid-opendos {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    padding: 2%;
    grid-gap: 2%;
}
.tittlesection h2 {
    text-align: center;
}
.grid-opendos img {
    width: 100%;
}
button.single_add_to_cart_button.button.alt {
    margin-top: 10px;
}
@media(max-width: 899px){
    
    .grid-opendos, .grid-opened-copy {
    grid-template-columns: repeat(3, 1fr);

    }
}
@media(min-width: 600px){
    .opened-onlycelular{
        display:none;
    }
}
@media(max-width: 599px){
    .grid-opendos {
    grid-template-columns: repeat(1, 1fr);
    padding: 5%;
    }
    .opened-onlymobile{
        display:none;
    }
    .opened-onlycelular{
        display:block;
    }
    .grid-opened-copy {
        grid-template-columns: repeat(1, 1fr);
        padding: 5%
    }
}

/********************************************************THEMOVIE***********************************************/
body#videobody-movie {
    background-image: url(../img/The-Movie-Final.webp) !important;
    background-size: cover;
        HEIGHT: 100VH;
}


/**************************************************************WSUS********************************************/
#wsupport {
    background-color: #AAAAAA;
    width: 100%;
    height: 100vh;
        background-size: cover;
    background-position: center;
}
.contenedor-wsus {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0px 100px;
    text-align: center;
    margin-top: 100px;
}
.textoswsus, .texto2wsus{
    margin-top: 50px;
}
.textoswsus, .texto2wsus {
    padding: 0px 100px;
    text-align: justify;
}
.textoswsus h2, .texto2wsus h2 {
    text-align: center;
}

/**************************************************************AS LONG GALLERY´S********************************************/
.unodecinco {
    background: url(../img/unadecinco.webp);
}
.dosdecinco {
    background: url(../img/dosdecinco.webp);
}
.tresdecinco {
    background: url(../img/tresdec.webp);
}
.cuatrodecinco {
    background: url(../img/cuatrode.webp);
}
.cincodecinco {
    background: url(../img/cincodecinco.webp);
}
.cincodecinco {
    background: url(../img/cincodecinco.webp);
    float: right;
    width: 120px;
    height: 35px;
    display: block;
    background-size: cover !important;
}

#menu_bottom {
    bottom: -80px;
    padding-bottom: 10px;
}

img {
    width: 100%;
}
div#contentitoss {
    height: 1600px;
}
@media (min-width: 900px){
    .soloparamoviles {
        display: none !important;
    }

}
@media (max-width: 899px){
    .soloparamoviles {
        display: block;
    }
}
@media (min-width: 2500px){
    .cierre {
        bottom: 0px !important;
    }
}
@media (max-width: 430px){
    .pergamin-store img {
        margin-top: -7px !important;
    }
}
@media (max-width: 1924px){
    div#contentitoss {
        height: 900px;
    }
}
@media (max-width: 1824px){
    div#contentitoss {
        height: 800px;
    }
}

@media (max-width: 1280px){
    .contenedor-wsus {
        padding: 0px 50px;
    }

}

@media (max-width: 799px){
.grid-shopsupport {
    grid-template-columns: repeat(1,1fr);
    padding-left: 150px;
    padding-right: 150px;
    grid-gap: 10%;
}
.imagenaltaruno {
    padding-left: 50px;
}
.contenedor-wsus {
    grid-template-columns: repeat(1,1fr);
}
.contenedor-shop-grid {
    margin-top: 70px;
    margin-bottom: 200px;
    }
    .whysus img {
    margin-top: -50px;
    }
    .grid_gris0 {
    grid-template-columns: repeat(1,1fr);
}
}
@media (max-width: 599px){
.contenedor-shop-grid {
    margin-bottom: 0px;
}
}
@media (max-width: 545px){
    .imagenes-altar img, .imagenes-altarabierto img, .imagenes-altarcerrado img, .imagenes-altarabierto1 img {
        width: 80%;
        display: block;
        margin: 0 auto;
    }
    .imagen-mano-altar {
    width: 100% !important;
    padding-right: 0px !important;
}
}
@media (max-width: 450px){
    .whysus img {
        margin-top: 0px;
    }
    .contenedor-shop-grid {
    margin-top: 180;
    margin-bottom: 100px;
}
    .grid-shopsupport {
    padding-left: 50px;
    padding-right: 50px;
    }
    .contenedor-wsus {
    padding: 0px 10px;
}
.textoswsus {
    padding: 0px 10px;
}
.imagenes-altar img, .imagenes-altarabierto img, .imagenes-altarcerrado img, .imagenes-altarabierto1 img {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.imagen-mano-altar img {
    width: 100% !important;
    margin-left: 0px;
}
#menu_btn, #menu_btn2 {
    width: 125px;
	margin-top: 0px;
}
div#contentitoss {
    height: 450px;
}
#menu_bottom #galeria {
    width: 112px;
    height: 35px;
    margin-top: -205px !important;
    margin-left: 0px;
}
}
@media (max-width: 375px){
#menu_bottom #galeria {

    margin-left: 10px;
}
}

.botontienda img {
    width: 30%;
    display: block;
    margin: 0 auto;
}
.fondo-altar {
    width: 40%;
    height: 100%;
    display: block;
    margin: 0 auto;
}
.fondo-altar img {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.banner-altarjuana {
    width: 100%;
    height: auto;
    position: absolute;
    top: 70%;
}
.banner-altarjuana img {
    width: 50%;
    display: block;
    margin: 0 auto;
}


.grid-altarjuana {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    width: 100%;
    height: 530px;
}
img#vidabane {
    padding-top: 430px !important;
}
.altar-movil-grid {
    display: grid;
    grid-template-columns: repeat(1,1fr)
}
.altar-movil-grid img{
    width: 350px;
    display: block;
    margin: 0 auto;
}
@media (min-width:901px) {
.soloparacel{
    display: none;
}
}
@media (max-width:900px) {
    .container-menu{
        min-width: auto !important;
    }
    .fondo-altar img{
        display: none;
    }
    .grid-altarjuana {
        display: none;
    }
    .grid-aslongas{
        grid-template-columns: repeat(1,1fr);
    }
    .noMobile {
        display: none;
    }

    .soloparamoviles #mesaN{
        width: 500px;
        min-width: auto;
    }
    .soloparamoviles #libro{
        border: 0px solid red;
        top: -154px;
        left: 53px;
        width: 110px;
        height: 191px;
        background-size: 100%;
        background-position: 3px -181px;
    }
    .soloparamoviles #contacto{
        border: 0px solid blue;
        width: 120px;
        height: 97px;
        background-size: 200%;
        background-position: 0 top;
        top: -79px;
        left: 22px;
    }
    .soloparamoviles #notes{
        border: 0px solid pink;
        width: 118px;
        height: 167px;
        top: -132px;
        left: 4px;
        background-size: 150%;
        background-position: -20px 8%;
    }
    .soloparamoviles #movie{
        border: 0px solid green;
        width: 125px;
        height: 157px;
        top: -127px;
        left: -15px;
        background-size: 150%;
        background-position: -34px -83px;
    }    
}
@media (max-width: 560px){
    div#mesaN a {
    transform: scale(0.5);
    margin-top: 26px;
    margin-left: -30px;
    }
    #movie {
    top: -253px;
    left: -45px;
    }
    #contacto {
        top: -127px;
        left: -2px;
    }
    #mesaN {
        left: -15px;
        height: 150px;
    }
    #vidareal {
        left: -34px;
        top: -10px;
        width: 280px;
    }
    #intro {
    position: relative;
    top: -120px;
    left: -90px;
    }
    #mono {
        position: relative;
        top: -120px;
        left: -90px;
        }
    #as-long {
    width: 330px;
    left: -30px !important;
    margin-top: 40px;
    }
    #cuento {
        width: 360px;
        left: -60px;
        top: 240px;
    }
    .soloparamoviles #mesaN{
        width: 350px;
    }

}
#menu_bottom {
    bottom: 0px;
    position: fixed;
    left: 0;
    z-index: 10;
}
.video-play2 {
    z-index: 99;
}
.chaptertwo {
    margin-top: -60px;
    z-index: 7;
}
.soloparaesc {
    display: block;
}
.soloparacel{
    display: none;
}
a#museoG {
    left: 115px;
}
.reglasjuego {
    width: 100%;
}
.reglasjuego img {
    width: 70%;
    display: block;
    margin: 0 auto;
}
.reglasjuego2{
    width: 100%;
    margin-top: 50px;
}
.reglasjuego-banner {
    margin-top: 50px;
    width: 100%;
}
.reglasjuego-banner img {
    width: 90%;
    display: block;
    margin: 0 auto;
}
.reglasjuego2 img{
    width: 90%;
    display: block;
    margin: 0 auto;
}
.banner-see img {
    width: 80%;
}
}
@media (max-width:810px) {
    .banderin-guide {
        margin-top: 100px;
    }
}
@media (max-width:799px) {
    .grid-aboutus4, .grid-aboutus {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2%;
    padding-right: 50px;
    padding-left: 50px;
    }
}
@media (max-width:499px) {
    #banerP {
        height: 88px;
        top: 150px;
        width: 117vw;
        left: -26px;
    }
    #mesaN {
    top: 80px;
}
.grid-aslongas {
    margin-top: 40px;
}
.button {
    margin-top: 100px !important;
}
.centeree.banar {
    margin-top: 0px !important;
}
.pergamin-store img {
    z-index: 7 !important;
}
a#museoG {
        width: 128px;
        top: 12px;
        left: 54px;
        z-index: 999;
}
a#museoG img {
    max-width: 100%;
}
.grid-guide {
    padding: 10px;
}
.grid-guide {
    height: 85%;
}
form {
    width: 300px;
}
.grid_gris2 {
    margin-bottom: 10px;
}
.juntos-altar img {
    width: 100%;
}
#tarot {
    width: 350px;
    height: 430px;
    left: 0px;

    background-position: -361px!important;
            margin-top: 120px;
}
.banner-vidareal img {
    width: 100%;
    margin-top: -40px;
    position: absolute;
    top: 139px;
}
.mesita2 img {
    width: 90%;
    margin-top: -510px;
}
#memorias {
    left: -20px;
    top: 30px !important;
    width: 350px;
}
#memobane {display:block !important;}

#recuerdos {/**/
    margin-top: -200px;
    width: 500px;
    margin-left: -35px !important;
    display:block !important;
    background-image:url(../img/recuerdosactivo.webp);
}
.banner-see img {
    width: 100%;
}
.mesita {
    margin-top: -200px;
}
div#video {
    display: none;
}
a#espejo img {
    width: 170px;
    transform: rotate(20deg);
}
#espejo {
    top: 300px;
    right: 100px;
}
a#drinkme img {
    width: 100px;
}
#drinkme {
    top: 292px;
}
.banner-see img {
    width: 100% !important;
}
}

@media (max-width: 399px){
    .fondopapel1 {
    height: 40%;
    margin-top: 250px;
    }
    .grid-guide {
    height: 100%;
}
.grid-guide {
    padding: 20px;
}
.angy iframe {
    height: 220px;
}
}
@media (max-width:330px) {
.grid-guide {
    height: 95%;
    width: 80%;
}
    #recuerdos {
    margin-top: -200px;
    width: 400px;
    margin-left: -35px !important;
}
.mesita {
    margin-top: -259px;
}
#tarot {
    width: 305px;
    height: 430px;
    left: 0px;
}
a#espejo img {
    width: 135px;
    transform: rotate(20deg);
}
#drinkme {
    top: 238px;
}
a#drinkme img {
    width: 90px;
}
}
.contenedor-about {
    margin-top: 100px;
}
#guide-secciones {
    background-color: #aaaaaa !important;
}
body#guide-secciones h2 {
    font-size: 50px;
}
body#guide-secciones p {
    font-size: 18px;
}
body#guide-secciones h4 {
    font-size: 35px;
}
.imagen-sola img {
    width: 50%;
    display: block;
    margin: 0 auto;
    padding: 50px;
}
h2#opentarot {
    text-align: center;
    font-size: 30px;
    font-family: 'Alice';
}

.video-wrapper {
    position: relative;
    padding-bottom: 74.25%; /* 4:3 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}

.video-wrapper-narrow {
    padding-bottom: 40%;
}

iframe,object,embed,video,.videoWrapper,.video-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-js, img.vjs-poster {
    width: 100% !important;
    height: 100% !important; 
    max-width: 100%;
}

#area_menu{
        position: fixed;
    top: 0;
    width: 100%;
    z-index: 900;
}
.ver_imgs_en_tienda{
    POSITION: absolute;
    TOP: 20px;
    RIGHT: 24px;
    WIDTH: 260PX;
    filter: opacity(1) !important;
    cursor: pointer;
}
.ver_imgs_en_tienda:hover{
    transform: scale(1.1);
}