/* body { display:block; }
@media only screen and (orientation:portrait){
   body {  
         -webkit-transform: rotate(90deg);
         -moz-transform: rotate(90deg);
         -o-transform: rotate(90deg);
         -ms-transform: rotate(90deg);
         transform: rotate(90deg);
        }

}
@media only screen and (orientation:landscape){
   body {  
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         transform: rotate(0deg);
        }
} */
.bubble{
    position:relative;
    width: 2%;
    min-width: 30px;
    cursor: pointer;
    z-index: 99;
}
.paper{
    background-image: url('../img/teocalli/PAPEL.png');
    background-size: 100% 100%;
    position:absolute;
    width: 300px;
    padding: 25px;
}
#bb16{
    left: 28%;
    top: 65%;
}
#bb17{
    left: 29%;
    top: 41%;
}
#bb23{
    left: 58%;
    top: 34%;
}
#bb24{
    left: 65%;
    top: 23%;
}
#bb27{
    left: 64%;
    top: 57%;
}
#bb1{
    left: 38%;
    top: 33%;
}
#bb2{
    left: 42%;
    top: 35%;
}
#bb3{
    left: 27%;
    top: 35%;
}
#bb4{
    left: 35%;
    top: 22%;
}
#bb5{
    left: 25%;
    top: 22%;
}
#bb6{
    left: 30%;
    top: 30%;
}
#bb7{
    left: 23%;
    top: 30%;
}
#bb8{
    left: 0%;
    top: 20%;
}
#bb9{
    left: -3%;
    top: 38%;
}
#bb10{
    left: -4%;
    top: 30%;
}
#bb11 {
    left: 28%;
    top: 53%;
}
#bb12 {
    left: 10%;
    top: 64%;
}
#bb13 {
    left: 20%;
    top: 60%;
}
#bb14 {
    left: 8%;
    top: 54%;
}
#bb15 {
    left: 7%;
    top: 42%;
}
#bb18 {
    left: -8%;
    top: 33%;
}
#bb19 {
    left: -8%;
    top: 43%;
}
#bb20 {
    left: -10%;
    top: 53%;
}
#bb21 {
    left: -16%;
    top: 57%;
}
#bb22 {
    left: 20%;
    top: 36%;
}
#bb25 {
    left: -35%;
    top: 26%;
}
#bb26 {
    left: 16%;
    top: 42%;
}
#bb28 {
    left: -25%;
    top: 26%;
}
#bb29 {
    left: -26%;
    top: 67%;
}
#bb30 {
    left: -31%;
    top: 71%;
}
/* Mural 2 */
#bb31 {
    left: 49%;
    top: 22%;
}
#bb32 {
    left: 73%;
    top: 42%;
}
#bb33 {
    left: 51%;
    top: 38%;
}
#bb34 {
    left: 42%;
    top: 62%;
}
#bb35 {
    left: 30%;
    top: 41%;
}
#bb36 {
    left: 18%;
    top: 61%;
}
#bb37 {
    left: 7%;
    top: 45%;
}
#pp31{
    left: 51%;
    top: 273px;
    z-index: -1;
}
#pp32{
    left: 60%;
    top: 559px;
    z-index: -1;
}
#pp33{
    left: 58%;
    top: 464px;
    z-index: -1;
}
#pp34{
    left: 51%;
    top: 712px;
    z-index: -1;
}
#pp35{
    left: 41%;
    top: 560px;
    z-index: -1;
}
#pp36{
    left: 31%;
    top: 834px;
    z-index: -1;
}
#pp37{
    left: 22%;
    top: 609px;
    z-index: -1;
}
#pp38 {
    left: 51%;
    top: 217px;
    z-index: -1;
}
#pp39 {
    left: 52%;
    top: 436px;
    z-index: -1;
}
#pp40 {
    left: 49%;
    top: 586px;
    z-index: -1;
}
#pp41 {
    left: 46%;
    top: 597px;
    z-index: -1;
}
#pp42 {
    left: 51%;
    top: 523px;
    z-index: -1;
}
#pp43 {
    left: 34%;
    top: 834px;
    z-index: -1;
}
#pp44 {
    left: 26%;
    top: 498px;
    z-index: -1;
}
#pp45 {
    left: 36%;
    top: 291px;
    z-index: -1;
}
#pp46 {
    left: 43%;
    top: 369px;
    z-index: -1;
}
#pp47 {
    left: 35%;
    top: 384px;
    z-index: -1;
}
#pp48 {
    left: 51%;
    top: 875px;
    z-index: -1;
}
#pp49 {
    left: 50%;
    top: 598px;
    z-index: -1;
}
#pp50 {
    left: 35%;
    top: 699px;
    z-index: -1;
}
#pp51 {
    left: 35%;
    top: 627px;
    z-index: -1;
}
#pp52 {
    left: 29%;
    top: 813px;
    z-index: -1;
}
#pp53 {
    left: 24%;
    top: 658px;
    z-index: -1;
}
#pp54 {
    left: 52%;
    top: 479px;
    z-index: -1;
}
#pp55 {
    left: 63%;
    top: 275px;
    z-index: -1;
}
#pp56 {
    left: 48%;
    top: 445px;
    z-index: -1;
}
#pp57 {
    left: 50%;
    top: 435px;
    z-index: -1;
}
#pp58 {
    left: 59%;
    top: 251px;
    z-index: -1;
}
#pp59 {
    left: 55%;
    top: 393px;
    z-index: -1;
}
#pp60 {
    left: 49%;
    top: 771px;
    z-index: -1;
}
#pp61 {
    left: 51%;
    top: 603px;
    z-index: -1;
}
#pp62 {
    left: 45%;
    top: 683px;
    z-index: -1;
}
#pp63 {
    left: 32%;
    top: 739px;
    z-index: -1;
}
#pp64 {
    left: 36%;
    top: 591px;
    z-index: -1;
}
#pp65 {
    left: 29%;
    top: 378px;
    z-index: -1;
}
#pp66 {
    left: 45%;
    top: 567px;
    z-index: -1;
}
#pp67 {
    left: 40%;
    top: 255px;
    z-index: -1;
}

