html,body{width:100%;height:100%;min-height:100%;margin:0;padding:0;font-family: 'Amaranth', sans-serif;font-size:17px;font-weight:700;color:#666;}
body{background:#00ADC2 url(../images/mar.gif) center center no-repeat fixed;background-size:cover;}
header{position:relative;padding-bottom:10px;}
a{text-decoration:none !important;color:#ed6b14;}
h1{margin:0 0 30px 0;font-family: 'Luckiest Guy', cursive;font-size:30px;font-weight:400;color:#ed6b14;}
h4.modal-title{font-family: 'Luckiest Guy', cursive;font-weight:400;color:#ed6b14;}
b,strong{color:#ed6b14;font-weight:700;}
textarea{resize:none;}

.btn{font-family:'Amaranth', sans-serif;}

#intro{width:100%;height:100%;position:fixed;top:0;left:0;background:#fff;z-index:99;}
#mariposa{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden;z-index:999;}
#mariposa>div{width:94px;height:95px;position:absolute;left:-100px;top:50%;background:transparent url(../images/mariposa.png) center center no-repeat scroll;background-size:cover;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);-webkit-transition:all 3500ms linear;-moz-transition:all 3500ms linear;-o-transition:all 3500ms linear;-ms-transition:all 3500ms linear;transition:all 3500ms linear;}
#mariposa>div.active{width:200px;height:202px;left:110%;top:0%;-moz-transform: rotate(0deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
#nubes{width:100%;height:100%;position:fixed;top:0;left:0;background:transparent url(../images/nubes.png)center center no-repeat scroll;background-size:150%;z-index:9999;}

.cpislas{-webkit-animation: cpislas 3s steps(10) infinite;animation: cpislas 3s steps(10) infinite;}
.btnisla{display:block;}
.btnisla:hover{opacity:1;}
.btnisla img.icon{position:absolute;bottom:60%;left:60%;width:0%;height:auto;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear;}
.btnisla:hover img.icon{width:50%;opacity:1;filter:alpha(opacity=100);-moz-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-o-transform: rotate(-360deg);-ms-transform: rotate(-360deg);transform: rotate(-360deg);}
.btnisla.top-left{padding-top:150px;padding-right:0px;padding-bottom:0px;padding-left:200px;}
.btnisla.top-left:hover img.icon{bottom:-2%;left:-10%;}
.btnisla.top-right{padding-top:150px;padding-right:200px;padding-bottom:0px;padding-left:0px;}
.btnisla.top-right:hover img.icon{bottom:8%;left:5%;}
.btnisla.bottom-left{padding-top:0px;padding-right:0px;padding-bottom:150px;padding-left:200px;}
.btnisla.bottom-left:hover img.icon{bottom:-1%;left:-5%;}
.btnisla.bottom-right{padding-top:0px;padding-right:200px;padding-bottom:150px;padding-left:0px;}
.btnisla.bottom-right:hover img.icon{bottom:-10%;left:50%;}

.btnlang{width:25px;height:25px;margin:0;padding:0;text-align:center;font-family:arial;font-size:12px;font-weight:normal;color:#666;line-height:25px;background:#fff;position:absolute;top:5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.btnlang.es{right:100px;}
.btnlang.fr{right:65px;}
.btnlang.pt{right:30px;}
.btnanimalistos,.btncuentos,.btnjuegos,.btnnewsletter,.btncanciones,.btnvideos,.btnpadres{width:159px;height:57px;position:absolute;display:block;background-size:cover;-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear;}
.btnhome{width:29%;height:55%;margin:0;padding:0;position:absolute;top:37%;left:5%;display:block;}
.mainmenu_es .btnanimalistos{background:transparent url(../images/es/btnanimalistos.png) center center no-repeat scroll;top:40px;left:395px;z-index:2;}
.mainmenu_es .btncanciones{background:transparent url(../images/es/btncanciones.png) center center no-repeat scroll;top:25px;left:525px;z-index:3;}
.mainmenu_es .btncuentos{background:transparent url(../images/es/btncuentos.png) center center no-repeat scroll;position:absolute;display:block;top:65px;left:630px;z-index:2;}
.mainmenu_es .btnvideos{background:transparent url(../images/es/btnvideos.png) center center no-repeat scroll;position:absolute;display:block;top:10px;left:715px;z-index:1;}
.mainmenu_es .btnjuegos{background:transparent url(../images/es/btnjuegos.png) center center no-repeat scroll;position:absolute;display:block;top:40px;left:840px;z-index:2;}
.mainmenu_es .btnpadres{background:transparent url(../images/es/btnpadres.png) center center no-repeat scroll;position:absolute;display:block;top:65px;left:965px;z-index:3;}
.mainmenu_es .btnnewsletter{width:134px;height:46px;background:transparent url(../images/btnnewsletter.png) center center no-repeat scroll;position:absolute;display:block;top:130px;left:975px;z-index:3;}

.mainmenu_fr .btnanimalistos{background:transparent url(../images/fr/btnanimalistos.png) center center no-repeat scroll;top:40px;left:395px;z-index:2;}
.mainmenu_fr .btncanciones{background:transparent url(../images/fr/btncanciones.png) center center no-repeat scroll;top:25px;left:525px;z-index:3;}
.mainmenu_fr .btncuentos{background:transparent url(../images/fr/btncuentos.png) center center no-repeat scroll;position:absolute;display:block;top:65px;left:630px;z-index:2;}
.mainmenu_fr .btnvideos{background:transparent url(../images/fr/btnvideos.png) center center no-repeat scroll;position:absolute;display:block;top:10px;left:715px;z-index:1;}
.mainmenu_fr .btnjuegos{background:transparent url(../images/fr/btnjuegos.png) center center no-repeat scroll;position:absolute;display:block;top:40px;left:840px;z-index:2;}
.mainmenu_fr .btnpadres{background:transparent url(../images/fr/btnpadres.png) center center no-repeat scroll;position:absolute;display:block;top:65px;left:965px;z-index:3;}
.mainmenu_fr .btnnewsletter{width:134px;height:46px;background:transparent url(../images/pt/btnnewsletter.png) center center no-repeat scroll;position:absolute;display:block;top:130px;left:975px;z-index:3;}

.mainmenu_pt .btnanimalistos{background:transparent url(../images/pt/btnanimalistos.png) center center no-repeat scroll;top:40px;left:395px;z-index:2;}
.mainmenu_pt .btncanciones{background:transparent url(../images/pt/btncanciones.png) center center no-repeat scroll;top:25px;left:525px;z-index:3;}
.mainmenu_pt .btncuentos{background:transparent url(../images/pt/btncuentos.png) center center no-repeat scroll;position:absolute;display:block;top:65px;left:630px;z-index:2;}
.mainmenu_pt .btnvideos{background:transparent url(../images/pt/btnvideos.png) center center no-repeat scroll;position:absolute;display:block;top:10px;left:715px;z-index:1;}
.mainmenu_pt .btnjuegos{background:transparent url(../images/pt/btnjuegos.png) center center no-repeat scroll;position:absolute;display:block;top:40px;left:840px;z-index:2;}
.mainmenu_pt .btnpadres{background:transparent url(../images/pt/btnpadres.png) center center no-repeat scroll;position:absolute;display:block;top:65px;left:965px;z-index:3;}
.mainmenu_pt .btnnewsletter{width:134px;height:46px;background:transparent url(../images/pt/btnnewsletter.png) center center no-repeat scroll;position:absolute;display:block;top:130px;left:975px;z-index:3;}

.mail{width:100px;height:75px;margin:0;background: url(../images/mail.png) left center;-webkit-animation: mail .4s steps(10) infinite;animation: mail .4s steps(10) infinite;text-decoration:none;display:block;position:absolute;top:130px;right:0;z-index:4;}
.btnanimalistos:hover,.btncuentos:hover,.btnjuegos:hover,.btnnewsletter:hover{-moz-transform: rotate(5deg);-webkit-transform: rotate(5deg);-o-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg);}
.btncanciones:hover,.btnvideos:hover,.btnpadres:hover{-moz-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);-o-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg);}

.dif-container{position:relative;}
.img-diferences{cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.col-gui{text-align:center;color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.col-gui div{width:100%;height:33.33333%;display:table;}
.col-gui div+div{border-top:1px solid #fff;}
.col-gui div p{display:table-cell;vertical-align:middle;font-size:18px;}
.col-gui span{text-align:center;display:block;color:#fff;font-family:'Luckiest Guy', cursive;font-size:36px;}
.card.back, .card.front {border:2px solid #fff !important;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.memo-bali{background:#56B3DC;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.memo-bali .card.back {background: url(/images/memory_bali_dorso.jpg);background-size:cover;}
.memo-doc{background:#D87858;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.memo-doc .card.back {background: url(/images/memory_doc_dorso.jpg);background-size:cover;}
.memo-haku{background:#70AE7F;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.memo-haku .card.back {background: url(/images/memory_haku_dorso.jpg);background-size:cover;}
.memo-matt{background:#F5A060;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.memo-matt .card.back {background: url(/images/memory_matt_dorso.jpg);background-size:cover;}
.card.front {border-color:#fff !important;}
img[usemap], map area{outline: none;}

.navbar-default{background:transparent;border-color:transparent;}
.navbar-brand{height:auto;padding:0;position:absolute;}
.navbar-collapse{box-shadow:inset 0 0 0 rgba(255,255,255,0);-webkit-box-shadow:inset 0 0 0 rgba(255,255,255,0);}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:transparent;}
.navbar-toggle,.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{margin-top:20px;margin-right:20px;background:transparent url(../images/btnmenu.png) center center no-repeat scroll;}
.navbar-default .navbar-toggle{border-color:transparent;}
.navbar-default .navbar-toggle .icon-bar{background-color:#813317;}
.navbar-default .navbar-nav > li > a{color:#813317;font-size:16px;-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);border:1px solid #ccc;}
.navbar-nav > li > a{margin:5px 10px;background:#fff;background:rgba(255,255,255,0.95);color:#fff;font-weight:bold;text-align:center;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background:rgba(255,255,255,0.95);color:#813317;}

.haku,.matt,.doc,.mei{width:110px;height:100px;margin:0;-webkit-animation: animalisto 3s steps(10) infinite;animation: animalisto 3s steps(10) infinite;text-decoration:none;display:block;position:absolute;}
.haku{background: url(../images/sprite-haku.png) left center;bottom:25%;left:25%;}
.matt{background: url(../images/sprite-matt.png) left center;bottom:12%;right:23%;}
.doc{background: url(../images/sprite-doc.png) left center;bottom:9%;right:12%;}
.mei{background: url(../images/sprite-mei.png) left center;bottom:30%;right:50%;}

.hakuhd,.matthd,.dochd,.meihd{width:300px;height:320px;margin:0;text-decoration:none;display:block;position:absolute;}
.hakuhd{background: url(../images/sprite-haku-hd.png) left center;bottom:32%;left:6%;z-index:1;}
.matthd{background: url(../images/sprite-matt-hd.png) left center;bottom:33%;right:27%;z-index:1;}
.dochd{background: url(../images/sprite-doc-hd.png) left center;bottom:30%;right:47%;z-index:2;}
.meihd{background: url(../images/sprite-mei-hd.png) left center;bottom:29%;right:6%;z-index:2;}
.hakuhd:hover,.matthd:hover,.dochd:hover,.meihd:hover{-webkit-animation: animalistohd 2s steps(4) infinite;animation: animalistohd 2s steps(4) infinite;}
.haku-logo,.matt-logo,.doc-logo,.bali-logo{width:0px;position:absolute;bottom:35%;z-index:5;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear;}
.haku-logo{left:14%;}
.doc-logo{left:33%;}
.matt-logo{right:34%;}
.bali-logo{right:14%;}
.haku-logo.active,.matt-logo.active,.doc-logo.active,.bali-logo.active{width:150px;bottom:10%;opacity:1;filter:alpha(opacity=100);-moz-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-o-transform: rotate(-360deg);-ms-transform: rotate(-360deg);transform: rotate(-360deg);}

.panel{max-width:1070px;margin:50px auto;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;}
.panel-body{padding:50px;position:relative;}
.btnback{position:absolute;bottom:35px;left:40px;font-family:'Luckiest Guy', cursive;font-weight:400;text-transform:uppercase;}
.island-container{max-width:900px;margin:0 auto;position:relative;}
.popover{width:276px;padding:10px;background:#ed6b14;border:3px solid #fff;font-family: 'Amaranth', sans-serif;color:#fff;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.popover-content{width:100%;height:110px;display: flex;align-items: center;}
.popover img{width:90px;height:90px;margin-right:10px;float:left;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.popover-title{display:none;}
.popover > .arrow::after{border-width:12px;}
.popover.left > .arrow{right:-12px;border-left-color:transparent;}
.popover.left > .arrow::after{border-left-color:#fff;right:0;}
.popover.right > .arrow{left:-12px;border-right-color:transparent;}
.popover.right > .arrow::after{border-right-color:#fff;left:0;}
.popover.top > .arrow{bottom:-12px;border-top-color:transparent;}
.popover.top > .arrow::after{border-top-color:#fff;bottom:0;}
.popover.bottom > .arrow{top:-12px;border-bottom-color:transparent;}
.popover.bottom > .arrow::after{border-bottom-color:#fff;top:0;}

.modal-content.transparent{background:transparent;-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 rgba(0,0,0,0);border:0 none;}
.modal-content.transparent .modal-header{border-bottom:0 none;padding:0;}
.modal-content.transparent .modal-body{padding:0;}
.modal-content.transparent .close{filter:alpha(opacity=100);opacity:1;color:#fff;font-size:50px;}

#wellcome{font-family: 'Luckiest Guy', cursive;font-weight:400;position:absolute;z-index:-1;top:45%;left:40%;color: #fff;font-size: 24px;width: 20%;text-align: center;text-shadow: 0 0 3px #000000;display:none;}

.nav-pills.right>li{float:right;}
.nav-pills>li>a{border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;color:#fff;font-weight:bold;min-width:110px;text-align:center;margin-left:20px;}
.bg-doc>a,.col-gui.gui-doc{background:#c31919;}
.bg-matt>a,.col-gui.gui-matt{background:#ed6b10;}
.bg-bali>a,.col-gui.gui-bali{background:#088cc4;}
.bg-haku>a,.col-gui.gui-haku{background:#0d8b46;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{color:#fff;background:#ccc;}
.nav > li > a:focus, .nav > li > a:hover{color:#fff;background:#ccc;}

.row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.btn-audio{position:relative;display:block;}
.btn-audio span{width:126px;height:126px;background:transparent url(/images/sprite-player.png) 0 0 no-repeat scroll;position:absolute;top:6%;right:45%;}
.btn-audio.active span{background-position:-126px 0;}
.col-lg-3 .btn-audio span{right:40%;top:3%;}

footer{color:#fff;}
footer img{vertical-align:middle;}
footer a{margin:0 5px;font-size:12px;color:#fff;text-decoration:none;}
footer a:hover{color:#fff;text-decoration:underline;}

.btnpagina,.btnpagina:focus,.btnpagina:hover{font-family: 'Luckiest Guy', cursive;font-size: 30px;line-height:40px;font-weight: 400;color: #ed6b14;margin:0 5px;}
.btnprne,.btnprne:focus,.btnprne:hover{width:40px;font-family: 'Luckiest Guy', cursive;font-size: 50px;line-height:40px;font-weight: 400;background:#ed6b14;color:#fff;margin:0 5px;display:inline-block;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.btnpagina.active{text-decoration:underline !important;}
.btn-cuento span{width:97px;height:97px;background:transparent url(/images/sprite-cuento.png) 0 0 no-repeat scroll;display:block;}
.btn-cuento.active span{background-position:-97px 0;}
.row-eq-height{display:table;}
.row-eq-height>div{display:table-cell;vertical-align:middle;float:none;}

@-webkit-keyframes cpislas{
    50%{-moz-transform: scale(0.99);-webkit-transform: scale(0.99);-o-transform: scale(0.99);-ms-transform: scale(0.99);transform: scale(0.99);}
    100%{-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
}
@keyframes cpislas{
    50%{-moz-transform: scale(0.99);-webkit-transform: scale(0.99);-o-transform: scale(0.99);-ms-transform: scale(0.99);transform: scale(0.99);}
    100%{-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
}

@-webkit-keyframes mail{
    100% { background-position:-1000px;}
}
@keyframes mail{
    100% { background-position:-1000px;}
}

@-webkit-keyframes animalisto{
    100% { background-position: -1100px;}
}
@keyframes animalisto{
    100% { background-position: -1100px;}
}

@-webkit-keyframes animalistohd{
    100% { background-position: -1200px;}
}
@keyframes animalistohd{
    100% { background-position: -1200px;}
}

.domo-animation-1{width:160px;height:170px;position:absolute;top:24%;left:69%;background: url(../images/domo-animation-1.png) 0 0;-webkit-animation: domo-animation-1 1.75s steps(9) infinite;animation: domo-animation-1 1.75s steps(9) infinite;}
/*.domo-animation-1.active{-webkit-animation: domo-animation-1 1.75s steps(9) infinite;animation: domo-animation-1 1.75s steps(9) infinite;}*/
.domo-animation-4{width:200px;height:40px;position:absolute;top:12%;left:39%;background: url(../images/domo-animation-4.png) 0 0;-webkit-animation: domo-animation-4 2s steps(10) infinite;animation: domo-animation-4 2s steps(10) infinite;}
/*.domo-animation-4.active{-webkit-animation: domo-animation-4 2s steps(10) infinite;animation: domo-animation-4 2s steps(10) infinite;}*/
.domo-animation-5{width:254px;height:170px;position:absolute;top:10%;left:7%;background: url(../images/domo-animation-5.png) 0 0;-webkit-animation: domo-animation-5 1s steps(4) infinite;animation: domo-animation-5 1s steps(4) infinite;}
/*.domo-animation-5.active{-webkit-animation: domo-animation-5 1s steps(4) infinite;animation: domo-animation-5 1s steps(4) infinite;}*/

.suma-animation-1{width:171px;height:125px;position:absolute;top:27%;left:65%;background: url(../images/suma-animation-1.png) 0 0;-webkit-animation: suma-animation-1 2s steps(8) infinite;animation: suma-animation-1 2s steps(8) infinite;}
/*.suma-animation-1.active{-webkit-animation: suma-animation-1 2s steps(8) infinite;animation: suma-animation-1 2s steps(8) infinite;}*/
.suma-animation-2{width:93px;height:70px;position:absolute;top:6%;left:68%;background: url(../images/suma-animation-2.png) 0 0;-webkit-animation: suma-animation-2 1s steps(11) infinite;animation: suma-animation-2 1s steps(11) infinite;}
/*.suma-animation-2.active{-webkit-animation: suma-animation-2 1s steps(11) infinite;animation: suma-animation-2 1s steps(11) infinite;}*/
.suma-animation-5{width:105px;height:60px;position:absolute;top:40%;left:43%;background: url(../images/suma-animation-5.png) 0 0;-webkit-animation: suma-animation-5 1s steps(8) infinite;animation: suma-animation-5 1s steps(8) infinite;}
/*.suma-animation-5.active{-webkit-animation: suma-animation-5 1s steps(8) infinite;animation: suma-animation-5 1s steps(8) infinite;}*/

.umbu-animation-2{width:80px;height:10px;position:absolute;top:66%;left:52%;background: url(../images/umbu-animation-2.png) 0 0;-webkit-animation: umbu-animation-2 2s steps(14) infinite;animation: umbu-animation-2 2s steps(14) infinite;}
/*.umbu-animation-2.active{-webkit-animation: umbu-animation-2 2s steps(14) infinite;animation: umbu-animation-2 2s steps(14) infinite;}*/
.umbu-animation-3{width:100px;height:80px;position:absolute;top:23%;left:58%;background: url(../images/umbu-animation-3.png) 0 0;-webkit-animation: umbu-animation-3 1s steps(11) infinite;animation: umbu-animation-3 1s steps(11) infinite;}
/*.umbu-animation-3.active{-webkit-animation: umbu-animation-3 1s steps(11) infinite;animation: umbu-animation-3 1s steps(11) infinite;}*/
.umbu-animation-4{width:110px;height:50px;position:absolute;top:26%;left:40%;background: url(../images/umbu-animation-4.png) 0 0;-webkit-animation: umbu-animation-4 1s steps(10) infinite;animation: umbu-animation-4 1s steps(10) infinite;}
/*.umbu-animation-4.active{-webkit-animation: umbu-animation-4 1s steps(10) infinite;animation: umbu-animation-4 1s steps(10) infinite;}*/
.umbu-animation-5{width:100px;height:80px;position:absolute;top:26%;left:15%;background: url(../images/umbu-animation-5.png) 0 0;-webkit-animation: umbu-animation-5 1s steps(11) infinite;animation: umbu-animation-5 1s steps(11) infinite;}
/*.umbu-animation-5.active{-webkit-animation: umbu-animation-5 1s steps(11) infinite;animation: umbu-animation-5 1s steps(11) infinite;}*/

.mei-animation-2{width:92px;height:50px;position:absolute;top:33%;left:58%;background: url(../images/mei-animation-2.png) 0 0;-webkit-animation: mei-animation-2 5s steps(10) infinite;animation: mei-animation-2 5s steps(10) infinite;}
/*.mei-animation-2.active{-webkit-animation: mei-animation-2 5s steps(10) infinite;animation: mei-animation-2 5s steps(10) infinite;}*/
.mei-animation-4{width:110px;height:140px;position:absolute;top:45%;left:15%;background: url(../images/mei-animation-4.png) 0 0;-webkit-animation: mei-animation-4 1s steps(10) infinite;animation: mei-animation-4 1s steps(10) infinite;}
/*.mei-animation-4.active{-webkit-animation: mei-animation-4 1s steps(10) infinite;animation: mei-animation-4 1s steps(10) infinite;}*/

@-webkit-keyframes domo-animation-1{
    100% { background-position:0 -1530px;}
}
@keyframes domo-animation-1{
    100% { background-position:0 -1530px;}
}

@-webkit-keyframes domo-animation-4{
    100% { background-position:0 -400px;}
}
@keyframes domo-animation-4{
    100% { background-position:0 -400px;}
}

@-webkit-keyframes domo-animation-5{
    100% { background-position:0 -680px;}
}
@keyframes domo-animation-5{
    100% { background-position:0 -680px;}
}

@-webkit-keyframes suma-animation-1{
    100% { background-position:0 -1000px;}
}
@keyframes suma-animation-1{
    100% { background-position:0 -1000px;}
}

@-webkit-keyframes suma-animation-2{
    100% { background-position:0 -770px;}
}
@keyframes suma-animation-2{
    100% { background-position:0 -770px;}
}

@-webkit-keyframes suma-animation-5{
    100% { background-position:0 -480px;}
}
@keyframes suma-animation-5{
    100% { background-position:0 -480px;}
}

@-webkit-keyframes umbu-animation-2{
    100% { background-position:0 -140px;}
}
@keyframes umbu-animation-2{
    100% { background-position:0 -140px;}
}

@-webkit-keyframes umbu-animation-3{
    100% { background-position:0 -880px;}
}
@keyframes umbu-animation-3{
    100% { background-position:0 -880px;}
}

@-webkit-keyframes umbu-animation-4{
    100% { background-position:0 -500px;}
}
@keyframes umbu-animation-4{
    100% { background-position:0 -500px;}
}

@-webkit-keyframes umbu-animation-5{
    100% { background-position:0 -880px;}
}
@keyframes umbu-animation-5{
    100% { background-position:0 -880px;}
}

@-webkit-keyframes mei-animation-2{
    100% { background-position:0 -500px;}
}
@keyframes mei-animation-2{
    100% { background-position:0 -500px;}
}

@-webkit-keyframes mei-animation-4{
    100% { background-position:0 -1400px;}
}
@keyframes mei-animation-4{
    100% { background-position:0 -1400px;}
}

@media screen and (min-width:992px) and (max-width:1200px){
    header{padding-bottom:20px;}
    .mainmenu_es .btnanimalistos,.mainmenu_fr .btnanimalistos,.mainmenu_pt .btnanimalistos{top:5px;left:315px;}
    .mainmenu_es .btncanciones,.mainmenu_fr .btncanciones,.mainmenu_pt .btncanciones{top:5px;left:470px;}
    .mainmenu_es .btncuentos,.mainmenu_fr .btncuentos,.mainmenu_pt .btncuentos{top:5px;left:625px;}
    .mainmenu_es .btnvideos,.mainmenu_fr .btnvideos,.mainmenu_pt .btnvideos{top:70px;left:365px;}
    .mainmenu_es .btnjuegos,.mainmenu_fr .btnjuegos,.mainmenu_pt .btnjuegos{top:70px;left:520px;}
    .mainmenu_es .btnpadres,.mainmenu_fr .btnpadres,.mainmenu_pt .btnpadres{top:70px;left:675px;}
    .mainmenu_es .btnnewsletter,.mainmenu_fr .btnnewsletter,.mainmenu_pt .btnnewsletter{top:75px;left:835px;}
    .mail{top:95px;right:0;}
    .col-lg-3 .btn-audio span{right:45%;top:6%;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .mainmenu_es .btnanimalistos,.mainmenu_es .btncuentos,.mainmenu_es .btnjuegos,.mainmenu_es .btncanciones,.mainmenu_es .btnvideos,.mainmenu_es .btnpadres,.mainmenu_fr .btnanimalistos,.mainmenu_fr .btncuentos,.mainmenu_fr .btnjuegos,.mainmenu_fr .btncanciones,.mainmenu_fr .btnvideos,.mainmenu_fr .btnpadres,.mainmenu_pt .btnanimalistos,.mainmenu_pt .btncuentos,.mainmenu_pt .btnjuegos,.mainmenu_pt .btncanciones,.mainmenu_pt .btnvideos,.mainmenu_pt .btnpadres{width:130px;height:47px;background-size:cover;}
    .mainmenu_es .btnanimalistos,.mainmenu_fr .btnanimalistos,.mainmenu_pt .btnanimalistos{top:5px;left:255px;}
    .mainmenu_es .btncanciones,.mainmenu_fr .btncanciones,.mainmenu_pt .btncanciones{top:5px;left:370px;}
    .mainmenu_es .btncuentos,.mainmenu_fr .btncuentos,.mainmenu_pt .btncuentos{top:5px;left:490px;}
    .mainmenu_es .btnvideos,.mainmenu_fr .btnvideos,.mainmenu_pt .btnvideos{top:50px;left:265px;}
    .mainmenu_es .btnjuegos,.mainmenu_fr .btnjuegos,.mainmenu_pt .btnjuegos{top:50px;left:385px;}
    .mainmenu_es .btnpadres,.mainmenu_fr .btnpadres,.mainmenu_pt .btnpadres{top:50px;left:505px;}
    .mainmenu_es .btnnewsletter,.mainmenu_fr .btnnewsletter,.mainmenu_pt .btnnewsletter{top:55px;left:625px;width:125px;height:43px;background-size:cover;}
    .mail{display:none;}
    .col-lg-3 .btn-audio span{right:45%;top:6%;}
}
@media screen and (min-width:320px) and (max-width:767px){
    html, body{font-size:15px;}
    /*body{padding-top:100px;}*/
    h1{font-size:26px;float:none !important;}
    h2{font-size:20px;}
    .panel{margin:20px 0;}
    .nav-pills.right > li{width:25%;margin:0;}
    .nav-pills > li > a{margin-left:0;min-width:0;display:block;}
    .col-gui{margin:15px;}
    .dif-container{margin:15px 0;}
    .btnback{left:20px;bottom:20px;}
    .hakuhd, .matthd, .dochd, .meihd{width:25%;background-size: 400% !important;background-position:bottom left;background-repeat: no-repeat;}
    .navbar-brand{max-width:70%;}
    .navbar-brand>img{max-width:100%;}
    .lang{text-align:center;position:absolute;top:100%;right:0;}
    .lang a{width:auto;display:inline-block !important;background:#E5BE7B !important;color:#813317 !important;font-size:14px;line-height:1;padding:5px;margin:0 5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
    .panel-body{padding:20px;}
    footer a{display:block;margin:10px 0;}
    .btnisla img{margin-top:90px;}
    .btnisla img.icon{width:auto;bottom:0;left:0;right:0;opacity:1;filter:alpha(opacity=100);margin:0 auto -50px auto;}
    .btnisla.top-left{padding-top:65px;padding-right:100px;padding-bottom:65px;padding-left:100px;}
    .btnisla.top-right{padding-top:68px;padding-right:100px;padding-bottom:68px;padding-left:100px;}
    .btnisla.bottom-left{padding-top:67px;padding-right:100px;padding-bottom:67px;padding-left:100px;}
    .btnisla.bottom-right{padding-top:77px;padding-right:100px;padding-bottom:77px;padding-left:100px;}
    .row-eq-height{display:block;}
    .col-lg-3 .btn-audio span{right:45%;top:6%;}
    #wellcome{position:static;width:100%;}
}