@charset "utf-8";
/* CSS Document */
body, ul, li{margin:0px; padding:0px}
a { text-decoration:none}
.clear{clear:both}

@-ms-keyframes giro{from {transform: rotate(0deg); } to { transform: rotate(360deg); }}
@-moz-keyframes giro{from {transform: rotate(0deg); } to { transform: rotate(360deg); }}
@-webkit-keyframes giro{from {transform: rotate(0deg); } to { transform: rotate(360deg); }}
@keyframes giro{ from {transform: rotate(0deg) scale(1,1); } to { transform: rotate(360deg) scale(1.1,1.1);}}

@-ms-keyframes wiggle{0%{-ms-transform:rotate(.25deg);}50%{-ms-transform:rotate(-.25deg);}100%{-ms-transform:rotate(.25deg);}}
@-moz-keyframes wiggle{0%{-moz-transform:rotate(.25deg);}50%{-moz-transform:rotate(-.25deg);}100%{-moz-transform:rotate(.25deg);}}
@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(.25deg);}50%{-webkit-transform:rotate(-.25deg);}100%{-webkit-transform:rotate(.25deg);}}
@keyframes wiggle{0%{transform:rotate(.25deg);}50%{transform:rotate(-.25deg);}100%{transform:rotate(.25deg);}}

@-ms-keyframes wiggle2{0%{-ms-transform:rotate(.25deg);}50%{-ms-transform:rotate(-.25deg);}100%{-ms-transform:rotate(.25deg);}}
@-moz-keyframes wiggle2{0%{-moz-transform:rotate(.25deg);}50%{-moz-transform:rotate(-.25deg);}100%{-moz-transform:rotate(.25deg);}}
@-webkit-keyframes wiggle2{0%{-webkit-transform:rotate(.25deg);}50%{-webkit-transform:rotate(-.25deg);}100%{-webkit-transform:rotate(.25deg);}}
@keyframes wiggle2{0%{transform:rotate(1deg);}50%{transform:rotate(-1deg);}100%{transform:rotate(1deg);}}