/**/
/* Mural 3 */
#bb38 {
    left: 49%;
    top: 15%;
}
#bb39 {
    left: 65%;
    top: 30%;
}
#bb40 {
    left: 42%;
    top: 48%;
}
#bb41 {
    left: 54%;
    top: 48%;
}
#bb42 {
    left: 40%;
    top: 43%;
}
#bb43 {
    left: 38%;
    top: 66%;
}
#bb44 {
    left: 10%;
    top: 41%;
}
#bb45 {
    left: 18%;
    top: 24%;
}
#bb46 {
    left: 58%;
    top: 23%;
}
#bb47 {
    left: 48%;
    top: 27%;
}
#bb48 {
    left: 61%;
    top: 63%;
}
#bb49 {
    left: 58%;
    top: 44%;
}
#bb50 {
    left: 41%;
    top: 52%;
}
#bb51 {
    left: 22%;
    top: 45%;
}
#bb52 {
    left: 14%;
    top: 60%;
}
#bb53 {
    left: 6%;
    top: 48%;
}
#bb54 {
    left: 32%;
    top: 34%;
}
#bb55 {
    left: 61%;
    top: 16%;
}
#bb56 {
    left: 43%;
    top: 31%;
}
#bb57 {
    left: 44%;
    top: 31%;
}
#bb58 {
    left: 67%;
    top: 14%;
}
#bb59 {
    left: 44%;
    top: 29%;
}
#bb60 {
    left: 53%;
    top: 58%;
}
#bb61 {
    left: 35%;
    top: 43%;
}
#bb62 {
    left: 25%;
    top: 48%;
}
#bb63 {
    left: 12%;
    top: 54%;
}
#bb64 {
    left: 14%;
    top: 42%;
}
#bb65 {
    left: 5%;
    top: 26%;
}
#bb66 {
    left: 18%;
    top: 40%;
}
#bb67 {
    left: 11%;
    top: 18%;
}
/**/
.div-mural{
    background-image: url('../img/teocalli/MURAL TEOCALLI.jpg');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #e0ddd6;
    height: 1275px;
}
.mural2{
    background-image: url('../img/teocalli/MURAL-1.jpg');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #e0ddd6;
}
.mural3{
    background-image: url('../img/teocalli/MURALES-2.jpg');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #e0ddd6;
}
.mural4{
    background-image: url('../img/teocalli/MURALES-3.jpg');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #e0ddd6;
}
.mural5{
    background-image: url('../img/teocalli/MURALES-4.jpg');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #e0ddd6;
}
.div-papers{
    position: relative;
}
#pp1{
    left: 51%;
    top: 390px;
    z-index: -1;
}
#pp2{
    left: 40%;
    top: 478px;
    z-index: -1;
}
#pp3{
    left: 45%;
    top: 499px;
    z-index: -1;
}
#pp4{
    left: 36%;
    top: 333px;
    z-index: -1;
}
#pp5{
    left: 47%;
    top: 298px;
    z-index: -1;
}
#pp6{
    left: 36%;
    top: 416px;
    z-index: -1;
}
#pp7{
    left: 50%;
    top: 403px;
    z-index: -1;
}
#pp8{
    left: 29%;
    top: 288px;
    z-index: -1;
}
#pp9{
    left: 28%;
    top: 522px;
    z-index: -1;
}
#pp10{
    left: 29%;
    top: 422px;
    z-index: -1;
}
#pp11{
    left: 46%;
    top: 714px;
    z-index: -1;
}
#pp12{
    left: 31%;
    top: 716px;
    z-index: -1;
}
#pp13{
    left: 43%;
    top: 642px;
    z-index: -1;
}
#pp14{
    left: 34%;
    top: 600px;
    z-index: -1;
}
#pp15{
    left: 34%;
    top: 533px;
    z-index: -1;
}
#pp16{
    left: 30%;
    top: 600px;
    z-index: -1;
}
#pp17{
    left: 33%;
    top: 531px;
    z-index: -1;
}
#pp18{
    left: 38%;
    top: 406px;
    z-index: -1;
}
#pp19{
    left: 40%;
    top: 555px;
    z-index: -1;
}
#pp20{
    left: 42%;
    top: 561px;
    z-index: -1;
}
#pp21{
    left: 38%;
    top: 581px;
    z-index: -1;
}
#pp22{
    left: 56%;
    top: 370px;
    z-index: -1;
}
#pp23{
    left: 44%;
    top: 357px;
    z-index: -1;
}
#pp24{
    left: 53%;
    top: 266px;
    z-index: -1;
}
#pp25{
    left: 24%;
    top: 265px;
    z-index: -1;
}
#pp26{
    left: 56%;
    top: 423px;
    z-index: -1;
}
#pp27{
    left: 54%;
    top: 530px;
    z-index: -1;
}
#pp28{
    left: 38%;
    top: 288px;
    z-index: -1;
}
#pp29{
    left: 40%;
    top: 675px;
    z-index: -1;
}
#pp30{
    left: 37%;
    top: 718px;
    z-index: -1;
}
.div-murales{
    padding: 5% 25% 5% 25%;
    background-image: url('../img/teocalli/fondo-1.jpg');
    background-size: 100% 100%;
}
.owl-prev {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 40%;
    margin-left: -20px;
    display: block !important;
    border: 0px solid black;
}
.owl-next {
    height: 20px;
    position: absolute;
    top: 40%;
    margin-left: 50%;
    display: block !important;
    border: 0px solid black;
}
.owl-next i, .owl-prev i{
    font-size: 50px;
    opacity: 0.7;
}
.placa{
    background-image: url('../img/teocalli/placa.png');
    background-size: 50% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px;
    width: 100%;
    color: #5a5142;
    text-shadow: -2px 0px 0px rgba(150, 150, 150, 0.67);
}
.placa2{
    position: absolute;
    margin-top: -200px;
    background-size: 25% 100%;
}
@media (max-width: 1600px) {
    .div-mural{
        height: 1000px;
    }
}
@media (max-width: 1400px){
    #bb16{
        left: 28%;
        top: 65%;
    }
    #bb17{
        left: 29%;
        top: 41%;
    }
    #bb23{
        left: 58%;
        top: 34%;
    }
    #bb24 {
        left: 65%;
        top: 24%;
    }
    #bb27{
        left: 64%;
        top: 57%;
    }
    #bb1 {
        left: 38%;
        top: 34%;
    }
    #bb2 {
        left: 40%;
        top: 35%;
    }
    #bb3 {
        left: 25%;
        top: 37%;
    }
    #bb4 {
        left: 33%;
        top: 25%;
    }
    #bb5 {
        left: 24%;
        top: 23%;
    }    
    #bb6 {
        left: 28%;
        top: 31%;
    }
    #bb7 {
        left: 19%;
        top: 32%;
    }
    #bb8 {
        left: -3%;
        top: 24%;
    }
    #bb9 {
        left: -8%;
        top: 42%;
    }
    #bb10 {
        left: -8%;
        top: 32%;
    }
    #bb11 {
        left: 24%;
        top: 53%;
    }
    #bb12 {
        left: 5%;
        top: 63%;
    }
    #bb13 {
        left: 16%;
        top: 59%;
    }
    #bb14 {
        left: 3%;
        top: 53%;
    }
    #bb15 {
        left: 3%;
        top: 42%;
    }
    #bb18 {
        left: -13%;
        top: 34%;
    }
    #bb19 {
        left: -15%;
        top: 43%;
    }
    #bb20 {
        left: -15%;
        top: 53%;
    }
    #bb21 {
        left: -22%;
        top: 57%;
    }
    #bb22 {
        left: 13%;
        top: 36%;
    }
    #bb25 {
        left: -42%;
        top: 28%;
    }
    #bb26 {
        left: 11%;
        top: 42%;
    }
    #bb28 {
        left: -31%;
        top: 28%;
    }
    #bb29 {
        left: -33%;
        top: 66%;
    }
    #bb30 {
        left: -39%;
        top: 68%;
    }
    /* Mural 2 */
