@media screen and (max-width: 980px) {
  #header .contentHeader .menuHead img {
    float: none;
    width: 215px;
    margin: 0 auto;
    display: block; }

  #header .contentHeader .menuHead ul {
    float: none;
    width: 682px;
    margin: 0 auto; }

  #header .contentHeader .menuHead ul li {
    margin-left: 17px; }

  #footer .menuFoot {
    padding: 20px 0 0; }

  #footer .menuFoot img.logoFoot {
    float: none;
    margin: 7px auto 0;
    width: 150px;
    display: block; }

  #footer .menuFoot ul {
    float: none;
    padding: 30px 0 30px;
    width: 682px;
    margin: 0 auto; }

  #footer .menuFoot ul li {
    margin-left: 17px; }

  #footer .contentFoo #copyright {
    width: 450px;
    margin-left: 40px; }

  #header .contentHeader, .content, #footer .menuFoot, #footer .contentFoo {
    width: 100%; }

  .home #header .contentHeader .content {
    height: 280px;
    color: white; }

  .home #header .contentHeader .oniros {
    top: 349px;
    width: 100%; }

  .home #header .contentHeader .content a .playVideo {
    top: 60px;
    left: 200px; }

  .home #header .contentHeader .oniros img.oniroNubeDcha {
    width: 276px;
    margin-top: -2px; }

  .home #header .contentHeader .oniros img.oniroNubeIzda {
    margin-top: 0;
    width: 280px; }
  .home #header .contentHeader .content .txt.app .linksTiendas {
        margin: 10px 0 0;
    }
  .home .content section div {
    width: 48%;
    margin-left: 16px; }

  .home .contentFull {
    background: none;
    background: #ae558b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ae558b 0%, #d6ab7f 82%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae558b), color-stop(82%, #d6ab7f));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ae558b 0%, #d6ab7f 82%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ae558b 0%, #d6ab7f 82%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ae558b 0%, #d6ab7f 82%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ae558b 0%, #d6ab7f 82%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae558b', endColorstr='#d6ab7f',GradientType=0 );
    /* IE6-9 */ }

  .home .contentFull section.contentPersonajes {
    width: 100%; }

  .juguetes #header .contentHeader .content img {
    margin: 6px 0 0 30px; }

  .aventuras #header .contentHeader .content .txt h2,
  .cuentos #header .contentHeader .content .txt h2,
  .actividades #header .contentHeader .content .txt h2,
  .juguetes #header .contentHeader .content .txt h2,
  .nosotros #header .contentHeader .content .txt h2 {
    font-size: 24px; }

  .aventuras #header .contentHeader .content .txt p,
  .cuentos #header .contentHeader .content .txt p,
  .actividades #header .contentHeader .content .txt p,
  .juguetes #header .contentHeader .content .txt p,
  .nosotros #header .contentHeader .content .txt p {
    font-size: 21px; }

  .actividades #header .contentHeader .txt {
    top: 170px; }

  .actividades #header .contentHeader .txt h2,
  .actividades #header .contentHeader .txt p {
    font-size: 21px; }

  .aventuras #header .contentHeader .content .txt,
  .cuentos #header .contentHeader .content .txt,
  .actividades #header .contentHeader .content .txt,
  .juguetes #header .contentHeader .content .txt,
  .nosotros #header .contentHeader .content .txt {
    width: 280px;
    right: none;
    left: 460px;
    top: 30px; }

  .aventuras #header .contentHeader .content .imgCabecera,
  .cuentos #header .contentHeader .content .imgCabecera,
  .juguetes #header .contentHeader .content .imgCabecera,
  .nosotros #header .contentHeader .content .imgCabecera {
    width: 375px; }

  .aventuras .content .producto .titular .fondo,
  .cuentos .content .producto .titular .fondo,
  .actividades .content .producto .titular .fondo,
  .juguetes .content .producto .titular .fondo {
    width: 340px; }

  .aventuras .content .producto .titular,
  .cuentos .content .producto .titular,
  .actividades .content .producto .titular,
  .juguetes .content .producto .titular {
    width: 340px; }

  .aventuras .content .producto .titular h2,
  .cuentos .content .producto .titular h2,
  .actividades .content .producto .titular h2 {
    font: 30px "Grandma",arial;
    top: 40px; }

  .juguetes .content .producto .titular h2 {
    font: 30px "Grandma",arial; }

  .actividades #header .contentHeader .content .headImg {
    margin-top: 90px; }

  .juguetes .content .producto .vistoEn {
    left: none; }

  body.personajes {
    background: url(../img/fondo_color_personajesWS.png) 0 0 repeat-x #d7ab7e; }

  .diamudanza section .datosApp .txt .cabeceraApp h3,
  .reciennacido section .datosApp .txt .cabeceraApp h3,
  .familiapapa section .datosApp .txt .cabeceraApp h3,
  .primerdia section .datosApp .txt .cabeceraApp h3,
  .diamami section .datosApp .txt .cabeceraApp h3 {
    font-size: 30px;
    line-height: 30px; }

  .diamudanza section.bottomSection h2,
  .reciennacido section.bottomSection h2,
  .familiapapa section.bottomSection h2,
  .primerdia section.bottomSection h2,
  .diamami section.bottomSection h2,
  .diamudanza section.bottomSection div,
  .reciennacido section.bottomSection div,
  .familiapapa section.bottomSection div,
  .primerdia section.bottomSection div,
  .diamami section.bottomSection div {
    margin-left: 3%;
    width: 380px; }

  .diamudanza section.bottomSection .contenidoTb h2,
  .reciennacido section.bottomSection .contenidoTb h2,
  .familiapapa section.bottomSection .contenidoTb h2,
  .primerdia section.bottomSection .contenidoTb h2,
  .diamami section.bottomSection .contenidoTb h2 {
    font-size: 32px;
    width: 300px;
    line-height: 29px;
}

  .diamudanza section.bottomSection img.appSugerida,
  .reciennacido section.bottomSection img.appSugerida,
  .familiapapa section.bottomSection img.appSugerida,
  .primerdia section.bottomSection img.appSugerida,
  .diamami section.bottomSection img.appSugerida {
    width: 100%; }

  .diamudanza section .datosApp, .diamudanza section .imagenesApp, .reciennacido section .datosApp,
  .reciennacido section .imagenesApp,
  .familiapapa section .datosApp,
  .familiapapa section .imagenesApp,
  .primerdia section .datosApp,
  .primerdia section .imagenesApp,
  .diamami section .datosApp, .diamami section .imagenesApp {
    float: left;
    width: 46%;
    margin-left: 3%; }

  .diamudanza section .casaMudanza,
  .reciennacido section .hospital,
  .familiapapa section .hotel,
  .primerdia section .colegio,
  .diamami section .washington {
    width: 100%; }

  body.diamudanza {
    /* fallback for browsers without multiple background support */
    background-color: #ae558b;
    /* newer browsers 100% vertical gradient with background image
     * make the gradient background 'fixed' this will bulletproof the
     * gradient if your content is greater than 100% of your viewport.
     * Without it the gradient may not stretch to cover all the content */
    background: url("/images/grid.png"), -moz-linear-gradient(#ae558b, #9babe8) fixed;
    background: url("/images/grid.png"), -webkit-gradient(linear, left top, left bottom, from(#ae558b), to(#9babe8)) fixed;
    /* add more browser prefixes such as -o for opera if you wish. 
     * You can use the gradient filter to hack in IE support as well, although
     * you should probably put it within a conditional comment */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='$top', endColorstr='$bottom');
    /* IE8 and above take a string as a value for a filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='$top', endColorstr='$bottom')";
    zoom: 1; }

  body.reciennacido {
    /* fallback for browsers without multiple background support */
    background-color: #3da57f;
    /* newer browsers 100% vertical gradient with background image
     * make the gradient background 'fixed' this will bulletproof the
     * gradient if your content is greater than 100% of your viewport.
     * Without it the gradient may not stretch to cover all the content */
    background: url("/images/grid.png"), -moz-linear-gradient(#3da57f, #d1c3d0) fixed;
    background: url("/images/grid.png"), -webkit-gradient(linear, left top, left bottom, from(#3da57f), to(#d1c3d0)) fixed;
    /* add more browser prefixes such as -o for opera if you wish. 
     * You can use the gradient filter to hack in IE support as well, although
     * you should probably put it within a conditional comment */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='$top', endColorstr='$bottom');
    /* IE8 and above take a string as a value for a filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='$top', endColorstr='$bottom')";
    zoom: 1; }

  body.familiapapa {
    /* fallback for browsers without multiple background support */
    background-color: #45a59f;
    /* newer browsers 100% vertical gradient with background image
     * make the gradient background 'fixed' this will bulletproof the
     * gradient if your content is greater than 100% of your viewport.
     * Without it the gradient may not stretch to cover all the content */
    background: url("/images/grid.png"), -moz-linear-gradient(#45a59f, #d4c2cc) fixed;
    background: url("/images/grid.png"), -webkit-gradient(linear, left top, left bottom, from(#45a59f), to(#d4c2cc)) fixed;
    /* add more browser prefixes such as -o for opera if you wish. 
     * You can use the gradient filter to hack in IE support as well, although
     * you should probably put it within a conditional comment */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='$top', endColorstr='$bottom');
    /* IE8 and above take a string as a value for a filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='$top', endColorstr='$bottom')";
    zoom: 1; }

  body.primerdia {
    /* fallback for browsers without multiple background support */
    background-color: #908dc5;
    /* newer browsers 100% vertical gradient with background image
     * make the gradient background 'fixed' this will bulletproof the
     * gradient if your content is greater than 100% of your viewport.
     * Without it the gradient may not stretch to cover all the content */
    background: url("/images/grid.png"), -moz-linear-gradient(#908dc5, #c6c1cd) fixed;
    background: url("/images/grid.png"), -webkit-gradient(linear, left top, left bottom, from(#908dc5), to(#c6c1cd)) fixed;
    /* add more browser prefixes such as -o for opera if you wish. 
     * You can use the gradient filter to hack in IE support as well, although
     * you should probably put it within a conditional comment */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='$top', endColorstr='$bottom');
    /* IE8 and above take a string as a value for a filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='$top', endColorstr='$bottom')";
    zoom: 1; }

  body.diamami {
    /* fallback for browsers without multiple background support */
    background-color: #db7586;
    /* newer browsers 100% vertical gradient with background image
     * make the gradient background 'fixed' this will bulletproof the
     * gradient if your content is greater than 100% of your viewport.
     * Without it the gradient may not stretch to cover all the content */
    background: url("/images/grid.png"), -moz-linear-gradient(#db7586, #bfc6bf) fixed;
    background: url("/images/grid.png"), -webkit-gradient(linear, left top, left bottom, from(#db7586), to(#bfc6bf)) fixed;
    /* add more browser prefixes such as -o for opera if you wish. 
     * You can use the gradient filter to hack in IE support as well, although
     * you should probably put it within a conditional comment */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='$top', endColorstr='$bottom');
    /* IE8 and above take a string as a value for a filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='$top', endColorstr='$bottom')";
    zoom: 1; }

  section .contenidoTb, section .contenidoTbIzda, section .contenidoTbDcha {
    width: 400px; }

  .primerdia section.bottomSection div {
    width: 100%; }

  .primerdia .contentJuguetes .contenidoTbIzda,
  .primerdia .contentJuguetes .contenidoTbDcha {
    width: 370px;
    margin-left: 0; }
    .primerdia .contentJuguetes .contenidoTbIzda h2,
    .primerdia .contentJuguetes .contenidoTbDcha h2 {
      left: 20px;
      font-size: 32px; }

  .primerdia .contentJuguetes .contenidoTbDcha {
    margin-left: 40px; }

  .aventuras .content .producto .titular h2,
  .cuentos .content .producto .titular h2,
  .actividades .content .producto .titular h2 {
    width: 220px;
    line-height: 30px; }

  .actividades .content .producto .titular h2 {
    width: 250px;
    font-size: 25px;
    top: 50px; }

  .juguetes .content .producto .vistoEn {
    left: auto;
    right: -20px;
    bottom: -20px; }

  .actividades #header .contentHeader .content {
    height: 264px; }

  .diamudanza .linksTiendas,
  .reciennacido .linksTiendas {
    width: 440px; }
    .diamudanza .linksTiendas .appleStore,
    .reciennacido .linksTiendas .appleStore {
      width: 215px; }

  .slider-arrow--right {
    right: 20px; }

  .slider-arrow--left {
    left: 20px; }

  .slide.newborn {
    background: none; }

  .slide.movingday {
    background: none; }

  .home #header .contentHeader .content .captureVideo {
    width: 306px;
    margin: 30px 0 0 70px; }

  .home #header .contentHeader .content a.playVideo {
    width: 306px;
    height: 173px;
    top: 30px; }
    .home #header .contentHeader .content a.playVideo img {
      position: absolute;
      top: 35px;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 99;
      width: 30%; }

  .home #header .contentHeader .content .txt {
    left: 20px;
    top: 25px;
    width: 40%; }

  .home #header .contentHeader .content .sliderNewBornIcon, .home #header .contentHeader .content .sliderMovingIcon {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 0 0 0 80px;
    float: left; }

  .home #header .contentHeader .content .txt.app {
    position: relative;
    float: left;
    width: 60%;
    top: 10px;
    right: auto; }

  .home #header .contentHeader .content .txt.app .linksTiendas .appleStore, .home #header .contentHeader .content .txt.app .linksTiendas .googlePlay {
    width: auto;
    float: left;
    margin-right: 10px; }

  .home #header .contentHeader .content .txt.app .labelProximamente {
    margin-left: 117px; } }
@media screen and (max-width: 950px) {
  #footer .contentFoo .join {
    float: none;
    margin: 0 auto;
    background: url(../img/oniroFondoIzdaEmail.png) 20px 0 no-repeat transparent; }

  #footer .contentFoo #copyright {
    width: 100%;
    float: none;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 0; }

  #footer .contentFoo .join .beFirst {
    margin: 0 0 0 90px; }

  .aventuras .content .producto .txt,
  .cuentos .content .producto .txt,
  .actividades .content .producto .txt,
  .juguetes .content .producto .txt {
    width: 450px;
    font-size: 16px; }

  .aventuras .content .producto .txt .info a,
  .aventuras .content .producto .txt .info span,
  .cuentos .content .producto .txt .info a,
  .cuentos .content .producto .txt .info span,
  .actividades .content .producto .txt .info a,
  .actividades .content .producto .txt .info span,
  .juguetes .content .producto .txt .info a, .juguetes .content .producto .txt .info span {
    font-size: 16px; }

  .aventuras .content .producto .txt .info,
  .cuentos .content .producto .txt .info,
  .actividades .content .producto .txt .info,
  .juguetes .content .producto .txt .info {
    margin: 10px auto 20px; }

  .personajes section ul li {
    float: none;
    background: url(../img/fondoCuadroPersonajes.png) 100% 0% no-repeat;
    margin: 0 auto 40px;
    width: 440px; }

  .personajes section ul li div {
    margin: 0 auto auto 140px;
    padding-top: 40px; }

  .personajes section h3 {
    margin-bottom: 70px; }

  .personajes section .elenco {
    margin-top: 0;
    width: 100%; }

  .personajes .vistoEn span {
    bottom: 50px; } }
@media screen and (max-width: 870px) {
  .aventuras .content .producto .txt,
  .cuentos .content .producto .txt,
  .actividades .content .producto .txt,
  .juguetes .content .producto .txt {
    width: 360px; }

  .aventuras .content .producto, .cuentos .content .producto, .actividades .content .producto, .juguetes .content .producto {
    margin-bottom: 30px; }

  .juguetes .content .producto {
    margin-bottom: 40px; }

  .primerdia .contentJuguetes .contenidoTbIzda,
  .primerdia .contentJuguetes .contenidoTbDcha {
    width: 340px; }
    .primerdia .contentJuguetes .contenidoTbIzda h2,
    .primerdia .contentJuguetes .contenidoTbDcha h2 {
      font-size: 30px;
      top: 25px; }

  .aventuras .content .producto .txt .linksTiendas,
  .cuentos .content .producto .txt .linksTiendas,
  .actividades .content .producto .txt .linksTiendas,
  .juguetes .content .producto .txt .linksTiendas {
    width: 100%; }
    .aventuras .content .producto .txt .linksTiendas .appleStore,
    .cuentos .content .producto .txt .linksTiendas .appleStore,
    .actividades .content .producto .txt .linksTiendas .appleStore,
    .juguetes .content .producto .txt .linksTiendas .appleStore {
      width: 48%;
      float: left; }
    .aventuras .content .producto .txt .linksTiendas .googlePlay,
    .cuentos .content .producto .txt .linksTiendas .googlePlay,
    .actividades .content .producto .txt .linksTiendas .googlePlay,
    .juguetes .content .producto .txt .linksTiendas .googlePlay {
      width: 41%;
      float: left;
      margin-left: 10px; } }
@media screen and (max-width: 850px) {
  .home #header .contentHeader .content .txt h2 {
    font-size: 24px;
    line-height: 32px;
    top: 15px; }

  .home #header .contentHeader .content .txt {
    width: 350px; }

  .home .content section div {
    width: 48%;
    margin-left: 10px; }

  .home .content section div h2 {
    font-size: 26px; }

  .diamudanza section .datosApp .txt,
  .reciennacido section .datosApp .txt,
  .familiapapa section .datosApp .txt,
  .primerdia section .datosApp .txt,
  .diamami section .datosApp .txt {
    padding-right: 0; }

  .diamudanza section .imagenesApp ul.devices,
  .reciennacido section .imagenesApp ul.devices,
  .familiapapa section .imagenesApp ul.devices,
  .primerdia section .imagenesApp ul.devices,
  .diamami section .imagenesApp ul.devices {
    width: 370px;
    margin-top: 0; }

  .diamudanza section .imagenesApp ul.devices li,
  .reciennacido section .imagenesApp ul.devices li,
  .familiapapa section .imagenesApp ul.devices li,
  .primerdia section .imagenesApp ul.devices li,
  .diamami section .imagenesApp ul.devices li {
    width: 100%; }

  .diamudanza section .imagenesApp ul.devices li img,
  .reciennacido section .imagenesApp ul.devices li img,
  .familiapapa section .imagenesApp ul.devices li img,
  .primerdia section .imagenesApp ul.devices li img,
  .diamami section .imagenesApp ul.devices li img {
    margin: 15px auto 10px; }

  .diamudanza section .imagenesApp ul.devices li.last span,
  .reciennacido section .imagenesApp ul.devices li.last span,
  .familiapapa section .imagenesApp ul.devices li.last span,
  .primerdia section .imagenesApp ul.devices li.last span,
  .diamami section .imagenesApp ul.devices li.last span {
    width: 100%; }

  .diamudanza section .datosApp, .diamudanza section .imagenesApp, .reciennacido section .datosApp,
  .reciennacido section .imagenesApp,
  .familiapapa section .datosApp,
  .familiapapa section .imagenesApp,
  .primerdia section .datosApp,
  .primerdia section .imagenesApp,
  .diamami section .datosApp, .diamami section .imagenesApp {
    float: left;
    width: 46%;
    margin-left: 3%; }

  .diamudanza .linksTiendas,
  .reciennacido .linksTiendas {
    width: 100%; }
    .diamudanza .linksTiendas .appleStore,
    .reciennacido .linksTiendas .appleStore {
      width: 200px;
      float: none;
      margin: 0 auto 15px;
      overflow: hidden; }
      .diamudanza .linksTiendas .appleStore img,
      .reciennacido .linksTiendas .appleStore img {
        margin: 0;
        display: block;
        width: 195px; }
    .diamudanza .linksTiendas .googlePlay,
    .reciennacido .linksTiendas .googlePlay {
      width: 200px;
      float: none;
      margin: 0 auto 15px;
      overflow: hidden; }
      .diamudanza .linksTiendas .googlePlay img,
      .reciennacido .linksTiendas .googlePlay img {
        margin: 0 auto;
        display: block;
        width: 163px;
        float: none; } }
@media screen and (max-width: 767px) {
  .slider {
    height: 410px; }

  .home #header .contentHeader .content .captureVideo {
    width: 350px;
    margin: 0 auto;
    display: block;
    float: none;
    left: 0;
    right: 0; }

  .home #header .contentHeader .content a.playVideo {
    width: 350px;
    height: 197px;
    top: 30px;
    left: 0;
    right: 0;
    margin: 0 auto; }
    .home #header .contentHeader .content a.playVideo img {
      position: absolute;
      top: 15px;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 99;
      width: 30%; }

  #header .contentHeader .menuHead img {
    float: left;
    margin-left: 25px; }

  .home #header .contentHeader .oniros {
    display: none; }

  .home #header .contentHeader .content a {
    float: none; }

  .home #header .contentHeader .content a .captureVideo {
    position: relative;
    right: none;
    bottom: none;
    left: none;
    margin: 0 auto;
    display: block;
    width: 90%; }

  .home #header .contentHeader .content {
    height: auto;
    color: white; }

  .home #header .contentHeader .content .txt {
    position: absolute;
    right: 0;
    width: 80%;
    top: 240px;
    left: 0;
    padding: 0;
    text-align: center;
    margin: 0 auto; }

  .home #header .contentHeader .content .txt.app {
    position: relative;
    float: none;
    width: 80%;
    top: 10px;
    right: auto;
    padding: 0;
    display: block; }

  .home #header .contentHeader .content .txt.app .labelProximamente {
    margin-left: 0; }

  .home #header .contentHeader .content .sliderNewBornIcon, .home #header .contentHeader .content .sliderMovingIcon {
    position: relative;
    top: auto;
    left: 0;
    right: 0;
    margin: 0 auto 20px;
    float: none;
    display: block; }

  .home #header .contentHeader .content .txt.app .linksTiendas .appleStore,
  .home #header .contentHeader .content .txt.app .linksTiendas .googlePlay {
    width: 50%;
    float: left;
    margin-right: 0;
    overflow: hidden; }

  .home #header .contentHeader .content .txt.app .linksTiendas .appleStore img {
    float: right;
    margin-right: 5px; }

  .home #header .contentHeader .content .txt.app .linksTiendas .googlePlay img {
    float: left;
    margin-left: 5px; }

  .home #header .contentHeader .content a .playVideo {
    top: 22%;
    left: 40%;
    width: 15%; }

  #footer .menuFoot {
    margin-bottom: 25px; }

  #footer .menuFoot nav {
    display: none; }

  #footer .menuFoot img.logoFoot {
    float: left;
    margin-left: 20px; }

  #header .contentHeader .menuHead ul {
    background-color: rgba(0, 0, 0, 0.75);
    float: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100px;
    z-index: 999;
    padding: 25px 0 5px 0; }

  /*#footer .menuFoot ul
  {
  	margin:42px auto 30px;
  }*/
  #header .contentHeader .menuHead ul li {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    width: auto; }

  #header .contentHeader .menuHead .menuopen {
    display: block;
    position: absolute;
    top: 30px;
    right: 10px;
    z-index: 999;
    width: 49px;
    height: 41px;
    background: url(../img/icons/iconoMenu.png) 50% 50% no-repeat transparent;
    cursor: pointer; }

  /*#footer .menuFoot  .menuopen
  {
  	top: 20px;
  	left: 30px;
  }*/
  #header .contentHeader .menuHead .menuopen.open {
    background-color: rgba(0, 0, 0, 0.75); }

  #header .contentHeader .menuHead nav {
    display: none; }

  #header .contentHeader .menuHead nav.open {
    display: block; }

  .aventuras .content .speach, .cuentos .content .speach, .actividades .content .speach, .juguetes .content .speach {
    text-align: center; }

  .home .content section div h2 {
    position: absolute;
    top: 27px;
    left: 25px;
    font-size: 20px;
    line-height: 20px; }

  .home .contentFull section.contentPersonajes .txtPersonajes {
    float: none;
    margin: 40px auto 0;
    color: white;
    width: 70%;
    padding-top: 40px; }

  .home .content section ul {
    width: 410px; }

  .aventuras #header .contentHeader .content img.nubeDcha {
    display: none; }

  .juguetes #header .contentHeader .content img {
    margin: 47px 0 0 30px; }

  .aventuras #header .contentHeader .content .txt,
  .cuentos #header .contentHeader .content .txt,
  .actividades #header .contentHeader .txt,
  .juguetes #header .contentHeader .content .txt,
  .nosotros #header .contentHeader .content .txt {
    width: 80%;
    margin: 20px auto;
    right: 0;
    left: 0;
    top: 0;
    position: relative;
    text-align: center; }
    .aventuras #header .contentHeader .content .txt h2, .aventuras #header .contentHeader .content .txt p,
    .cuentos #header .contentHeader .content .txt h2,
    .cuentos #header .contentHeader .content .txt p,
    .actividades #header .contentHeader .txt h2,
    .actividades #header .contentHeader .txt p,
    .juguetes #header .contentHeader .content .txt h2,
    .juguetes #header .contentHeader .content .txt p,
    .nosotros #header .contentHeader .content .txt h2,
    .nosotros #header .contentHeader .content .txt p {
      color: #333; }

  .actividades #header .contentHeader .txt {
    position: relative;
    top: auto;
    margin-top: 0; }

  .actividades #header .contentHeader .txt h2 {
    font-size: 24px; }

  .actividades .content {
    margin-top: 110px; }

  .aventuras .content .producto .titular,
  .cuentos .content .producto .titular,
  .actividades .content .producto .titular,
  .juguetes .content .producto .titular,
  .aventuras .content .producto .txt,
  .cuentos .content .producto .txt,
  .actividades .content .producto .txt,
  .juguetes .content .producto .txt {
    width: 420px;
    margin: 0 auto;
    float: none; }

  .aventuras .content .producto .txt.icon,
  .cuentos .content .producto .txt.icon,
  .actividades .content .producto .txt.icon,
  .juguetes .content .producto .txt.icon {
    width: 400px;
    padding-left: 20px; }

  .aventuras .content .producto .titular .fondo,
  .cuentos .content .producto .titular .fondo,
  .actividades .content .producto .titular .fondo,
  .juguetes .content .producto .titular .fondo {
    width: 400px; }

  .cuentos #header .contentHeader .content img.nubeDcha {
    display: none; }

  .aventuras .content .producto .txt img.proximamente,
  .cuentos .content .producto .txt img.proximamente,
  .actividades .content .producto .txt img.proximamente,
  .juguetes .content .producto .txt img.proximamente {
    float: left; }

  .juguetes .content .producto {
    height: auto; }

  .juguetes .content .producto .txt .juega {
    padding-bottom: 10px; }

  .juguetes .content .producto .titular .fondo {
    width: 330px;
    margin-left: 50px; }

  .juguetes .content .producto .titular h2 {
    text-align: center;
    width: 100%;
    top: 0; }

  .juguetes .content .producto .txt .etsy {
    width: 100%;
    text-align: center;
    overflow: hidden; }
    .juguetes .content .producto .txt .etsy img {
      float: none;
      display: block;
      width: 156px;
      margin: 0 auto; }
    .juguetes .content .producto .txt .etsy .labelProximamente {
      width: 100%;
      text-align: center;
      margin-top: 15px; }

  .juguetes .content .producto .vistoEn {
    left: auto;
    right: 0px;
    bottom: 0px; }

  .juguetes .content .producto .titular .fondo.top50 {
    top: 25px; }

  .actividades .content .producto {
    height: 520px; }

  .actividades .content .producto .txt .downloadAct {
    margin: 0 auto; }

  .actividades #header .contentHeader .content {
    height: 305px; }

  .diamudanza section .datosApp,
  .diamudanza section .imagenesApp,
  .reciennacido section .datosApp,
  .reciennacido section .imagenesApp,
  .familiapapa section .datosApp,
  .familiapapa section .imagenesApp,
  .primerdia section .datosApp,
  .primerdia section .imagenesApp,
  .diamami section .datosApp, .diamami section .imagenesApp {
    float: none;
    width: 80%;
    margin: 0 auto 50px; }

  .diamudanza section .imagenesApp ul.devices,
  .reciennacido section .imagenesApp ul.devices,
  .familiapapa section .imagenesApp ul.devices,
  .primerdia section .imagenesApp ul.devices,
  .diamami section .imagenesApp ul.devices {
    width: 100%; }

  .primerdia section.bottomSection .contenidoTbDcha {
    margin-left: 0; }

  .primerdia section.bottomSection .contenidoTbIzda,
  .primerdia section.bottomSection .contenidoTbDcha {
    float: none;
    font-size: 27px;
    margin: 0 auto; }

  .primerdia section.bottomSection .contenidoTbIzda h2,
  .primerdia section.bottomSection .contenidoTbDcha h2 {
    text-align: left; }

  .diamudanza section.bottomSection h2,
  .reciennacido section.bottomSection h2,
  .familiapapa section.bottomSection h2,
  .primerdia section.bottomSection h2,
  .diamami section.bottomSection h2 {
    text-align: center;
    width: 100%; }

  .diamudanza section.bottomSection div,
  .reciennacido section.bottomSection div,
  .familiapapa section.bottomSection div,
  .diamami section.bottomSection div {
    margin: 30px auto 0; }

  .diamudanza section .contenidoTb h2,
  .reciennacido section .contenidoTb h2,
  .familiapapa section .contenidoTb h2,
  .diamami section .contenidoTb h2 {
    font: 36px "Grandma",arial;
    position: absolute;
    top: 50px;
    left: 50px;
    width: 240px;
    z-index: 2;
    text-transform: none; }

  .nosotros section {
    width: 100%; }

  .nosotros #header .contentHeader .content img.ppddsNosotros {
    margin: 0 auto 40px;
    display: block; }

  .nosotros #header .contentHeader .content .txt h2,
  .nosotros #header .contentHeader .content .txt p {
    color: #fff; }

  .nosotros #header .contentHeader .videoNosotros {
    width: 100%;
    margin: 30px auto 0; }

  .nosotros #header .contentHeader .videoNosotros img.captureVideo {
    width: 80%; }

  .nosotros #header .contentHeader .videoNosotros img.playVideo {
    width: 20%;
    top: auto;
    bottom: 44%; }

  .nosotros section article {
    width: 80%;
    margin: 0 auto; }

  .nosotros section p {
    width: 100%; }

  .nosotros section img {
    float: none;
    margin: 40px auto;
    display: block; }

  .personajes section ul li {
    background: none;
    width: 100%; }

  .personajes section ul li div {
    width: 60%; } }
