@charset "utf-8";
/* CSS Document */
body{margin:0}

.nav {background:#ffc800; height:132px; border-bottom:7px solid white}
.nav .part01{width:15%; height:68px}
.nav .part01 img {height:44px; margin-top:5px}
.nav .part02{width:85%; text-align:center; height:68px}
.nav .part02 img {height:53px; margin-left:-19%; width:auto}
.nav .part03{width:33.3%; text-align:center; background:#ffe600; height:64px}
.nav .part03 img {height:50px; margin-top:7px;}
.nav .part04{width:33.3%; text-align:center; background:#ffe600; height:64px}
.nav .part04 img {height:50px; margin-top:7px;}
.nav .part05{width:33.4%; text-align:center; background:#ffe600; height:64px}
.nav .part05 img {height:50px; margin-top:7px;}

.nav .opcionesMnu{ position:relative; z-index:9}

.nav .plim {width:100%; height:100%; padding-top:0px}
.nav .juegos {width:50px; height:100%; padding-top:0px; margin:auto}
.nav .videos {width:50px; height:100%; padding-top:0px; margin:auto}
.nav .personajes {width:50px; height:100%; padding-top:0px; margin:auto}
.nav .juegos span{display:none}
.nav .videos span{display:none}
.nav .personajes span{display:none}

.nav .juegos .img{width:50px; height:50px; margin:auto}
.nav .juegos .img img{width:50px; height:50px}
.nav .videos .img{width:50px; height:50px; margin:auto}
.nav .videos .img img{width:50px; height:50px}
.nav .personajes .img{width:50px; height:50px; margin:auto}
.nav .personajes .img img{width:50px; height:50px}

.personajesSecciones .lista{width:90%; padding:5% 5% 5% 5%}
.personajesSecciones .lista .personajeItem{ width:32%; height:95px; border-radius:15px; overflow:hidden; margin-bottom:6px}
.personajesSecciones .lista .personajeItem .img{height:100%; background-position:center bottom; background-size:contain}
.personajesSecciones .lista .itemPlim{ background:#25E8E8; margin-right:2%}
.personajesSecciones .lista .itemWichi{ background:#73CCFF; margin-right:2%}
.personajesSecciones .lista .itemTuni{ background:#FDEB49}
.personajesSecciones .lista .itemHoggie{ background:#7BC618; margin-right:2%}
.personajesSecciones .lista .itemMei{ background:#FA90BC; margin-right:2%}
.personajesSecciones .lista .itemNesho{ background:#F08B00}
.personajesSecciones .lista .itemAcuarela{ background:#FDCD00; margin-right:2%}
.personajesSecciones .lista .itemBam{ background:#079CF2; margin-right:2%}
.personajesSecciones .lista .itemArafa{ background:#FFBEA6}

.personajesSecciones .lista .itemPlim .img{ background-size:105%; background-position-y:-8px}
.personajesSecciones .lista .itemWichi .img{background-size:100%; background-position-y:5px}
.personajesSecciones .lista .itemTuni .img{background-position-y:19px}
.personajesSecciones .lista .itemHoggie .img{background-size:103%; background-position-y:12px}
.personajesSecciones .lista .itemMei .img{background-size:96%; background-position-y:2px}
.personajesSecciones .lista .itemNesho .img{background-size:120%; background-position-y:6px}
.personajesSecciones .lista .itemAcuarela .img{background-size:96%; background-position-y:-23px}
.personajesSecciones .lista .itemBam .img{background-size:110%; background-position-y:7px}
.personajesSecciones .lista .itemArafa .img{background-size:99%; background-position-y:0px}

.stage01 { padding-top:10px; width:100%; background-repeat:no-repeat; height:699px}
.stage01 .contain{width:90%; padding:5%; margin:auto}
.stage01 .contain .caja01{ width:91%; margin:auto; height:188px; padding:10px; border-radius:27px; margin-bottom:14px; border:2px solid #ff6d0d; background:#ffc60d}
.stage01 .contain .caja01 .innerCaja{width:95%; height:177px; border-radius:18px; border:5px solid #d9a80b; background:#ff6d0d}
.stage01 .contain .caja01 .cajaAction{width:100%; height:177px; border-radius:13px}
.stage01 .contain .caja01 .cajaAction .titulos {border-bottom-left-radius:13px; border-bottom-right-radius:13px; height:29px}
.stage01 .contain .caja01 .cajaAction .titulos .icono{width:25px; height:25px; top:3px; left:3px; margin-right:6px}
.stage01 .contain .caja01 .cajaAction .titulos .txt{font-size:10pt; width:200px}

.stage01 .contain .caja02{ width:91%; margin:auto; height:188px; padding:10px; border-radius:27px; margin-bottom:14px; border:2px solid #ff6d0d; background:#ffc60d}
.stage01 .contain .caja02 .innerCaja{width:95%; height:177px; border-radius:18px; border:5px solid #d9a80b; background:#ff6d0d}
.stage01 .contain .caja02 .cajaAction{width:100%; height:177px; border-radius:13px}
.stage01 .contain .caja02 .cajaAction .titulos {border-bottom-left-radius:13px; border-bottom-right-radius:13px; height:29px}
.stage01 .contain .caja02 .cajaAction .titulos .icono{width:25px; height:25px; top:3px; left:3px; margin-right:6px}
.stage01 .contain .caja02 .cajaAction .titulos .txt{font-size:10pt; width:200px}

.stage01 .contain .caja03{ width:91%; margin:auto; height:188px; padding:10px; border-radius:27px; margin-bottom:30px; border:2px solid #ff6d0d; background:#ffc60d}
.stage01 .contain .caja03 .innerCaja{width:95%; height:177px; border-radius:18px; border:5px solid #d9a80b; background:#ff6d0d}
.stage01 .contain .caja03 .cajaAction{width:100%; height:177px; border-radius:13px}
.stage01 .contain .caja03 .cajaAction .titulos {border-bottom-left-radius:13px; border-bottom-right-radius:13px; height:35px}
.stage01 .contain .caja03 .cajaAction .titulos .icono{width:25px; height:25px; top:3px; left:3px; margin-right:6px}
.stage01 .contain .caja03 .cajaAction .titulos .txt{font-size:10pt; width:200px}

.stage02 .contain{ padding:4%; width:92%}
.stage02 .contain .item{width:93%}

.foot {/*height:165px*/}
.foot .facebook {display:none}
.foot .redes {width:90%}
.foot .redes .content {padding:5%; margin:auto; width:auto}
.foot .info{width:96%; text-align:center; padding:15px 2% 15px 2%}
.foot .info p{margin:1px}
.foot .mapa .col{ margin-bottom:25px; width:100%}

/*PERSONAJES*/
.btnJuegosWeb{display:none}
.btnJuegosMobil{display:block}

.stage01Personaje{width:100%; padding-top:8px; height:auto}
.stage01Personaje .contain{width:94%; padding:3% 3% 0% 3%}
.stage01Personaje .contain .caja01{width:100%; background-repeat:no-repeat; background-size:95%; height:303px; background-position-x:10px; margin: auto auto 15px auto; float:none}

.plimBg{ background-size:auto 25%; background-position-x:-200px}
.plimBg .contain{border:none}
.plimBg .contain .innerCaja{border:5px solid #3896d9;}

.hoggiesBg{ background-size:auto 25%; background-position-x:-96px}
.hoggiesBg .contain{border:none}
.hoggiesBg .contain .innerCaja{border:5px solid #a3c519;}

.arafaBg{ background-size:auto 25%; background-position-x:-96px}
.arafaBg .contain{border:none}
.arafaBg .contain .innerCaja{border:5px solid #d97a57;}

.bamBg{ background-size:auto 25%; background-position-x:-96px}
.bamBg .contain{border:none}
.bamBg .contain .innerCaja{border:5px solid #61ade2;}

.acuarelaBg{ background-size:auto 25%; background-position-x:-96px}
.acuarelaBg .contain{border:none}
.acuarelaBg .contain .innerCaja{border:5px solid #d9860b;}

.wichiBg{ background-size:auto 25%; background-position-x:-96px}
.wichiBg .contain{border:none}
.wichiBg .contain .innerCaja{border:5px solid #3ca1d9;}

.mei-liBg{ background-size:auto 25%; background-position-x:-96px}
.mei-liBg .contain{border:none}
.mei-liBg .contain .innerCaja{border:5px solid #bb6ad0;}

.neshoBg{ background-size:auto 25%; background-position-x:-96px}
.neshoBg .contain{border:none}
.neshoBg .contain .innerCaja{border:5px solid #d9a90b;}

.tuniBg{ background-size:auto 25%; background-position-x:-96px}
.tuniBg .contain{border:none}
.tuniBg .contain .innerCaja{border:5px solid #d9860b;}

.stage01Personaje .contain .caja02{ width:310px; margin:auto; height:226px; padding:10px; border-radius:27px; margin-bottom:25px; float:none}
.stage01Personaje .contain .caja02 .innerCaja{width:295px; height:211px; border-radius:18px; }
.stage01Personaje .contain .caja02 .cajaAction{width:295px; height:211px; border-radius:13px}
.stage01Personaje .contain .caja02 .cajaAction .titulos {border-bottom-left-radius:13px; border-bottom-right-radius:13px; height:39px}
.stage01Personaje .contain .caja02 .cajaAction .titulos .icono{width:25px; height:25px; top:3px; left:3px; margin-right:6px}
.stage01Personaje .contain .caja02 .cajaAction .titulos .txt{font-size:10pt; width:200px}

.stage01Personaje .contain .caja03{ width:310px; margin:auto; height:226px; padding:10px; border-radius:27px; margin-bottom:25px;  float:none}
.stage01Personaje .contain .caja03 .innerCaja{width:295px; height:211px; border-radius:18px;}
.stage01Personaje .contain .caja03 .cajaAction{width:295px; height:211px; border-radius:13px}
.stage01Personaje .contain .caja03 .cajaAction .titulos {border-bottom-left-radius:13px; border-bottom-right-radius:13px; height:39px}
.stage01Personaje .contain .caja03 .cajaAction .titulos .icono{width:25px; height:25px; top:3px; left:3px; margin-right:6px}
.stage01Personaje .contain .caja03 .cajaAction .titulos .txt{font-size:10pt; width:200px}

.stage02Personaje .contain{width:96%; padding:2%; margin-bottom:20px}
.stage02Personaje .contain .item{width:45%; margin-left:0px; height:118px; margin:8px}

.foot .redes .fbBtn{margin-left:10px}

/*JUEGOS*/
.stage01Games { padding-top:14px; width:100%; background-repeat:no-repeat; height:695px}
.stage01Games .contain{width:90%; padding:5%; margin:auto}
.stage01Games .contain .caja01{ width:91%; margin:auto; height:188px; padding:10px; border-radius:27px; margin-bottom:14px; border:2px solid #a3acbc; background:#fff;}
.stage01Games .contain .caja01 .innerCaja{width:95%; height:177px; border-radius:18px; border:5px solid #d9d9d9; background:#8b92a0}
.stage01Games .contain .caja01 .cajaAction{width:100%; height:177px; border-radius:13px}
.stage01Games .contain .caja01 .cajaAction .titulos {border-bottom-left-radius:13px; border-bottom-right-radius:13px; height:29px}
.stage01Games .contain .caja01 .cajaAction .titulos .icono{width:25px; height:25px; top:3px; left:3px; margin-right:6px}
.stage01Games .contain .caja01 .cajaAction .titulos .txt{font-size:10pt; width:200px}

.stage01Games .contain .caja02{ width:91%; margin:auto; height:188px; padding:10px; border-radius:27px; margin-bottom:14px; border:2px solid #4075c2; background:#7aa6e6}
.stage01Games .contain .caja02 .innerCaja{width:95%; height:177px; border-radius:18px; border:5px solid #688dc4; background:#3664a5}
.stage01Games .contain .caja02 .cajaAction{width:100%; height:177px; border-radius:13px}
.stage01Games .contain .caja02 .cajaAction .titulos {border-bottom-left-radius:13px; border-bottom-right-radius:13px; height:29px}
.stage01Games .contain .caja02 .cajaAction .titulos .icono{width:25px; height:25px; top:3px; left:3px; margin-right:6px}
.stage01Games .contain .caja02 .cajaAction .titulos .txt{font-size:10pt; width:200px}

.stage01Games .contain .caja03{ width:93%; margin:auto; height:188px; padding:10px; border-radius:27px; margin-bottom:30px; border:2px solid #ff6e0d; background:#ffc70d}
.stage01Games .contain .caja03 .innerCaja{width:95%; height:177px; border-radius:18px; border:5px solid #d9a90b; background:#d95e0b}
.stage01Games .contain .caja03 .cajaAction{width:100%; height:177px; border-radius:13px}
.stage01Games .contain .caja03 .cajaAction .titulos {border-bottom-left-radius:13px; border-bottom-right-radius:13px; height:35px}
.stage01Games .contain .caja03 .cajaAction .titulos .icono{width:25px; height:25px; top:3px; left:3px; margin-right:6px}
.stage01Games .contain .caja03 .cajaAction .titulos .txt{font-size:10pt; width:200px}

.stage02Games .contain{width:90%; padding:5%}
.stage02Games .contain .item{width:100%; margin:auto; height:221px; margin-bottom:15px}

.stage01Game .contain {width: 100%; padding: 0px}
.stage01Game .contain iframe {width: 100%; padding: 0px; height: 275px}
.stage01Game .flechinRight{top: 50%; right: 50%; margin-right: -65px}
.stage01Game .flechinLeft{top: 50%; left: 50%; margin-left: -65px}

/*VIDEOS*/
.stage01Videos { padding-top:14px; width:100%; background-repeat:no-repeat; height:695px}
.stage01Videos .contain{width:90%; padding:5%; margin:auto}
.stage01Videos .contain .caja01{ width:91%; margin:auto; height:188px; padding:10px; border-radius:27px; margin-bottom:14px; border:2px solid #a3acbc; background:#fff;}
.stage01Videos .contain .caja01 .innerCaja{width:95%; height:177px; border-radius:18px; border:5px solid #d9d9d9; background:#8b92a0}
.stage01Videos .contain .caja01 .cajaAction{width:100%; height:177px; border-radius:13px; background-size:cover}
.stage01Videos .contain .caja01 .cajaAction .titulos {border-bottom-left-radius:13px; border-bottom-right-radius:13px; height:29px}
.stage01Videos .contain .caja01 .cajaAction .titulos .icono{width:25px; height:25px; top:3px; left:3px; margin-right:6px}
.stage01Videos .contain .caja01 .cajaAction .titulos .txt{font-size:10pt; width:200px}

.stage01Videos .contain .caja02{ width:91%; margin:auto; height:188px; padding:10px; border-radius:27px; margin-bottom:14px; border:2px solid #4075c2; background:#7aa6e6}
.stage01Videos .contain .caja02 .innerCaja{width:95%; height:177px; border-radius:18px; border:5px solid #688dc4; background:#3664a5}
.stage01Videos .contain .caja02 .cajaAction{width:100%; height:177px; border-radius:13px}
.stage01Videos .contain .caja02 .cajaAction .titulos {border-bottom-left-radius:13px; border-bottom-right-radius:13px; height:29px}
.stage01Videos .contain .caja02 .cajaAction .titulos .icono{width:25px; height:25px; top:3px; left:3px; margin-right:6px}
.stage01Videos .contain .caja02 .cajaAction .titulos .txt{font-size:10pt; width:200px}

.stage01Videos .contain .caja03{ width:93%; margin:auto; height:188px; padding:10px; border-radius:27px; margin-bottom:30px; border:2px solid #ff6e0d; background:#ffc70d}
.stage01Videos .contain .caja03 .innerCaja{width:95%; height:177px; border-radius:18px; border:5px solid #d9a90b; background:#d95e0b}
.stage01Videos .contain .caja03 .cajaAction{width:100%; height:177px; border-radius:13px}
.stage01Videos .contain .caja03 .cajaAction .titulos {border-bottom-left-radius:13px; border-bottom-right-radius:13px; height:35px}
.stage01Videos .contain .caja03 .cajaAction .titulos .icono{width:25px; height:25px; top:3px; left:3px; margin-right:6px}
.stage01Videos .contain .caja03 .cajaAction .titulos .txt{font-size:10pt; width:200px}

.stage02Videos .contain{width:90%; padding:5%}
.stage02Videos .contain .section{width:100%}
.stage02Videos .tituloide {width:100%}
.stage02Videos .contain .itemMask{height:120px; margin-bottom:15px}
.stage02Videos .contain .item{width:100%; margin:auto; height:120px; margin-bottom:15px; background-position:center center; background-size:cover; border-radius:15px}
.stage02Videos .contain .item img{display:none}
.stage02Videos .contain .itemRoll{display:none}

.stage01Video{width:100%; height:315px; position:relative; top:0px; z-index:0; padding-top:0px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
.stage01Video .contain { width:100%; margin:auto; padding:0px}
.stage01Video .contain iframe{height:315px}
.stage01Video .flechinLeft{display:none}
.stage01Video .flechinRight{display:none}


/*GALERIA*/
.galeriaMobil {width:100%}
.galeriaMobil img {width:100%; margin-bottom:-2px}