#bb31 {
    left: 49%;
    top: 25%;
}
#bb32 {
    left: 73%;
    top: 41%;
}
#bb33 {
    left: 51%;
    top: 40%;
}
#bb34 {
    left: 42%;
    top: 59%;
}
#bb35 {
    left: 29%;
    top: 41%;
}
#bb36 {
    left: 17%;
    top: 60%;
}
#bb37 {
    left: 6%;
    top: 46%;
}
/**/
#bb38 {
    left: 48%;
    top: 19%;
}
#bb39 {
    left: 65%;
    top: 33%;
}    
#bb40 {
    left: 41%;
    top: 48%;
}
#bb41 {
    left: 54%;
    top: 48%;
}
#bb42 {
    left: 39%;
    top: 43%;
}
#bb43 {
    left: 36%;
    top: 65%;
}
#bb44 {
    left: 9%;
    top: 42%;
}
#bb45 {
    left: 17%;
    top: 26%;
}
#bb46 {
    left: 59%;
    top: 25%;
}
#bb47 {
    left: 47%;
    top: 29%;
}
#bb48 {
    left: 60%;
    top: 61%;
}
#bb49 {
    left: 58%;
    top: 44%;
}
#bb50 {
    left: 40%;
    top: 52%;
}
#bb51 {
    left: 21%;
    top: 45%;
}
#bb52 {
    left: 13%;
    top: 58%;
}
#bb53 {
    left: 5%;
    top: 48%;
}
#bb54 {
    left: 30%;
    top: 35%;
}
#bb55 {
    left: 61%;
    top: 19%;
}
#bb56 {
    left: 42%;
    top: 33%;
}
#bb57 {
    left: 43%;
    top: 33%;
}
#bb58 {
    left: 66%;
    top: 18%;
}
#bb59 {
    left: 42%;
    top: 30%;
}
#bb60 {
    left: 52%;
    top: 57%;
}
#bb61 {
    left: 33%;
    top: 43%;
}
#bb62 {
    left: 24%;
    top: 48%;
}
#bb63 {
    left: 10%;
    top: 54%;
}
#bb64 {
    left: 12%;
    top: 42%;
}
#bb65 {
    left: 2%;
    top: 28%;
}
#bb66 {
    left: 14%;
    top: 40%;
}
#bb67 {
    left: 8%;
    top: 22%;
}
}
@media (max-width: 1250px) {
    .div-mural{
        height: 800px;
    }
    #bb16{
        left: 28%;
        top: 65%;
    }
    #bb17{
        left: 29%;
        top: 41%;
    }
    #bb23{
        left: 58%;
        top: 34%;
    }
    #bb24 {
        left: 64%;
        top: 20%;
    }
    #bb27 {
        left: 61%;
        top: 57%;
    }
    #bb1 {
        left: 36%;
        top: 32%;
    }
    #bb2 {
        left: 39%;
        top: 33%;
    }
    #bb3 {
        left: 23%;
        top: 34%;
    }
    #bb4 {
        left: 30%;
        top: 20%;
    }
    #bb5 {
        left: 22%;
        top: 19%;
    }   
    #bb6 {
        left: 25%;
        top: 29%;
    }
    #bb7 {
        left: 17%;
        top: 29%;
    }
    #bb8 {
        left: -8%;
        top: 20%;
    }
    #bb9 {
        left: -11%;
        top: 39%;
    }
    #bb10 {
        left: -12%;
        top: 29%;
    }
    #bb11 {
        left: 20%;
        top: 53%;
    }
    #bb12 {
        left: 0%;
        top: 65%;
    }
    #bb13 {
        left: 11%;
        top: 59%;
    }
    #bb14 {
        left: -2%;
        top: 51%;
    }
    #bb15 {
        left: -3%;
        top: 42%;
    }
    #bb18 {
        left: -19%;
        top: 32%;
    }
    #bb19 {
        left: -21%;
        top: 41%;
    }
    #bb20 {
        left: -23%;
        top: 53%;
    }
    #bb21 {
        left: -29%;
        top: 57%;
    }
    #bb22 {
        left: 7%;
        top: 34%;
    }
    #bb25 {
        left: -49%;
        top: 25%;
    }
    #bb26 {
        left: 4%;
        top: 42%;
    }
    #bb28 {
        left: -38%;
        top: 24%;
    }
    #bb29 {
        left: -41%;
        top: 68%;
    }
    #bb30 {
        left: -48%;
        top: 70%;
    }
    /* Mural 2 */