.nav{width:100%; background:#ffe600; height:115px; border-bottom:10px solid white; z-index:2; position:relative;}
.nav .cell {height:100%; float:left;}
.nav .part01{width:22%; }
.nav .part02{width:260px; }
.nav .part03{width:190px; }
.nav .part04{width:190px; }
.nav .part05{width:20%}
.nav .engButton{position: absolute; right: 10px; top: 25px; background-image: url(../img/engFlag.png); width: 61px; height: 61px; cursor: pointer}

.nav .menu {width:68px; display:table; height:100%}
.nav .menu span {display:table-cell; vertical-align:middle; cursor:pointer}
.nav .menu img {transition: all .1s ease-in-out; width:60px}
.nav .menu img:hover {transform: scale(1.05);}

.nav .opcionesMnu{width:180px; background:white; font-family: 'Roboto Condensed'; font-size:18pt; color:rgba(132,175,224,1); text-align:left; height:0px; overflow:hidden;-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
.nav .opcionesMnu div{padding:10px 10px 10px 30px; cursor:pointer; font-weight:bold}
.nav .opcionesMnu div:hover{color:white; background:rgba(132,175,224,1)}

.nav .plim {width:251px; display:table; height:90px; padding-top:10px}
.nav .plim span {display:table-cell; vertical-align:middle; cursor:pointer}
.nav .plim img {width:220px}
.nav .plim{transition: all .1s ease-in-out;}
.nav .plim:hover {transform: scale(1.1);}

.nav .juegos {width:100%; height:90px; padding-top:25px; cursor:pointer}
.nav .juegos div {cursor:pointer; float:left}
.nav .juegos{transition: all .1s ease-in-out;}
.nav .juegos:hover {/*transform: scale(1.1);*/}
.nav .juegos .img{width:65px; height:65px; transition:all 0.3s ease-in; transform:rotate(0deg); margin-right:10px}
.nav .juegos .img img{width:65px; height:65px;}
.nav .juegos .txt{font-family: 'Roboto Condensed', sans-serif; color:#ff6d0d; font-weight:700; font-size:21pt; margin-top:14px; width:80px}
.nav .juegos span{margin-right:-8px}

.nav .engButton{background-size: contain; width: 51px; height: 51px; top: 9px}

.animaLogos{animation-name: giro; animation-duration: 0.5s; animation-iteration-count: 1; animation-timing-function: ease-in-out;}

.nav .videos {width:100%; height:90px; padding-top:25px; cursor:pointer}
.nav .videos div {cursor:pointer; float:left}
.nav .videos{transition: all .1s ease-in-out;}
.nav .videos:hover {/*transform: scale(1.1);*/}
.nav .videos .img{width:65px; height:65px; transition:all 0.3s ease-in; transform:rotate(0deg); margin-right:10px}
.nav .videos .img img{width:65px; height:65px;}
.nav .videos .txt{font-family: 'Roboto Condensed', sans-serif; color:#1a7cf1; font-weight:700; font-size:21pt; margin-top:14px; width:80px}
.nav .videos span{margin-right:-8px}

.personajes {width:100%; height:90px; padding-top:25px; cursor:pointer}
.nav .personajes div {cursor:pointer; float:left}
.nav .personajes{transition: all .1s ease-in-out;}
.nav .personajes:hover {/*transform: scale(1.1);*/}
.nav .personajes .img{width:65px; height:65px; transition:all 0.3s ease-in; transform:rotate(0deg); margin-right:10px;}
.nav .personajes .img img{width:65px; height:65px;}
.nav .personajes .txt{font-family: 'Roboto Condensed', sans-serif; color:#ff0006; font-weight:700; font-size:21pt; margin-top:14px; width:120px}
.nav .personajes span{margin-right:-8px}

.personajesSecciones{width:100%; background:white; height:0px; clear:both; position:relative; z-index:1; top:0px; overflow:hidden; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
.personajesSecciones .lista{ width:1050px; margin:auto}

.personajesSecciones .lista .personajeItem{ float:left; cursor:pointer}
.personajesSecciones .lista .personajeItem:hover{/*-ms-animation:wiggle .5s ease-in-out infinite;-moz-animation:wiggle .5s ease-in-out infinite;-webkit-animation:wiggle .5s ease-in-out infinite;animation:wiggle .5s ease-in-out infinite;*/}

.personajesSecciones .lista .personajeItem .img{ width:100%; height:124px; background-position:center 68px; background-repeat:no-repeat; margin-bottom:5px; background-size:100%}
.personajesSecciones .lista .personajeItem .nombre{ font-family: 'Roboto Condensed'; color:white; text-align:center}
.personajesSecciones .lista .itemPlim{width:110px;}
.personajesSecciones .lista .itemWichi{width:90px;}
.personajesSecciones .lista .itemWichi .img{background-position:center 101px;}
.personajesSecciones .lista .itemTuni{width:160px;}
.personajesSecciones .lista .itemTuni .img{background-position:center 70px;}
.personajesSecciones .lista .itemMei{width:90px;}
.personajesSecciones .lista .itemMei .img{background-position:center 80px;}
.personajesSecciones .lista .itemHoggie{width:105px;}
.personajesSecciones .lista .itemHoggie .img{background-position:center 92px;}
.personajesSecciones .lista .itemNesho{width:161px;}
.personajesSecciones .lista .itemNesho .img{background-position:center 76px;}
.personajesSecciones .lista .itemAcuarela{width:100px;}
.personajesSecciones .lista .itemAcuarela .img{background-position:center 46px;}
.personajesSecciones .lista .itemBam{width:101px;}
.personajesSecciones .lista .itemBam .img{background-position:center 92px;}
.personajesSecciones .lista .itemArafa{width:120px;}
.personajesSecciones .lista .itemArafa .img{background-position:center 78px;}

.stage01{background-image:url(../img/bg2.jpg); width:100%; height:650px; position:relative; top:0px; z-index:0; background-position:center center; padding-top:58px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
.stage01 .contain { width:1056px; padding:30px; margin:auto;}
.stage01 .contain .caja01{border-radius:75px; border:2px solid #ff6d0d; background:#ffc60d; width:644px; height:474px; padding:25px; float:left; margin-right:20px}
.stage01 .contain .caja01:hover{-ms-animation:wiggle2 .5s ease-in-out infinite;-moz-animation:wiggle2 .5s ease-in-out infinite;-webkit-animation:wiggle2 .5s ease-in-out infinite;animation:wiggle2 .5s ease-in-out infinite;}
.stage01 .contain .caja01 .innerCaja{border:10px solid #d9a80b; border-radius:47px; width:620px; height:451px; background:#ff6d0d; padding:2px}
.stage01 .contain .caja01 .cajaAction{border-radius:34px; width:620px; height:451px; background:#484d60; padding:0px; position:relative; background-size:cover}
.stage01 .contain .caja01 .cajaAction .titulos{width:100%; height:70px; position:absolute; bottom:0px; background:#dadbdf; border-bottom-left-radius:34px; border-bottom-right-radius:34px;}
.stage01 .contain .caja01 .cajaAction .titulos .icono{width:50px; height:50px; background-size:contain; background-repeat:no-repeat; float:left; position:relative; top:10px; left:10px; margin-right:15px}
.stage01 .contain .caja01 .cajaAction .titulos .txt{font-family:'Roboto Condensed'; font-size:17pt; float:left; font-weight:600; height:100%; display:table}
.stage01 .contain .caja01 .cajaAction .titulos .txt div{display:table-cell; vertical-align:middle}

.stage01 .contain .caja02{border-radius:40px; border:2px solid #4075c2; background:#79a6e6; width:310px; height:226px; padding:12px; float:left; margin-bottom:20px; cursor:pointer}
.stage01 .contain .caja02:hover{-ms-animation:wiggle2 .5s ease-in-out infinite;-moz-animation:wiggle2 .5s ease-in-out infinite;-webkit-animation:wiggle2 .5s ease-in-out infinite;animation:wiggle2 .5s ease-in-out infinite;}
.stage01 .contain .caja02 .innerCaja{border:10px solid #678dc4; border-radius:27px; width:286px; height:201px; background:#4075c2; padding:2px}
.stage01 .contain .caja02 .cajaAction{border-radius:15px; width:286px; height:201px; background:#484d60; padding:0px; position:relative; background-size:cover}
.stage01 .contain .caja02 .cajaAction .titulos{width:100%; height:45px; position:absolute; bottom:0px; background:#dadbdf; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.stage01 .contain .caja02 .cajaAction .titulos .icono{width:35px; height:35px; background-size:contain; background-repeat:no-repeat; float:left; position:relative; top:5px; left:5px; margin-right:10px}
.stage01 .contain .caja02 .cajaAction .titulos .txt{font-family:'Roboto Condensed'; font-size:13pt; float:left; font-weight:600; height:100%; display:table; width:240px}
.stage01 .contain .caja02 .cajaAction .titulos .txt div{display:table-cell; vertical-align:middle}

.stage01 .contain .caja03{border-radius:40px; border:2px solid #bc2a08; background:#ef360b; width:310px; height:226px; padding:12px; float:left; cursor:pointer}
.stage01 .contain .caja03:hover{-ms-animation:wiggle2 .5s ease-in-out infinite;-moz-animation:wiggle2 .5s ease-in-out infinite;-webkit-animation:wiggle2 .5s ease-in-out infinite;animation:wiggle2 .5s ease-in-out infinite;}
.stage01 .contain .caja03 .innerCaja{border:10px solid #cb2e09; border-radius:27px; width:286px; height:201px; background:#bc2a08; padding:2px}
.stage01 .contain .caja03 .cajaAction{border-radius:15px; width:286px; height:201px; background:#484d60; padding:0px; position:relative; background-size:cover}
.stage01 .contain .caja03 .cajaAction .titulos{width:100%; height:45px; position:absolute; bottom:0px; background:#dadbdf; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.stage01 .contain .caja03 .cajaAction .titulos .icono{width:35px; height:35px; background-size:contain; background-repeat:no-repeat; float:left; position:relative; top:5px; left:5px; margin-right:10px}
.stage01 .contain .caja03 .cajaAction .titulos .txt{font-family:'Roboto Condensed'; font-size:13pt; float:left; font-weight:600; height:100%; display:table; width:240px}
.stage01 .contain .caja03 .cajaAction .titulos .txt div{display:table-cell; vertical-align:middle}

.stage01 .iconVideo{background-image:url(../img/videos_icon.png)}
.stage01 .iconJuegos{background-image:url(../img/juegos_icon.png)}
.stage01 .txtVideo{color:#1a7cf1;}
.stage01 .txtJuegos{color:#ff6d0d;}

.stage02{background:#dfe9f5; width:100%; height:auto; position:relative; top:0px}
.stage02 .contain {padding:25px 0px 25px 50px; text-align:center; width:1074px; margin:auto}
.stage02 .contain .itemBig{/*width:100% !important*/ height:382px}
.stage02 .contain .itemBig img{margin-top:-13px}
.stage02 .contain .item{/*background-image:url(../img/toTest.jpg);*/ border-radius:15px; /*width:335px; height:251px;*/ float:left; margin:12px 12px 9px 12px; overflow:hidden; width:22%; vertical-align:top}
.stage02 .contain .item img{width:100%; height:auto}

.foot{background:#84AFE0; width:100%; position:relative; top:0px; font-family: 'Roboto Condensed';}
.foot .facebook{ width:15%; padding:2%; text-align:left; float:left}
.foot .facebook .fb-page{width:285px !important}
.foot .facebook .fb-page span{width:285px !important; height:131px !important}
.foot .facebook .fb-page iframe{width:285px !important; height:131px !important}
.foot .redes{ width:90%; text-align:center; background:#96C7FF; padding:12px 5%}
.foot .redes .content{width:300px; margin:5px auto}
.foot .redes .content div{cursor:pointer}
.foot .redes .fbBtn{background-image:url(../img/fbBtn.png); width:41px; height:40px; float:left; margin-right:16px}
.foot .redes .twBtn{background-image:url(../img/twBtn.png); width:41px; height:40px; float:left; margin-right:17px}
.foot .redes .vimeoBtn{background-image:url(../img/vimeoBtn.png); width:40px; height:41px; float:left; margin-right:16px}
.foot .redes .ytbBtn{background-image:url(../img/ytbBtn.png); width:40px; height:41px; float:left; margin-right:17px}
.foot .redes .mailBtn{background-image:url(../img/mailBtn.png); width:40px; height:41px; float:left}
.foot .redes .fbBtn:hover{background-image:url(../img/fbBtnOver.png); }
.foot .redes .twBtn:hover{background-image:url(../img/twBtnOver.png); }
.foot .redes .vimeoBtn:hover{background-image:url(../img/vimeoBtnOver.png);}
.foot .redes .ytbBtn:hover{background-image:url(../img/ytbBtnOver.png); }
.foot .redes .mailBtn:hover{background-image:url(../img/mailBtnOver.png);}
/*.foot .mapa {display:none}*/
.foot .mapa .content{ padding:50px 0px 0px 5%; width:95%}
.foot .mapa .col{ margin-right:4%; float:left;}
.foot .mapa .col .titular{color:#384A5E; margin-bottom:15px; font-weight:600; font-size:14pt}
.foot .mapa .col .links div{margin-bottom:7px;}
.foot .mapa .col .links a{color:white; font-weight:300}
.foot .info{ width:96%; padding:0px 2% 5px 2%; text-align:right; color:white; font-size:10pt; font-weight:300}
.foot .info p{margin:3px}


/* SECCION JUEGOS */
.stage01Games{background-image:url(../img/bgGames.jpg); width:100%; height:650px; position:relative; top:0px; z-index:0; background-position:center center; padding-top:58px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
.stage01Games .contain { width:1056px; padding:30px; margin:auto;}
.stage01Games .contain .caja01{border-radius:75px; border:2px solid #a3acbc; background:#fff; width:644px; height:474px; padding:25px; float:left; margin-right:20px; cursor:pointer}
.stage01Games .contain .caja01:hover{-ms-animation:wiggle2 .5s ease-in-out infinite;-moz-animation:wiggle2 .5s ease-in-out infinite;-webkit-animation:wiggle2 .5s ease-in-out infinite;animation:wiggle2 .5s ease-in-out infinite;}
.stage01Games .contain .caja01 .innerCaja{border:10px solid #d9d9d9; border-radius:47px; width:620px; height:451px; background:#8b92a0; padding:2px}
.stage01Games .contain .caja01 .cajaAction{border-radius:34px; width:620px; height:451px; background:#484d60; padding:0px; position:relative; background-image:url(../img/juegosPlim.jpg); background-size:cover}
.stage01Games .contain .caja01 .cajaAction .titulos{width:100%; height:70px; position:absolute; bottom:0px; background:#dadbdf; border-bottom-left-radius:34px; border-bottom-right-radius:34px;}
.stage01Games .contain .caja01 .cajaAction .titulos .icono{width:50px; height:50px; background-size:contain; background-repeat:no-repeat; float:left; position:relative; top:10px; left:10px; margin-right:15px}
.stage01Games .contain .caja01 .cajaAction .titulos .txt{font-family:'Roboto Condensed'; font-size:17pt; float:left; font-weight:600; height:100%; display:table}
.stage01Games .contain .caja01 .cajaAction .titulos .txt div{display:table-cell; vertical-align:middle}

.stage01Games .contain .caja02{border-radius:40px; border:2px solid #4075c2; background:#7aa6e6; width:310px; height:226px; padding:12px; float:left; margin-bottom:20px; cursor:pointer}
.stage01Games .contain .caja02:hover{-ms-animation:wiggle2 .5s ease-in-out infinite;-moz-animation:wiggle2 .5s ease-in-out infinite;-webkit-animation:wiggle2 .5s ease-in-out infinite;animation:wiggle2 .5s ease-in-out infinite;}
.stage01Games .contain .caja02 .innerCaja{border:10px solid #688dc4; border-radius:27px; width:286px; height:201px; background:#3664a5; padding:2px}
.stage01Games .contain .caja02 .cajaAction{border-radius:15px; width:286px; height:201px; background:#484d60; padding:0px; position:relative; background-image:url(../img/juegosTuni.jpg); background-size:cover}
.stage01Games .contain .caja02 .cajaAction .titulos{width:100%; height:45px; position:absolute; bottom:0px; background:#dadbdf; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.stage01Games .contain .caja02 .cajaAction .titulos .icono{width:35px; height:35px; background-size:contain; background-repeat:no-repeat; float:left; position:relative; top:5px; left:5px; margin-right:10px}
.stage01Games .contain .caja02 .cajaAction .titulos .txt{font-family:'Roboto Condensed'; font-size:13pt; float:left; font-weight:600; height:100%; display:table; width:240px}
.stage01Games .contain .caja02 .cajaAction .titulos .txt div{display:table-cell; vertical-align:middle}

.stage01Games .contain .caja03{border-radius:40px; border:2px solid #ff6e0d; background:#ffc70d; width:310px; height:226px; padding:12px; float:left; cursor:pointer}
.stage01Games .contain .caja03:hover{-ms-animation:wiggle2 .5s ease-in-out infinite;-moz-animation:wiggle2 .5s ease-in-out infinite;-webkit-animation:wiggle2 .5s ease-in-out infinite;animation:wiggle2 .5s ease-in-out infinite;}
.stage01Games .contain .caja03 .innerCaja{border:10px solid #d9a90b; border-radius:27px; width:286px; height:201px; background:#d95e0b; padding:2px}
.stage01Games .contain .caja03 .cajaAction{border-radius:15px; width:286px; height:201px; background:#484d60; padding:0px; position:relative; background-image:url(../img/juegosWichi.jpg); background-size:cover}
.stage01Games .contain .caja03 .cajaAction .titulos{width:100%; height:45px; position:absolute; bottom:0px; background:#dadbdf; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.stage01Games .contain .caja03 .cajaAction .titulos .icono{width:35px; height:35px; background-size:contain; background-repeat:no-repeat; float:left; position:relative; top:5px; left:5px; margin-right:10px}
.stage01Games .contain .caja03 .cajaAction .titulos .txt{font-family:'Roboto Condensed'; font-size:13pt; float:left; font-weight:600; height:100%; display:table; width:240px}
.stage01Games .contain .caja03 .cajaAction .titulos .txt div{display:table-cell; vertical-align:middle}

.stage01Games .iconVideo{background-image:url(../img/videos_icon.png)}
.stage01Games .iconJuegos{background-image:url(../img/juegos_icon.png)}
.stage01Games .txtVideo{color:#1a7cf1;}
.stage01Games .txtJuegos{color:#ff6d0d;}

.stage02Games{background:#dfe9f5; width:100%; height:auto; position:relative; top:0px}
.stage02Games .contain { width:1080px; padding:55px; text-align:center; margin:auto}
.stage02Games .contain .item{border-radius:15px; float:left; margin:12px; overflow:hidden; width:336px; height:241px; position:relative}
.stage02Games .contain .item img{width:100%; height:auto}
.stage02Games .contain .itemRoll{width:100%; height:251px; background:rgba(247,141,71,0); position:absolute; z-index:3; top:0px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; cursor:pointer}
.stage02Games .contain .itemRoll .logo{ width:80px; height:75px; background-image:url(../img/juegos_icon2.png); position:relative; top:-80px; background-size:contain; margin:auto; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
.stage02Games .contain .itemRoll .txt{ color:white; font-family:'Roboto Condensed'; font-size:17pt; position:absolute; bottom:-70px; width:100%; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-out;}

.stage01Game{background-image:url(../img/bgGame.jpg); width:100%; height:650px; position:relative; top:0px; z-index:0; background-position:top center; padding-top:58px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
.stage01Game .contain { width:1056px; padding:30px; margin:auto;}
.stage01Game .flechinLeft{background-image:url(../img/arrowSlide.png); background-repeat:no-repeat; width:53px; height:88px; position:absolute; top:45%; left:50px; cursor:pointer}
.stage01Game .flechinRight{background-image:url(../img/arrowSlideR.png); background-repeat:no-repeat; width:53px; height:88px; position:absolute; top:45%; right:50px; cursor:pointer}
.stage01Game .flechinLeft:hover{background-image:url(../img/arrowSlideHover.png);}
.stage01Game .flechinRight:hover{background-image:url(../img/arrowSlideRHover.png);}


/* SECCION VIDEOS */
.stage01Videos{background-image:url(../img/bgVideos.jpg); width:100%; height:650px; position:relative; top:0px; z-index:0; background-position:center center; padding-top:58px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
.stage01Videos .contain { width:1056px; padding:30px; margin:auto;}
.stage01Videos .contain .caja01{border-radius:75px; border:2px solid #a3acbc; background:#fff; width:644px; height:474px; padding:25px; float:left; margin-right:20px}
.stage01Videos .contain .caja01:hover{-ms-animation:wiggle2 .5s ease-in-out infinite;-moz-animation:wiggle2 .5s ease-in-out infinite;-webkit-animation:wiggle2 .5s ease-in-out infinite;animation:wiggle2 .5s ease-in-out infinite;}
.stage01Videos .contain .caja01 .innerCaja{border:10px solid #d9d9d9; border-radius:47px; width:620px; height:451px; background:#8b92a0; padding:2px}
.stage01Videos .contain .caja01 .cajaAction{border-radius:34px; width:620px; height:451px; background:#484d60; padding:0px; position:relative}
.stage01Videos .contain .caja01 .cajaAction .titulos{width:100%; height:70px; position:absolute; bottom:0px; background:#dadbdf; border-bottom-left-radius:34px; border-bottom-right-radius:34px;}
.stage01Videos .contain .caja01 .cajaAction .titulos .icono{width:50px; height:50px; background-size:contain; background-repeat:no-repeat; float:left; position:relative; top:10px; left:10px; margin-right:15px}
.stage01Videos .contain .caja01 .cajaAction .titulos .txt{font-family:'Roboto Condensed'; font-size:17pt; float:left; font-weight:600; height:100%; display:table}
.stage01Videos .contain .caja01 .cajaAction .titulos .txt div{display:table-cell; vertical-align:middle}

.stage01Videos .contain .caja02{border-radius:40px; border:2px solid #4075c2; background:#7aa6e6; width:310px; height:226px; padding:12px; float:left; margin-bottom:20px; cursor:pointer}
.stage01Videos .contain .caja02:hover{-ms-animation:wiggle2 .5s ease-in-out infinite;-moz-animation:wiggle2 .5s ease-in-out infinite;-webkit-animation:wiggle2 .5s ease-in-out infinite;animation:wiggle2 .5s ease-in-out infinite;}
.stage01Videos .contain .caja02 .innerCaja{border:10px solid #688dc4; border-radius:27px; width:286px; height:201px; background:#3664a5; padding:2px}
.stage01Videos .contain .caja02 .cajaAction{border-radius:15px; width:286px; height:201px; background:#484d60; padding:0px; position:relative; background-size:cover}
.stage01Videos .contain .caja02 .cajaAction .titulos{width:100%; height:45px; position:absolute; bottom:0px; background:#dadbdf; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.stage01Videos .contain .caja02 .cajaAction .titulos .icono{width:35px; height:35px; background-size:contain; background-repeat:no-repeat; float:left; position:relative; top:5px; left:5px; margin-right:10px}
.stage01Videos .contain .caja02 .cajaAction .titulos .txt{font-family:'Roboto Condensed'; font-size:13pt; float:left; font-weight:600; height:100%; display:table; width:240px}
.stage01Videos .contain .caja02 .cajaAction .titulos .txt div{display:table-cell; vertical-align:middle}

.stage01Videos .contain .caja03{border-radius:40px; border:2px solid #ff6e0d; background:#ffc70d; width:310px; height:226px; padding:12px; float:left; cursor:pointer}
.stage01Videos .contain .caja03:hover{-ms-animation:wiggle2 .5s ease-in-out infinite;-moz-animation:wiggle2 .5s ease-in-out infinite;-webkit-animation:wiggle2 .5s ease-in-out infinite;animation:wiggle2 .5s ease-in-out infinite;}
.stage01Videos .contain .caja03 .innerCaja{border:10px solid #d9a90b; border-radius:27px; width:286px; height:201px; background:#d95e0b; padding:2px}
.stage01Videos .contain .caja03 .cajaAction{border-radius:15px; width:286px; height:201px; background:#484d60; padding:0px; position:relative; background-size:cover}
.stage01Videos .contain .caja03 .cajaAction .titulos{width:100%; height:45px; position:absolute; bottom:0px; background:#dadbdf; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.stage01Videos .contain .caja03 .cajaAction .titulos .icono{width:35px; height:35px; background-size:contain; background-repeat:no-repeat; float:left; position:relative; top:5px; left:5px; margin-right:10px}
.stage01Videos .contain .caja03 .cajaAction .titulos .txt{font-family:'Roboto Condensed'; font-size:13pt; float:left; font-weight:600; height:100%; display:table; width:240px}
.stage01Videos .contain .caja03 .cajaAction .titulos .txt div{display:table-cell; vertical-align:middle}

.stage01Videos .iconVideo{background-image:url(../img/videos_icon.png)}
.stage01Videos .iconJuegos{background-image:url(../img/juegos_icon.png)}
.stage01Videos .txtVideo{color:#1a7cf1;}
.stage01Videos .txtJuegos{color:#ff6d0d;}

.stage02Videos{background:#dfe9f5; width:100%; height:auto; position:relative; top:0px}
.stage02Videos .contain { width:100%; text-align:center; padding-top:55px; padding-bottom:55px}
.stage02Videos .contain .section {width:1080px; margin:auto; overflow:hidden}
.stage02Videos .contain .itemMask{ height:280px; overflow:hidden; left:0px; position:relative; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-out;}
.stage02Videos .contain .item{border-radius:25px; float:left; margin:12px; overflow:hidden; width:98%; height:244px; position:relative}
.stage02Videos .contain .item img{width:100%; height:auto}
.stage02Videos .contain .itemRoll{width:100%; height:251px; background:rgba(26,125,242,0); position:absolute; z-index:3; top:0px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; cursor:pointer}
.stage02Videos .contain .itemRoll .logo{ width:80px; height:75px; background-image:url(../img/videos_icon2.png); position:relative; top:-80px; background-size:contain; margin:auto; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
.stage02Videos .contain .itemRoll .txt{ color:white; font-family:'Roboto Condensed'; font-size:17pt; position:absolute; bottom:-70px; width:100%; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-out;}
.stage02Videos .tituloide{color:#1a7cf1; border-top: 2px solid #1a7cf1; font-family:'Roboto Condensed'; font-size:18pt; padding: 15px 0px; text-align:left; font-weight:bold; cursor:pointer; width:1055px; margin:auto}
.stage02Videos .controles {width:1200px; margin:auto; position:relative; display:none}
.stage02Videos .controles .arrowSlideLeft{ background-image:url(../img/arrowSlide.png); width:53px; height:88px; cursor:pointer; position:absolute; left:0px; top:-190px; display:none}
.stage02Videos .controles .arrowSlideRight{ background-image:url(../img/arrowSlideR.png); width:53px; height:88px; cursor:pointer; position:absolute; right:0px; top:-190px; display:none}
.stage02Videos .controles .arrowSlideLeft:hover{ background-image:url(../img/arrowSlideHover.png);}
.stage02Videos .controles .arrowSlideRight:hover{ background-image:url(../img/arrowSlideRHover.png); }

.stage01Video{background-image:url(../img/bgVideo.jpg); width:100%; height:650px; position:relative; top:0px; z-index:0; background-position:center center; padding-top:58px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
.stage01Video .contain { width:1056px; padding:30px; margin:auto;}
.stage01Video .flechinLeft{background-image:url(../img/arrowSlide.png); background-repeat:no-repeat; width:53px; height:88px; position:absolute; top:45%; left:50px; cursor:pointer}
.stage01Video .flechinRight{background-image:url(../img/arrowSlideR.png); background-repeat:no-repeat; width:53px; height:88px; position:absolute; top:45%; right:50px; cursor:pointer}
.stage01Videos .controles .arrowSlideLeft:hover{ background-image:url(../img/arrowSlideHover.png);}
.stage01Videos .controles .arrowSlideRight:hover{ background-image:url(../img/arrowSlideRHover.png); }

/* SECCION PERSONAJE */
.stage01Personaje{
		width:100%; 
		height:650px; 
		position:relative; 
		top:0px; 
		z-index:0; 
		padding-top:58px; 
		-webkit-transition:all 0.3s ease-in; 
		-moz-transition:all 0.3s ease-in; 
		-o-transition:all 0.3s ease-in; 
}

.btnJuegosWeb{display:block}
.btnJuegosMobil{display:none}

.stage01Personaje .contain { width:1068px; padding:30px 0px 60px 0px; margin:auto;}
.stage01Personaje .contain .caja01{width:693px; height:525px; float:left; margin-right:37px}

.stage01Personaje .contain .caja02{border-radius:40px; width:310px; height:226px; padding:12px; float:left; margin-bottom:20px; cursor:pointer}
.stage01Personaje .contain .caja02:hover{-ms-animation:wiggle2 .5s ease-in-out infinite;-moz-animation:wiggle2 .5s ease-in-out infinite;-webkit-animation:wiggle2 .5s ease-in-out infinite;animation:wiggle2 .5s ease-in-out infinite;}
.stage01Personaje .contain .caja02 .innerCaja{border-radius:27px; width:286px; height:201px; padding:2px}
.stage01Personaje .contain .caja02 .cajaAction{border-radius:15px; width:286px; height:201px; background:#484d60; padding:0px; position:relative; background-size:100%}
.stage01Personaje .contain .caja02 .cajaAction .titulos{width:100%; height:45px; position:absolute; bottom:0px; background:#dadbdf; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.stage01Personaje .contain .caja02 .cajaAction .titulos .icono{width:35px; height:35px; background-size:contain; background-repeat:no-repeat; float:left; position:relative; top:5px; left:5px; margin-right:10px}
.stage01Personaje .contain .caja02 .cajaAction .titulos .txt{font-family:'Roboto Condensed'; font-size:13pt; float:left; font-weight:600; height:100%; display:table; width:240px}
.stage01Personaje .contain .caja02 .cajaAction .titulos .txt div{display:table-cell; vertical-align:middle}

.stage01Personaje .contain .caja03{border-radius:40px; width:310px; height:226px; padding:12px; float:left; cursor:pointer; display:none}
.stage01Personaje .contain .caja03:hover{-ms-animation:wiggle2 .5s ease-in-out infinite;-moz-animation:wiggle2 .5s ease-in-out infinite;-webkit-animation:wiggle2 .5s ease-in-out infinite;animation:wiggle2 .5s ease-in-out infinite;}
.stage01Personaje .contain .caja03 .innerCaja{border-radius:27px; width:286px; height:201px; padding:2px}
.stage01Personaje .contain .caja03 .cajaAction{border-radius:15px; width:286px; height:201px; background:#484d60; padding:0px; position:relative; background-size:cover}
.stage01Personaje .contain .caja03 .cajaAction .titulos{width:100%; height:45px; position:absolute; bottom:0px; background:#dadbdf; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.stage01Personaje .contain .caja03 .cajaAction .titulos .icono{width:35px; height:35px; background-size:contain; background-repeat:no-repeat; float:left; position:relative; top:5px; left:5px; margin-right:10px}
.stage01Personaje .contain .caja03 .cajaAction .titulos .txt{font-family:'Roboto Condensed'; font-size:13pt; float:left; font-weight:600; height:100%; display:table; width:240px}
.stage01Personaje .contain .caja03 .cajaAction .titulos .txt div{display:table-cell; vertical-align:middle}

.stage01Personaje .iconVideo{background-image:url(../img/videos_icon.png)}
.stage01Personaje .iconJuegos{background-image:url(../img/juegos_icon.png)}
.stage01Personaje .txtVideo{color:#1a7cf1;}
.stage01Personaje .txtJuegos{color:#ff6d0d;}

.stage02Personaje {width:100%; height:auto; position:relative; top:0px}
.stage02Personaje .contain { width:1068px; padding:25px 0px 55px; text-align:center; margin:auto}
.stage02Personaje .contain .item{border-radius:15px; float:left; margin:15px; overflow:hidden; width:336px; height:251px; position:relative}
.stage02Personaje .contain .itemFirst{ margin-left:0px}
.stage02Personaje .contain .itemLast{ margin-right:0px}
.stage02Personaje .contain .item img{width:100%; height:auto}
.stage02Personaje .contain .itemRoll{width:100%; height:251px; background:rgba(247,141,71,0); position:absolute; z-index:3; top:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; cursor:pointer}
.stage02Personaje .contain .itemRoll .logo{ width:80px; height:75px; background-image:url(../img/juegos_icon2.png); position:relative; top:-80px; background-size:contain; margin:auto; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
.stage02Personaje .contain .itemRoll .txt{ color:white; font-family:'Roboto Condensed'; font-size:17pt; position:absolute; bottom:-70px; width:100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
.stage02Personaje .contain .itemFoto .logo{background-image:url(../img/fotos_icon2.png);}
.stage02Personaje .contain .itemActividad .logo{background-image:url(../img/actividades_icon2.png);}
.stage02Personaje .contain .itemPintar .logo{background-image:url(../img/pintar_icon2.png);}
.stage02Personaje .contain .itemCumple .logo{background-image:url(../img/invitacion_icon2.png);}

.hoggiesBg{background:url(../personajes/hoggieBg.jpg); background-position:top; background-repeat:no-repeat}
.hoggiesBg .contain {border-bottom:2px solid #7bc618}
.hoggiesBg .caja02{border:2px solid #5bb317; background:#bfe81d;}
.hoggiesBg .caja02 .innerCaja{border:10px solid #a3c519; background:#4d9814;}
.hoggiesBg .caja03{border:2px solid #5bb317; background:#bfe81d;}
.hoggiesBg .caja03 .innerCaja{border:10px solid #a3c519; background:#4d9814;}

.acuarelaBg{background:url(../personajes/acuarelaBg.jpg); background-position:top; background-repeat:no-repeat}
.acuarelaBg .contain {border-bottom:2px solid #fdcd00}
.acuarelaBg .caja02{border:2px solid #c9570b; background:#ff9e0d;}
.acuarelaBg .caja02 .innerCaja{border:10px solid #d9860b; background:#ab4a09;}
.acuarelaBg .caja03{border:2px solid #c9570b; background:#ff9e0d;}
.acuarelaBg .caja03 .innerCaja{border:10px solid #d9860b; background:#ab4a09;}

.tuniBg{background:url(../personajes/tuniBg.jpg); background-position:top; background-repeat:no-repeat}
.tuniBg .contain {border-bottom:2px solid #fdcd00}
.tuniBg .caja02{border:2px solid #c9570b; background:#ff9e0d;}
.tuniBg .caja02 .innerCaja{border:10px solid #d9860b; background:#ab4a09;}
.tuniBg .caja03{border:2px solid #c9570b; background:#ff9e0d;}
.tuniBg .caja03 .innerCaja{border:10px solid #d9860b; background:#ab4a09;}

.neshoBg{background:url(../personajes/neshoBg.jpg); background-position:top; background-repeat:no-repeat}
.neshoBg .contain {border-bottom:2px solid #f08b00}
.neshoBg .caja02{border:2px solid #ff6e0d; background:#ffc70d;}
.neshoBg .caja02 .innerCaja{border:10px solid #d9a90b; background:#d95e0b;}
.neshoBg .caja03{border:2px solid #ff6e0d; background:#ffc70d;}
.neshoBg .caja03 .innerCaja{border:10px solid #d9a90b; background:#d95e0b;}

.bamBg{background:url(../personajes/bamBg.jpg); background-position:top; background-repeat:no-repeat}
.bamBg .contain {border-bottom:2px solid #079cf2}
.bamBg .caja02{border:2px solid #407fad; background:#6ec3ff;}
.bamBg .caja02 .innerCaja{border:10px solid #61ade2; background:#407fad;}
.bamBg .caja03{border:2px solid #407fad; background:#6ec3ff;}
.bamBg .caja03 .innerCaja{border:10px solid #61ade2; background:#407fad;}

.mei-liBg{background:url(../personajes/mei-liBg.jpg); background-position:top; background-repeat:no-repeat}
.mei-liBg .contain {border-bottom:2px solid #fa90bc}
.mei-liBg .caja02{border:2px solid #a16ab0; background:#dc7cf5;}
.mei-liBg .caja02 .innerCaja{border:10px solid #bb6ad0; background:#895a96;}
.mei-liBg .caja03{border:2px solid #a16ab0; background:#dc7cf5;}
.mei-liBg .caja03 .innerCaja{border:10px solid #bb6ad0; background:#895a96;}

.plimBg{background:url(../personajes/plimBg.jpg); background-position:top; background-repeat:no-repeat}
.plimBg .contain {border-bottom:2px solid #4abbc9}
.plimBg .caja02{border:2px solid #1b83cf; background:#42b0ff;}
.plimBg .caja02 .innerCaja{border:10px solid #3896d9; background:#1b83cf;}
.plimBg .caja03{border:2px solid #1b83cf; background:#42b0ff;}
.plimBg .caja03 .innerCaja{border:10px solid #3896d9; background:#1b83cf;}

.arafaBg{background:url(../personajes/arafaBg.jpg); background-position:top; background-repeat:no-repeat}
.arafaBg .contain {border-bottom:2px solid #ffbea6}
.arafaBg .caja02{border:2px solid #c97051; background:#ff8f66;}
.arafaBg .caja02 .innerCaja{border:10px solid #d97a57; background:#ab5f45;}
.arafaBg .caja03 {border:2px solid #c97051; background:#ff8f66;}
.arafaBg .caja03 .innerCaja{border:10px solid #d97a57; background:#ab5f45;}

.wichiBg{background:url(../personajes/wichiBg.jpg); background-position:top; background-repeat:no-repeat}
.wichiBg .contain {border-bottom:2px solid #4dbdff}
.wichiBg .caja02{border:2px solid #0088d4; background:#47bdff;}
.wichiBg .caja02 .innerCaja{border:10px solid #3ca1d9; background:#0088d4;}
.wichiBg .caja03 {border:2px solid #0088d4; background:#47bdff;}
.wichiBg .caja03 .innerCaja{border:10px solid #3ca1d9; background:#0088d4;}