@charset "utf-8";
@font-face {
	font-family:"Helvetica Neue Light";
	src: url('../fonts/HelveticaNeueLight.ttf');
	src: url('../fonts/HelveticaNeueLight.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"Helvetica Neue";
	src: url('../fonts/HelveticaNeue.ttf');
	src: url('../fonts/HelveticaNeue.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"FontAwesome";
	src: url("../fonts/fontawesome-webfont.ttf");
	src: url("../fonts/fontawesome-webfont.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}
* {margin:0; padding:0; font-family:"Helvetica Neue Light", Arial, Helvetica, sans-serif; color:#FFF;}
body {width:100%; background:#D8172A;}
html {font-size:20px;}
a {text-decoration:none;}
ul {list-style:none;}
iframe {width:80%; height:80%;}

/* GENERAL */
.ccxt-init {width:100%; height:100%; position:absolute; display:table;}
.ccxt-init-section {display:table-cell; vertical-align:middle; text-align:center;}
.ccxt-snail-menu {width:81px; height:94px; background:url(../images/snail.png) no-repeat; position:absolute; margin-top:-1.15rem; left:0;}
.ccxt-snail-aprende {width:48px; height:60px; background:url(../images/snail.png) no-repeat; position:absolute; margin-top:-.5rem; left:38px; background-size:contain;}
.ccxt-snail {width:81px; height:94px; background:url(../images/snail.png) no-repeat; position:absolute; margin-top:-.5rem; left:0;}
.ccxt-header-item {margin-bottom:.7rem;}
.ccxt-header-item h1 {font-size:1.75rem;}
.ccxt-footer {width:100%; padding:0; position:fixed; bottom:.5rem; left:0;}
.ccxt-footer-menu {position:fixed; padding:.7rem 1rem; font-size:1rem; bottom:1rem; left:2.5rem; border:2px #FFF solid; border-radius:50%; cursor:pointer; line-height: .7rem;}
.ccxt-footer-menu ul {position:absolute; bottom:37px; left:-1rem; display:none;}
.ccxt-footer-menu:hover ul {display:block;}
.ccxt-footer-menu ul li {margin:.5rem 0;}
.ccxt-footer-menu ul li a {width:94px; height:94px; display:block; position:relative;}
.ccxt-container {width:100%; display:table;}
.ccxt-menu {padding:1rem 0; width:65%; margin:0 auto;}
.ccxt-menu ul li {display:inline-block;}
.ccxt-menu ul li div.mntable {display:table;}
.ccxt-menu ul li div.mntable div {display:table-cell; vertical-align:middle;}
.ccxt-menu a {font-size:.8rem;}

.ccxt-menu-aprende-container {height:470px;}
.ccxt-menu-aprende-container ul {width:580px; margin-left:42%; padding:.5rem 0;}
.ccxt-menu-aprende-container ul li {font-size:27px; text-align:left; position:relative; padding:.2rem 0 .2rem 5rem; margin:.5rem 0;}
.ccxt-menu-aprende-container ul li span {display:block; font-size:1rem;}


/* ICONOS */
.ico-inicio {width:94px; height:94px; background:url(../images/ico-inicio.png) no-repeat; display:block;}
.ico-regresar {width:94px; height:94px; background:url(../images/ico-regresar.png) no-repeat; display:block;}
.ico-siguiente {width:94px; height:94px; background:url(../images/ico-siguiente.png) no-repeat; display:block;}
.ico-video {width:94px; height:94px; background:url(../images/ico-video.png) no-repeat; display:block;}
.ico-ubicacion {width:94px; height:94px; background:url(../images/ico-ubicacion.png) no-repeat; display:block;}
.ico-leermas {width:94px; height:94px; background:url(../images/ico-leermas.png) no-repeat; display:block;}
.ico-vista360 {width:94px; height:94px; background:url(../images/ico-vista360.png) no-repeat; display:block;}
.ico-ir-al-juego {width:90px; height:75px; background:url(../images/ico-ir-al-juego.png) no-repeat; display:block;}
.ico-snail-left {width:2rem; height:2.65rem; background:url(../images/snail-left.png) no-repeat; display:block;}
.ico-snail-right {width:2rem; height:2.65rem; background:url(../images/snail-right.png) no-repeat; display:block;}

/* HOME */
.ccxt-container {height:470px;}
.ccxt-container ul {width:220px; margin:0 auto; padding:1.7rem 0;}
.ccxt-container ul li {font-size:1.6rem; text-align:left; position:relative; padding:1rem 0 1rem 4.5rem; margin:2rem 0;}
.ccxt-header {height:4rem;}
.ccxt-header h1 {margin-bottom:3rem; font-size:1.35rem;}
#title-main {position:absolute; margin-left: -155px; left: 50%; display:none;}
.ccxt-portal-left {width:344px; height:486px; left:50%; margin-left:-303px; position:absolute; background:url(../images/ccxt-portal-left.png) no-repeat;}
.ccxt-portal-left-menu {width:344px; height:486px; left:50%; margin-left:-450px; position:absolute; background:url(../images/ccxt-portal-left.png) no-repeat;}
.ccxt-portal-right {width:344px; height:486px; left:50%; margin-left:16px; position:absolute; background:url(../images/ccxt-portal-right.png) no-repeat;}
.ccxt-menu-container {height:470px;}
.ccxt-menu-container ul {width:580px; margin-left:42%; padding:.5rem 0;}
.ccxt-menu-container ul li {font-size:36px; text-align:left; position:relative; padding:1rem 0 1rem 5rem; margin:1rem 0;}
.ccxt-menu-container ul li span {display:block; font-size:1rem;}
#menu-sections {display:none; padding:.5rem 0;}
.ccxt-footer-home {width:100%; padding:0; position:fixed; bottom:0; left:0;}
.ccxt-footer-home ul {width:70%; height:3rem; margin:0 auto; text-align:left;}
.ccxt-footer-home ul.menu-main {width:70%; height:3rem; margin:0 auto; text-align:center; display:none;}
.ccxt-footer-home ul li {display:inline; margin:0 1rem;}
.ccxt-footer-home ul li a {display:inline-block; position:relative;}

/* CACAXTLA */
.ccxt-sitio-cacaxtla {width:916px; height:454px; padding:45px; margin:0 auto; background:url(/cacaxtla-digital/assets/images/cuadro-cacaxtla.png) no-repeat; background-size:cover;}
.ccxt-sitio-cacaxtla-image {width:70%; display:table-cell; position:relative;}
.ccxt-sitio-cacaxtla-image img {float:left; height:auto;}
.ccxt-sitio-cacaxtla-image div {background:#F48684; padding:.5rem .7rem; color:#FFF; position:absolute; border-radius:50%; font-size:.7rem; border:1px #FFF solid; display:none; opacity:.9;}
.ccxt-sitio-cacaxtla-image ul {position:absolute; bottom:2rem; right:3rem; width:auto; padding:0; z-index:9999;}
.ccxt-sitio-cacaxtla-image ul li {text-align:left; font-size:.6rem; margin:.5rem 0; padding:0; cursor:pointer;}
#mktv {top:6rem; left:3.5rem;}
#mktr {top:6.5rem; left:10.5rem;}
#mkmb {top:2.5rem; left:21rem;}
#mkea {top:3rem; left:25.5rem;}
.ccxt-sitio-cacaxtla-text {width:30%; padding:.5rem; display:table-cell; vertical-align:top; text-align:left;}
.ccxt-sitio-cacaxtla-text h3 {font-size:1rem; margin:1rem 0 .5rem;}
.ccxt-sitio-cacaxtla-text p {font-size:.75rem; margin-bottom:.5rem;}

/* CACAXTLA MAPA */
.ccxt-sitio-cacaxtla-mapa-container {width:100%; height:455px;}
.ccxt-sitio-cacaxtla-mapa-container iframe {width:100%; height:100%;}

/* GRAN BASAMENTO */
.ccxt-gran-basamento {width:916px; height:362px; padding:45px; margin:0 auto;}
.ccxt-sitio-vista360 {padding:0; width:5rem; margin:0 auto;}
.panoramica-qr {width:100%; text-align:center; margin-top:2rem;}

/* TEMPLO VENUS */
.ccxt-templo-venus-image {width:100%; height:455px; position:relative;}
.ccxt-templo-venus-image img {width:100%;}
.ccxt-templo-venus-image div {background:#F48684; padding:.5rem .7rem; color:#FFF; position:absolute; border-radius:50%; font-size:.7rem; border:1px #FFF solid; display:none; opacity:.9;}
.ccxt-templo-venus-image ul {position:absolute; bottom:2rem; right:3rem; width:auto; padding:0; z-index:9999;}
.ccxt-templo-venus-image ul li {text-align:left; font-size:.6rem; margin:.5rem 0; padding:0; cursor:pointer;}
.ccxt-sitio-table {width:80%; display:table; margin:0 auto;}
.ccxt-sitio-cell {display:table-cell; vertical-align:middle;}
.ccxt-sitio-cell p {font-size:.85rem; text-align:left; margin:0 3rem 1rem;}
.ccxt-sitio-cell p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-sitio-cell p a span {display:none; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-sitio-cell p a:hover span {display:block;}
.ccxt-sitio-cell h4 {font-size:.6rem; margin-bottom:1rem; font-weight:normal;}
.ccxt-sitio-cell img {width:auto; margin:0;}
#tvmenu {margin:0 auto; position:absolute; bottom:1rem; right:25%; z-index:9999; width:53%; text-align:center;}
#tvmenu li {font-size:.7rem; margin:0 1.4rem; cursor:pointer; display:inline;}
#tvmenu li a {color:#333;}
#tvps {top:6rem; left:15.8rem;}
#tvpn {top:6rem; left:27.3rem;}
.menu-juego i.ico-ir-al-juego {float:right;}
.ccxt-venus-contexto {width:80%; margin:0 auto; text-align:center;}
.ccxt-venus-contexto img {width:100%;}
.ccxt-venus-contexto h2 {margin:1rem 0 .5rem; font-size:1rem;}
.ccxt-venus-contexto p {font-size:.8rem; width:80%; margin:0 auto;}

/* TEMPLO ROJO */
.ccxt-templo-rojo-init {width:916px; height:454px; padding:45px; margin:0 auto; background:url(/cacaxtla-digital/assets/images/cuadro-cacaxtla.png) no-repeat; background-size:cover;}
.ccxt-templo-rojo-init-container {width:100%; height:455px; display:flex; align-items: start; overflow: hidden;}
.ccxt-templo-rojo-init-image {width:55%; display:table-cell; position:relative;}
.ccxt-templo-rojo-init-image img {width: 100%;}
.ccxt-templo-rojo-init-image div {background:#F48684; padding:.5rem .7rem; position:absolute; border-radius:50%; font-size:.7rem; border:1px #FFF solid; display:none; opacity:.9;}
.ccxt-templo-rojo-init-image div span {color:#FFF;}
.ccxt-templo-rojo-init-image ul {position:absolute; bottom:4rem; right:8rem; z-index:9999;}
.ccxt-templo-rojo-init-image ul li {text-align:left; font-size:.6rem; margin:.2rem 0; cursor:pointer; color:#333;}
.ccxt-templo-rojo-init-image ul li a {color:#333;}
.ccxt-templo-rojo-init-text {width:45%; padding:.5rem; display:table-cell; vertical-align:top; text-align:left;}
.ccxt-templo-rojo-init-text h3 {font-size:1rem; margin:1rem 0 .5rem;}
.ccxt-templo-rojo-init-text p {font-size:.8rem; margin-bottom:.5rem;}
.ccxt-templo-rojo-init-text p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-templo-rojo-init-text p a span {display:none; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-templo-rojo-init-text p a:hover span {display:block;}
.ccxt-templo-rojo {width:916px; height:454px; padding:45px; margin:0 auto; background:url(/cacaxtla-digital/assets/images/cuadro-cacaxtla.png) no-repeat; background-size:cover;}
.ccxt-templo-rojo-container {width:100%; height:455px; display:flex; align-items: center; justify-content: flex-end;}
.ccxt-templo-rojo-container-ficha {width:100%; height:455px; display:table; text-align:left}
.ccxt-templo-rojo-image {width:70%; display:table-cell; position:relative;}
.ccxt-templo-rojo-image img {width: 95%;}
.ccxt-templo-rojo-image div {background:#F48684; padding:.5rem .7rem; position:absolute; border-radius:50%; font-size:.7rem; border:1px #FFF solid; display:none; opacity:.9;}
.ccxt-templo-rojo-image div span {color:#FFF;}
.ccxt-templo-rojo-image ul {position:absolute; bottom:4rem; right:8rem; z-index:9999;}
.ccxt-templo-rojo-image ul li {text-align:left; font-size:.6rem; margin:.2rem 0; cursor:pointer; color:#333;}
.ccxt-templo-rojo-image ul li a {color:#333;}
.ccxt-templo-rojo-text {width:30%; padding:.5rem; display:table-cell; vertical-align:top; text-align:left;}
.ccxt-templo-rojo-text img {width:auto;}
.ccxt-templo-rojo-text h3 {font-size:1rem; margin:1rem 0 .5rem;}
.ccxt-templo-rojo-text p {font-size:.8rem; margin-bottom:.5rem;}
.ccxt-templo-rojo-text p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-templo-rojo-text p a span {display:none; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-templo-rojo-text p a:hover span {display:block;}
.templo-rojo-marco {position:absolute; z-index:999; top:0; left:0;}
#trmo {top:3.5rem; left:7.5rem;}
#trbn {top:18rem; left:9rem;}
#trme {top:3rem; left:15rem;}
#trmed {top:10rem; left:15rem;}
#trbnp {display:none;}
#trdesc {bottom:7rem; right:4rem;}
.ccxt-templo-rojo-pintura {width:916px; height:454px; margin:0 auto; position:relative;}
.ccxt-templo-rojo-pintura img {width:70%;}
.ccxt-templo-rojo-pintura img#pinturame {width:85%;}
.ccxt-templo-rojo-pintura img#pinturafc {width:50%;}
.ccxt-templo-rojo-pintura-text {width:30%; position:absolute; bottom:0; left:0;}
.ccxt-templo-rojo-pintura-text p {font-size:.7rem; text-align:left;}
.ccxt-templo-rojo-pintura-text-este {width:35%; position:absolute; bottom:-1.5rem; left:0;}
.ccxt-templo-rojo-pintura-text-este p {font-size:.7rem; text-align:left;}
.ccxt-templo-rojo-pintura-text-ficha {width:30%; position:absolute; top:2rem; right:0;}
.ccxt-templo-rojo-pintura-text-ficha p {font-size:.7rem; text-align:left; margin-bottom:.5rem;}
#listfc {width:50%; position:absolute; bottom:0; right:0; list-style:circle;}
#listfc li {display:inline; font-size:.7rem; margin:.5rem 0 .5rem .5rem; text-align:left; cursor:pointer;}
#listfc li:hover {text-decoration:underline;}
#listfc li i {margin-right:.2rem;}
.elementofc {width:182px; height:255px; position:absolute; top:2rem; right:14.5rem; display:none; background:url(/cacaxtla-digital/assets/images/cacaxtle-copal.png) no-repeat; background-size:cover;}

/* MURAL DE LA BATALLA */
.ccxt-mural-batalla {width:916px; height:454px; padding:45px; margin:0 auto; background:url(/cacaxtla-digital/assets/images/cuadro-cacaxtla.png) no-repeat; background-size:cover;}
.ccxt-mural-batalla-container {width:100%; height:455px; display:table;}
.ccxt-mural-batalla-container-ficha {width:100%; height:455px; display:table; text-align:left}
.ccxt-mural-batalla-image {width:70%; display:table-cell; position:relative;}
.ccxt-mural-batalla-image img {width:100%; height:100%;}
.ccxt-mural-batalla-image div {background:#F48684; color:#FFF; padding:.5rem .7rem; position:absolute; border-radius:50%; font-size:.7rem; border:1px #FFF solid; display:none; opacity:.9;}
.ccxt-mural-batalla-image ul {position:absolute; bottom:2rem; right:4rem; z-index:9999;}
.ccxt-mural-batalla-image ul li {text-align:left; font-size:.6rem; margin:.2rem 0; cursor:pointer; color:#333;}
.ccxt-mural-batalla-image ul li a {color:#333;}
.ccxt-mural-batalla-text {width:30%; padding:.5rem; display:table-cell; vertical-align:top; text-align:left;}
.ccxt-mural-batalla-text img {width:auto;}
.ccxt-mural-batalla-text h3 {font-size:1rem; margin:1rem 0 .5rem;}
.ccxt-mural-batalla-text p {font-size:.8rem; margin-bottom:.5rem;}
.ccxt-mural-batalla-text p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-mural-batalla-text p a span {display:none; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-mural-batalla-text p a:hover span {display:block;}
#mbmo {top:12rem; left:4rem;}
#mbme {top:11.5rem; right:9rem;}

/* EDIFICIO A */
.ccxt-edificio-a {width:916px; height:454px; padding:45px; margin:0 auto; background:url(/cacaxtla-digital/assets/images/cuadro-cacaxtla.png) no-repeat; background-size:cover;}
.ccxt-edificio-a-container {width:100%; height:455px; display:table;}
.ccxt-edificio-a-container-ficha {width:100%; height:455px; display:table; text-align:left}
.ccxt-edificio-a-image {width:70%; display:table-cell; position:relative;}
.ccxt-edificio-a-image img {width:100%; height:100%;}
.ccxt-edificio-a-image div {background:#F48684; padding:.5rem .7rem; position:absolute; border-radius:50%; font-size:.7rem; border:1px #FFF solid; display:none; opacity:.9;}
.ccxt-edificio-a-image div span {color:#FFF;}
.ccxt-edificio-a-image ul {position:absolute; bottom:2rem; left:2rem; z-index:9999;}
.ccxt-edificio-a-image ul li {text-align:left; font-size:.6rem; margin:.2rem 0; cursor:pointer; color:#333;}
.ccxt-edificio-a-image ul li a {color:#333;}
.ccxt-edificio-a-text {width:30%; padding:.5rem; display:table-cell; vertical-align:top; text-align:left;}
.ccxt-edificio-a-text img {width:auto;}
.ccxt-edificio-a-text h3 {font-size:1rem; margin:1rem 0 .5rem;}
.ccxt-edificio-a-text p {font-size:.8rem; margin-bottom:.5rem;}
.ccxt-edificio-a-text p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-edificio-a-text p a span {display:none; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-edificio-a-text p a:hover span {display:block;}
#eact {top:1rem; left:10rem;}
#eacc {top:3.2rem; left:15.2rem;}
#easp {top:.5rem; right:11rem;}
#ctsn {width:916px; height:454px; padding:45px; margin:0 auto; background:none; text-align:left; position:relative;}
#ctsn img {width:auto;}
#ctsn div.ccxt-edificio-a-image ul {position:absolute; top:9rem; right:4rem; bottom:inherit; left:inherit; z-index:9999;}
#ctsn div.ccxt-edificio-a-image ul li {text-align:left; font-size:.8rem; margin:.8rem 0; cursor:pointer; color:#FFF;}
#ctsn div.ccxt-edificio-a-image ul li a {color:#FFF;}
#ctpn {top:-1.5rem; left:10rem;}
#ctpb {top:-1.5rem; left:22.8rem;}
#ctjn {top:2rem; right:15rem;}

.ccxt-edificio-a-hombre-jaguar {width:916px; height:555px; margin:0 auto; background:none;}
.ccxt-edificio-a-hombre-jaguar-container {width:100%; height:519px; display:none;}
.ccxt-edificio-a-hombre-jaguar-image {width:54%; display:table-cell; position:relative; vertical-align:top;}
.ccxt-edificio-a-hombre-jaguar-image img {width:100%; height:100%;}
.ccxt-edificio-a-hombre-jaguar-image h3 {font-size:.8rem; margin-top:.5rem; text-align:center; font-weight:normal;}
.ccxt-edificio-a-hombre-jaguar-text {width:46%; padding:.5rem; display:table-cell; text-align:left; vertical-align:middle;}
.ccxt-edificio-a-hombre-jaguar-text h3 {font-size:.8rem; margin-top:.5rem; text-align:center; font-weight:normal;}
.ccxt-edificio-a-hombre-jaguar-text p {font-size:.8rem; margin-top:.5rem;}
.ccxt-edificio-a-hombre-jaguar-text p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-edificio-a-hombre-jaguar-text p a span {display:none; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-edificio-a-hombre-jaguar-text p a:hover span {display:block;}
#eapnhj1 {display:table;}
#eapnrt {display:none;}

.ccxt-edificio-a-panel-barro {width:916px; height:555px; margin:0 auto; background:none;}
.ccxt-edificio-a-panel-barro-container {width:100%; height:519px; display:none;}
.ccxt-edificio-a-panel-barro-image {width:54%; display:table-cell; position:relative; vertical-align:middle;}
.ccxt-edificio-a-panel-barro-image h3 {font-size:.8rem; margin-top:.5rem; text-align:center; font-weight:normal;}
.ccxt-edificio-a-panel-barro-text {width:46%; padding:.5rem; display:table-cell; text-align:left; vertical-align:middle;}
.ccxt-edificio-a-panel-barro-text h3 {font-size:.8rem; margin-top:.5rem; text-align:center; font-weight:normal;}
.ccxt-edificio-a-panel-barro-text p {font-size:.8rem; margin-top:.5rem;}
.ccxt-edificio-a-panel-barro-text p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-edificio-a-panel-barro-text p a span {display:none; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-edificio-a-panel-barro-text p a:hover span {display:block;}
.ccxt-panel-barro-image {display:table; width:100%;}
.ccxt-panel-barro-image-item {display:table-cell; width:33%; vertical-align:middle;}
.ccxt-panel-barro-image-item ul {text-align:left; font-size:.7rem;}
.ccxt-panel-barro-image-item ul li {margin:1rem 0;}
.ccxt-panel-barro-limpio {width:225px; height:250px;}
#ccjs {top:3rem; left:3rem;}
#ccps {top:-2rem; right:21rem;}

.ccxt-edificio-a-hombre-aguila {width:998px; height:597px; margin:0 auto; background:none;}
.ccxt-edificio-a-hombre-aguila-container {width:100%; height:597px; display:none;}
.ccxt-edificio-a-hombre-aguila-image {width:54%; display:table-cell; position:relative; vertical-align:top;}
.ccxt-edificio-a-hombre-aguila-image img {width:100%;}
.ccxt-edificio-a-hombre-aguila-image h3 {font-size:.8rem; margin-top:.5rem; text-align:center; font-weight:normal;}
.ccxt-edificio-a-hombre-aguila-text {width:46%; padding:.5rem; display:table-cell; text-align:left; vertical-align:middle;}
.ccxt-edificio-a-hombre-aguila-text h3 {font-size:.8rem; margin-top:.5rem; text-align:center; font-weight:normal;}
.ccxt-edificio-a-hombre-aguila-text p {font-size:.8rem; margin-top:.5rem;}
.ccxt-edificio-a-hombre-aguila-text p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-edificio-a-hombre-aguila-text p a span {display:none; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-edificio-a-hombre-aguila-text p a:hover span {display:block;}
#eapnhj1 {display:table;}
#eapnrt {display:none;}

.ccxt-edificio-a-posterior {width:916px; height:470px; margin:0 auto; background:none;}
.ccxt-edificio-a-posterior-container {width:100%; height:519px;}
.ccxt-edificio-a-posterior-container img {margin-bottom:1rem;}
.ccxt-edificio-a-posterior-container p {margin-bottom:.5rem; font-size:.8rem; text-align:left;}
.ccxt-edificio-a-posterior-container p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-edificio-a-posterior-container p a span {display:none; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-edificio-a-posterior-container p a:hover span {display:block;}

/* XOCHITECATL */
.ccxt-xochitecatl {width:916px; height:454px; padding:45px; margin:0 auto; background:url(/cacaxtla-digital/assets/images/cuadro-cacaxtla.png) no-repeat; background-size:cover;}
.ccxt-xochitecatl-container {width:100%; height:455px; display:table;}
.ccxt-xochitecatl-container-ficha {width:100%; height:455px; display:table; text-align:left}
.ccxt-xochitecatl-image {width:70%; display:table-cell; position:relative;}
.ccxt-xochitecatl-image img {width:100%; height:96%;}
.ccxt-xochitecatl-image div {background:#F48684; padding:.5rem .7rem; position:absolute; border-radius:50%; font-size:.7rem; border:1px #FFF solid; display:none; opacity:.9;}
.ccxt-xochitecatl-image div span {color:#FFF;}
.ccxt-xochitecatl-image ul {position:absolute; bottom:10rem; left:1rem; z-index:9999;}
.ccxt-xochitecatl-image ul li {text-align:left; font-size:.8rem; margin:.2rem 0; cursor:pointer; color:#FFF;}
.ccxt-xochitecatl-image ul li a {color:#FFF;}
.ccxt-xochitecatl-text {width:30%; padding:.5rem; display:table-cell; vertical-align:top; text-align:left;}
.ccxt-xochitecatl-text img {width:auto;}
.ccxt-xochitecatl-text h3 {font-size:1rem; margin:1rem 0 .5rem;}
.ccxt-xochitecatl-text p {font-size:.8rem; margin-bottom:.5rem;}
.ccxt-xochitecatl-text p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-xochitecatl-text p a span {display:none; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-xochitecatl-text p a:hover span {display:block;}
#xcpf {top:.5rem; left:9rem;}
#xcee {top:10rem; right:17rem;}

.ccxt-xochitecatl-image-piramide {width:100%; position:relative;}
.ccxt-xochitecatl-image-piramide img {width:100%; height:100%;}
.ccxt-xochitecatl-image-piramide p {width:95%; top:1rem; left:1rem; position:absolute; font-size:.7rem; text-align:left;}
#xchfig {background:none;}

/* SAN MIGUEL DEL MILAGRO */
.ccxt-sanmiguel {width:916px; height:454px; padding:45px; margin:0 auto; background:url(/cacaxtla-digital/assets/images/cuadro-cacaxtla.png) no-repeat; background-size:cover;}
.ccxt-sanmiguel-container {width:100%; height:455px; display:table;}
.ccxt-sanmiguel-image {width:60%; display:table-cell; position:relative;}
.ccxt-sanmiguel-image img {width:100%;}
.ccxt-sanmiguel-text {width:40%; padding:.5rem; display:table-cell; vertical-align:top; text-align:left;}
.ccxt-sanmiguel-text p {font-size:.8rem; margin-bottom:.5rem;}
.ccxt-sanmiguel-text p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-sanmiguel-text p a span {display:none; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-sanmiguel-text p a:hover span {display:block;}

.ccxt-sanmiguel-historia {width:916px; height:454px; padding:45px; margin:0 auto; background:url(/cacaxtla-digital/assets/images/cuadro-cacaxtla.png) no-repeat; background-size:cover;}
.ccxt-sanmiguel-historia-container {width:100%; height:455px; display:table;}
.ccxt-sanmiguel-historia-image {width:60%; display:table-cell; position:relative; text-align:center;}
.ccxt-sanmiguel-historia-image img {width:60%;}
.ccxt-sanmiguel-historia-text {width:40%; padding:.5rem; display:table-cell; vertical-align:top; text-align:left;}
.ccxt-sanmiguel-historia-text p {font-size:.8rem; margin-bottom:.5rem;}
.ccxt-sanmiguel-historia-text p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-sanmiguel-historia-text p a span {display:none; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-sanmiguel-historia-text p a:hover span {display:block;}

/* APRENDE ARTE */
.ccxt-aprende-arte {width:916px; height:454px; padding:45px; margin:0 auto; background:url(/cacaxtla-digital/assets/images/cuadro-cacaxtla.png) no-repeat; background-size:cover;}
.ccxt-aprende-arte-container {width:100%; height:455px; display:table;}
.ccxt-aprende-arte-container-ficha {width:100%; height:455px; display:table; text-align:left}
.ccxt-aprende-arte-image {width:50%; display:table-cell; position:relative;}
.ccxt-aprende-arte-image div {width:41%; position:absolute;}
.ccxt-aprende-arte-image div p {font-size:.7rem; color:#FFF; text-align:left;}
.ccxt-aprende-arte-image div p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-aprende-arte-image div p a span {display:none; font-style:normal; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-aprende-arte-image div p a:hover span {display:block;}
.ccxt-aprende-arte-image ul {position:absolute; bottom:4rem; right:8rem; z-index:9999;}
.ccxt-aprende-arte-image ul li {text-align:left; font-size:.6rem; margin:.2rem 0; cursor:pointer; color:#333;}
.ccxt-aprende-arte-image ul li a {color:#333;}
.ccxt-aprende-arte-text {width:50%; padding:.5rem; display:table-cell; vertical-align:top; text-align:left;}
.ccxt-aprende-arte-text img {width:auto;}
.ccxt-aprende-arte-text h3 {font-size:1rem; margin:1rem 0 .5rem;}
.ccxt-aprende-arte-text p {font-size:.8rem; margin-bottom:.5rem;}
.ccxt-aprende-arte-text p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-aprende-arte-text p a span {display:none; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-aprende-arte-text p a:hover span {display:block;}
#appmimg {margin-top:6rem;}
.ccxt-aprende-tacatlacuilo {left:1rem;}
.ccxt-aprende-cihuatlacuilo {right:1rem;}
.ccxt-aprende-arte-colores img {margin:2rem 0 1rem;}
.ccxt-aprende-arte-colores h3 {width:90%; font-size:.9rem; margin:0 auto 1rem; text-align:left;}
.ccxt-aprende-arte-colores p {width:90%; font-size:.9rem; margin:0 auto; text-align:left;}
.ccxt-aprende-arte-colores p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-aprende-arte-colores p a span {display:none; font-style:normal; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-aprende-arte-colores p a:hover span {display:block;}
#apambit {width:100%; margin:0 0 1rem;}
.ccxt-aprende-ambiente p {font-size:.8rem; margin-bottom:1rem;}

/* APRENDE ARQUITECTURA */
.ccxt-aprende-arqutectura {width:916px; height:454px; padding:45px; margin:0 auto; background:url(/cacaxtla-digital/assets/images/cuadro-cacaxtla.png) no-repeat; background-size:cover;}
.ccxt-aprende-arqutectura-container {width:100%; height:455px; display:table;}
.ccxt-aprende-arqutectura-image {width:70%; display:table-cell; position:relative;}
.ccxt-aprende-arqutectura-image img {width:100%; height:96%;}
.ccxt-aprende-arqutectura-image div {background:#F48684; padding:.5rem .7rem; position:absolute; border-radius:50%; font-size:.7rem; border:1px #FFF solid; display:none; opacity:.9;}
.ccxt-aprende-arqutectura-image div span {color:#FFF;}
.ccxt-aprende-arqutectura-image ul {position:absolute; bottom:2rem; left:2rem; z-index:9999;}
.ccxt-aprende-arqutectura-image ul li {text-align:left; font-size:.6rem; margin:.2rem 0; cursor:pointer; color:#333;}
.ccxt-aprende-arqutectura-image ul li a {color:#333;}
.ccxt-aprende-arqutectura-text {width:30%; padding:.5rem; display:table-cell; vertical-align:top; text-align:left;}
.ccxt-aprende-arqutectura-text img {width:auto;}
.ccxt-aprende-arqutectura-text h3 {font-size:1rem; margin:1rem 0 .5rem;}
.ccxt-aprende-arqutectura-text p {font-size:.8rem; margin-bottom:.5rem;}
.ccxt-aprende-arqutectura-text p a {text-decoration:underline; position:relative; cursor:pointer;}
.ccxt-aprende-arqutectura-text p a span {display:none; font-size:.7rem; position:absolute; width:10rem; padding:.5rem; background:#FFF; color:#333; border-radius:.5rem; top:1rem; left:0; -webkit-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); box-shadow: 4px 8px 14px 0px rgba(0,0,0,0.75); z-index:9999;}
.ccxt-aprende-arqutectura-text p a:hover span {display:block;}
#aparcel {width:100%; margin:0;}
#aparhis {margin:7rem 0 1rem;}
#aparapo {margin:0;}

.ccxt-aprende-historia {width:916px; height:454px; padding:45px; margin:0 auto; background:url(/cacaxtla-digital/assets/images/cuadro-cacaxtla.png) no-repeat; background-size:cover;}
.ccxt-aprende-historia-container {width:100%; height:455px; display:table;}
.ccxt-aprende-historia-imagen {width:50%; display:table-cell; position:relative;}
.ccxt-aprende-historia-imagen a {position:absolute; font-size:.7rem; text-align:left;}
#hscaza {top:11rem; left:3.2rem;}
#hsalda {top:11rem; left:8.8rem;}
#hsprcl {top:10.2rem; left:14.3rem;}
#hsclas {top:11rem; left:19.5rem;}
#hsepcl {top:10.2rem; right:19rem;}
#hspocl {top:10.2rem; right:13.8rem;}
#hsvirr {top:11rem; right:8.5rem;}
#hsreci {top:11rem; right:3.5rem;}

#glosario {list-style:circle;}
#glosario li {font-size:.8rem; padding:0; margin:.3rem 0; color:#EFF07F;}
#glosario li span {font-size:.8rem; display:inline; color:#FFF;}

.library {width:580px; margin-left:42%; padding:.5rem 0;}
.library-menu {display:flex; align-items:center; width:100%; margin-bottom:.5rem;}
.library-menu-bullet {width:10%; text-align:left;}
.library-menu-text {width:90%; text-align:left;}

.ccxt-creditos-left {width:344px; height:486px; left:35%; top:5rem; margin-left:-303px; position:absolute; background:url(../images/ccxt-portal-left.png) no-repeat;}
.ccxt-creditos-right {width:344px; height:486px; left:50%; top:5rem; margin-left:240px; position:absolute; background:url(../images/ccxt-portal-right.png) no-repeat;}
.ccxt-creditos {padding-top:2rem;}
.ccxt-creditos-section {display:block; margin-bottom:10px;}
.ccxt-creditos-section p {font-size:.6rem;}
.ccxt-creditos-section p a {text-decoration:underline;}

.ccxt-creditos-nota {width:400px; margin:0 auto; text-align:left;}
#juega {padding-top:4.5rem;}
#memoria {width:80%; margin:0 auto; position:relative;}
#memoria li {display:inline; margin:0 1rem; padding:0;}
#memoria li img {width:9%;}
.ccxt-play-instructions {width:60%; margin:0 auto;}
.ccxt-play-instructions h2 {margin-bottom:1rem;}
.ccxt-play-instructions p {font-size:.8rem; margin-bottom:1rem;}
.ccxt-play-instructions a {display:block; text-align:center;}
.ccxt-play-instructions a i.ico-ir-al-juego {margin:0 auto;}

.memorama {width:850px; margin:0 auto;}
.col-sm-2{display:inline; float:left;}
.item.off{display:none;}
.item.on{display:none; cursor:default;}
.item img {display:inline; width:120px; height:264px;}
.wrapper-item{background:#D8172A; display:block; height:auto; min-height:264px; margin:.5rem 1.5rem; width:110px; height:264px; cursor:pointer;}
.score {padding-top:1rem; clear:both;}
.score p {font-size:.8rem;}
.score a {width:20%; border:1px #FFF solid; border-radius:.5rem; padding:.5rem 2rem; display:block; margin:1rem auto;}
.score a:hover {border:1px #D8172A solid; color:#D8172A;}