#bb31 {
    left: 49%;
    top: 22%;
}
#bb32 {
    left: 73%;
    top: 40%;
}
#bb33 {
    left: 50%;
    top: 38%;
}
#bb34 {
    left: 41%;
    top: 61%;
}
#bb35 {
    left: 28%;
    top: 41%;
}
#bb36 {
    left: 15%;
    top: 61%;
}
#bb37 {
    left: 4%;
    top: 45%;
}
/**/
#bb38 {
    left: 48%;
    top: 17%;
}
#bb39 {
    left: 65%;
    top: 30%;
} 
#bb40 {
    left: 40%;
    top: 48%;
}  
#bb41 {
    left: 52%;
    top: 48%;
}
#bb42 {
    left: 37%;
    top: 43%;
}
#bb43 {
    left: 35%;
    top: 65%;
}
#bb44 {
    left: 7%;
    top: 42%;
}
#bb45 {
    left: 14%;
    top: 21%;
}
#bb46 {
    left: 59%;
    top: 21%;
}
#bb47 {
    left: 47%;
    top: 27%;
}
#bb48 {
    left: 60%;
    top: 62%;
}
#bb49 {
    left: 57%;
    top: 44%;
}
#bb50 {
    left: 39%;
    top: 52%;
}
#bb51 {
    left: 19%;
    top: 45%;
}
#bb52 {
    left: 11%;
    top: 59%;
}
#bb53 {
    left: 3%;
    top: 48%;
}
#bb54 {
    left: 28%;
    top: 33%;
}
#bb55 {
    left: 61%;
    top: 16%;
}
#bb56 {
    left: 42%;
    top: 31%;
}
#bb57 {
    left: 43%;
    top: 31%;
}
#bb58 {
    left: 65%;
    top: 13%;
}
#bb59 {
    left: 42%;
    top: 29%;
}
#bb60 {
    left: 50%;
    top: 57%;
}
#bb61 {
    left: 31%;
    top: 42%;
}
#bb62 {
    left: 21%;
    top: 48%;
}
#bb63 {
    left: 7%;
    top: 54%;
}
#bb64 {
    left: 9%;
    top: 42%;
}
#bb65 {
    left: -1%;
    top: 25%;
}
#bb66 {
    left: 12%;
    top: 40%;
}
#bb67 {
    left: 5%;
    top: 18%;
}
}
@media (max-width: 1170px) {
    #bb16 {
        left: 28%;
        top: 62%;
    }
    #bb17 {
        left: 28%;
        top: 40%;
    }
    #bb23 {
        left: 59%;
        top: 34%;
    }
    #bb24 {
        left: 63%;
        top: 23%;
    }
    #bb27 {
        left: 61%;
        top: 57%;
    }
    #bb1 {
        left: 34%;
        top: 34%;
    }
    #bb2 {
        left: 38%;
        top: 34%;
    }
    #bb3 {
        left: 22%;
        top: 36%;
    }
    #bb4 {
        left: 28%;
        top: 22%;
    }
    #bb5 {
        left: 20%;
        top: 21%;
    } 
    #bb6 {
        left: 23%;
        top: 31%;
    }
    #bb7 {
        left: 14%;
        top: 30%;
    }
    #bb8 {
        left: -10%;
        top: 22%;
    }
    #bb9 {
        left: -14%;
        top: 41%;
    }
    #bb10 {
        left: -15%;
        top: 31%;
    }
    #bb11 {
        left: 17%;
        top: 53%;
    }
    #bb12 {
        left: -2%;
        top: 63%;
    }
    #bb13 {
        left: 8%;
        top: 59%;
    }
    #bb14 {
        left: -6%;
        top: 51%;
    }
    #bb15 {
        left: -7%;
        top: 43%;
    }
    #bb18 {
        left: -24%;
        top: 34%;
    }
    #bb19 {
        left: -25%;
        top: 41%;
    }
    #bb20 {
        left: -26%;
        top: 53%;
    }
    #bb21 {
        left: -33%;
        top: 55%;
    }
    #bb22 {
        left: 2%;
        top: 35%;
    }
    #bb25 {
        left: -49%;
        top: 25%;
    }
    #bb26 {
        left: -1%;
        top: 42%;
    }
    #bb28 {
        left: -44%;
        top: 27%;
    }
    #bb29 {
        left: -47%;
        top: 66%;
    }
    #bb30 {
        left: -53%;
        top: 68%;
    }
    /* Mural 2 */