@media screen and (max-width: 520px) {
  .slider {
    height: 480px; }

  .home #header .contentHeader .content .captureVideo {
    width: 100%;
    margin: 0 auto; }

  .home #header .contentHeader .content .txt {
    position: relative;
    right: auto;
    width: 80%;
    top: 0;
    /* float: none; */
    /* left: auto; */
    margin-left: 10%;
    margin-top: 20px; }

  .home #header .contentHeader .content a.playVideo img {
    top: 40px; }

  .home .content section ul {
    display: none; }

  .home .content section div {
    float: none;
    width: 80%;
    margin: 0 auto; }

  .home .content section div.aventuras {
    margin-top: 20px; }

  .home .content section div.aventuras,
  .home .content section div.actividades {
    padding-left: 10px; }

  .home .content section div.actividades {
    margin-bottom: 20px; }

  .home .content section div h2 {
    top: 30px;
    left: 35px; }

  #footer .contentFoo .join,
  #footer .contentFoo .join .beFirst {
    background: none;
    margin: 0 auto; }

  #footer .contentFoo .join {
    width: 260px; }

  .home .contentFull section.contentPersonajes {
    height: 385px; }

  .aventuras .content .speach, .cuentos .content .speach, .actividades .content .speach, .juguetes .content .speach {
    font-size: 18px; }

  .juguetes #header .contentHeader .content img {
    margin: 47px 0 0 0; }

  #footer #copyright .support,
  #footer #copyright .privacy {
    display: block; }

  .aventuras .content .producto .titular,
  .cuentos .content .producto .titular,
  .actividades .content .producto .titular,
  .juguetes .content .producto .titular,
  .aventuras .content .producto .txt,
  .cuentos .content .producto .txt,
  .actividades .content .producto .txt,
  .juguetes .content .producto .txt {
    width: 92%; }

  .aventuras .content .producto .titular .fondo,
  .cuentos .content .producto .titular .fondo,
  .actividades .content .producto .titular .fondo,
  .juguetes .content .producto .titular .fondo {
    width: 92%; }

  .aventuras .content .producto .txt.icon,
  .cuentos .content .producto .txt.icon,
  .actividades .content .producto .txt.icon,
  .juguetes .content .producto .txt.icon {
    width: 85%;
    padding-left: 6%; }

  .aventuras .content .producto .txt .info a,
  .cuentos .content .producto .txt .info a {
    font-size: 14px; }

  .juguetes .content .producto .titular .fondo {
    width: 70%;
    margin: 0 auto; }

  .juguetes .content .producto .txt img.etsy {
    width: 55%;
    margin: 0 auto;
    display: block;
    float: none; }

  .juguetes .content .producto .titular.hat {
    margin-bottom: 65px; }

  .juguetes .content .producto .vistoEn {
    bottom: -50px; }

  .aventuras .content .producto,
  .juguetes .content .producto,
  .cuentos .content .producto {
    padding-top: 40px; }

  .aventuras .content .producto .titular h2,
  .juguetes .content .producto .titular h2,
  .cuentos .content .producto .titular h2 {
    top: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #333;
    text-align: center;
    font-size: 28px;
    width: 90%; }

  .aventuras .content .producto .titular h2 a,
  .juguetes .content .producto .titular h2 a,
  .cuentos .content .producto .titular h2 a {
    color: #333; }

  .aventuras .content .producto .txt .info img,
  .cuentos .content .producto .txt .info img,
  .actividades .content .producto .txt .info img,
  .juguetes .content .producto .txt .info img {
    width: 35px;
    margin-left: 5px; }

  .juguetes .content .producto .titular .fondo.top50 {
    top: 0; }

  .juguetes #header .contentHeader .content .imgCabecera {
    width: 300px;
    margin: 93px auto 0;
    display: block; }

  .diamudanza section.bottomSection div,
  .reciennacido section.bottomSection div,
  .familiapapa section.bottomSection div,
  .primerdia section.bottomSection div,
  .diamami section.bottomSection div {
    width: 85%; }

  .diamudanza section.bottomSection .contenidoTb h2,
  .reciennacido section.bottomSection .contenidoTb h2,
  .familiapapa section.bottomSection .contenidoTb h2,
  .primerdia section.bottomSection .contenidoTb h2,
  .diamami section.bottomSection .contenidoTb h2 {
    width: 100%;
    text-align: left;
    margin: 0;
    top: 45px;
    left: 120px;
    font-size: 27px;
    width: 85%; }

  .diamami section.bottomSection .contenidoTb h2 {
    top: 25px;
    left: 40px; }

  .primerdia section.bottomSection .contenidoTbIzda h2,
  .primerdia section.bottomSection .contenidoTbDcha h2 {
    font-size: 24px; }

  .primerdia section.bottomSection .contenidoTbDcha {
    margin-left: 0; }

  .primerdia .contentJuguetes .contenidoTbIzda,
  .primerdia .contentJuguetes .contenidoTbDcha {
    width: 80%;
    margin: 0 auto !important; }

  .personajes .content section ul li {
    width: 90%;
    margin-bottom: 0; }

  .personajes .content section ul li .onirosolo {
    display: none; }

  .personajes section ul li div {
    width: 55%; }

  .personajes section ul li .nola, .personajes section ul li .newborn,
  .personajes section ul li .mami, .personajes section ul li .papi, .personajes section ul li .oniros,
  .personajes section ul li .pesadillas {
    position: absolute;
    top: 40px;
    left: 20px;
    width: 105px; }

  .personajes .vistoEn {
    display: none; }

  .personajes section ul li div p {
    padding-left: 0; } }
@media screen and (max-width: 400px) {
  .home #header .contentHeader .content .txt h2 {
    font-size: 21px;
    line-height: 24px;
    top: 15px; }

  .home #header .contentHeader .content a.playVideo img {
    top: 40px;
    width: 80px; }

  .home #header .contentHeader .content .txt.app h2 {
    font-size: 32px; }

  .home #header .contentHeader .content .txt p, .home #header .contentHeader .content .txt.app p {
    font: 18px "tuffyregular",arial;
    margin-top: 15px;
    line-height: 19px; }

  .home #header .contentHeader .content .txt.app {
    width: 65%;
    top: 0; }

  .home #header .contentHeader .content .txt.app .linksTiendas .appleStore img, .home #header .contentHeader .content .txt.app .linksTiendas .googlePlay img {
    height: 30px; }

  .home #header .contentHeader .content .txt.app .linksTiendas .appleStore img {
    margin-right: 1px; }

  .home #header .contentHeader .content .txt.app .linksTiendas .googlePlay img {
    margin-left: 1px; }

  .slider-arrow--right, .slider-arrow--left {
    bottom: 42%; }

  .home #header .contentHeader .content .txt {
    width: 65%;
    margin-left: 17.5%;
    margin-top: 20px; } }