#bb31 {
    left: 49%;
    top: 24%;
}
#bb32 {
    left: 73%;
    top: 40%;
}
#bb33 {
    left: 49%;
    top: 40%;
}
#bb34 {
    left: 40%;
    top: 58%;
}
#bb35 {
    left: 27%;
    top: 41%;
}
#bb36 {
    left: 15%;
    top: 60%;
}
#bb37 {
    left: 3%;
    top: 45%;
}
/**/
#bb38 {
    left: 48%;
    top: 20%;
} 
#bb39 {
    left: 65%;
    top: 31%;
}
#bb40 {
    left: 39%;
    top: 48%;
}
#bb41 {
    left: 51%;
    top: 48%;
}  
#bb42 {
    left: 37%;
    top: 44%;
}
#bb43 {
    left: 34%;
    top: 65%;
}
#bb44 {
    left: 6%;
    top: 43%;
}
#bb45 {
    left: 13%;
    top: 25%;
}
#bb46 {
    left: 59%;
    top: 24%;
}
#bb47 {
    left: 47%;
    top: 28%;
}
#bb48 {
    left: 59%;
    top: 62%;
}
#bb49 {
    left: 56%;
    top: 45%;
}
#bb50 {
    left: 38%;
    top: 52%;
}
#bb51 {
    left: 19%;
    top: 45%;
}
#bb52 {
    left: 9%;
    top: 59%;
}
#bb53 {
    left: 1%;
    top: 48%;
}
#bb54 {
    left: 26%;
    top: 34%;
}
#bb55 {
    left: 61%;
    top: 18%;
}
#bb56 {
    left: 41%;
    top: 32%;
}
#bb57 {
    left: 42%;
    top: 31%;
}
#bb58 {
    left: 65%;
    top: 16%;
}
#bb59 {
    left: 41%;
    top: 30%;
}
#bb60 {
    left: 49%;
    top: 57%;
}
#bb61 {
    left: 30%;
    top: 43%;
}
#bb62 {
    left: 20%;
    top: 48%;
}
#bb63 {
    left: 6%;
    top: 54%;
}
#bb64 {
    left: 8%;
    top: 42%;
}
#bb65 {
    left: -3%;
    top: 27%;
}
#bb66 {
    left: 9%;
    top: 40%;
}
#bb67 {
    left: 3%;
    top: 21%;
}
}
@media (max-width: 1024px) {
    .div-mural{
        background-size: 150%;
    }
    #bb16{
        left: 18%;
        top: 63%;
    }
    #bb17{
        left: 19%;
        top: 39%;
    }
    #bb23{
        left: 62%;
        top: 29%;
    }
    #bb24{
        left: 74%;
        top: 15%;
    }
    #bb27{
        left: 71%;
        top: 60%;
    }
    #bb1 {
        left: 32%;
        top: 30%;
    }
    #bb2 {
        left: 38%;
        top: 30%;
    }
    #bb3 {
        left: 15%;
        top: 30%;
    }
    #bb4 {
        left: 27%;
        top: 15%;
    }
    #bb5 {
        left: 12%;
        top: 15%;
    }
    #bb6 {
        left: 20%;
        top: 26%;
    }
    #bb7 {
        left: 8%;
        top: 25%;
    }
    #bb8 {
        left: -31%;
        top: 15%;
    }
    #bb9 {
        left: -31%;
        top: 38%;
    }
    #bb10 {
        left: -31%;
        top: 26%;
    }
    #bb11 {
        left: 17%;
        top: 54%;
    }
    #bb12 {
        left: -11%;
        top: 68%;
    }
    #bb13 {
        left: 5%;
        top: 62%;
    }
    #bb14 {
        left: -14%;
        top: 54%;
    }
    #bb15 {
        left: -14%;
        top: 39%;
    }
    #bb18 {
        left: -38%;
        top: 30%;
    }
    #bb19 {
        left: -39%;
        top: 42%;
    }
    #bb20 {
        left: -40%;
        top: 55%;
    }
    #bb21 {
        left: -49%;
        top: 59%;
    }
    #bb22 {
        left: 4%;
        top: 33%;
    }
    #bb25 {
        left: -79%;
        top: 19%;
    }
    #bb26 {
        left: 1%;
        top: 40%;
    }
    #bb28 {
        left: -62%;
        top: 21%;
    }
    #bb29 {
        left: -64%;
        top: 71%;
    }
    #bb30 {
        left: 24%;
        top: 72%;
    }
    /* Mural 2 */
#bb31 {
    left: 49%;
    top: 16%;
}
#bb32 {
    left: 85%;
    top: 41%;
}
#bb33 {
    left: 52%;
    top: 35%;
}
#bb34 {
    left: 39%;
    top: 62%;
}
#bb35 {
    left: 20%;
    top: 38%;
}
#bb36 {
    left: 2%;
    top: 64%;
}
#bb37 {
    left: -13%;
    top: 41%;
}
/**/
#bb38 {
    left: 48%;
    top: 9%;
}
#bb39 {
    left: 73%;
    top: 26%;
}
#bb40 {
    left: 36%;
    top: 48%;
}
#bb41 {
    left: 56%;
    top: 48%;
}
#bb42 {
    left: 34%;
    top: 44%;
}
#bb43 {
    left: 31%;
    top: 69%;
}
#bb44 {
    left: -9%;
    top: 40%;
}
#bb45 {
    left: 3%;
    top: 17%;
}
#bb46 {
    left: 64%;
    top: 16%;
}
#bb47 {
    left: 46%;
    top: 22%;
}
#bb48 {
    left: 66%;
    top: 66%;
}
#bb49 {
    left: 63%;
    top: 45%;
}
#bb50 {
    left: 36%;
    top: 52%;
}
#bb51 {
    left: 8%;
    top: 45%;
}
#bb52 {
    left: -4%;
    top: 62%;
}
#bb53 {
    left: -15%;
    top: 45%;
}
#bb54 {
    left: 23%;
    top: 30%;
}
#bb55 {
    left: 67%;
    top: 8%;
}
#bb56 {
    left: 38%;
    top: 27%;
}
#bb57 {
    left: 41%;
    top: 27%;
}
#bb58 {
    left: 76%;
    top: 6%;
}
#bb59 {
    left: 40%;
    top: 23%;
}
#bb60 {
    left: 54%;
    top: 60%;
}
#bb61 {
    left: 27%;
    top: 41%;
}
#bb62 {
    left: 12%;
    top: 48%;
}
#bb63 {
    left: -8%;
    top: 56%;
}
#bb64 {
    left: -4%;
    top: 40%;
}
#bb65 {
    left: -18%;
    top: 20%;
}
#bb66 {
    left: 1%;
    top: 38%;
}
#bb67 {
    left: -8%;
    top: 12%;
}
}

@media (max-width: 1024px) {
    .paper{
        width: 500px;
        padding: 40px;
        left: 25% !important;
        top: 766px !important;
    }
    .placa2{
        margin-top: -180px;
    }
}
@media (max-width: 991px) {
    .paper{
        width: 500px;
        padding: 40px;
        left: 25% !important;
        top: 550px !important;
    }
}
@media (max-width: 860px) {
    .div-mural{
        height: 600px;
    }
    .placa2{
        position: absolute;
        margin-top: -80px;
        background-size: 25% 100%;
    }
}
@media (max-width: 700px) {
    .paper {
        width: 400px;
        padding: 40px;
        left: 5% !important;
        top: 510px !important;
    }
    .placa{
        background-image: url('../img/teocalli/placa.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        padding: 20px;
        width: 100%;

    }
    .placa2{
        background-size: 50% 100%;
        margin-top: -130px;
    }
}
@media (max-width: 650px) {
    .div-mural{
        height: 400px;
    }
    .mural2, .mural3, .mural4, .mural5{
        height: 600px;
    }
    #bb16{
        left: 18%;
        top: 72%;
    }
    #bb17{
        left: 17%;
        top: 35%;
    }
    #bb23{
        left: 57%;
        top: 23%;
    }
    #bb24{
        left: 67%;
        top: 5%;
    }
    #bb27{
        left: 62%;
        top: 61%;
    }
    #bb1 {
        left: 21%;
        top: 23%;
    }
    #bb2 {
        left: 26%;
        top: 23%;
    }
    #bb3 {
        left: 1%;
        top: 27%;
    }
    #bb4 {
        left: 10%;
        top: 6%;
    }
    #bb5 {
        left: -6%;
        top: 3%;
    }
    #bb6 {
        left: 0%;
        top: 18%;
    }
    #bb7 {
        left: -14%;
        top: 18%;
    }
    #bb8 {
        left: -54%;
        top: 5%;
    }
    #bb9 {
        left: -57%;
        top: 33%;
    }
    #bb10 {
        left: -59%;
        top: 18%;
    }
    #bb11 {
        left: -13%;
        top: 54%;
    }
    #bb12 {
        left: -43%;
        top: 72%;
    }
    #bb13 {
        left: -24%;
        top: 54%;
    }
    #bb14 {
        left: -50%;
        top: 54%;
    }
    #bb15 {
        left: 49%;
        top: 30%;
    }
    #bb18 {
        left: 23%;
        top: 16%;
    }
    #bb19 {
        left: 20%;
        top: 30%;
    }
    #bb20 {
        left: 16%;
        top: 48%;
    }
    #bb21 {
        left: 6%;
        top: 53%;
    }
    #bb22 {
        left: 58%;
        top: 15%;
    }
    #bb25 {
        left: -28%;
        top: 4%;
    }
    #bb26 {
        left: 53%;
        top: 28%;
    }
    #bb28 {
        left: -15%;
        top: 4%;
    }  
    #bb29 {
        left: -19%;
        top: 67%;
    }
    #bb30 {
        left: -30%;
        top: 75%;
    }  
    /* Mural 2 */
#bb31 {
    left: 48%;
    top: 22%;
}
#bb32 {
    left: 82%;
    top: 39%;
}
#bb33 {
    left: 47%;
    top: 36%;
}
#bb34 {
    left: 32%;
    top: 59%;
}
#bb35 {
    left: 12%;
    top: 39%;
}
#bb36 {
    left: -9%;
    top: 60%;
}
#bb37 {
    left: -27%;
    top: 44%;
}
/**/
#bb38 {
    left: 46%;
    top: 14%;
}  
#bb39 {
    left: 70%;
    top: 29%;
}  
#bb40 {
    left: 32%;
    top: 48%;
}
#bb41 {
    left: 49%;
    top: 48%;
}
#bb42 {
    left: 26%;
    top: 44%;
}
#bb43 {
    left: 21%;
    top: 66%;
}
#bb44 {
    left: -22%;
    top: 40%;
}
#bb45 {
    left: -12%;
    top: 21%;
}
#bb46 {
    left: 62%;
    top: 20%;
}
#bb47 {
    left: 44%;
    top: 25%;
}
#bb48 {
    left: 62%;
    top: 62%;
}
#bb49 {
    left: 57%;
    top: 45%;
}
#bb50 {
    left: 28%;
    top: 52%;
}
#bb51 {
    left: -3%;
    top: 45%;
}
#bb52 {
    left: -16%;
    top: 59%;
}
#bb53 {
    left: -29%;
    top: 45%;
}
#bb54 {
    left: 7%;
    top: 32%;
}
#bb55 {
    left: 66%;
    top: 14%;
}
#bb56 {
    left: 35%;
    top: 29%;
}
#bb57 {
    left: 36%;
    top: 29%;
}
#bb58 {
    left: 69%;
    top: 11%;
}
#bb59 {
    left: 33%;
    top: 28%;
}
#bb60 {
    left: 44%;
    top: 58%;
}
#bb61 {
    left: 15%;
    top: 41%;
}
#bb62 {
    left: -2%;
    top: 48%;
}
#bb63 {
    left: -24%;
    top: 54%;
}
#bb64 {
    left: -22%;
    top: 40%;
}
#bb65 {
    left: -39%;
    top: 24%;
}
#bb66 {
    left: -21%;
    top: 39%;
}
#bb67 {
    left: -33%;
    top: 17%;
}
}
@media (max-width: 550px) {
    .paper {
        width: 100%;
        padding: 40px;
        left: 0% !important;
        top: 490px !important;
    }
}
@media (max-width: 500px) {
    .bubble{
        width: 20px;
        min-width: 0px;
    }
    #bb16{
        left: 17%;
        top: 63%;   
    }
    #bb17{
        left: 17%;
        top: 39%;
    }
    #bb23{
        left: 57%;
        top: 28%;
    }
    #bb24{
        left: 68%;
        top: 14%;
    }
    #bb27{
        left: 64%;
        top: 59%;
    }
    #bb1 {
        left: 23%;
        top: 29%;
    }
    #bb2 {
        left: 29%;
        top: 29%;
    }
    #bb3 {
        left: 5%;
        top: 31%;
    }
    #bb4 {
        left: 15%;
        top: 14%;
    }
    #bb5 {
        left: -2%;
        top: 13%;
    }
    #bb6 {
        left: 4%;
        top: 25%;
    }
    #bb7 {
        left: -8%;
        top: 24%;
    }
    #bb8 {
        left: -46%;
        top: 14%;
    }
    #bb9 {
        left: -51%;
        top: 35%;
    }
    #bb10 {
        left: -53%;
        top: 24%;
    }
    #bb11 {
        left: -7%;
        top: 53%;
    }
    #bb12 {
        left: -36%;
        top: 67%;
    }
    #bb13 {
        left: -22%;
        top: 60%;
    }
    #bb14 {
        left: -42%;
        top: 51%;
    }
    #bb15 {
        left: -44%;
        top: 39%;
    }
    #bb18 {
        left: 29%;
        top: 23%;
    }
    #bb19 {
        left: 27%;
        top: 35%;
    }
    #bb20 {
        left: 23%;
        top: 48%;
    }
    #bb21 {
        left: 13%;
        top: 51%;
    }
    #bb22 {
        left: 63%;
        top: 24%;
    }
    #bb25 {
        left: -20%;
        top: 13%;
    }
    #bb26 {
        left: 61%;
        top: 35%;
    }
    #bb28 {
        left: -7%;
        top: 14%;
    }
    #bb29 {
        left: -9%;
        top: 62%;
    }
    #bb30 {
        left: -20%;
        top: 67%;
    }
    /* Mural 2 */
    .mural2, .mural3, .mural4, .mural5{
        height: 400px;
    }
    #bb31 {
        left: 49%;
        top: 15%;
    }
#bb32 {
    left: 84%;
    top: 37%;
}
#bb33 {
    left: 48%;
    top: 33%;
}
#bb34 {
    left: 34%;
    top: 61%;
}
#bb35 {
    left: 14%;
    top: 37%;
}
#bb36 {
    left: -6%;
    top: 61%;
}
#bb37 {
    left: -23%;
    top: 47%;
}
/**/
#bb38 {
    left: 47%;
    top: 9%;
}  
#bb39 {
    left: 71%;
    top: 25%;
}
#bb40 {
    left: 33%;
    top: 46%;
}
#bb41 {
    left: 52%;
    top: 48%;
}
#bb42 {
    left: 28%;
    top: 44%;
}
#bb43 {
    left: 23%;
    top: 66%;
}
#bb44 {
    left: -20%;
    top: 40%;
}
#bb45 {
    left: -9%;
    top: 17%;
}
#bb46 {
    left: 63%;
    top: 15%;
}
#bb47 {
    left: 45%;
    top: 21%;
}
#bb48 {
    left: 63%;
    top: 64%;
}
#bb49 {
    left: 59%;
    top: 45%;
}
#bb50 {
    left: 30%;
    top: 52%;
}
#bb51 {
    left: 0%;
    top: 42%;
}
#bb52 {
    left: -14%;
    top: 59%;
}
#bb53 {
    left: -26%;
    top: 45%;
}
#bb54 {
    left: 10%;
    top: 29%;
}
#bb55 {
    left: 68%;
    top: 8%;
}
#bb56 {
    left: 35%;
    top: 26%;
}
#bb57 {
    left: 37%;
    top: 26%;
}
#bb58 {
    left: 71%;
    top: 5%;
}
#bb59 {
    left: 33%;
    top: 22%;
}
#bb60 {
    left: 46%;
    top: 58%;
}
#bb61 {
    left: 18%;
    top: 39%;
}
#bb62 {
    left: 1%;
    top: 47%;
}
#bb63 {
    left: -20%;
    top: 54%;
}
#bb64 {
    left: -17%;
    top: 40%;
}
#bb65 {
    left: -35%;
    top: 19%;
}
#bb66 {
    left: -16%;
    top: 37%;
}
#bb67 {
    left: -26%;
    top: 11%;
}
.paper {
    top: 390px !important;
}
.placa2{
    margin-top: -100px;
}
}
@media (max-width: 400px) {
    .div-mural{
        height: 300px;
    }
    .paper {
        top: 325px !important;
    }
    .placa2{
        position: absolute;
        margin-top: -50px;
    }
}