/*
Theme Name: Nancy Theme 2017 3.0
Theme URI: http://www.temediacom.com/
Version: 1.1
Description: Designed based to by <a href="http://www.woothemes.com">WooThemes</a>.
Author: Luis González
Author URI: http://www.temediacom.com/
Tags: woothemes,temedia

	Copyright: (c) 2009-2011 WooThemes .
	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
    /*
-----
INDEX
-----

1. fUENTES
2. ESTILOS GENERALES
3. HEADER navigation dropdown menus
 -3.1 MENU SUPERIOR dropdown menus
 -3.2 MENU dropdown menus
 -3.3  SEPARADOR DE LA CABECERA
4. General layout
5. WOOCOMMERCE
-5.1 Messages
-5.2 Products
  -5.2.1 Single Product
-5.3 Cart
-5.4 Checkout
-5.5 Widgets
-5.6 Account
-5.7 Shortcodes
6.  FOOTER 
 -6.1 FOOTER DESCARGATE NUESTRAS APPS
 -6.2 FOOTER COPYRIGHT
 -6.3 FOOTER
7. IE Fixes

/*


/*------------------------------------*\

    FUENTES

\*------------------------------------*/
    /*  @import url(../css/bootstrap-grid.css);*/
    
    @import url(http://fonts.googleapis.com/css?family=Quicksand:400,700);
    @import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css);
    /****Media Print*****/
    
    @import url(print.css);
    /*********/
    /*------------------------------------*\

    ESTILOS GENERALES

\*------------------------------------*/
    
    html {
        font-size: 16px;
        font-size: 1rem;
        text-align: justify;
    }
    
    body {
        font-family: "Quicksand", sans-serif;
        font-size: 16px;
        font-size: 1rem;
        font-weight: 400;
        color: #646363;
        position: relative;
        text-align: left;
        background-color: transparent;
    }
    
    body.index {
        background: url(./images/blue-background-pattern.png) repeat 0 0;
    }
    
    strong {
        font-weight: 700;
    }
    
    input:hover input:active,
    input:focus,
    textarea:active,
    textarea:hover,
    textarea:focus,
    button:focus,
    button:active,
    button:hover {
        outline: 0 !important;
    }
    
    a,
    button,
    input[type="submit"],
    input[type="button"] {
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
    }
    
    header a:hover,
    footer a:hover {
        color: #333333;
    }
    /*-----------------------\

  HEADER

\-----------------------*/
    
    .bl-header {
        background-color: #fff;
        position: relative;
    }
    /*-----------------------\

        MENU SUPERIOR

    \-----------------------*/
    
    .co-top-menu {
        position: relative;
        z-index: 99999;
    }
    
    .co-top-menu li a {
        /***correccioncss **/
        padding: 10px 5px;
        display: inline-block !important;
        cursor: pointer;
    }
    
    .co-top-menu li:hover>ul {
        display: block;
        visibility: visible;
    }
    
    @media (min-width: 320px) {
        .co-top-menu {
            background-color: #e5f8fc;
            margin: 0 0 15px 0;
            padding: 0;
        }
        .co-top-menu .col-xs-12 {
            padding-left: 0px;
            padding-right: 0px;
        }
        .navbar-nav.sm-collapsible a.has-submenu {
            padding-right: 0px;
        }
    }
    
    @media (min-width: 768px) {
        .co-top-menu {
            background-color: transparent;
            margin: 0;
            padding: 15px 0 0 0;
        }
    }
    
    @media (min-width: 320px) {
        .co-top-menu ul {
            float: none;
            text-align: center;
            background-color: #e5f8fc;
        }
    }
    
    @media (min-width: 768px) {
        .co-top-menu ul {
            float: right;
            text-align: left;
            background-color: transparent;
        }
    }
    /*  .el-top-menu-language-icon:after {
        font-family: "fontawesome";
        content: '\f13a';
        padding: 0 5px;
    }
    */
    
    .co-top-menu li:before {
        content: "|";
        padding: 0 5px;
        color: #00b9e4;
        font-weight: 700;
    }
    
    .co-top-menu li:first-child:before,
    .co-top-menu li:nth-child(3):before,
    .co-top-menu li:nth-child(4):before,
    .co-top-menu li:nth-child(5):before,
    .co-top-menu li:nth-child(6):before,
    .co-top-menu li:nth-child(7):before,
    .co-top-menu li:nth-child(8):before,
    .co-top-menu li:nth-child(9):before {
        content: "";
        padding: 0;
        display: none;
    }
    
    .co-top-menu .el-top-menu-link {
        padding: 10px 5px;
        display: inline-block;
        cursor: pointer;
    }
    
    .co-top-menu .el-top-menu-link.social,
    .co-top-menu .el-top-menu-link.search {
        padding: 0 5px;
    }
    
    .co-top-menu .el-top-menu-link.social i,
    .co-top-menu .el-top-menu-link.search i {
        position: relative;
        top: 2px;
    }
    
    .co-top-menu .el-top-menu-link.social.fb a,
    .co-top-menu .el-top-menu-link.social.yt a {
        padding: 3px 5px;
    }
    
    @media (min-width: 320px) {
        .co-top-menu .el-top-menu-link.social.fb {
            margin: 0;
        }
    }
    
    @media (min-width: 768px) {
        .co-top-menu .el-top-menu-link.social.fb {
            margin: 0 0 0 15px;
        }
    }
    
    .co-top-menu .el-top-menu-link:focus,
    .co-top-menu .el-top-menu-link:hover {
        background-color: transparent;
        color: #1d1d1b;
    }
    
    @media (min-width: 320px) {
        .co-top-menu .nav-pills>li {
            float: none;
            display: inline-block;
        }
    }
    
    @media (min-width: 768px) {
        .co-top-menu .nav-pills>li {
            float: left;
        }
    }
    /* FOR IE 8 */
    
    html.ie.lt-ie9 .co-top-menu li:before {
        display: none;
    }
    
    .co-top-menu-language {
        margin: 0 2px;
    }
    
    .co-top-menu-language .dropdown-toggle {
        font-size: 14px;
        font-size: 0.875rem;
        color: #00b9e4;
        padding: 10px;
    }
    
    @media (min-width: 320px) {
        .co-top-menu-language .dropdown-toggle {
            margin: 0;
        }
    }
    
    @media (min-width: 768px) {
        .co-top-menu-language .dropdown-toggle {
            margin: 0 15px;
        }
    }
    
    .co-top-menu-language .dropdown-toggle:hover,
    .co-top-menu-language .dropdown-toggle:focus {
        background-color: transparent;
        color: #1d1d1b;
    }
    
    .co-top-menu-language .dropdown-toggle .el-top-menu-language-text {
        background-color: #e5f8fc;
        padding: 3px 8px;
        margin-right: 5px;
    }
    
    .co-top-menu-language .dropdown-toggle .el-top-menu-language-icon {
        font-size: 16px;
        font-size: 1rem;
    }
    
    .co-top-menu-language.open .dropdown-toggle {
        background-color: transparent;
    }
    
    .co-top-menu-language.open .dropdown-toggle:hover,
    .co-top-menu-language.open .dropdown-toggle:focus {
        background-color: transparent;
        color: #1d1d1b;
    }
    
    .co-top-menu .dropdown-menu {
        display: none;
        background: #00b9e4;
        border: none;
        -webkit-border-radius: 5px 5px 40px 40px;
        -moz-border-radius: 5px 5px 40px 40px;
        -o-border-radius: 5px 5px 40px 40px;
        border-radius: 5px 5px 40px 40px;
        width: 100%;
        margin: 0;
        padding-top: 15px;
        padding-bottom: 30px;
        text-align: left;
    }
    
    .co-top-menu .dropdown-menu:hover {
        display: block;
    }
    /*  @media (min-width: 320px) {
        .co-top-menu .sub-menu {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 160px;
            padding: 5px 0;
            margin: 2px 0 0;
            list-style: none;
            font-size: 14px;
            text-align: left;
            background-color: #fff;
            border: 1px solid #ccc;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 4px;
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            background-clip: padding-box;
        }
    }
    /****coreecciooon idiomas****/
    
    .co-top-menu ul.dropdown-menu li:first-child:before,
    .co-top-menu ul.dropdown-menu li:nth-child(2):before,
    .co-top-menu ul.dropdown-menu li:nth-child(3):before,
    .co-top-menu ul.dropdown-menu li:nth-child(4):before,
    .co-top-menu ul.dropdown-menu li:nth-child(5):before,
    .co-top-menu li.dropdown-menu li:nth-child(8):before,
    .co-top-menu li.dropdown-menu li:nth-child(9):before {
        content: "";
        padding: 0;
        display: none;
    }
    
    .co-top-menu-language.open .dropdown-menu li:before {
        display: none;
    }
    
    .co-top-menu-language.open .dropdown-menu a {
        color: #fff;
        padding: 5px 15px;
    }
    /** correcciones idiomas **/
    
    .co-top-menu .nav>li>a:focus,
    .co-top-menu .nav>li>a:hover {
        background-color: transparent;
        color: #1d1d1b !important;
    }
    
    .dropdown-menu>li>a:focus,
    .dropdown-menu>li>a:hover {
        background-color: transparent;
    }
    
    .co-top-menu ul.dropdown-menu a {
        color: #fff !important;
        padding: 5px 15px;
    }
    
    .co-top-menu ul.dropdown-menu li:hover {
        display: block;
        background: #59d1ed;
    }
    
    .co-top-menu-language.open .dropdown-menu a:hover {
        background: #59d1ed;
    }
    
    .co-top-menu-favorites {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 700;
    }
    
    @media (min-width: 320px) {
        .co-top-menu-favorites {
            padding: 7px 0 0 0;
        }
    }
    
    @media (min-width: 768px) {
        .co-top-menu-favorites {
            padding: 7px 15px 0 0;
        }
    }
    
    .co-top-menu-favorites a {
        color: #00b9e4;
    }
    
    .co-top-menu-favorites a i {
        border: 2px solid #00b9e4;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        font-size: 12px;
        font-size: 0.75rem;
        padding: 3px;
        color: #00b9e4;
        display: inline-block;
    }
    
    .co-top-menu-favorites a span {
        background-color: #e5f8fc;
        padding: 0px 5px;
        display: inline-block;
    }
    
    .co-top-menu-favorites a:hover {
        text-decoration: none;
        color: #1d1d1b;
    }
    
    .co-top-menu-favorites a:hover i {
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        color: #1d1d1b;
        border: 2px solid #1d1d1b;
    }
    
    .co-top-menu-favorites a:hover span {
        color: #1d1d1b;
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        background-color: #cdcdc8;
    }
    
    .co-top-menu-search-form {
        margin-top: 8px;
    }
    
    .co-top-menu-search-form input {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        font-size: 14px;
        font-size: 0.875rem;
        background-color: #e5f8fc;
        color: #00b9e4;
        border: none;
        padding: 0 8px;
        width: 90px;
        height: auto;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }
    
    .co-top-menu-search-form input::-webkit-input-placeholder {
        color: #00b9e4;
    }
    
    .co-top-menu-search-form input::-moz-placeholder {
        color: #00b9e4;
    }
    
    .co-top-menu-search-form input:-moz-placeholder {
        color: #00b9e4;
    }
    
    .co-top-menu-search-form input:-ms-input-placeholder {
        color: #00b9e4;
    }
    
    .el-top-menu-link {
        color: #00b9e4;
        font-size: 14px;
        font-size: 0.875rem;
    }
    
    .el-top-menu-link.social,
    .el-top-menu-link.search {
        font-size: 23px;
        font-size: 1.4375rem;
    }
    /*-----------------------\

    MENU PRINCIPAL

    \-----------------------*/
    
    .logo {
        z-index: 99999;
    }
    
    .co-main-menu .navbar.navbar-nancy {
        background-color: transparent;
        border: none;
        margin-bottom: 0;
        /*   padding: 0 1.6em;*/
    }
    
    @media (min-width: 320px) {
        .co-main-menu .navbar.navbar-nancy .navbar-nav {
            float: none;
            margin: 30px 0 0 0;
        }
    }
    
    @media (min-width: 768px) {
        .co-main-menu .navbar.navbar-nancy .navbar-nav {
            float: right;
        }
    }
    
    .co-main-menu-nav .nav>li.togle-correction>a img {
        display: inline;
        padding-bottom: 10px;
        margin: 0 auto;
        float: left;
        padding-right: 10px;
    }
    
    .co-main-menu .el-main-menu-burger-icon {
        position: absolute;
        float: none;
        right: 15px;
        /* 0 es el orginal */
        top: 40px;
        border: none;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
        background-color: #00b9e4;
        margin-right: 0;
        margin-bottom: 0;
        margin-top: 0;
        padding: 15px 10px;
        /* animate burger icon */
    }
    
    .co-main-menu .el-main-menu-burger-icon .icon-bar {
        background-color: #fff;
        height: 3px;
        width: 30px;
        position: relative;
        transition: all 150ms ease-in-out;
    }
    
    .co-main-menu .el-main-menu-burger-icon .icon-bar+.icon-bar {
        margin-top: 6px;
    }
    
    .co-main-menu .el-main-menu-burger-icon .icon-bar:nth-of-type(3) {
        top: 1px;
    }
    
    .co-main-menu .el-main-menu-burger-icon .icon-bar:nth-of-type(4) {
        top: 2px;
    }
    
    .co-main-menu .el-main-menu-burger-icon.active .icon-bar:nth-of-type(2) {
        top: 8px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    .co-main-menu .el-main-menu-burger-icon.active .icon-bar:nth-of-type(3) {
        background-color: transparent;
    }
    
    .co-main-menu .el-main-menu-burger-icon.active .icon-bar:nth-of-type(4) {
        top: -10px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    .co-main-menu-nav {
        padding: 0;
        position: relative;
        z-index: 88888;
    }
    
    .co-main-menu-nav .nav>li>a {
        min-width: 100px;
        text-align: center;
        color: #00b9e4;
        padding: 0;
        clear: both;
        overflow: hidden;
    }
    
    @media (min-width: 320px) {
        .co-main-menu-nav .nav>li>a {
            margin-bottom: 20px;
        }
    }
    
    @media (min-width: 768px) {
        .co-main-menu-nav .nav>li>a {
            margin-bottom: 0;
        }
    }
    
    @media (min-width: 320px) {
        .co-main-menu-nav .nav>li>a .el-main-menu-nav-icon {
            width: 100px;
            float: left;
        }
    }
    
    @media (min-width: 768px) {
        .co-main-menu-nav .nav>li>a .el-main-menu-nav-icon {
            width: 100%;
            float: none;
        }
    }
    
    .co-main-menu-nav .nav>li>a span {
        display: block;
    }
    
    @media (min-width: 320px) {
        .co-main-menu-nav .nav>li>a span {
            border-top: none;
            border-bottom: none;
            padding: 0;
            float: left;
            font-size: 23px;
            font-size: 1.4375rem;
            position: relative;
            top: 24px;
            margin-top: 0;
        }
        .co-main-menu-nav .nav>li.togle-correction>a img {
            display: inline;
            padding-bottom: 10px;
            margin: 0 auto;
            float: left;
            padding-right: 10px;
        }
    }
    
    @media (min-width: 768px) {
        .co-main-menu-nav .nav>li>a span {
            border-top: 1px solid #00b9e4;
            border-bottom: 1px solid #00b9e4;
            padding: 10px 15px 0 15px;
            float: none;
            font-size: 16px;
            font-size: 1rem;
            top: 0;
            margin-top: 10px;
        }
        .co-main-menu-nav .nav>li.togle-correction>a img {
            display: block;
            padding-bottom: 10px;
            margin: 0 auto;
            float: none;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .co-main-menu-nav .nav>li>a span {
            display: none !important;
        }
    }
    
    .co-main-menu-nav .nav>li>a span:after {
        content: " ";
        background-color: #fff;
        height: 5px;
        width: 100%;
        display: block;
        margin-top: 5px;
    }
    
    .co-main-menu-nav .nav>li>a:hover,
    .co-main-menu-nav .nav>li>a:focus {
        background-color: transparent;
    }
    
    .co-main-menu-nav .nav>li>a:hover span:after,
    .co-main-menu-nav .nav>li>a:focus span:after {
        -webkit-transition: background-color 150ms ease-in-out;
        -moz-transition: background-color 150ms ease-in-out;
        -ms-transition: background-color 150ms ease-in-out;
        -o-transition: background-color 150ms ease-in-out;
        transition: background-color 150ms ease-in-out;
        background-color: #00b9e4;
    }
    
    .co-main-menu-nav .nav>li>a.inactive {
        opacity: .5;
    }
    
    .co-main-menu-nav .nav>li.open a span:after {
        content: " ";
        background-color: #00b9e4;
        height: 5px;
        width: 100%;
        display: block;
        margin-top: 5px;
    }
    
    .co-main-menu-nav .nav>li.open ul.dropdown-menu span:after {
        background-color: transparent;
    }
    
    .co-main-menu-nav .nav>li.open .dropdown-menu {
        display: block;
        background: #00b9e4;
        border: none;
        -webkit-border-radius: 5px 5px 40px 40px;
        -moz-border-radius: 5px 5px 40px 40px;
        -o-border-radius: 5px 5px 40px 40px;
        border-radius: 5px 5px 40px 40px;
        width: 100%;
        text-align: left;
        z-index: 88888;
    }
    
    @media (min-width: 320px) {
        .co-main-menu-nav .nav>li.open .dropdown-menu {
            margin-top: 10px;
            margin-bottom: 20px;
            padding-top: 30px;
            padding-bottom: 30px;
        }
    }
    
    @media (min-width: 768px) {
        .co-main-menu-nav .nav>li.open .dropdown-menu {
            margin: 0;
            padding-bottom: 30px;
        }
    }
    
    .co-main-menu-nav .nav>li.open .dropdown-menu li:before {
        display: none;
    }
    
    .co-main-menu-nav .nav>li.open .dropdown-menu a {
        font-size: 20px;
        font-size: 1.25rem;
        color: #fff;
        padding: 5px 15px;
    }
    
    .co-main-menu-nav li.dropdown-menu a {
        font-size: 20px;
        font-size: 1.25rem;
        color: #fff;
        padding: 5px 15px;
    }
    
    .co-main-menu-nav .nav>li.open .dropdown-menu a:hover,
    .co-main-menu-nav .nav>li.open .dropdown-menu a:visited {
        background: #59d1ed;
    }
    
    .co-main-menu-nav li.dropdown-menu a:hover,
    .co-main-menu-nav .nav>li.open .dropdown-menu a:visited {
        background: #59d1ed;
    }
    /* FOR IE 8 */
    
    @media (min-width: 768px) {
        html.ie.lt-ie9 .co-main-menu-nav span {
            padding: 10px 10px 0 10px;
        }
    }
    
    .el-logo {
        display: inline-block;
        position: relative;
        z-index: 99999;
    }
    
    @media (min-width: 320px) {
        .el-logo {
            position: relative;
            top: 0;
            width: 170px;
        }
    }
    
    @media (min-width: 768px) {
        .el-logo {
            position: relative;
            top: 0;
            width: 152px;
        }
    }
    
    @media (min-width: 990px) {
        .el-logo {
            position: relative;
            top: -15px;
            width: auto;
        }
    }
    
    .el-main-menu-nav-icon.nancy,
    .el-main-menu-nav-icon.world,
    .el-main-menu-nav-icon.games,
    .el-main-menu-nav-icon.videos,
    .el-main-menu-nav-icon.collection {
        background-image: url(./images/sprite-menu-icons.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 65px;
        display: inline-block;
        background-position: center 0;
    }
    
    .el-main-menu-nav-icon.world {
        background-position: center -69px;
    }
    
    .el-main-menu-nav-icon.games {
        background-position: center -139px;
    }
    
    .el-main-menu-nav-icon.videos {
        background-position: center -208px;
    }
    
    .el-main-menu-nav-icon.collection {
        background-position: center -277px;
    }
    /*-----------------------\

   SEPARADOR DE LA CABECERA

  \-----------------------*/
    /*

Estos son los estilos CSS para el separador de la cabecera
con forma de nube.

*/
    
    .bl-header .el-header-separator {
        margin-top: 0;
        margin-bottom: 20px;
        background: transparent url(./images/header-separator-shadow.png) repeat 0 0;
        width: 100%;
        height: 33px;
        position: absolute;
        border: 0;
        z-index: 8888;
    }
    
    .bl-header {
        background-color: #fff;
        position: relative;
        z-index: 99999;
    }
    
    @media (min-width: 320px) {
        .bl-header {
            padding-bottom: 20px;
        }
    }
    
    @media (min-width: 768px) {
        .bl-header {
            padding-bottom: 0;
        }
    }
    /*

    En las versiones para movil el separador de nubes desaparece
    para que no pise demasiado los videos.

    */
    
    @media (min-width: 320px) {
        .bl-header .el-header-separator {
            display: none;
        }
    }
    
    @media (min-width: 768px) {
        .bl-header .el-header-separator {
            display: block;
        }
    }
    
    .corecction-right {
        margin-right: 0px;
    }
    /*-----------------------\

 CONTENEDOR PRINCIPAL

\-----------------------*/
    
    .bl-content {
        position: relative;
        /*    z-index: 77777;*/
    }
    
    .bl-content .container {
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 260px;
        padding-left: 0px;
        padding-right: 0px;
    }
    /*-----------------------\

    DESCARGATE NUESTRAS 
    APPS

\-----------------------*/
    
    .co-apps-downloads {
        background: transparent url(./images/footer-pattern.png) repeat-x center center;
        height: 228px;
        margin-top: -228px;
        z-index: 88888;
        position: relative;
        text-align: center;
    }
    
    .pa-muneca-nancy {
        background: url(./images/blue-background-pattern.png) repeat 0 0;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia {
        background: url(./images/purple-background-pattern.png) repeat 0 0;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia>.co-apps-downloads {
        background: transparent url(./images/footer-pattern-purple.png) repeat-x center center;
    }
    
    .co-apps-downloads .co-apps-downloads-inner {
        padding: 0 15px;
    }
    
    @media (min-width: 320px) {
        .co-apps-downloads .co-apps-downloads-inner {
            margin-top: 110px;
        }
    }
    
    @media (min-width: 768px) {
        .co-apps-downloads .co-apps-downloads-inner {
            margin-top: 140px;
        }
    }
    
    .co-apps-downloads .co-apps-downloads-inner .el-apps-downloads-title {
        color: #fff;
    }
    
    @media (min-width: 320px) {
        .co-apps-downloads .co-apps-downloads-inner .el-apps-downloads-title {
            margin-right: 0;
            font-size: 20px;
            font-size: 1.25rem;
            display: block;
        }
    }
    
    @media (min-width: 768px) {
        .co-apps-downloads .co-apps-downloads-inner .el-apps-downloads-title {
            margin-right: 20px;
            display: inline-block;
            font-size: 23px;
            font-size: 1.4375rem;
        }
    }
    /*****APPS download******/
    
    .co-apps-downloads .co-apps-downloads-inner .el-apps-downloads-links {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline-block;
    }
    
    .co-apps-downloads .co-apps-downloads-inner .el-apps-downloads-links li {
        display: inline-block;
    }
    
    @media (min-width: 320px) {
        .co-apps-downloads .co-apps-downloads-inner .el-apps-downloads-links li img {
            width: 120px;
        }
    }
    
    @media (min-width: 768px) {
        .co-apps-downloads .co-apps-downloads-inner .el-apps-downloads-links li img {
            width: auto;
        }
    }
    /*-----------------------\

 FOOTER

\-----------------------*/
    
    .bl-footer {
        text-align: center;
    }
    /*-----------------------\

       COPYRIGHT

      \-----------------------*/
    
    .co-copyright {
        padding: 10px;
        background-color: #00b9e4;
        color: #fff;
    }
    
    .co-copyright p {
        margin: 0;
    }
    
    .co-copyright p a:hover {
        text-decoration: none;
    }
    
    .co-copyright p a {
        color: #fff;
        text-decoration: underline;
    }
    
    @media (min-width: 320px) {
        .co-copyright p span {
            display: block;
        }
    }
    
    @media (min-width: 767px) {
        .co-copyright p span {
            display: inline-block;
        }
    }
    
    @media (max-width: 767px) {
        .hidden-xs {
            display: none !important;
        }
    }
    /*----------------------*\

    BOTON DE AGREGAR FAVORITO

\*----------------------*/
    /*

Es un elemento generico para todo el site,
define el boton de agregar a favoritos.

Este se puede agregar a cualquier componente de la web
y en caso de ser necesario el propio componente personalizara
el estilo del boton segun sea necesario

*/
    
    .el-add-favorite-button {
        padding: 0;
        font-size: 20px;
        font-size: 1.25rem;
        text-align: center;
        vertical-align: middle;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        width: 34px;
        height: 34px;
        top: -9px;
        right: -9px;
        cursor: pointer;
    }
    
    .el-add-favorite-button.added-to-favorite {
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -ms-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
        width: 40px;
        height: 38px;
        font-size: 23px;
        font-size: 1.4375rem;
        top: -12px;
        right: -12px;
    }
    /*----------------------*\

    SLIDER HOME FULL

\*----------------------*/
    
    .co-slider-fullscreen .slick-slide {
        padding: 0;
    }
    
    .slick-slide a {
        display: block;
        position: relative;
    }
    /*----------------------*\

    NUESTROS PRODUCTOS

\*----------------------*/
    
    .bl-featured-products {
        overflow: hidden;
    }
    
    .bl-featured-products .co-featured-products-item:hover a {
        text-decoration: none;
        color: #fff;
    }
    
    .bl-featured-products .co-featured-products-item:hover a .el-featured-products-item-title,
    .bl-featured-products .co-featured-products-item:hover a .el-featured-products-item-image {
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -ms-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
        background-color: #00b9e4;
    }
    
    .bl-featured-products .co-featured-products-item:hover .el-add-favorite-button {
        color: #00b9e4;
        background-color: #fff;
        border: 4px solid #00b9e4;
    }
    
    .bl-featured-products .co-featured-products-item:hover .el-add-favorite-button:hover,
    .bl-featured-products .co-featured-products-item:hover .el-add-favorite-button.added-to-favorite {
        background-color: #00b9e4;
        color: #fff;
    }
    
    .bl-featured-products .co-featured-products-item:hover a .el-featured-products-item-image {
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -ms-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
        border: 4px solid #00b9e4;
    }
    /* 

el-add-favorite-button es un elemento generico de todo el site
las lineas a continuacion se sobre escribe algunos parametros
de la definicion de este elemento para adaptarlo al bloque en 
el que se encuentra.

La defincion de este boton esta más abajo en las lineas 1 a 47 de este documento

*/
    
    .bl-featured-products .el-add-favorite-button {
        color: #fecb00;
        background-color: #fff;
        border: 4px solid #fecb00;
    }
    
    .bl-featured-products .el-add-favorite-button:hover,
    .bl-featured-products .el-add-favorite-button.added-to-favorite {
        background-color: #fecb00;
        color: #fff;
    }
    
    @media (min-width: 320px) {
        .bl-featured-products .last-four .el-featured-products-item-title {
            height: 90px;
        }
    }
    
    @media (min-width: 768px) {
        .bl-featured-products .last-four .el-featured-products-item-title {
            height: 92px;
        }
    }
    
    @media (min-width: 990px) {
        .bl-featured-products .last-four .el-featured-products-item-title {
            height: 123px;
        }
    }
    
    @media (min-width: 1200px) {
        .bl-featured-products .last-four .el-featured-products-item-title {
            height: 92px;
        }
    }
    /* Define cada item destacado */
    
    .co-featured-products-item {
        position: relative;
        clear: both;
        margin-bottom: 30px;
        display: inline-block;
        width: 100%;
    }
    
    .el-featured-products-item-image {
        border: 4px solid #fecb00;
        width: 100%;
        height: auto;
    }
    
    .el-featured-products-title {
        text-align: center;
    }
    
    .el-featured-products-item-title {
        display: table;
        color: #fff;
        font-weight: 700;
        line-height: 100%;
        text-align: center;
        background-color: #fecb00;
        margin-top: 8px;
        padding: 6px 6px;
        width: 100%;
        float: left;
    }
    
    @media (min-width: 320px) {
        .el-featured-products-item-title {
            font-size: 18px;
            font-size: 1.125rem;
        }
    }
    
    @media (min-width: 768px) {
        .el-featured-products-item-title {
            font-size: 13px;
            font-size: 0.8125rem;
        }
    }
    
    @media (min-width: 990px) {
        .el-featured-products-item-title {
            font-size: 16px;
            font-size: 1rem;
        }
    }
    
    .el-featured-products-item-title span {
        display: table-cell;
        vertical-align: middle;
    }
    /*------------------*\

    EL MUNDO DE
    NANCY

\*------------------*/
    /*

Este bloque en realidad consta de dos carruseles
sincronizados entre si. Un carrusel de imagenes de
y otro de nombres.

*/
    
    .bl-nancy-world {
        background: transparent url(./images/fd-bl-nancy-world.png) no-repeat top center;
        padding-top: 72px;
        padding-bottom: 30px;
        overflow: hidden;
    }
    /*

.co-title-balloon ya se definio anteriormente en el fichero
"nuestros-productos.zip" y se comentaba que era un componente
generico para toda la web, en este caso no hace falta volver a
redefinirlo, simplemente sobre escribimos las propiedades de
background-position en .el-balloon y .el-ribbon para obtener
el globo y la cinta adecuada de los distintos sprites.

*/
    
    .bl-nancy-world .co-title-balloon .el-balloon {
        background-position: -141px 0;
    }
    
    .bl-nancy-world .co-title-balloon .el-ribbon {
        background-position: 100% -156px;
    }
    
    .co-title-balloon {
        text-align: center;
    }
    /*------------------*\

    CARRUSEL DE
    IMAGENES

\*------------------*/
    
    .co-nancy-world-carousel {
        width: 100%;
        display: block;
        border: 8px solid #da487e;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        background-color: #fff;
        text-align: center;
    }
    
    .co-nancy-world-carousel .slick-slide {
        padding: 0;
        position: relative;
    }
    
    .co-nancy-world-carousel .slick-slide img {
        width: 100%;
        z-index: 88888;
    }
    /*

Flechas de navegacion

Solo se utiliza cuando llevamos la vista mobile

*/
    
    .co-nancy-world-carousel .slick-prev,
    .co-nancy-world-carousel .slick-next {
        top: 50%;
        width: 45px;
        height: 46px;
        text-align: center;
        display: block;
        border: none;
        color: #fff;
        padding-top: 3px;
        cursor: pointer;
        background-color: #da487e;
        position: absolute;
    }
    
    .co-nancy-world-carousel .slick-prev {
        -webkit-border-top-left-radius: 23px;
        -webkit-border-bottom-left-radius: 23px;
        -moz-border-radius-topleft: 23px;
        -moz-border-radius-bottomleft: 23px;
        border-top-left-radius: 23px;
        border-bottom-left-radius: 23px;
        left: -53px;
        -webkit-appearance: none;
    }
    
    .co-nancy-world-carousel .slick-prev:focus {
        outline: 0 !important;
    }
    
    .co-nancy-world-carousel .slick-prev:before {
        font-family: "FontAwesome";
        color: #fff;
        content: "\f053";
        font-size: 30px;
        font-weight: 700;
    }
    
    .co-nancy-world-carousel .slick-next {
        -webkit-border-top-right-radius: 23px;
        -webkit-border-bottom-right-radius: 23px;
        -moz-border-radius-topright: 23px;
        -moz-border-radius-bottomright: 23px;
        border-top-right-radius: 23px;
        border-bottom-right-radius: 23px;
        right: -53px;
    }
    
    .co-nancy-world-carousel .slick-next:focus {
        outline: 0 !important;
    }
    
    .co-nancy-world-carousel .slick-next:before {
        font-family: "FontAwesome";
        color: #fff;
        content: "\f054";
        font-size: 30px;
        font-weight: 700;
    }
    /*

Paginacion por puntos.

Solo se utiliza cuando llevamos la vista mobile

*/
    
    @media (min-width: 320px) {
        .co-nancy-world-carousel.slick-dotted.slick-slider {
            margin-bottom: 50px;
        }
    }
    
    @media (min-width: 768px) {
        .co-nancy-world-carousel.slick-dotted.slick-slider {
            margin-bottom: 30px;
        }
    }
    /*

el elemento .el-add-favorite-button es un elemento generico para todo el site,
define el boton de agregar a favoritos.

Este se puede agregar a cualquier componente de la web (como en este caso al carrusel)
y en caso de ser necesario el propio componente personalizara
el estilo del boton segun sea necesario

*/
    
    .co-nancy-world-carousel .el-add-favorite-button {
        color: #da487e;
        background-color: #fff;
        border: 4px solid #da487e;
        top: 10px;
        right: 15px;
        z-index: 99999;
    }
    
    .co-nancy-world-carousel .el-add-favorite-button:hover,
    .co-nancy-world-carousel .el-add-favorite-button.added-to-favorite {
        background-color: #da487e;
        color: #fff;
    }
    
    .co-nancy-world-carousel .el-add-favorite-button.added-to-favorite {
        top: 8px;
        right: 13px;
    }
    /*------------------*\

    CARRUSEL DE
    NOMBRES

\*------------------*/
    
    .co-nancy-world-carousel-names {
        background-color: #da487e;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
        margin-top: 10px;
    }
    
    .co-nancy-world-carousel-names a {
        color: #fff;
        text-align: center;
        padding: 5px 0;
        position: relative;
    }
    
    .co-nancy-world-carousel-names a:hover {
        color: #fecb00;
    }
    /*

Paginacion por puntos.

Solo se utiliza cuando llevamos la vista mobile

*/
    
    @media (min-width: 320px) {
        .co-nancy-world-carousel-names.slick-dotted.slick-slider {
            margin-bottom: 50px;
        }
    }
    
    @media (min-width: 768px) {
        .co-nancy-world-names.slick-dotted.slick-slider {
            margin-bottom: 30px;
        }
    }
    
    .co-nancy-world-carousel-names .slick-dots {
        bottom: -45px;
    }
    
    .co-nancy-world-carousel-names .slick-dots li button:before {
        color: #00b9e4;
        font-size: 20px;
        font-size: 1.25rem;
    }
    
    .co-nancy-world-carousel-names .slick-dots li button.active button:before {
        color: #00b9e4;
    }
    /*----------------------*\

   TITULO CON GLOBO
   CINTA Y DECORADOS
   DE NUBES y PAJAROS

\*----------------------*/
    /*

.co-title-balloon es una clase generica que engloba 
al menos a dos elementos, .el-baloon (el globo) y
.el-ribbon (la cinta) y que define el estilo de los titulos
principales de cada bloque.

Opcionalmente a este se le pueden añadir dos componentes
mas, a izquierda y derecha, con decorado de nubes y pajaros.

*/
    
    .co-title-balloon {
        text-align: center;
    }
    /* Define el globo que se va a mostrar, de un color u otro */
    
    .el-balloon {
        width: 141px;
        height: 117px;
        background: transparent url(./images/sprite-balloons.png) no-repeat 0 0;
        position: relative;
        z-index: 88888;
    }
    
    @media (min-width: 320px) {
        .el-balloon {
            display: none;
        }
    }
    
    @media (min-width: 768px) {
        .el-balloon {
            display: inline-block;
        }
    }
    /* Define la cinta que se va a mostrar, de un color u otro */
    
    .el-ribbon {
        color: #fff;
        background: transparent url(./images/sprite-ribbons.png) no-repeat 100% 0;
    }
    
    @media (min-width: 320px) {
        .el-ribbon {
            font-size: 23px;
            font-size: 1.4375rem;
            margin: 20px 0 20px 0;
            padding: 0 20px 0 2px;
            display: block;
            height: 52px;
            line-height: 52px;
            position: relative;
            z-index: 99999;
            top: 0;
            left: 0;
        }
    }
    
    @media (min-width: 768px) {
        .el-ribbon {
            font-size: 28px;
            font-size: 1.75rem;
            top: -51px;
            left: -5px;
            margin: 0;
            padding: 0 30px 0 20px;
            display: inline-block;
            margin-bottom: 20px;
        }
    }
    
    @media (min-width: 992px) {
        .el-ribbon {
            padding: 0 40px 0 20px;
        }
    }
    
    @media (min-width: 1200px) {
        .el-ribbon {
            font-size: 34px;
            font-size: 2.125rem;
            padding: 0 60px 0 40px;
        }
    }
    /* Dos nubes azules a la derecha */
    
    .co-right-clouds {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        right: 80px;
        /*  top: 50%;*/
        margin-top: -150px;
    }
    
    .co-right-clouds .el-right-big-cloud {
        position: absolute;
        left: 5px;
        top: 15px;
        z-index: 99999;
    }
    
    .co-right-clouds .el-right-small-cloud {
        position: relative;
        z-index: 88888;
        left: 18px;
    }
    /* una nube azul a la izquierda con un pajaro */
    
    .co-left-cloud-bird {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        left: 100px;
    }
    
    .co-left-cloud-bird .el-left-cloud {
        position: absolute;
        left: 0;
        z-index: 99999;
    }
    
    .co-left-cloud-bird .el-bird {
        position: relative;
        z-index: 88888;
        left: 10px;
        top: 20px;
    }
    /*-----------------------\

    DESCARGATE NUESTRAS APPS

    \-----------------------*/
    /**
.co-apps-downloads {
    background: transparent url(../images/footer-pattern.png) repeat-x center center;
    height: 228px;
}

.co-apps-downloads .co-apps-downloads-inner {
    padding: 0 15px;
}

@media (min-width: 320px) {
    .co-apps-downloads .co-apps-downloads-inner {
        margin-top: 110px;
    }
}

@media (min-width: 768px) {
    .co-apps-downloads .co-apps-downloads-inner {
        margin-top: 140px;
    }
}

.co-apps-downloads .co-apps-downloads-inner .el-apps-downloads-title {
    color: #fff;
}

@media (min-width: 320px) {
    .co-apps-downloads .co-apps-downloads-inner .el-apps-downloads-title {
        margin-right: 0;
        font-size: 20px;
        font-size: 1.25rem;
        display: block;
    }
}

@media (min-width: 768px) {
    .co-apps-downloads .co-apps-downloads-inner .el-apps-downloads-title {
        margin-right: 20px;
        display: inline-block;
        font-size: 23px;
        font-size: 1.4375rem;
    }
}

.co-apps-downloads .co-apps-downloads-inner .el-apps-downloads-links {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.co-apps-downloads .co-apps-downloads-inner .el-apps-downloads-links li {
    display: inline-block;
}

@media (min-width: 320px) {
    .co-apps-downloads .co-apps-downloads-inner .el-apps-downloads-links li img {
        width: 120px;
    }
}

@media (min-width: 768px) {
    .co-apps-downloads .co-apps-downloads-inner .el-apps-downloads-links li img {
        width: auto;
    }
}
**/
    /*------------------*\

    JUEGA EN EL 
    MUNDO DE NANCY

\*------------------*/
    
    .bl-play-world-nancy {
        background: #e5f8fc url(./images/fd-bl-play-world-nancy.png) no-repeat top center;
        padding-top: 72px;
        padding-bottom: 30px;
        overflow: hidden;
    }
    /*

.co-title-balloon ya se definio anteriormente en el fichero
"nuestros-productos.zip" y se comentaba que era un componente
generico para toda la web, en este caso no hace falta volver a
redefinirlo, simplemente sobre escribimos las propiedades de
background-position en .el-balloon y .el-ribbon para obtener
el globo y la cinta adecuada de los distintos sprites.

*/
    
    .bl-play-world-nancy .co-title-balloon .el-balloon {
        background-position: 0 -117px;
    }
    
    .bl-play-world-nancy .co-title-balloon .el-ribbon {
        background-position: 100% -52px;
    }
    /*------------------*\

    NUBES BLANCA A
    LA IZQUIERDA

\*------------------*/
    
    .co-left-white-clouds {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        left: 80px;
        top: 18px;
    }
    
    .co-left-white-clouds .el-big-white-cloud {
        position: absolute;
        left: 22px;
        top: 5px;
    }
    
    .co-left-white-clouds .el-small-white-cloud {
        position: absolute;
        left: 0;
    }
    /*------------------*\

    NUBE BLANCA A LA
    DERECHA CON TRES
    PAJAROS

\*------------------*/
    
    .co-right-white-cloud-birds {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        right: 80px;
        top: 0;
    }
    
    .co-right-white-cloud-birds .el-white-cloud {
        position: absolute;
        left: 25px;
        top: 0;
        z-index: 88888;
    }
    
    .co-right-white-cloud-birds .el-three-birds {
        position: relative;
        z-index: 99999;
        left: 20px;
        top: 30px;
    }
    /*------------------*\

    CARRUSEL

\*------------------*/
    
    .co-play-world-nancy-carousel {
        width: 100%;
        display: block;
        border: 8px solid #ccdc00;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
        background-color: #fff;
        text-align: center;
    }
    
    .co-play-world-nancy-carousel .slick-slide {
        padding: 0;
    }
    
    .co-play-world-nancy-carousel .slick-slide img {
        width: 100%;
    }
    /*

Flechas de navegacion

Solo se utiliza cuando llevamos la vista mobile

*/
    
    .co-play-world-nancy-carousel .slick-prev,
    .co-play-world-nancy-carousel .slick-next {
        top: 50%;
        width: 45px;
        height: 46px;
        text-align: center;
        display: block;
        border: none;
        color: #fff;
        padding-top: 3px;
        cursor: pointer;
        background-color: #cbdb00;
        position: absolute;
    }
    
    .co-play-world-nancy-carousel .slick-prev {
        -webkit-border-top-left-radius: 23px;
        -webkit-border-bottom-left-radius: 23px;
        -moz-border-radius-topleft: 23px;
        -moz-border-radius-bottomleft: 23px;
        border-top-left-radius: 23px;
        border-bottom-left-radius: 23px;
        left: -53px;
        -webkit-appearance: none;
    }
    
    .co-play-world-nancy-carousel .slick-prev:focus {
        outline: 0 !important;
    }
    
    .co-play-world-nancy-carousel .slick-prev:before {
        font-family: "FontAwesome";
        color: #fff;
        content: "\f053";
        font-size: 30px;
        font-weight: 700;
    }
    
    .co-play-world-nancy-carousel .slick-next {
        -webkit-border-top-right-radius: 23px;
        -webkit-border-bottom-right-radius: 23px;
        -moz-border-radius-topright: 23px;
        -moz-border-radius-bottomright: 23px;
        border-top-right-radius: 23px;
        border-bottom-right-radius: 23px;
        right: -53px;
    }
    
    .co-play-world-nancy-carousel .slick-next:focus {
        outline: 0 !important;
    }
    
    .co-play-world-nancy-carousel .slick-next:before {
        font-family: "FontAwesome";
        color: #fff;
        content: "\f054";
        font-size: 30px;
        font-weight: 700;
    }
    /*

Paginacion por puntos.

Solo se utiliza cuando llevamos la vista mobile

*/
    
    @media (min-width: 320px) {
        .co-play-world-nancy-carousel.slick-dotted.slick-slider {
            margin-bottom: 50px;
        }
    }
    
    @media (min-width: 768px) {
        .co-play-world-nancy-carousel.slick-dotted.slick-slider {
            margin-bottom: 30px;
        }
    }
    
    .co-play-world-nancy-carousel .slick-dots {
        bottom: -45px;
    }
    
    .co-play-world-nancy-carousel .slick-dots li button:before {
        color: #00b9e4;
        font-size: 20px;
        font-size: 1.25rem;
    }
    
    .co-play-world-nancy-carousel .slick-dots li button.active button:before {
        color: #00b9e4;
    }
    /*------------------*\

    EL MUNDO DE
    NANCY

\*------------------*/
    /*

Este bloque en realidad consta de dos carruseles
sincronizados entre si. Un carrusel de imagenes de
y otro de nombres.

*/
    
    .bl-nancy-world {
        background: transparent url(./images/fd-bl-nancy-world.png) no-repeat top center;
        padding-top: 72px;
        padding-bottom: 30px;
        overflow: hidden;
    }
    /*

.co-title-balloon ya se definio anteriormente en el fichero
"nuestros-productos.zip" y se comentaba que era un componente
generico para toda la web, en este caso no hace falta volver a
redefinirlo, simplemente sobre escribimos las propiedades de
background-position en .el-balloon y .el-ribbon para obtener
el globo y la cinta adecuada de los distintos sprites.

*/
    
    .bl-nancy-world .co-title-balloon .el-balloon {
        background-position: -141px 0;
    }
    
    .bl-nancy-world .co-title-balloon .el-ribbon {
        background-position: 100% -156px;
    }
    
    .co-title-balloon {
        text-align: center;
    }
    /*------------------*\

    CARRUSEL DE
    IMAGENES

\*------------------*/
    
    .co-nancy-world-carousel {
        width: 100%;
        display: block;
        border: 8px solid #da487e;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        background-color: #fff;
        text-align: center;
    }
    
    .co-nancy-world-carousel .slick-slide {
        padding: 0;
        position: relative;
    }
    
    .co-nancy-world-carousel .slick-slide img {
        width: 100%;
        z-index: 88888;
    }
    /*

Flechas de navegacion

Solo se utiliza cuando llevamos la vista mobile

*/
    
    .co-nancy-world-carousel .slick-prev,
    .co-nancy-world-carousel .slick-next {
        top: 50%;
        width: 45px;
        height: 46px;
        text-align: center;
        display: block;
        border: none;
        color: #fff;
        padding-top: 3px;
        cursor: pointer;
        background-color: #da487e;
        position: absolute;
    }
    
    .co-nancy-world-carousel .slick-prev {
        -webkit-border-top-left-radius: 23px;
        -webkit-border-bottom-left-radius: 23px;
        -moz-border-radius-topleft: 23px;
        -moz-border-radius-bottomleft: 23px;
        border-top-left-radius: 23px;
        border-bottom-left-radius: 23px;
        left: -53px;
        -webkit-appearance: none;
    }
    
    .co-nancy-world-carousel .slick-prev:focus {
        outline: 0 !important;
    }
    
    .co-nancy-world-carousel .slick-prev:before {
        font-family: "FontAwesome";
        color: #fff;
        content: "\f053";
        font-size: 30px;
        font-weight: 700;
    }
    
    .co-nancy-world-carousel .slick-next {
        -webkit-border-top-right-radius: 23px;
        -webkit-border-bottom-right-radius: 23px;
        -moz-border-radius-topright: 23px;
        -moz-border-radius-bottomright: 23px;
        border-top-right-radius: 23px;
        border-bottom-right-radius: 23px;
        right: -53px;
    }
    
    .co-nancy-world-carousel .slick-next:focus {
        outline: 0 !important;
    }
    
    .co-nancy-world-carousel .slick-next:before {
        font-family: "FontAwesome";
        color: #fff;
        content: "\f054";
        font-size: 30px;
        font-weight: 700;
    }
    /*

Paginacion por puntos.

Solo se utiliza cuando llevamos la vista mobile

*/
    
    @media (min-width: 320px) {
        .co-nancy-world-carousel.slick-dotted.slick-slider {
            margin-bottom: 50px;
        }
    }
    
    @media (min-width: 768px) {
        .co-nancy-world-carousel.slick-dotted.slick-slider {
            margin-bottom: 30px;
        }
    }
    /*

el elemento .el-add-favorite-button es un elemento generico para todo el site,
define el boton de agregar a favoritos.

Este se puede agregar a cualquier componente de la web (como en este caso al carrusel)
y en caso de ser necesario el propio componente personalizara
el estilo del boton segun sea necesario

*/
    
    .co-nancy-world-carousel .el-add-favorite-button {
        color: #da487e;
        background-color: #fff;
        border: 4px solid #da487e;
        top: 10px;
        right: 15px;
        z-index: 99999;
    }
    
    .co-nancy-world-carousel .el-add-favorite-button:hover,
    .co-nancy-world-carousel .el-add-favorite-button.added-to-favorite {
        background-color: #da487e;
        color: #fff;
    }
    
    .co-nancy-world-carousel .el-add-favorite-button.added-to-favorite {
        top: 8px;
        right: 13px;
    }
    /*
Estilos generals del bloque ¿A que jugamos hoy?
*/
    
    .bl-what-playing-today {
        background: transparent url(./images/fd-bl-what-playing-today.png) no-repeat top center;
        /* Fondo de nubes de la parte superior del bloque */
        overflow: hidden;
        position: relative;
    }
    /*  
    @media (min-width: 320px) {
        .bl-what-playing-today {
            height: auto;
        }
    }
    
    @media (min-width: 990px) {
        .bl-what-playing-today {
            height: 980px;
        }
    }
    
    @media (min-width: 1200px) {
        .bl-what-playing-today {
            height: 1080px;
        }
    }
    */
    
    @media (min-width: 320px) {
        .el-what-playing-today-nancy {
            top: 0;
            position: relative;
        }
    }
    
    @media (min-width: 990px) {
        .el-what-playing-today-nancy {
            top: 130px;
        }
    }
    
    @media (min-width: 1200px) {
        .el-what-playing-today-nancy {
            top: 125px;
        }
    }
    
    @media (min-width: 320px) {
        .bl-what-playing-today {
            margin-bottom: 0;
            padding-top: 72px;
            padding-bottom: 150px;
        }
    }
    
    @media (min-width: 990px) {
        .bl-what-playing-today {
            padding-bottom: 30px;
        }
    }
    /*
Rectificamos los margenes por defecto de Bootstrap
para la clase .row dentro de este bloque

*/
    
    .bl-what-playing-today .row {
        margin: 0;
    }
    /*

Estilos personlizados del componente .co-title-balloon
para el tiutlo del bloque ¿A que juamos hoy?

*/
    
    .bl-what-playing-today .co-title-balloon {
        margin: 0 auto;
        text-align: center;
    }
    
    .bl-what-playing-today .co-title-balloon .el-balloon {
        background-position: -141px -117px;
    }
    
    .bl-what-playing-today .co-title-balloon .el-ribbon {
        background-position: 100% 0;
    }
    /*

Los decorados de los titulos son componentes totalmente independientes que
se pueden incluir dentro de cualquier componente con la clase .co-title-baloon.

Estos componentes decorativos utilizan recursos graficos que a menudo van a estar
adaptados de forma especifica a un bloque determinado u otro, en cualquier caso, 
son totalmente reutilizables.

Para este bloque se utilizan los dos componentes decorativos que se definen a continuacion.

¡IMPORTANTE!
------------
Si se da el caso de que se utilicen exactamente igual en otros lugares de la web
no es necesario definir estos CSS cada vez, con una vez que se incluyan en la hoja de 
estilos es suficiente.

*/
    /* Estilos para el decorado de nubes de la parte izquierda del titulo */
    
    .co-left-clouds {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        left: 80px;
        top: 18px;
    }
    
    .co-left-clouds .el-big-cloud {
        position: absolute;
        left: 22px;
        top: 5px;
    }
    
    .co-left-clouds .el-small-cloud {
        position: absolute;
        left: 0;
    }
    /* Estilos para el decorado de nubes de la parte izquierda del titulo */
    
    .co-right-cloud-birds {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        right: 80px;
        top: 0;
    }
    
    .co-right-cloud-birds .el-cloud {
        position: absolute;
        left: 25px;
        top: 0;
        z-index: 88888;
    }
    
    .co-right-cloud-birds .el-three-birds {
        position: relative;
        z-index: 99999;
        left: 20px;
        top: 30px;
    }
    /*

Aplicamos unos margenes personalizados a la clase .row
de Bootstrap para las filas 2 y 3 del componente de
resultados para el bloque ¿A que jugamos hoy?

*/
    
    .co-what-playing-today-result .row:nth-child(2) {
        margin-top: 20px;
    }
    
    .co-what-playing-today-result .row:nth-child(3) {
        margin-top: 50px;
    }
    /*

Asignamos un 100% de ancho a cada nube de resultados para
que se adapte en todo momento al su contenedor en cada
resolucion

*/
    
    .el-what-playing-today-result-item img {
        width: 100%;
        height: auto;
    }
    /*
.co-title-balloon ya se definio anteriormente en el fichero
"nuestros-productos.zip" y se comentaba que era un componente
generico para toda la web, en este caso no hace falta volver a
redefinirlo, simplemente sobre escribimos las propiedades de
background-position en .el-balloon y .el-ribbon para obtener
el globo y la cinta adecuada de los distintos sprites.

*/
    
    .bl-nancy-world .co-title-balloon .el-balloon {
        background-position: -141px 0;
    }
    
    .bl-nancy-world .co-title-balloon .el-ribbon {
        background-position: 100% -156px;
    }
    
    .co-title-balloon {
        text-align: center;
    }
    /*------------------*\

    CARRUSEL DE
    IMAGENES

\*------------------*/
    
    .co-nancy-world-carousel {
        width: 100%;
        display: block;
        border: 8px solid #da487e;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        background-color: #fff;
        text-align: center;
    }
    
    .co-nancy-world-carousel .slick-slide {
        padding: 0;
        position: relative;
    }
    
    .co-nancy-world-carousel .slick-slide img {
        width: 100%;
        z-index: 88888;
    }
    /*

Flechas de navegacion

Solo se utiliza cuando llevamos la vista mobile

*/
    
    .co-nancy-world-carousel .slick-prev,
    .co-nancy-world-carousel .slick-next {
        top: 50%;
        width: 45px;
        height: 46px;
        text-align: center;
        display: block;
        border: none;
        color: #fff;
        padding-top: 3px;
        cursor: pointer;
        background-color: #da487e;
        position: absolute;
    }
    
    .co-nancy-world-carousel .slick-prev {
        -webkit-border-top-left-radius: 23px;
        -webkit-border-bottom-left-radius: 23px;
        -moz-border-radius-topleft: 23px;
        -moz-border-radius-bottomleft: 23px;
        border-top-left-radius: 23px;
        border-bottom-left-radius: 23px;
        left: -53px;
        -webkit-appearance: none;
    }
    
    .co-nancy-world-carousel .slick-prev:focus {
        outline: 0 !important;
    }
    
    .co-nancy-world-carousel .slick-prev:before {
        font-family: "FontAwesome";
        color: #fff;
        content: "\f053";
        font-size: 30px;
        font-weight: 700;
    }
    
    .co-nancy-world-carousel .slick-next {
        -webkit-border-top-right-radius: 23px;
        -webkit-border-bottom-right-radius: 23px;
        -moz-border-radius-topright: 23px;
        -moz-border-radius-bottomright: 23px;
        border-top-right-radius: 23px;
        border-bottom-right-radius: 23px;
        right: -53px;
    }
    
    .co-nancy-world-carousel .slick-next:focus {
        outline: 0 !important;
    }
    
    .co-nancy-world-carousel .slick-next:before {
        font-family: "FontAwesome";
        color: #fff;
        content: "\f054";
        font-size: 30px;
        font-weight: 700;
    }
    /*

Paginacion por puntos.

Solo se utiliza cuando llevamos la vista mobile

*/
    
    @media (min-width: 320px) {
        .co-nancy-world-carousel.slick-dotted.slick-slider {
            margin-bottom: 50px;
        }
    }
    
    @media (min-width: 768px) {
        .co-nancy-world-carousel.slick-dotted.slick-slider {
            margin-bottom: 30px;
        }
    }
    /*

el elemento .el-add-favorite-button es un elemento generico para todo el site,
define el boton de agregar a favoritos.

Este se puede agregar a cualquier componente de la web (como en este caso al carrusel)
y en caso de ser necesario el propio componente personalizara
el estilo del boton segun sea necesario

*/
    
    .co-nancy-world-carousel .el-add-favorite-button {
        color: #da487e;
        background-color: #fff;
        border: 4px solid #da487e;
        top: 10px;
        right: 15px;
        z-index: 99999;
    }
    
    .co-nancy-world-carousel .el-add-favorite-button:hover,
    .co-nancy-world-carousel .el-add-favorite-button.added-to-favorite {
        background-color: #da487e;
        color: #fff;
    }
    
    .co-nancy-world-carousel .el-add-favorite-button.added-to-favorite {
        top: 8px;
        right: 13px;
    }
    
    .co-what-playing-today-button {
        height: 126px;
    }
    
    @media (min-width: 768px) {
        .co-what-playing-today-button {
            text-align: center;
        }
    }
    
    @media (min-width: 990px) {
        .co-what-playing-today-button {
            text-align: left;
        }
    }
    
    .co-what-playing-today-button .el-what-playing-today-button-hand {
        height: auto;
        position: absolute;
        left: 0;
        top: 20px;
        z-index: 88888;
        animation: animate-el-what-playing-today-button-hand 1s;
        -moz-animation: animate-el-what-playing-today-button-hand 1s infinite;
        /* Firefox */
        -webkit-animation: animate-el-what-playing-today-button-hand 1s infinite;
        /* Safari and Chrome */
    }
    
    @media (min-width: 320px) {
        .co-what-playing-today-button .el-what-playing-today-button-hand {
            width: 130px;
        }
    }
    
    @media (min-width: 1200px) {
        .co-what-playing-today-button .el-what-playing-today-button-hand {
            width: 159px;
        }
    }
    
    .co-what-playing-today-button .el-what-playing-today-button-cloud {
        margin-top: 0;
        padding: 0;
        background: none;
        border: none;
        z-index: 77777;
        margin-left: 0;
    }
    
    @media (min-width: 768px) {
        .co-what-playing-today-button .el-what-playing-today-button-cloud {
            width: 100px;
            position: relative;
            text-align: center;
        }
    }
    
    @media (min-width: 990px) {
        .co-what-playing-today-button .el-what-playing-today-button-cloud {
            position: absolute;
            top: 0;
            right: 0;
            width: auto;
        }
    }
    
    .co-what-playing-today-button .el-what-playing-today-button-cloud img {
        display: inline-block;
    }
    
    .co-what-playing-today-button span {
        color: #00b9e4;
        display: block;
        padding: 30px 0 10px 0;
        border-bottom: 3px solid #00b9e4;
        text-align: center;
    }
    
    @media (min-width: 320px) {
        .co-what-playing-today-button span {
            font-size: 20px;
            font-size: 1.25rem;
            background: transparent url(./images/flecha-clic-top.png) no-repeat top center;
            width: 100%;
            position: relative;
            margin-top: 20px;
        }
    }
    
    @media (min-width: 990px) {
        .co-what-playing-today-button span {
            position: absolute;
            display: block;
            padding: 15px 15px 15px 30px;
            background: transparent url(./images/flecha-clic.png) no-repeat center left;
            text-align: left;
            border-right: 3px solid #00b9e4;
            border-bottom: 0;
            top: 0;
            margin-top: 0;
        }
    }
    
    @media (min-width: 1200px) {
        .co-what-playing-today-button span {
            top: 20px;
        }
    }
    /*

El menu de categorias de producto puede cambiar
su aspecto segun en que pagina se utilice por lo
que se definen reglas a nivel de pagina que
sobre escriben o agregan estilos a dicho bloque 
y sus elementos con el fin de personalizaros
segun en que pagina se utilicen.

Los distintos aplicativos del este bloque se veran
en las diferentes paginas de categoria de producto

*/
    /* Establece el color de fondo en la pagina "Muñeca Nancy" */
    
    .pa-muneca-nancy .bl-nancy-categories-menu {
        background-color: #e5f8fc;
        /* Este es el color de fondo por defecto del bloque de menu de categorias de producto */
    }
    /* Estilos generales del bloque de menu de categorias de producto */
    
    .bl-nancy-categories-menu {
        background-color: #fff;
        overflow: hidden;
    }
    /* 

Se ajusta el padding del bloque en cada resolucion

*/
    
    @media (min-width: 320px) {
        .bl-nancy-categories-menu {
            padding: 60px 0 40px 0;
        }
    }
    
    @media (min-width: 480px) {
        .bl-nancy-categories-menu {
            padding: 60px 40px 40px 40px;
        }
    }
    
    @media (min-width: 990px) {
        .bl-nancy-categories-menu {
            padding: 60px 90px 40px 90px;
        }
    }
    
    @media (min-width: 1200px) {
        .bl-nancy-categories-menu {
            padding: 60px 130px 40px 130px;
        }
    }
    
    .bl-nancy-categories-menu [class*="col-"] {
        padding: 0;
    }
    /* 

Estilos generales de los diferentes elementos del menu de categoria
de producto

*/
    
    .el-nancy-categories-menu-item {
        text-align: center;
        cursor: pointer;
        display: block;
    }
    
    @media (min-width: 320px) {
        .el-nancy-categories-menu-item {
            margin-bottom: 30px;
        }
        .el-nancy-categories-menu-item span {
            font-size: 14px;
            font-size: 0.875rem;
        }
    }
    
    @media (min-width: 768px) {
        .el-nancy-categories-menu-item span {
            font-size: 16px;
            font-size: 1rem;
        }
    }
    
    @media (min-width: 990px) {
        .el-nancy-categories-menu-item {
            margin-bottom: 15px;
        }
    }
    /*

Estilos generales de cada icono de categoria

*/
    
    .el-nancy-categories-menu-item a i {
        background-image: url(./images/sprite-ico-categories.png);
        /* imagen con los iconos para cada categoria */
        background-repeat: no-repeat;
        display: block;
        width: 100%;
        height: 135px;
        font-weight: 400;
    }
    /*

Para cada categoria hay una clase que a traves de
background-position selecciona del sprite de todos
los iconos el que corresponde en cada caso.

Para añadir nuevas categorias hay que incluir el 
icono correspondiente en el sprite de iconos y
definir la clase que corresponda con su propiedad
background-position como vemos a continuacion.

*/
    
    .el-nancy-categories-menu-item a i.aventura {
        background-position: center 0;
    }
    
    .el-nancy-categories-menu-item a i.belleza {
        background-position: center -140px;
    }
    
    .el-nancy-categories-menu-item a i.fantasia {
        background-position: center -281px;
    }
    
    .el-nancy-categories-menu-item a i.como-tu {
        background-position: center -422px;
    }
    /*

Estilos generales del texto de cada item de menu

*/
    
    .el-nancy-categories-menu-item a span {
        display: block;
        padding: 10px 0 0 0;
        margin-top: 10px;
    }
    
    @media (min-width: 320px) {
        .el-nancy-categories-menu-item a span {
            border-top: none;
            border-bottom: none;
        }
    }
    
    @media (min-width: 990px) {
        .el-nancy-categories-menu-item a span {
            border-top: 1px solid #00b9e4;
            border-bottom: 1px solid #00b9e4;
        }
    }
    /*

Estilos generales del marcador inferior de cada
elemento del menu que parece al hacer hover.

Este marcador se representa a traves de la 
pseudoclase :after

*/
    
    .el-nancy-categories-menu-item a span:after {
        content: " ";
        background-color: #e5f8fc;
        height: 5px;
        width: 100%;
        margin-top: 5px;
    }
    
    @media (min-width: 320px) {
        .el-nancy-categories-menu-item a span:after {
            display: none;
        }
    }
    
    @media (min-width: 990px) {
        .el-nancy-categories-menu-item a span:after {
            display: block;
        }
    }
    
    .el-nancy-categories-menu-item a.inactive {
        opacity: .5;
    }
    
    .el-nancy-categories-menu-item a:link,
    .el-nancy-categories-menu-item a:visited {
        color: #00b9e4;
        text-transform: uppercase;
        display: block;
        cursor: pointer;
        text-decoration: none;
    }
    
    .el-nancy-categories-menu-item a:hover {
        text-decoration: none;
    }
    /* 

Cambia el color del marcador en el hover para
ponerlo en azul con un efecto de transicion

*/
    
    .el-nancy-categories-menu-item a:hover span:after {
        -webkit-transition: background-color 150ms ease-in-out;
        -moz-transition: background-color 150ms ease-in-out;
        -ms-transition: background-color 150ms ease-in-out;
        -o-transition: background-color 150ms ease-in-out;
        transition: background-color 150ms ease-in-out;
        background-color: #00b9e4;
    }
    /*------------------*\

    PRESENTACION
    NANCY

\*------------------*/
    /*

Estilos generales para el bloque de presentacion nancy
(.bl-nancy-world-intro) en donde se define el background
a usar y las diferentes alturas del bloque en cada
punto de corte del Responsive

*/
    
    .bl-nancy-world-intro {
        background: #90b951 url(./images/fd-bl-nancy-world-intro.png) no-repeat center -200px;
        position: relative;
    }
    
    .bl-nancy-world-intro .container {
        margin: 0 auto;
    }
    
    @media (min-width: 320px) {
        .bl-nancy-world-intro {
            height: 575px;
        }
    }
    
    @media (min-width: 480px) {
        .bl-nancy-world-intro {
            height: 775px;
        }
    }
    
    @media (min-width: 768px) {
        .bl-nancy-world-intro {
            height: 1213px;
        }
    }
    
    @media (min-width: 990px) {
        .bl-nancy-world-intro {
            height: 750px;
        }
    }
    /*------------------*\

    CONTENEDOR PARA
    MUÑECA, TEXTO Y
    VIDEO

\*------------------*/
    /*

Estilos para ubicar correctamente los tres
elementos de este componente principalmente
en las adaptaciones a tablet y movil.

*/
    
    @media (min-width: 320px) {
        .co-nancy-world-intro-doll-text {
            position: relative;
            width: 300px;
            left: 50%;
            margin-left: -150px;
        }
    }
    
    @media (min-width: 480px) {
        .co-nancy-world-intro-doll-text {
            position: relative;
            width: 400px;
            margin-left: -200px;
        }
    }
    
    @media (min-width: 768px) {
        .co-nancy-world-intro-doll-text {
            position: relative;
            width: auto;
            left: 0;
            margin-left: 0;
        }
    }
    /*------------------*\

        MUÑECA DE
        PRESENTACIÓN

    \*------------------*/
    
    @media (min-width: 320px) {
        .el-nancy-world-intro-doll {
            width: 120px;
            position: absolute;
            top: 96px;
            left: -10px;
        }
    }
    
    @media (min-width: 480px) {
        .el-nancy-world-intro-doll {
            width: 200px;
            top: 30px;
            left: -22px;
        }
    }
    
    @media (min-width: 768px) {
        .el-nancy-world-intro-doll {
            width: auto;
            top: 30px;
            left: 0;
        }
    }
    
    @media (min-width: 990px) {
        .el-nancy-world-intro-doll {
            top: 30px;
            left: -155px;
        }
    }
    /*------------------*\

        TEXTO DE
        PRESENTACIÓN

    \*------------------*/
    
    .co-nancy-world-intro-text {
        box-sizing: content-box;
    }
    
    @media (min-width: 320px) {
        .co-nancy-world-intro-text {
            background: transparent url(./images/img-bocadillo-mundo-nancy.png) no-repeat;
            width: 150px;
            height: auto;
            padding: 20px 25px 20px 50px;
            position: relative;
            top: 46px;
            left: 75px;
            margin: 0;
            z-index: 99999;
            background-size: contain;
        }
    }
    
    @media (min-width: 480px) {
        .co-nancy-world-intro-text {
            width: 200px;
            padding: 20px 25px 20px 50px;
            top: 60px;
            left: 125px;
        }
    }
    /*

    Para la version en tablet es necesario cambiar el bocadillo
    que envuelve al texto por uno un poco mas horizontal
    En el resto de adaptaciones (movil y escritorio) se mantiene
    el bocadillo original 

    */
    
    @media (min-width: 768px) {
        .co-nancy-world-intro-text {
            background: transparent url(./images/img-bocadillo-mundo-nancy-mobile.png) no-repeat;
            width: 352px;
            padding: 35px 30px 35px 90px;
            position: absolute;
            top: 105px;
            left: 255px;
        }
    }
    
    @media (min-width: 990px) {
        .co-nancy-world-intro-text {
            background: transparent url(./images/img-bocadillo-mundo-nancy.png) no-repeat;
            width: 245px;
            height: 424px;
            padding: 30px 30px 30px 80px;
            top: 125px;
            left: 140px;
            background-size: contain;
        }
    }
    
    @media (min-width: 1200px) {
        .co-nancy-world-intro-text {
            width: 335px;
            height: 481px;
            top: 110px;
            left: 140px;
            padding: 55px 45px 35px 90px;
        }
    }
    /* TITULO */
    
    .co-nancy-world-intro-text h1 {
        color: #67666a;
        padding: 0;
    }
    
    @media (min-width: 320px) {
        .co-nancy-world-intro-text h1 {
            margin: 0 0 10px 0;
            font-size: 17px;
            font-size: 1.0625rem;
            font-weight: 700;
        }
    }
    
    @media (min-width: 480px) {
        .co-nancy-world-intro-text h1 {
            margin: 0 0 15px 0;
            font-size: 23px;
            font-size: 1.4375rem;
            font-weight: 400;
        }
    }
    
    @media (min-width: 990px) {
        .co-nancy-world-intro-text h1 {
            font-size: 40px;
            font-size: 2.5rem;
            margin: 0 0 20px 0;
        }
    }
    
    @media (min-width: 1200px) {
        .co-nancy-world-intro-text h1 {
            font-size: 43px;
            font-size: 2.72rem;
        }
    }
    /* TEXTO */
    
    .co-nancy-world-intro-text p {
        color: #646363;
    }
    
    @media (min-width: 320px) {
        .co-nancy-world-intro-text p {
            font-size: 12px;
            font-size: 0.75rem;
        }
    }
    
    @media (min-width: 480px) {
        .co-nancy-world-intro-text p {
            font-size: 15px;
            font-size: 0.9375rem;
        }
    }
    
    @media (min-width: 768px) {
        .co-nancy-world-intro-text p {
            font-size: 17px;
            font-size: 1.0625rem;
        }
    }
    
    @media (min-width: 1200px) {
        .co-nancy-world-intro-text p {
            font-size: 23px;
            font-size: 1.4375rem;
        }
    }
    /*------------------*\

        VIDEO

    \*------------------*/
    
    @media (min-width: 320px) {
        .el-nancy-world-intro-video {
            width: 300px;
            position: absolute;
            top: 330px;
            left: 50%;
            margin-left: -150px;
        }
    }
    
    @media (min-width: 480px) {
        .el-nancy-world-intro-video {
            width: 400px;
            top: 420px;
            margin-left: -200px;
        }
    }
    
    @media (min-width: 768px) {
        .el-nancy-world-intro-video {
            width: 100%;
            top: 650px;
            margin-left: 0;
            left: 0;
        }
    }
    
    @media (min-width: 990px) {
        .el-nancy-world-intro-video {
            width: 430px;
            top: 200px;
            left: 530px;
        }
    }
    
    @media (min-width: 1200px) {
        .el-nancy-world-intro-video {
            width: 490px;
            left: 665px;
        }
    }
    /*------------------*\

    PERSONAJES

\*------------------*/
    /*

Estilos especificos para el carrusel de personajes (Mundo Nancy)
en la Home.

*/
    
    .pa-index .bl-nancy-world-characters {
        background: transparent url(./images/fd-bl-what-playing-today.png) no-repeat top center;
        padding: 85px 0 40px 0;
    }
    /*

Estilos especificos para el carrusel de personajes (Mundo Nancy)
en la portada de Muñeca Nancy.

*/
    
    .pa-muneca-nancy-secction .bl-nancy-world-characters {
        padding: 70px 0 35px 0;
        position: relative;
        overflow: hidden;
    }
    
    @media (min-width: 320px) {
        .pa-muneca-nancy-secction .bl-nancy-world-characters {
            background: transparent url(./images/fd-bl-nancy-world.png) no-repeat top center;
            /*top: 0;*/
            margin-top: 0;
        }
    }
    
    @media (min-width: 768px) {
        .pa-muneca-nancy-secction .bl-nancy-world-characters {
            background: transparent url(./images/fd-bl-nancy-world-2.png) no-repeat top center;
            /*top: -90px;*/
            margin-top: -90px;
        }
    }
    /*

Estilos especificos el titulo del carrusel de personajes (Mundo Nancy)
en la portada de la pagina Muñeca Nancy

*/
    
    .pa-muneca-nancy .bl-nancy-world-characters .co-title-balloon .el-balloon {
        background-position: -141px 0;
    }
    
    .pa-muneca-nancy .bl-nancy-world-characters .co-title-balloon .el-ribbon {
        background-position: 100% -156px;
    }
    /*

Estilos generales del bloque de personajes (.bl-nancy-world-characters)

*/
    
    .bl-nancy-world-characters {
        padding: 40px 0;
    }
    /*

Estilos especificos para el componente .co-title-balloon en la 
portada de Mundo Nancy

.co-title-balloon es un componente generico del sitio por lo que
solo se sobre escriben los estilos por defecto necesarios para
mostrarlo de acuerdo al diseño, esto es, el globo y el fondo 
de la cinta

*/
    
    .bl-nancy-world-characters .co-title-balloon .el-balloon {
        background-position: -141px 0;
    }
    
    .bl-nancy-world-characters .co-title-balloon .el-ribbon {
        background-position: 100% -156px;
    }
    /*

Los decorados de los titulos son componentes totalmente independientes que
se pueden incluir dentro de cualquier componente con la clase .co-title-baloon.

Estos componentes decorativos utilizan recursos graficos que a menudo van a estar
adaptados de forma especifica a un bloque determinado u otro, en cualquier caso, 
son totalmente reutilizables.

Para este bloque se utilizan los dos componentes decorativos que se definen a continuacion.

¡IMPORTANTE!
------------
Si se da el caso de que se utilicen exactamente igual en otros lugares de la web
no es necesario definir estos CSS cada vez, con una vez que se incluyan en la hoja de 
estilos es suficiente.

*/
    /* Estilos para el decorado de la nube con los dos pajaros de la parte izquierda del titulo */
    
    .co-left-cloud-birds {
        position: absolute;
        z-index: 88888;
        width: 112px;
        height: 110px;
        left: 140px;
    }
    
    .co-left-cloud-birds .el-left-cloud {
        position: absolute;
        left: 0;
        z-index: 88888;
    }
    
    .co-left-cloud-birds .el-birds {
        position: relative;
        z-index: 99999;
        left: -55px;
        top: -8px;
    }
    /* Estilos para el decorado de las nubes con el pajaro de la parte derecha del titulo */
    
    .co-right-clouds-bird {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        right: 80px;
        top: 50%;
        margin-top: -50px;
    }
    
    .co-right-clouds-bird .el-right-big-cloud {
        position: absolute;
        left: 5px;
        top: 15px;
        z-index: 99999;
    }
    
    .co-right-clouds-bird .el-right-small-cloud {
        position: relative;
        z-index: 88888;
        left: 18px;
    }
    
    .co-right-clouds-bird .el-bird {
        position: absolute;
        top: 60px;
        right: 40px;
        z-index: 99999;
    }
    /*------------------*\

    CARRUSEL DE
    PERSONAJES

\*------------------*/
    
    .co-nancy-world-characters-carousel {
        width: 100%;
        /*  margin-bottom: 60px;*/
    }
    
    .co-nancy-world-characters-carousel .muñecas {
        width: 100%;
        margin-bottom: 0px;
    }
    
    .co-nancy-world-characters-carousel .slick-next,
    .co-nancy-world-characters-carousel .slick-prev {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-color: #da487e;
        width: 47px;
        height: 47px;
        text-align: center;
    }
    
    .co-nancy-world-characters-carousel .slick-next:before,
    .co-nancy-world-characters-carousel .slick-prev:before {
        position: relative;
        font-family: "FontAwesome";
        color: #fff;
        font-size: 30px;
    }
    
    .co-nancy-world-characters-carousel .slick-next {
        right: 0;
    }
    
    .co-nancy-world-characters-carousel .slick-next:before {
        left: 2px;
        content: "\f054";
    }
    
    .co-nancy-world-characters-carousel .slick-prev {
        left: 0;
    }
    
    .co-nancy-world-characters-carousel .slick-prev:before {
        left: -2px;
        content: "\f053";
    }
    
    .co-nancy-world-characters-carousel .slick-dots {
        bottom: -40px;
    }
    
    .co-nancy-world-characters-carousel .slick-dots li button:before {
        color: #00b9e4;
        font-size: 20px;
        font-size: 1.25rem;
    }
    
    .co-nancy-world-characters-carousel a:link,
    .co-nancy-world-characters-carousel a:visited,
    .co-nancy-world-characters-carousel a:active,
    .co-nancy-world-characters-carousel a:hover,
    .co-nancy-world-characters-carousel a:hover h2 {
        outline: 0;
        border: none;
        text-decoration: none;
    }
    /* Imagen del personaje */
    
    .co-nancy-world-characters-carousel a:hover img {
        -webkit-transition: opacity 150ms ease-in-out;
        -moz-transition: opacity 150ms ease-in-out;
        -ms-transition: opacity 150ms ease-in-out;
        -o-transition: opacity 150ms ease-in-out;
        transition: opacity 150ms ease-in-out;
        opacity: 0.6;
    }
    /* Nombre del personaje */
    
    .co-nancy-world-characters-carousel h2 {
        color: #646363;
        font-size: 20px;
        text-align: center;
        text-transform: uppercase;
        padding: 40px 0;
        margin-top: 0;
    }
    /*

	Hay tres tipos de nubes para los nombres de los personajes 
	se pueden añadir mas pero de momento estas son las que se usan
	en diseño

	*/
    
    .co-nancy-world-characters-carousel h2.character-name-cloud-1 {
        background: transparent url(./images/character-name-cloud-1.png) no-repeat center center;
        background-size: contain;
    }
    
    .co-nancy-world-characters-carousel h2.character-name-cloud-2 {
        background: transparent url(./images/character-name-cloud-2.png) no-repeat center center;
        background-size: contain;
    }
    
    .co-nancy-world-characters-carousel h2.character-name-cloud-3 {
        background: transparent url(./images/character-name-cloud-3.png) no-repeat center center;
        background-size: contain;
    }
    /*

Estilos personalizados para el bloque Descubre mas sobre Nancy dentro de
la pagina de Muñeca Nancy.

Dado que el bloque ¿A que jugamos hoy? no se visualiza en movil, es
necesario cambiar el background de nubes de la parte superior de este 
bloque para que el corte con respecto al bloque anterior sea coherente

*/
    
    @media (min-width: 320px) {
        .pa-muneca-nancy .bl-more-about-nancy {
            background: transparent url(./images/fd-bl-nancy-world-2.png) no-repeat top center;
        }
    }
    
    @media (min-width: 768px) {
        .pa-muneca-nancy .bl-more-about-nancy {
            background: transparent url(./images/fd-bl-more-about-nancy.png) no-repeat top center;
        }
    }
    /*

Estilos generales del bloque Descubre mas sobre Nancy

*/
    
    .bl-more-about-nancy {
        background: transparent url(./images/fd-bl-more-about-nancy.png) no-repeat top center;
        padding-top: 72px;
        padding-bottom: 30px;
        position: relative;
        margin-bottom: 90px;
    }
    
    @media (min-width: 320px) {
        .bl-more-about-nancy {
            margin-top: -40px;
        }
    }
    
    @media (min-width: 768px) {
        .bl-more-about-nancy {
            margin-top: -65px;
        }
    }
    /*

Estilos personalizados para el titulo del bloque
Descubre mas sobre nancy

*/
    
    .bl-more-about-nancy .co-title-balloon {
        margin: 0 auto;
        text-align: center;
    }
    
    .bl-more-about-nancy .co-title-balloon .el-balloon {
        background-position: 0 0;
    }
    
    .bl-more-about-nancy .co-title-balloon .el-ribbon {
        background-position: 100% -104px;
    }
    
    .co-left-cloud-bird {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        left: 100px;
    }
    /*

Los decorados de los titulos son componentes totalmente independientes que
se pueden incluir dentro de cualquier componente con la clase .co-title-baloon.

Estos componentes decorativos utilizan recursos graficos que a menudo van a estar
adaptados de forma especifica a un bloque determinado u otro, en cualquier caso, 
son totalmente reutilizables.

Para este bloque se utilizan los dos componentes decorativos que se definen a continuacion.

¡IMPORTANTE!
------------
Si se da el caso de que se utilicen exactamente igual en otros lugares de la web
no es necesario definir estos CSS cada vez, con una vez que se incluyan en la hoja de 
estilos es suficiente.

*/
    /* Estilos para el decorado de nubes de la parte izquierda del titulo */
    
    .co-left-cloud-bird .el-left-cloud {
        position: absolute;
        left: 0;
        z-index: 99999;
    }
    
    .co-left-cloud-bird .el-bird {
        position: relative;
        z-index: 88888;
        left: 10px;
        top: 20px;
    }
    /* Estilos para el decorado de nubes de la parte izquierda del titulo */
    
    .co-right-clouds {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        right: 80px;
        top: 50%;
        margin-top: -50px;
    }
    
    .co-right-clouds .el-right-big-cloud {
        position: absolute;
        left: 5px;
        top: 15px;
        z-index: 99999;
    }
    
    .co-right-clouds .el-right-small-cloud {
        position: relative;
        z-index: 88888;
        left: 18px;
    }
    /*   .pa-index .bl-nancy-world-characters {
        background: transparent url(./images/fd-bl-what-playing-today.png) no-repeat top center;
        padding: 85px 0 40px 0;
    }*/
    /*------------------*\

    PRESENTACION
    PERSONAJE

\*------------------*/
    /*

Estilos generales del bloque de introduccion donde
se presentan los diferentes personajes

*/
    
    .bl-character-intro {
        background: #e5f8fc;
        padding-top: 40px;
        position: relative;
    }
    
    @media (min-width: 320px) {
        .bl-character-intro {
            height: 690px;
        }
    }
    
    @media (min-width: 768px) {
        .bl-character-intro {
            height: 475px;
        }
    }
    
    @media (min-width: 990px) {
        .bl-character-intro {
            height: 600px;
        }
    }
    
    @media (min-width: 1200px) {
        .bl-character-intro {
            height: 635px;
        }
    }
    /*

	Estilos especificos para el componente .co-title-balloon en la 
	ficha de personaje

	.co-title-balloon es un componente generico del sitio por lo que
	solo se sobre escriben los estilos por defecto necesarios para
	mostrarlo de acuerdo al diseño, esto es, el globo y el fondo 
	de la cinta

	*/
    
    .bl-character-intro .co-title-balloon .el-balloon {
        background-position: -141px 0;
    }
    
    .bl-character-intro .co-title-balloon .el-ribbon {
        background-position: 100% -156px;
    }
    /*

    Los decorados de los titulos son componentes totalmente independientes que
    se pueden incluir dentro de cualquier componente con la clase .co-title-baloon.

    Estos componentes decorativos utilizan recursos graficos que a menudo van a estar
    adaptados de forma especifica a un bloque determinado u otro, en cualquier caso, 
    son totalmente reutilizables.

    Para este bloque se utilizan los dos componentes decorativos que se definen a continuacion.

    ¡IMPORTANTE!
    ------------
    Si se da el caso de que se utilicen exactamente igual en otros lugares de la web
    no es necesario definir estos CSS cada vez, con una vez que se incluyan en la hoja de 
    estilos es suficiente.

    */
    /* Estilos para el decorado de la nube y el pajaro de la parte izquierda del titulo */
    
    .co-left-cloud-bird {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        left: 100px;
    }
    
    .co-left-cloud-bird .el-left-cloud {
        position: absolute;
        left: 0;
        z-index: 99999;
    }
    
    .co-left-cloud-bird .el-bird {
        position: relative;
        z-index: 88888;
        left: 10px;
        top: 20px;
    }
    
    .co-left-cloud-birds {
        position: absolute;
        z-index: 88888;
        width: 112px;
        height: 110px;
        left: 140px;
    }
    
    .co-left-cloud-birds .el-left-cloud {
        position: absolute;
        left: 0;
        z-index: 88888;
    }
    
    .co-left-cloud-birds .el-birds {
        position: relative;
        z-index: 99999;
        left: -55px;
        top: -8px;
    }
    /* Estilos para el decorado las dos nubes azules de la parte derecha del titulo */
    
    .co-right-clouds {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        right: 80px;
        top: 50%;
        margin-top: -50px;
    }
    
    .co-right-clouds .el-right-big-cloud {
        position: absolute;
        left: 5px;
        top: 15px;
        z-index: 99999;
    }
    
    .co-right-clouds .el-right-small-cloud {
        position: relative;
        z-index: 88888;
        left: 18px;
    }
    
    .co-right-clouds-bird {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        right: 80px;
        top: 50%;
        margin-top: -50px;
    }
    
    .co-right-clouds-bird .el-right-big-cloud {
        position: absolute;
        left: 5px;
        top: 15px;
        z-index: 99999;
    }
    
    .co-right-clouds-bird .el-right-small-cloud {
        position: relative;
        z-index: 88888;
        left: 18px;
    }
    
    .co-right-clouds-bird .el-bird {
        position: absolute;
        top: 60px;
        right: 40px;
        z-index: 99999;
    }
    /* contenedor imagen texto personaje */
    
    @media (min-width: 320px) {
        .co-character-intro-image-text {
            width: 320px;
            height: 280px;
            top: 0;
            left: 50%;
            position: absolute;
            margin-left: -160px;
        }
    }
    
    @media (min-width: 480px) {
        .co-character-intro-image-text {
            width: 480px;
            height: 280px;
            top: 0;
            left: 50%;
            position: absolute;
            margin-left: -240px;
        }
    }
    
    @media (min-width: 768px) {
        .co-character-intro-image-text {
            width: auto;
            height: auto;
            position: relative;
            left: 0;
            margin-left: 0;
            top: -30px;
        }
    }
    
    @media (min-width: 990px) {
        .co-character-intro-image-text {
            top: 0;
        }
    }
    /*------------------*\

        IMAGEN DEL
        PERSONAJES

        550x520px

        Gif animado

    \*------------------*/
    
    .el-character-intro-image {
        position: absolute;
    }
    
    @media (min-width: 320px) {
        .el-character-intro-image {
            top: 0;
            left: 50%;
            margin-left: -150px;
            width: 300px;
            height: auto;
        }
    }
    
    @media (min-width: 480px) {
        .el-character-intro-image {
            top: 0;
            left: 50%;
            margin-left: -150px;
            width: 300px;
            height: auto;
        }
    }
    
    @media (min-width: 768px) {
        .el-character-intro-image {
            top: -11px;
            left: 0;
            margin-left: 0;
            width: 350px;
        }
    }
    
    @media (min-width: 990px) {
        .el-character-intro-image {
            width: 450px;
        }
    }
    
    @media (min-width: 1200px) {
        .el-character-intro-image {
            top: -65px;
            width: 550px;
        }
    }
    
    .el-character-intro-image img {
        width: 100%;
    }
    /*------------------*\

        TEXTO DE
        PRESENTACION
        DEL PERSONAJE

    \*------------------*/
    
    .el-character-intro-text {
        background-size: contain;
        box-sizing: border-box;
        position: absolute;
        color: #fff;
    }
    
    .el-character-intro-text span {
        height: 379px;
        font-size: 24px;
        font-size: 1.5rem;
    }
    
    @media (min-width: 320px) {
        .el-character-intro-text {
            background: transparent url(./images/img-bocadillo-personaje-sin-flecha.png) no-repeat;
            background-size: contain;
            width: 320px;
            height: 210px;
            left: 50%;
            margin-left: -160px;
            top: 270px;
            background-size: 320px 210px;
            padding: 0 20px;
        }
        .el-character-intro-text span {
            height: 210px;
            display: table-cell;
            vertical-align: middle;
            font-size: 14px;
            font-size: 0.875rem;
            margin: 0;
            line-height: normal;
        }
    }
    
    @media (min-width: 480px) {
        .el-character-intro-text {
            width: 460px;
            height: 210px;
            margin-left: -230px;
            background-size: 460px 210px;
        }
        .el-character-intro-text span {
            height: 210px;
            font-size: 16px;
            font-size: 1rem;
        }
    }
    
    @media (min-width: 768px) {
        .el-character-intro-text {
            background: transparent url(./images/img-bocadillo-personaje.png) no-repeat;
            background-size: contain;
            width: 406px;
            height: 275px;
            padding: 0 34px 0 67px;
            left: 295px;
            margin-left: 0;
            top: 0;
        }
        .el-character-intro-text span {
            height: 275px;
            font-size: 18px;
            font-size: 1.125rem;
        }
    }
    
    @media (min-width: 990px) {
        .el-character-intro-text {
            width: 500px;
            height: 340px;
            padding: 0 40px 0 85px;
            left: 410px;
        }
        .el-character-intro-text span {
            font-size: 20px;
            font-size: 1.25rem;
            height: 340px;
            line-height: 30px;
        }
    }
    
    @media (min-width: 1200px) {
        .el-character-intro-text {
            width: 558px;
            height: 379px;
            padding: 0 50px 0 95px;
            left: 527px;
            /*  padding-top: 50px;*/
        }
        .el-character-intro-text span {
            height: 379px;
            font-size: 24px;
            font-size: 1.5rem;
        }
    }
    /*------------------*\

        CARACTERISTICAS
        DESTACADAS

    \*------------------*/
    
    .co-character-featured-features {
        /*
        
        Se usa el mismo background que para .bl-related ya que nos viene
        bien por colores en la ficha, de este modo evitamos utilizar
        un recurso mas ya que es exactamente el mismo

        */
        background: url(./images/fd-bl-related.png) no-repeat top center;
        position: relative;
        z-index: 99999;
        margin-top: -55px;
        overflow: hidden;
    }
    
    @media (min-width: 320px) {
        .co-character-featured-features {
            padding: 70px 0 30px 0;
        }
    }
    
    @media (min-width: 768px) {
        .co-character-featured-features {
            padding: 70px 15px 30px 15px;
        }
    }
    
    @media (min-width: 990px) {
        .co-character-featured-features {
            padding: 70px 0 30px 0;
        }
    }
    
    .co-character-featured-features .el-character-featured-features-title {
        font-size: 23px;
        font-size: 1.4375rem;
        border-bottom: 3px solid #FB4580;
        padding-bottom: 4px;
        margin-bottom: 15px;
    }
    
    .co-character-featured-features ul {
        padding: 0;
    }
    
    .co-character-featured-features ul li {
        font-size: 18px;
        font-size: 1.125rem;
        list-style: none;
        padding-left: 20px;
    }
    
    @media (min-width: 990px) {
        .co-character-featured-features ul li {
            font-size: 22px;
            font-size: 1.375rem;
        }
    }
    
    .co-character-featured-features ul li:before {
        content: " ";
        width: 6px;
        height: 17px;
        background-color: #FB4580;
        display: inline-block;
        margin-right: 10px;
        margin-left: -16px;
    }
    /*

CSS especicico para la pagina de Nota Legal, si la de Cookies, Politicas de
privacidad y otros legales mantienen fondo azul y trama azul, serian los mismo
css pero cambiaria .pa-nota-lega por la clase a nivel de pagina que corresponda,
por ejemplo, .pa-cookies o .pa-politica-privacidad

*/
    
    .bl-legals {
        /*  background: url(/images/blue-background-pattern.png) repeat 0 0;*/
        text-align: justify;
        font-size: 16px;
        font-size: 1rem;
    }
    
    .pa-nota-legal .bl-content .container {
        background-color: #def8fc;
    }
    
    @media (min-width: 320px) {
        .pa-nota-legal .bl-content .container {
            padding-top: 20px;
        }
    }
    
    @media (min-width: 768px) {
        .pa-nota-legal .bl-content .container {
            padding-top: 60px;
        }
    }
    /*

Estilos generales para los titulos y subtitulos de los
textos legales

*/
    
    .el-legals-title,
    .el-legals-subtitle {
        color: #00b9e4;
        font-weight: 700;
        margin-bottom: 25px;
        text-transform: uppercase;
    }
    
    @media (min-width: 320px) {
        .el-legals-title,
        .el-legals-subtitle {
            text-align: center;
        }
    }
    
    @media (min-width: 768px) {
        .el-legals-title,
        .el-legals-subtitle {
            text-align: left;
        }
    }
    
    .el-legals-title {
        margin-bottom: 50px;
    }
    
    @media (min-width: 320px) {
        .el-legals-title {
            font-size: 26px;
            font-size: 1.625rem;
        }
    }
    
    @media (min-width: 768px) {
        .el-legals-title {
            font-size: 34px;
            font-size: 2.125rem;
        }
    }
    
    @media (min-width: 320px) {
        .el-legals-subtitle {
            font-size: 19px;
            font-size: 1.1875rem;
        }
    }
    
    @media (min-width: 768px) {
        .el-legals-subtitle {
            font-size: 25px;
            font-size: 1.5625rem;
        }
    }
    /* Formulario de contacto general */
    
    .bl-contact-form {
        text-align: center;
    }
    
    @media (min-width: 320px) {
        .bl-contact-form {
            padding: 0;
        }
    }
    
    @media (min-width: 768px) {
        .bl-contact-form {
            padding: 0 50px;
        }
    }
    
    @media (min-width: 990px) {
        .bl-contact-form {
            padding: 0 150px;
        }
    }
    
    .bl-contact-form a {
        color: #646363;
        text-decoration: underline;
    }
    
    .bl-contact-form a:hover {
        text-decoration: none;
    }
    
    .bl-contact-form input[type="text"],
    .bl-contact-form input[type="email"],
    .bl-contact-form input[type="tel"],
    .bl-contact-form textarea,
    .bl-contact-form select {
        text-align: left;
        width: 100%;
        border: 1px solid #00b9e4;
        padding: 5px 8px;
        font-size: 18px;
        font-size: 1.125rem;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        margin-bottom: 16px;
        background-color: #fff;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    
    .bl-contact-form input[type="text"]:focus,
    .bl-contact-form input[type="email"]:focus,
    .bl-contact-form input[type="tel"]:focus,
    .bl-contact-form textarea:focus,
    .bl-contact-form select:focus {
        -webkit-transition: box-shadow 150ms ease-in-out;
        -moz-transition: box-shadow 150ms ease-in-out;
        -ms-transition: box-shadow 150ms ease-in-out;
        -o-transition: box-shadow 150ms ease-in-out;
        transition: box-shadow 150ms ease-in-out;
        box-shadow: inset 0 0 5px #00b9e4;
        outline: none;
    }
    
    .bl-contact-form textarea {
        resize: none;
    }
    
    .bl-contact-form label {
        margin: 0;
        font-size: 16px;
        font-size: 1rem;
        color: #646363;
    }
    
    .bl-contact-form input[type="file"] {
        padding: 0px 8px 15px 0;
    }
    
    .bl-contact-form input[type="submit"],
    .bl-contact-form input[type="button"] {
        background: #ccdc00;
        color: #fff;
        border: none;
        padding: 8px 15px;
        font-size: 30px;
        font-size: 1.875rem;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
    }
    
    .bl-contact-form input[type="submit"]:hover,
    .bl-contact-form input[type="button"]:hover {
        background: #fff;
        color: #00b9e4;
    }
    
    .bl-contact-form .custom-select {
        position: relative;
    }
    
    .bl-contact-form .custom-select select {
        padding: 5px 30px 5px 8px;
    }
    
    .bl-contact-form .custom-select:after {
        font-family: 'FontAwesome';
        content: "\f0d7";
        display: inline-block;
        position: absolute;
        z-index: 99999;
        top: 7px;
        right: 13px;
    }
    
    .bl-recapchat-form {
        margin-bottom: 20px;
    }
    /* Fomulario de recambios y respuestos */
    
    .co-spare-parts {
        text-align: left;
        border: 3px solid #00b9e4;
        overflow: hidden;
        margin: 20px 15px;
        border-radius: 15px;
        background: #59d1ed;
        clear: both;
    }
    
    @media (min-width: 320px) {
        .co-spare-parts {
            padding: 15px 0;
        }
    }
    
    @media (min-width: 768px) {
        .co-spare-parts {
            padding: 30px;
        }
    }
    
    .co-spare-parts .el-spare-parts-title {
        color: #fff;
        border-bottom: 1px solid #fff;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    
    .co-spare-parts label {
        color: #fff;
    }
    /*

Estilos especificos de la pagina Juega (Manualidades temporalmente)

*/
    
    .pa-juega {
        background: url(./images/pink-2-background-pattern.png) repeat 0 0;
    }
    
    .pa-juega .bl-content .container {
        background-color: #ffe1e8;
    }
    
    .pa-juega .co-apps-downloads,
    .pa-juega .co-page-clouds-decoration {
        background: transparent url(./images/footer-pattern-pink.png) repeat-x center center;
    }
    
    .pa-juega .co-copyright {
        background-color: #FB4580;
    }
    /*

Estilos generales del bloque de manualidades para
la portada de Juega

*/
    
    .bl-crafts {
        padding: 70px 0 0 0;
        overflow: hidden;
        text-align: center;
    }
    /*

Estilos especificos del titulo para el bloque
de manualidades

*/
    
    .bl-crafts .co-title-balloon .el-ribbon {
        background-position: 100% -156px;
    }
    
    .bl-crafts .co-right-white-cloud-birds {
        left: 80px;
        right: inherit;
    }
    /*

Estilos especificos para los decorados del titulo
en el bloque de manualidades, en esta ocasion se 
estan utilizando decorados que hemos usado anteriormente
todo el HTML y CSS de estos es valido, pero hay algunos
overrides que afectan solo a este bloque.

*/
    
    .bl-crafts .co-right-white-cloud-birds .el-white-cloud {
        left: 100px;
        top: 22px;
    }
    
    .bl-crafts .co-right-white-cloud-birds .el-three-birds {
        top: 0;
        left: 0;
    }
    
    .bl-crafts .co-left-white-clouds {
        right: 80px;
        left: inherit;
    }
    
    .bl-crafts .co-left-white-clouds .el-small-white-cloud {
        right: 20px;
        left: inherit;
        top: -10px;
    }
    /*

    Contenedor para cada elemento del listado de manualidades

    */
    
    .co-crafts-item {
        display: inline-block;
        position: relative;
    }
    /*

        Boton para añadir a favorito

        */
    
    .co-crafts-item .el-add-favorite-button {
        background-color: #fff;
        color: #FB4580;
        border: 4px solid #FB4580;
        top: 40px;
        right: 60px;
    }
    
    .co-crafts-item .el-add-favorite-button:hover {
        color: #fff;
        background-color: #FB4580;
    }
    
    .co-crafts-item .el-add-favorite-button.added-to-favorite {
        color: #fff;
        background-color: #FB4580;
        top: 40px;
        right: 55px;
    }
    /*

        Estilos para cuando el usuario se situa encima de todo
        el componente de manualidades.

        Aqui solo se cambia el color del nombre de la manualidad.

        */
    
    .co-crafts-item:hover .el-crafts-item-title span {
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        color: #FB4580;
    }
    /*

    Contenedor de la imagen de la manualidad

    */
    
    .co-crafts-cloud-content-image .img-responsive {
        display: inline-block;
    }
    /*

    Nombre de la manualidad

    */
    
    .el-crafts-item-title {
        text-align: center;
        line-height: 120%;
        display: block;
        margin: 10px 0 25px 0;
        font-size: 18px;
        font-size: 1.125rem;
    }
    
    @media (min-width: 768px) {
        .el-crafts-item-title {
            /*    background: transparent url(./images/fd-el-category-product-list-item-title-rosa.png) no-repeat center 18px;*/
            display: inline-block;
            width: 350px;
        }
    }
    
    .el-crafts-item-title span {
        background-color: #ffe1e8;
        padding: 10px 20px;
        margin: 0;
        display: inline-block;
        color: #646363;
    }
    /*

Estilos especificos de la pagina Juega (Manualidades temporalmente)

*/
    
    .pa-videos {
        background: url(./images/purple-2-background-pattern.png) repeat 0 0;
    }
    
    .pa-videos .bl-content .container {
        background-color: #e6cee6;
    }
    
    .pa-videos .co-apps-downloads,
    .pa-videos .co-page-clouds-decoration {
        background: transparent url(./images/footer-pattern-purple.png) repeat-x center center;
    }
    
    .pa-videos .co-copyright {
        background-color: #7d0f96;
    }
    /*

Estilos generales del bloque de manualidades para
la portada de Juega

*/
    
    .bl-videos {
        padding: 70px 0 0 0;
        overflow: hidden;
        text-align: center;
    }
    /*

Estilos especificos del titulo para el bloque
de manualidades

*/
    
    .bl-videos .co-title-balloon .el-balloon {
        background-position: 0 -117px;
    }
    
    .bl-videos .co-title-balloon .el-ribbon {
        background-position: 100% -208px;
    }
    /*

Estilos especificos para los decorados del titulo
en el bloque de manualidades, en esta ocasion se 
estan utilizando decorados que hemos usado anteriormente
todo el HTML y CSS de estos es valido, pero hay algunos
overrides que afectan solo a este bloque.

*/
    
    .bl-videos .co-right-white-cloud-birds {
        right: 80px;
        left: inherit;
    }
    
    .bl-videos .co-right-white-cloud-birds .el-white-cloud {
        right: 100px;
        top: 22px;
    }
    
    .bl-videos .co-right-white-cloud-birds .el-three-birds {
        top: -20px;
        right: 0;
    }
    
    .bl-videos .co-left-white-clouds {
        left: 80px;
        right: inherit;
    }
    
    .bl-videos .co-left-white-clouds .el-big-white-cloud {
        left: 23px;
        top: 5px;
    }
    
    .bl-videos .co-left-white-clouds .el-small-white-cloud {
        left: 0;
        right: inherit;
        top: -10px;
    }
    /*

    Contenedor para cada elemento del listado de manualidades

    */
    
    .co-videos-item {
        display: inline-block;
        position: relative;
    }
    
    .co-videos-item .el-add-favorite-button {
        background-color: #fff;
        color: #7d0f96;
        border: 4px solid #7d0f96;
        top: 40px;
        right: 60px;
    }
    /*

        Boton para añadir a favorito

        */
    
    .co-videos-item .el-add-favorite-button:hover {
        color: #fff;
        background-color: #7d0f96;
    }
    
    .co-videos-item .el-add-favorite-button.added-to-favorite {
        color: #fff;
        background-color: #7d0f96;
        top: 40px;
        right: 55px;
    }
    /*

            Estilos para cuando el usuario se situa encima de todo
            el componente de manualidades.

            Aqui solo se cambia el color del nombre de la manualidad.

            */
    
    .co-videos-item:hover a .el-videos-item-title p {
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        color: #7d0f96;
    }
    /*

    Contenedor de la imagen de la manualidad

    */
    
    .co-videos-cloud-content-image .img-responsive {
        display: inline-block;
    }
    /*

    Nombre de la manualidad

    */
    
    .el-videos-item-title {
        text-align: center;
        line-height: 120%;
        display: block;
        margin: 10px 0 25px 0;
        font-size: 18px;
        font-size: 1.125rem;
    }
    
    @media (min-width: 768px) {
        .el-videos-item-title {
            /*  background: transparent url(./images/fd-el-category-product-list-item-title-morado.png) no-repeat center 18px;*/
            display: inline-block;
            width: 350px;
        }
    }
    
    .el-videos-item-title p {
        background-color: #e6cee6;
        padding: 10px 20px;
        margin: 0;
        display: inline-block;
        color: #646363;
    }
    /*

El menu de categorias de producto puede cambiar
su aspecto segun en que pagina se utilice por lo
que se definen reglas a nivel de pagina que
sobre escriben o agregan estilos a dicho bloque 
y sus elementos con el fin de personalizaros
segun en que pagina se utilicen.

Los distintos aplicativos del este bloque se veran
en las diferentes paginas de categoria de producto

*/
    /*

Estilos personalizados de la pagina de fantasia
para el bloque de Menu de Categorias de Producto y
sus distintos componentes y elemenetos, estos 
estilos son especificos de la categoria Fantasia

*/
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu {
        overflow: hidden;
        background: url(./images/fd-bl-nancy-categories-menu-fantasy.png) no-repeat top center;
        padding: 100px 90px 20px 90px;
    }
    
    @media (min-width: 320px) {
        .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu {
            padding: 100px 0 40px 0;
        }
    }
    
    @media (min-width: 480px) {
        .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu {
            padding: 100px 40px 20px 40px;
        }
    }
    
    @media (min-width: 990px) {
        .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu {
            padding: 100px 90px 20px 90px;
        }
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu .el-nancy-categories-menu-item a {
        color: #7d0f96;
    }
    
    @media (min-width: 990px) {
        .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu .el-nancy-categories-menu-item a span {
            border-top: 1px solid #7d0f96;
            border-bottom: 1px solid #7d0f96;
        }
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu .el-nancy-categories-menu-item a span:after {
        background-color: #fff;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu .el-nancy-categories-menu-item a:link,
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu .el-nancy-categories-menu-item a:visited {
        color: #7d0f96;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu .el-nancy-categories-menu-item a:hover span:after {
        background-color: #7d0f96;
    }
    /*

IMPORTANTE
----------

A partir de aqui, todo el CSS es exactamente el mismo que 
se utilizo cuando incluimos este bloque en la plantilla de 
Muñeca Nancy, por lo que si ya esta incluido en la hoja de 
estilos no es necesario volverlo a inlcuir.

*/
    /* Estilos generales del bloque de menu de categorias de producto */
    
    .bl-nancy-categories-menu {
        background-color: #fff;
        overflow: hidden;
    }
    /* 

Se ajusta el padding del bloque en cada resolucion

*/
    
    @media (min-width: 320px) {
        .bl-nancy-categories-menu {
            padding: 60px 0 40px 0;
        }
    }
    
    @media (min-width: 480px) {
        .bl-nancy-categories-menu {
            padding: 60px 40px 40px 40px;
        }
    }
    
    @media (min-width: 990px) {
        .bl-nancy-categories-menu {
            padding: 60px 90px 40px 90px;
        }
    }
    
    @media (min-width: 1200px) {
        .bl-nancy-categories-menu {
            padding: 60px 130px 40px 130px;
        }
    }
    
    .bl-nancy-categories-menu [class*="col-"] {
        padding: 0;
    }
    /* 

Estilos generales de los diferentes elementos del menu de categoria
de producto

*/
    
    .el-nancy-categories-menu-item {
        text-align: center;
        cursor: pointer;
        display: block;
    }
    
    @media (min-width: 320px) {
        .el-nancy-categories-menu-item {
            margin-bottom: 30px;
        }
        .el-nancy-categories-menu-item span {
            font-size: 14px;
            font-size: 0.875rem;
        }
    }
    
    @media (min-width: 768px) {
        .el-nancy-categories-menu-item span {
            font-size: 16px;
            font-size: 1rem;
        }
    }
    
    @media (min-width: 990px) {
        .el-nancy-categories-menu-item {
            margin-bottom: 15px;
        }
    }
    /*

Estilos generales de cada icono de categoria

*/
    
    .el-nancy-categories-menu-item a i {
        background-image: url(./images/sprite-ico-categories.png);
        /* imagen con los iconos para cada categoria */
        background-repeat: no-repeat;
        display: block;
        width: 100%;
        height: 135px;
        font-weight: 400;
    }
    /*

Para cada categoria hay una clase que a traves de
background-position selecciona del sprite de todos
los iconos el que corresponde en cada caso.

Para añadir nuevas categorias hay que incluir el 
icono correspondiente en el sprite de iconos y
definir la clase que corresponda con su propiedad
background-position como vemos a continuacion.

*/
    
    .el-nancy-categories-menu-item a i.aventura {
        background-position: center 0;
    }
    
    .el-nancy-categories-menu-item a i.belleza {
        background-position: center -140px;
    }
    
    .el-nancy-categories-menu-item a i.fantasia {
        background-position: center -281px;
    }
    
    .el-nancy-categories-menu-item a i.como-tu {
        background-position: center -422px;
    }
    /*

Estilos generales del texto de cada item de menu

*/
    
    .el-nancy-categories-menu-item a span {
        display: block;
        padding: 10px 0 0 0;
        margin-top: 10px;
    }
    
    @media (min-width: 320px) {
        .el-nancy-categories-menu-item a span {
            border-top: none;
            border-bottom: none;
        }
    }
    
    @media (min-width: 990px) {
        .el-nancy-categories-menu-item a span {
            border-top: 1px solid #00b9e4;
            border-bottom: 1px solid #00b9e4;
        }
    }
    /*

Estilos generales del marcador inferior de cada
elemento del menu que parece al hacer hover.

Este marcador se representa a traves de la 
pseudoclase :after

*/
    
    .el-nancy-categories-menu-item a span:after {
        content: " ";
        background-color: #e5f8fc;
        height: 5px;
        width: 100%;
        margin-top: 5px;
    }
    
    @media (min-width: 320px) {
        .el-nancy-categories-menu-item a span:after {
            display: none;
        }
    }
    
    @media (min-width: 990px) {
        .el-nancy-categories-menu-item a span:after {
            display: block;
        }
    }
    
    .el-nancy-categories-menu-item a.inactive {
        opacity: .5;
    }
    
    .el-nancy-categories-menu-item a:link,
    .el-nancy-categories-menu-item a:visited {
        color: #00b9e4;
        text-transform: uppercase;
        display: block;
        cursor: pointer;
        text-decoration: none;
    }
    
    .el-nancy-categories-menu-item a:hover {
        text-decoration: none;
    }
    /* 

Cambia el color del marcador en el hover para
ponerlo en azul con un efecto de transicion

*/
    
    .el-nancy-categories-menu-item a:hover span:after {
        -webkit-transition: background-color 150ms ease-in-out;
        -moz-transition: background-color 150ms ease-in-out;
        -ms-transition: background-color 150ms ease-in-out;
        -o-transition: background-color 150ms ease-in-out;
        transition: background-color 150ms ease-in-out;
        background-color: #00b9e4;
    }
    /****************FIN DE LOS ELEMENTOS de MUÑECA NANCY************************-*\  

/****************INICIO DEL LOSTADO DE PRODUCTOS DE NANCY DIFERENTES CATEGORIAS************************-*\  
    /*------------------*\

    CATEGORIA DE 
    PRODUCTOS FANTASIA (BASE PRINCIPAL)

\*------------------*/
    /*

Estilos personalizados a nivel de pagina para el titulo
de la categoria.

Estos estilos son exclusivos para la pagina de Fantasia.

*/
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-category-product {
        background-color: #e6cee6;
    }
    
    @media (min-width: 320px) {
        .pa-muneca-nancy.muneca-nancy-fantasia .bl-category-product {
            padding-top: 0;
        }
    }
    
    @media (min-width: 768px) {
        .pa-muneca-nancy.muneca-nancy-fantasia .bl-category-product {
            padding-top: 95px;
        }
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-category-product .co-title-balloon .el-balloon {
        background-position: -282px 0;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-category-product .co-title-balloon .el-ribbon {
        background-position: 100% -208px;
    }
    /*

Los decorados de los titulos son componentes totalmente independientes que
se pueden incluir dentro de cualquier componente con la clase .co-title-baloon.

Estos componentes decorativos utilizan recursos graficos que a menudo van a estar
adaptados de forma especifica a un bloque determinado u otro, en cualquier caso, 
son totalmente reutilizables.

Para este bloque se utilizan los dos componentes decorativos que se definen a continuacion.

¡IMPORTANTE!
------------
Si se da el caso de que se utilicen exactamente igual en otros lugares de la web
no es necesario definir estos CSS cada vez, con una vez que se incluyan en la hoja de 
estilos es suficiente.

*/
    /* Estilos para el decorado de la nube y la estrella de la parte izquierda del titulo */
    
    .co-left-star-cloud {
        position: absolute;
        z-index: 88888;
        width: 87px;
        height: 110px;
        left: 80px;
    }
    
    .co-left-star-cloud .el-left-light-purple-cloud {
        position: absolute;
        left: 0;
        z-index: 88888;
    }
    
    .co-left-star-cloud .el-star-light-purple {
        position: relative;
        left: -24px;
        top: 27px;
        z-index: 99999;
    }
    /* Estilos para el decorado de las 2 estrellas y la nube de la parte central del titulo */
    
    .co-central-stars-cloud {
        position: absolute;
        width: 300px;
        left: 50%;
        top: -50px;
        margin-left: -150px;
    }
    
    .co-central-stars-cloud .el-central-small-white-cloud {
        right: 0;
        position: absolute;
        top: 20px;
    }
    
    .co-central-stars-cloud .el-small-star-light-purple {
        position: absolute;
        right: 65px;
        top: 0;
        width: 30px;
    }
    
    .co-central-stars-cloud .el-big-star-light-purple {
        position: relative;
        left: 10px;
        top: 50px;
    }
    /* Estilos para el decorado del arcoiris, la estrella y las nubes de la parte derecha del titulo */
    
    .co-right-rainbow-clouds-star {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        right: 80px;
        top: 50%;
        margin-top: -50px;
    }
    
    .co-right-rainbow-clouds-star .el-right-small-white-cloud {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 99999;
    }
    
    .co-right-rainbow-clouds-star .el-right-big-light-purple-cloud {
        position: absolute;
        right: 27px;
        top: 10px;
        z-index: 88888;
    }
    
    .co-right-rainbow-clouds-star .el-rainbow-purple {
        position: absolute;
        left: -30px;
        top: -8px;
        z-index: 999999;
    }
    
    .co-right-rainbow-clouds-star .el-star-light-purple {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30px;
    }
    /*------------------*\

    Texto de 
    introduccion

\*------------------*/
    
    .bl-category-product .el-category-product-text {
        font-size: 20px;
        font-size: 1.25rem;
    }
    
    .el-category-product-text {
        font-size: 20px;
        font-size: 1.25rem;
    }
    
    @media (min-width: 320px) {
        .el-category-product-text {
            padding: 0 10px;
        }
    }
    
    @media (min-width: 480px) {
        .el-category-product-text {
            padding: 0 60px;
        }
    }
    /*------------------*\

    Listado de 
    producto

\*------------------*/
    /**Agerado esto 24-02***/
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu,
    .pa-muneca-nancy.muneca-nancy-belleza .bl-nancy-categories-menu,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-nancy-categories-menu,
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-nancy-categories-menu {
        padding: 100px 0 40px 0;
    }
    
    .bl-category-product-list {
        margin-top: 30px;
        float: left;
        text-align: center;
    }
    
    @media (min-width: 320px) {
        .bl-category-product-list {
            padding: 0 10px;
        }
    }
    
    @media (min-width: 480px) {
        .bl-category-product-list {
            padding: 0 30px;
        }
    }
    /*------------------*\

    Items del 
    listado

\*------------------*/
    
    .co-category-product-list-item {
        position: relative;
    }
    
    .co-category-product-list-item a {
        text-decoration: none;
        color: #646363;
    }
    
    .co-category-product-list-item a:hover {
        color: #7d0f96;
    }
    /*------------------*\

    Boton de añadir 
    a favoritos

\*------------------*/
    /*

Estilos personalizados del boton de añadir
a favoritos para el bloque del listado de
producto.

*/
    
    .bl-category-product-list .el-add-favorite-button {
        color: #7d0f96;
        background-color: #fff;
        border: 4px solid #7d0f96;
    }
    
    .bl-category-product-list .el-add-favorite-button:hover,
    .bl-category-product-list .el-add-favorite-button.added-to-favorite {
        background-color: #7d0f96;
        color: #fff;
    }
    /*

Estilos generales del boton de añadir 
a favoritos.

IMPORTANTE
----------
Estos estilos ya se han pasado cuando se
utilizo este elemento en la Home por lo
que si ya se añadio entonces a la hoja
de estilos nos necesarios añadirlos de nuevo

*/
    
    .el-add-favorite-button {
        padding: 0;
        font-size: 20px;
        font-size: 1.25rem;
        text-align: center;
        vertical-align: middle;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        width: 34px;
        height: 34px;
        top: -9px;
        right: -9px;
        cursor: pointer;
    }
    
    .el-add-favorite-button.added-to-favorite {
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -ms-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
        width: 40px;
        height: 38px;
        font-size: 23px;
        font-size: 1.4375rem;
        top: -12px;
        right: -12px;
    }
    /*------------------*\

    Imagen del 
    producto

\*------------------*/
    
    li.el-category-product-list-item-image {
        border: 4px solid #7d0f96;
    }
    
    .el-category-product-list-item-image {
        border: 4px solid #7d0f96;
    }
    
    .el-category-product-list-item-image img {
        width: 100%;
        margin: 0px !important;
        box-shadow: none;
    }
    /*------------------*\

    Nombre del
    producto

\*------------------*/
    
    @media (min-width: 320px) {
        .el-category-product-list-item-title {
            font-size: 16px;
            font-size: 1rem;
            padding: 10px 0;
            background: none;
            height: 80px;
        }
    }
    
    @media (min-width: 768px) {
        .el-category-product-list-item-title {
            font-size: 18px;
            font-size: 1.125rem;
            padding: 10px 20px;
            /*  background: transparent url("./images/fd-el-category-product-list-item-title-morado.png") no-repeat center 18px;*/
            height: 65px;
        }
    }
    
    @media (min-width: 990px) {
        .el-category-product-list-item-title {
            height: 85px;
        }
    }
    
    @media (min-width: 990px) {
        .el-category-product-list-item-title {
            height: 65px;
        }
    }
    /*------------------*\

    Boton para 
    mostrar
    mas items

\*------------------*/
    
    .el-category-product-list-view-more-button {
        color: #fff;
        text-decoration: none;
        display: inline-block;
        margin: 30px 0;
    }
    
    .el-category-product-list-view-more-button .fa {
        background-color: #7d0f96;
        padding: 10px;
        border-radius: 50%;
        box-shadow: 5px 0px 0px #e6cee6;
        text-align: center;
        position: relative;
        z-index: 99999;
    }
    
    @media (min-width: 320px) {
        .el-category-product-list-view-more-button .fa {
            width: 55px;
            height: 55px;
            font-size: 38px;
            font-size: 2.375rem;
        }
    }
    
    @media (min-width: 768px) {
        .el-category-product-list-view-more-button .fa {
            width: 60px;
            height: 60px;
            font-size: 40px;
            font-size: 2.5rem;
        }
    }
    
    .el-category-product-list-view-more-button span {
        background-color: #7d0f96;
        padding: 5px 20px 5px 55px;
        position: relative;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
        margin-left: -45px;
        z-index: 88888;
    }
    
    @media (min-width: 320px) {
        .el-category-product-list-view-more-button span {
            font-size: 24px;
            font-size: 1.5rem;
            top: -6px;
        }
    }
    
    @media (min-width: 768px) {
        .el-category-product-list-view-more-button span {
            font-size: 30px;
            font-size: 1.875rem;
            top: -4px;
        }
    }
    
    .el-category-product-list-view-more-button:hover {
        text-decoration: none;
        color: #fff;
    }
    
    .el-category-product-list-view-more-button:hover .fa,
    .el-category-product-list-view-more-button:hover span {
        -webkit-transition: background-color 150ms ease-in-out;
        -moz-transition: background-color 150ms ease-in-out;
        -ms-transition: background-color 150ms ease-in-out;
        -o-transition: background-color 150ms ease-in-out;
        transition: background-color 150ms ease-in-out;
        background-color: #646363;
    }
    /*

El menu de categorias de producto puede cambiar
su aspecto segun en que pagina se utilice por lo
que se definen reglas a nivel de pagina que
sobre escriben o agregan estilos a dicho bloque 
y sus elementos con el fin de personalizaros
segun en que pagina se utilicen.

Los distintos aplicativos del este bloque se veran
en las diferentes paginas de categoria de producto

*/
    /*

Estilos personalizados de la pagina de fantasia
para el bloque de Menu de Categorias de Producto y
sus distintos componentes y elemenetos, estos 
estilos son especificos de la categoria Fantasia

*/
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu {
        overflow: hidden;
        background: url(./images/fd-bl-nancy-categories-menu-fantasy.png) no-repeat top center;
        padding: 100px 90px 20px 90px;
    }
    
    @media (min-width: 320px) {
        .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu {
            padding: 100px 0 40px 0;
        }
    }
    
    @media (min-width: 480px) {
        .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu {
            padding: 100px 40px 20px 40px;
        }
    }
    
    @media (min-width: 990px) {
        .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu {
            padding: 100px 90px 20px 90px;
        }
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu .el-nancy-categories-menu-item a {
        color: #7d0f96;
    }
    
    @media (min-width: 990px) {
        .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu .el-nancy-categories-menu-item a span {
            border-top: 1px solid #7d0f96;
            border-bottom: 1px solid #7d0f96;
        }
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu .el-nancy-categories-menu-item a span:after {
        background-color: #fff;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu .el-nancy-categories-menu-item a:link,
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu .el-nancy-categories-menu-item a:visited {
        color: #7d0f96;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-nancy-categories-menu .el-nancy-categories-menu-item a:hover span:after {
        background-color: #7d0f96;
    }
    /****************FIN DE LOS ELEMENTOS de la CATEGORIA FANTASIA  NANCY************************-*\  
    /****************INICIO DE LOS ELEMENTOS de la CATEGORIA COMO TU  NANCY*************************-*\  
  /*------------------*\

    CATEGORIA DE 
    PRODUCTOS COmo tu

\*------------------*/
    /*

¡IMPORTANTE!
------------

Todos los estilos contenidos en el presente fichero CSS
son correspondientes a estilos a nivel de pagina. Estos
estilos sobre escriben a los estilos genericos definidos
en el entregable que se hizo para Fantasia en el fichero
introduccion-listado-productos.zip.

A continuacion se definen todos los selectores a nivel de 
pagina (.pa-muneca-nancy.muneca-nancy-aventuras) que aplican
estilos especificos a los distintos elementos de .bl-category-product
para la portada de Categoria Aventura.

*/
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product {
        background-color: #def8fc;
    }
    
    @media (min-width: 320px) {
        .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product {
            padding-top: 0;
        }
    }
    
    @media (min-width: 768px) {
        .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product {
            padding-top: 95px;
        }
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .co-title-balloon .el-balloon {
        background-position: -454px -138px;
        width: 171px;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .co-title-balloon .el-ribbon {
        background-position: 100% -260px;
    }
    /*

Los decorados de los titulos son componentes totalmente independientes que
se pueden incluir dentro de cualquier componente con la clase .co-title-baloon.

Estos componentes decorativos utilizan recursos graficos que a menudo van a estar
adaptados de forma especifica a un bloque determinado u otro, en cualquier caso, 
son totalmente reutilizables.

Para este bloque se utilizan los dos componentes decorativos que se definen a continuacion.

¡IMPORTANTE!
------------
Si se da el caso de que se utilicen exactamente igual en otros lugares de la web
no es necesario definir estos CSS cada vez, con una vez que se incluyan en la hoja de 
estilos es suficiente.

*/
    /* Estilos para el decorado de las dos nubes y pajaro de la parte izquierda del titulo */
    
    .co-left-white-clouds {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        left: 80px;
        top: 18px;
    }
    
    .co-left-white-clouds .el-big-white-cloud {
        position: absolute;
        left: 22px;
        top: 5px;
    }
    
    .co-left-white-clouds .el-small-white-cloud {
        position: absolute;
        left: 0;
    }
    
    .co-left-white-clouds .el-bird {
        z-index: 99999;
        position: absolute;
        top: -40px;
        -webkit-transform: rotate(9deg);
        -moz-transform: rotate(9deg);
        -o-transform: rotate(9deg);
        transform: rotate(9deg);
    }
    /* Estilos para el decorado la nube y el lazo de la parte central del titulo */
    
    .co-central-cloud-ribbon {
        position: absolute;
        width: 300px;
        left: 50%;
        top: -50px;
        margin-left: -150px;
        z-index: 999999;
    }
    
    .co-central-cloud-ribbon .el-central-small-white-cloud {
        position: absolute;
        top: 20px;
        left: 115px;
    }
    
    .co-central-cloud-ribbon .el-blue-ribbon {
        position: absolute;
        right: -90px;
        top: 50px;
    }
    /* Estilos para el decorado la nube y los tres pajaros de la parte derecha del titulo */
    
    .co-right-white-cloud-birds {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        right: 80px;
        top: 0;
    }
    
    .co-right-white-cloud-birds .el-white-cloud {
        position: absolute;
        left: 25px;
        top: 0;
        z-index: 88888;
    }
    
    .co-right-white-cloud-birds .el-three-birds {
        position: relative;
        z-index: 99999;
        left: 20px;
        top: 30px;
    }
    /*------------------*\

    Items del 
    listado

\*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .co-category-product-list-item a:hover {
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        -ms-transition: color 150ms ease-in-out;
        -o-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out;
        color: #00b9e4;
    }
    /*------------------*\

    Boton de añadir 
    a favoritos

\*------------------*/
    /*

Estilos personalizados del boton de añadir
a favoritos para el bloque del listado de
producto.

*/
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .el-add-favorite-button {
        color: #00b9e4;
        border: 4px solid #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .el-add-favorite-button:hover,
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .el-add-favorite-button.added-to-favorite {
        background-color: #00b9e4;
        color: #fff;
    }
    /*------------------*\

    Imagen del 
    producto

\*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .el-category-product-list-item-image {
        border: 4px solid #00b9e4;
    }
    /*------------------*\

    Nombre del
    producto

\*------------------*/
    
    @media (min-width: 768px) {
        .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .el-category-product-list-item-title {
            /*    background: transparent url(/images/fd-el-category-product-list-item-title-blue.png) no-repeat center 18px;*/
        }
    }
    /*------------------*\

    Boton para 
    mostrar
    mas items

\*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .el-category-product-list-view-more-button .fa,
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .el-category-product-list-view-more-button span {
        background-color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .el-category-product-list-view-more-button .fa {
        box-shadow: 5px 0px 0px #def8fc;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .el-category-product-list-view-more-button:hover .fa,
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .el-category-product-list-view-more-button:hover span {
        background-color: #646363;
    }
    /*
COMO TU
El menu de categorias de producto puede cambiar
su aspecto segun en que pagina se utilice por lo
que se definen reglas a nivel de pagina que
sobre escriben o agregan estilos a dicho bloque 
y sus elementos con el fin de personalizaros
segun en que pagina se utilicen.

Los distintos aplicativos del este bloque se veran
en las diferentes paginas de categoria de producto

*/
    /*

Estilos personalizados de la pagina de Aventura
para el bloque de Menu de Categorias de Producto y
sus distintos componentes y elemenetos, estos 
estilos son especificos de la categoria Aventura

En este fichero no se incluyen los estilos genericos 
del bloque .bl-nancy-categories-menu, estos ya se pasaron
con la portada de Muñeca Nancy y la de Fantasia por lo
que solo se incluyen los selectores que aplican alguna
variacion al bloque o sus componentes/elementos

*/
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-nancy-categories-menu {
        overflow: hidden;
        background: url(./images/fd-bl-nancy-categories-menu-like-you.png) no-repeat top center;
    }
    
    @media (min-width: 320px) {
        .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-nancy-categories-menu {
            padding: 100px 0 40px 0;
        }
    }
    
    @media (min-width: 480px) {
        .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-nancy-categories-menu {
            padding: 100px 40px 20px 40px;
        }
    }
    
    @media (min-width: 990px) {
        .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-nancy-categories-menu {
            padding: 100px 90px 20px 90px;
        }
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-nancy-categories-menu .el-nancy-categories-menu-item a span:after {
        background-color: #fff;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-nancy-categories-menu .el-nancy-categories-menu-item a:hover span:after {
        background-color: #00b9e4;
    }
    /****************FIN DE LOS ELEMENTOS de la CATEGORIA COMO TU  NANCY************************-*\  
   /****************INICIO DE LOS ELEMENTOS de la CATEGORIA AVENTURA  NANCY*************************-*\  
/*------------------*\

    CATEGORIA DE 
    PRODUCTOS AVENTURA

\*------------------*/
    /*

¡IMPORTANTE!
------------

Todos los estilos contenidos en el presente fichero CSS
son correspondientes a estilos a nivel de pagina. Estos
estilos sobre escriben a los estilos genericos definidos
en el entregable que se hizo para Fantasia en el fichero
introduccion-listado-productos.zip.

A continuacion se definen todos los selectores a nivel de 
pagina (.pa-muneca-nancy.muneca-nancy-aventuras) que aplican
estilos especificos a los distintos elementos de .bl-category-product
para la portada de Categoria Aventura.

*/
    
    .pa-muneca-nancy.muneca-nancy-aventuras {
        background: url(./images/green-background-pattern.png) repeat 0 0;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product {
        background-color: #e7f1da;
    }
    
    @media (min-width: 320px) {
        .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product {
            padding-top: 0;
        }
    }
    
    @media (min-width: 768px) {
        .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product {
            padding-top: 95px;
        }
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .co-title-balloon .el-balloon {
        background-position: -282px -136px;
        width: 170px;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .co-title-balloon .el-ribbon {
        background-position: 100% -104px;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .co-apps-downloads,
    .pa-muneca-nancy.muneca-nancy-aventuras .co-page-clouds-decoration {
        background: transparent url(./images/footer-pattern-green.png) repeat-x center center;
    }
    /*

Los decorados de los titulos son componentes totalmente independientes que
se pueden incluir dentro de cualquier componente con la clase .co-title-baloon.

Estos componentes decorativos utilizan recursos graficos que a menudo van a estar
adaptados de forma especifica a un bloque determinado u otro, en cualquier caso, 
son totalmente reutilizables.

Para este bloque se utilizan los dos componentes decorativos que se definen a continuacion.

¡IMPORTANTE!
------------
Si se da el caso de que se utilicen exactamente igual en otros lugares de la web
no es necesario definir estos CSS cada vez, con una vez que se incluyan en la hoja de 
estilos es suficiente.

*/
    /* Estilos para el decorado de las dos nubes de la parte izquierda del titulo */
    
    .co-left-separate-clouds {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        left: 80px;
        top: -25px;
    }
    
    .co-left-separate-clouds .el-small-white-cloud {
        position: absolute;
        left: 0;
        top: 0;
    }
    
    .co-left-separate-clouds .el-big-green-cloud {
        position: absolute;
        left: 60px;
        top: 55px;
    }
    /* Estilos para el decorado del pajaro y la nube de la parte central del titulo */
    
    .co-central-big-bird-cloud {
        position: absolute;
        left: 50%;
        top: -50px;
        width: 125px;
    }
    
    .co-central-big-bird-cloud .el-central-small-white-cloud {
        left: 65px;
        position: absolute;
        top: 20px;
    }
    
    .co-central-big-bird-cloud .el-big-green-gird {
        position: absolute;
        left: 0;
        top: 0;
    }
    /* Estilos para el decorado la bola del mundo, la nube y el pajaro de la parte derecha del titulo */
    
    .co-right-world-cloud-big-bird {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        right: 80px;
        top: -20px;
    }
    
    .co-right-world-cloud-big-bird .el-green-world {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 99999;
    }
    
    .co-right-world-cloud-big-bird .el-big-green-bird {
        position: absolute;
        left: -20px;
        top: 90px;
        z-index: 999999;
    }
    
    .co-right-world-cloud-big-bird .el-big-green-cloud {
        position: absolute;
        left: 45px;
        top: 25px;
        z-index: 88888;
    }
    /*------------------*\

    Items del 
    listado

\*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .co-category-product-list-item a:hover {
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        -ms-transition: color 150ms ease-in-out;
        -o-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out;
        color: #00bf00;
    }
    /*------------------*\

    Boton de añadir 
    a favoritos

\*------------------*/
    /*

Estilos personalizados del boton de añadir
a favoritos para el bloque del listado de
producto.

*/
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .el-add-favorite-button {
        color: #00bf00;
        border: 4px solid #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .el-add-favorite-button:hover,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .el-add-favorite-button.added-to-favorite {
        background-color: #00bf00;
        color: #fff;
    }
    /*------------------*\

    Imagen del 
    producto

\*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .el-category-product-list-item-image {
        border: 4px solid #00bf00;
    }
    /*------------------*\

    Nombre del
    producto

\*------------------*/
    
    @media (min-width: 768px) {
        .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .el-category-product-list-item-title {
            /* background: transparent url(/images/fd-el-category-product-list-item-title-green.png) no-repeat center 18px;*/
        }
    }
    /*------------------*\

    Boton para 
    mostrar
    mas items

\*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .el-category-product-list-view-more-button .fa,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .el-category-product-list-view-more-button span {
        background-color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .el-category-product-list-view-more-button .fa {
        box-shadow: 5px 0px 0px #e7f1da;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .el-category-product-list-view-more-button:hover .fa,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .el-category-product-list-view-more-button:hover span {
        background-color: #646363;
    }
    /*
AVENTURA
El menu de categorias de producto puede cambiar
su aspecto segun en que pagina se utilice por lo
que se definen reglas a nivel de pagina que
sobre escriben o agregan estilos a dicho bloque 
y sus elementos con el fin de personalizaros
segun en que pagina se utilicen.

Los distintos aplicativos del este bloque se veran
en las diferentes paginas de categoria de producto

*/
    /*

Estilos personalizados de la pagina de Aventura
para el bloque de Menu de Categorias de Producto y
sus distintos componentes y elemenetos, estos 
estilos son especificos de la categoria Aventura

En este fichero no se incluyen los estilos genericos 
del bloque .bl-nancy-categories-menu, estos ya se pasaron
con la portada de Muñeca Nancy y la de Fantasia por lo
que solo se incluyen los selectores que aplican alguna
variacion al bloque o sus componentes/elementos

*/
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-nancy-categories-menu {
        overflow: hidden;
        background: url(./images/fd-bl-nancy-categories-menu-adventure.png) no-repeat top center;
    }
    
    @media (min-width: 320px) {
        .pa-muneca-nancy.muneca-nancy-aventuras .bl-nancy-categories-menu {
            padding: 100px 0 40px 0;
        }
    }
    
    @media (min-width: 480px) {
        .pa-muneca-nancy.muneca-nancy-aventuras .bl-nancy-categories-menu {
            padding: 100px 40px 20px 40px;
        }
    }
    
    @media (min-width: 990px) {
        .pa-muneca-nancy.muneca-nancy-aventuras .bl-nancy-categories-menu {
            padding: 100px 90px 20px 90px;
        }
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-nancy-categories-menu .el-nancy-categories-menu-item a {
        color: #00bf00;
    }
    
    @media (min-width: 990px) {
        .pa-muneca-nancy.muneca-nancy-aventuras .bl-nancy-categories-menu .el-nancy-categories-menu-item a span {
            border-top: 1px solid #00bf00;
            border-bottom: 1px solid #00bf00;
        }
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-nancy-categories-menu .el-nancy-categories-menu-item a span:after {
        background-color: #fff;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-nancy-categories-menu .el-nancy-categories-menu-item a:link,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-nancy-categories-menu .el-nancy-categories-menu-item a:visited {
        color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-nancy-categories-menu .el-nancy-categories-menu-item a:hover span:after {
        background-color: #00bf00;
    }
    /****************FIN DE LOS ELEMENTOS de la CATEGORIA AVENTURA  NANCY************************-*\  
   /****************INICIO DE LOS ELEMENTOS de la CATEGORIA BELLEZA  NANCY*************************-*\  
/*------------------*\

    CATEGORIA DE 
    PRODUCTOS BELLEZA

\*------------------*/
    /*

¡IMPORTANTE!
------------

Todos los estilos contenidos en el presente fichero CSS
son correspondientes a estilos a nivel de pagina. Estos
estilos sobre escriben a los estilos genericos definidos
en el entregable que se hizo para Fantasia en el fichero
introduccion-listado-productos.zip.

A continuacion se definen todos los selectores a nivel de 
pagina (.pa-muneca-nancy.muneca-nancy-aventuras) que aplican
estilos especificos a los distintos elementos de .bl-category-product
para la portada de Categoria Belleza.

*/
    
    .pa-muneca-nancy.muneca-nancy-belleza {
        background: url(./images/pink-background-pattern.png) repeat 0 0;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product {
        background-color: #ffe1e8;
    }
    
    @media (min-width: 320px) {
        .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product {
            padding-top: 0;
        }
    }
    
    @media (min-width: 768px) {
        .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product {
            padding-top: 95px;
        }
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .co-title-balloon .el-balloon {
        background-position: -440px -2px;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .co-title-balloon .el-ribbon {
        background-position: 100% -156px;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .co-apps-downloads,
    .pa-muneca-nancy.muneca-nancy-belleza .co-page-clouds-decoration {
        background: transparent url(./images/footer-pattern-pink.png) repeat-x center center;
    }
    /*

Los decorados de los titulos son componentes totalmente independientes que
se pueden incluir dentro de cualquier componente con la clase .co-title-baloon.

Estos componentes decorativos utilizan recursos graficos que a menudo van a estar
adaptados de forma especifica a un bloque determinado u otro, en cualquier caso, 
son totalmente reutilizables.

Para este bloque se utilizan los dos componentes decorativos que se definen a continuacion.

¡IMPORTANTE!
------------
Si se da el caso de que se utilicen exactamente igual en otros lugares de la web
no es necesario definir estos CSS cada vez, con una vez que se incluyan en la hoja de 
estilos es suficiente.

*/
    /* Estilos para el decorado de la nube y el beso de la parte izquierda del titulo */
    
    .co-left-cloud-kiss {
        position: absolute;
        z-index: 88888;
        width: 134px;
        height: 110px;
        left: 115px;
    }
    
    .co-left-cloud-kiss .el-white-cloud {
        position: relative;
        left: 26px;
        z-index: 88888;
        opacity: .8;
    }
    
    .co-left-cloud-kiss .el-kiss {
        position: absolute;
        left: 0;
        top: 65px;
        z-index: 99999;
    }
    /* Estilos para el decorado del beso, nube y espejo de la parte central del titulo */
    
    .co-central-kiss-cloud-mirror {
        position: absolute;
        width: 300px;
        left: 50%;
        top: -50px;
        margin-left: -150px;
    }
    
    .co-central-kiss-cloud-mirror .el-cloud {
        position: absolute;
        top: 10px;
        left: 110px;
    }
    
    .co-central-kiss-cloud-mirror .el-kiss {
        position: absolute;
        left: 0;
        top: 9px;
    }
    
    .co-central-kiss-cloud-mirror .el-mirror {
        position: absolute;
        right: -65px;
        top: 8px;
    }
    /* Estilos para el decorado de las nubes y el beso de la parte derecha del titulo */
    
    .co-right-white-clouds-kiss {
        position: absolute;
        z-index: 88888;
        width: 172px;
        height: 110px;
        right: 85px;
        top: -20px;
    }
    
    .co-right-white-clouds-kiss .el-right-small-white-cloud {
        position: relative;
        z-index: 88888;
        top: 0px;
        right: 60px;
    }
    
    .co-right-white-clouds-kiss .el-right-big-white-cloud {
        position: absolute;
        right: 0;
        top: 45px;
        z-index: 88888;
    }
    
    .co-right-white-clouds-kiss .el-right-big-pink-kiss {
        position: absolute;
        right: 92px;
        top: 80px;
        z-index: 99999;
    }
    /*------------------*\

    Items del 
    listado

\*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .co-category-product-list-item a:hover {
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        -ms-transition: color 150ms ease-in-out;
        -o-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out;
        color: #FB4580;
    }
    /*------------------*\

    Boton de añadir 
    a favoritos

\*------------------*/
    /*

Estilos personalizados del boton de añadir
a favoritos para el bloque del listado de
producto.

*/
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .el-add-favorite-button {
        color: #FB4580;
        border: 4px solid #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .el-add-favorite-button:hover,
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .el-add-favorite-button.added-to-favorite {
        background-color: #FB4580;
        color: #fff;
    }
    /*------------------*\

    Imagen del 
    producto

\*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .el-category-product-list-item-image {
        border: 4px solid #FB4580;
    }
    /*------------------*\

    Nombre del
    producto

\*------------------*/
    
    @media (min-width: 768px) {
        .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .el-category-product-list-item-title {
            /**     background: transparent url(/images/fd-el-category-product-list-item-title-rosa.png) no-repeat center 18px;**/
        }
    }
    /*------------------*\

    Boton para 
    mostrar
    mas items

\*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .el-category-product-list-view-more-button .fa,
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .el-category-product-list-view-more-button span {
        background-color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .el-category-product-list-view-more-button .fa {
        box-shadow: 5px 0px 0px #ffe1e8;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .el-category-product-list-view-more-button:hover .fa,
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .el-category-product-list-view-more-button:hover span {
        background-color: #646363;
    }
    /* BELLEZA

El menu de categorias de producto puede cambiar
su aspecto segun en que pagina se utilice por lo
que se definen reglas a nivel de pagina que
sobre escriben o agregan estilos a dicho bloque 
y sus elementos con el fin de personalizaros
segun en que pagina se utilicen.

Los distintos aplicativos del este bloque se veran
en las diferentes paginas de categoria de producto

*/
    /*

Estilos personalizados de la pagina de Belleza
para el bloque de Menu de Categorias de Producto y
sus distintos componentes y elemenetos, estos 
estilos son especificos de la categoria Belleza

En este fichero no se incluyen los estilos genericos 
del bloque .bl-nancy-categories-menu, estos ya se pasaron
con la portada de Muñeca Nancy y la de Fantasia por lo
que solo se incluyen los selectores que aplican alguna
variacion al bloque o sus componentes/elementos

*/
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-nancy-categories-menu {
        background: url(./images/fd-bl-nancy-categories-menu-beauty.png) no-repeat top center;
    }
    
    @media (min-width: 320px) {
        .pa-muneca-nancy.muneca-nancy-belleza .bl-nancy-categories-menu {
            padding: 100px 0 40px 0;
        }
    }
    
    @media (min-width: 480px) {
        .pa-muneca-nancy.muneca-nancy-belleza .bl-nancy-categories-menu {
            padding: 100px 40px 20px 40px;
        }
    }
    
    @media (min-width: 990px) {
        .pa-muneca-nancy.muneca-nancy-belleza .bl-nancy-categories-menu {
            padding: 100px 90px 20px 90px;
        }
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-nancy-categories-menu .el-nancy-categories-menu-item a {
        color: #FB4580;
    }
    
    @media (min-width: 990px) {
        .pa-muneca-nancy.muneca-nancy-belleza .bl-nancy-categories-menu .el-nancy-categories-menu-item a span {
            border-top: 1px solid #FB4580;
            border-bottom: 1px solid #FB4580;
        }
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-nancy-categories-menu .el-nancy-categories-menu-item a span:after {
        background-color: #fff;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-nancy-categories-menu .el-nancy-categories-menu-item a:link,
    .pa-muneca-nancy.muneca-nancy-belleza .bl-nancy-categories-menu .el-nancy-categories-menu-item a:visited {
        color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-nancy-categories-menu .el-nancy-categories-menu-item a:hover span:after {
        background-color: #FB4580;
    }
    /****************FIN DE LOS ELEMENTOS de la CATEGORIA BELLEZA  NANCY************************-*\     
/***********************FIN DE LOS ESTILOS DEL LISTADO DE PRODUCTOS***********************************--*\
/***********************INICIO DE LOS ESTILOS DE LAS FICHAS DE PRODUCTOS************************--*\
 /***********************INICIO DE LOS ESTILOS DE LAS FICHAS DE FantasíaPRODUCTOS************************--*\
 /*------------------*\

    FICHA DE 
    PRODUCTO FANTASIA

\*------------------*/
    /*

Estilos especificos de la categoria fantasia
para para el bloque de producto

*/
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-product {
        background: #e6cee6 url(./images/fd-bl-product-fantasy.png) no-repeat center 100%;
        margin-bottom: 40px;
        overflow: hidden;
    }
    
    @media (min-width: 320px) {
        .pa-muneca-nancy.muneca-nancy-fantasia .bl-product {
            padding: 65px 0 100px 0;
        }
    }
    
    @media (min-width: 768px) {
        .pa-muneca-nancy.muneca-nancy-fantasia .bl-product {
            padding: 65px 20px 100px 20px;
        }
    }
    
    @media (min-width: 990px) {
        .pa-muneca-nancy.muneca-nancy-fantasia .bl-product {
            padding: 65px 40px 100px 40px;
        }
    }
    /*------------------*\

    CABECERA

\*------------------*/
    
    .co-product-header {
        overflow: hidden;
        margin-bottom: 30px;
    }
    /*------------------*\

   Nombre del
   producto

\*------------------*/
    
    .el-product-title {
        padding: 15px 20px;
        margin: 0;
        background-color: #7d0f96;
        color: #fff;
        border-radius: 20px;
        position: relative;
    }
    
    .el-product-title:after {
        font-family: 'FontAwesome';
        content: '\f0da';
        color: #7d0f96;
        font-size: 45px;
        font-size: 2.8125rem;
        line-height: normal;
    }
    
    @media (min-width: 320px) {
        .el-product-title {
            font-size: 28px;
            font-size: 1.75rem;
            text-align: center;
        }
        .el-product-title:after {
            display: none;
        }
    }
    
    @media (min-width: 990px) {
        .el-product-title {
            font-size: 22px;
            font-size: 1.375rem;
            text-align: left;
        }
        .el-product-title:after {
            display: block;
            position: absolute;
            right: -12px;
            top: 5px;
        }
    }
    
    @media (min-width: 1200px) {
        .el-product-title {
            font-size: 28px;
            font-size: 1.75rem;
        }
        .el-product-title:after {
            right: -14px;
            top: 8px;
        }
    }
    /*------------------*\

        Botones de Enviar 
        por E-Mail, 
        Imprimir y Añadir 
        a favorito

    \*------------------*/
    
    @media (min-width: 320px) {
        .co-product-options {
            position: relative;
            padding: 0;
            margin-top: 30px;
            top: 0;
            text-align: center;
        }
    }
    
    @media (min-width: 990px) {
        .co-product-options {
            margin: 0;
            top: 3px;
            text-align: center;
        }
    }
    
    .co-product-options ul {
        margin: 0;
        padding: 0;
        position: relative;
    }
    
    .co-product-options ul li {
        list-style: none;
        display: inline-block;
    }
    
    @media (min-width: 320px) {
        .co-product-options ul li {
            margin-left: 0;
        }
    }
    
    @media (min-width: 768px) {
        .co-product-options ul li {
            margin-left: 10px;
        }
    }
    
    .co-product-options ul li:first-child {
        margin-left: 0;
    }
    /*

    Estilos generales de los diferentes botones

    */
    
    .el-product-options-button .fa {
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        font-size: 23px;
        font-size: 1.4375rem;
        background-color: #7d0f96;
        border: 4px solid #7d0f96;
        color: #fff;
        border-radius: 50%;
        text-align: center;
    }
    
    .el-product-options-button .fa:before {
        position: relative;
        top: -1px;
    }
    
    @media (min-width: 320px) {
        .el-product-options-button .fa {
            padding: 10px 11px;
            width: 50px;
            height: 50px;
        }
    }
    
    @media (min-width: 990px) {
        .el-product-options-button .fa {
            padding: 8px;
            width: 40px;
            height: 40px;
        }
    }
    
    @media (min-width: 320px) {
        .el-product-options-button .fa {
            padding: 10px 11px;
            width: 50px;
            height: 50px;
        }
    }
    
    .el-product-options-button:hover {
        text-decoration: none;
    }
    
    .el-product-options-button:hover .fa {
        background-color: #cfa9d7;
        border: 4px solid #cfa9d7;
        color: #7d0f96;
    }
    
    .el-product-options-button.add-to-favorite .fa {
        background-color: #e6cee6;
        border: 4px solid #7d0f96;
        color: #7d0f96;
        font-size: 27px;
        font-size: 1.6875rem;
        padding: 8px 7px;
        position: relative;
        z-index: 99999;
        box-shadow: 8px 0px 0px #e6cee6;
    }
    
    .el-product-options-button.add-to-favorite .fa:before {
        top: 0;
    }
    
    .el-product-options-button.add-to-favorite .el-legend {
        font-size: 16px;
        font-size: 1rem;
        color: #fff;
        position: relative;
        top: -5px;
        left: -45px;
        background-color: #7d0f96;
        padding: 8px 20px 8px 60px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
        z-index: 88888;
    }
    
    .el-product-options-button.add-to-favorite .el-total-favorite-items {
        background-color: #cfa9d7;
        color: #7d0f96;
        width: 35px;
        height: 35px;
        padding: 8px;
        position: relative;
        top: -3px;
        display: inline-block;
        text-align: center;
        line-height: normal;
        margin-left: 5px;
    }
    
    .el-product-options-button.add-to-favorite:hover .fa {
        background-color: #cfa9d7;
        border: 4px solid #cfa9d7;
    }
    
    .el-product-options-button.add-to-favorite:hover .el-legend {
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        background-color: #cfa9d7;
        color: #7d0f96;
    }
    /*------------------*\

    CONTENIDO DEL
    PRODUCTO

\*------------------*/
    
    .bl-product-content {
        text-align: center;
    }
    
    .bl-product-content .el-product-description,
    .bl-product-content .co-product-featured-features {
        font-size: 23px;
        font-size: 1.4375rem;
        text-align: left;
    }
    
    .bl-product-content .el-where-buy-button {
        color: #7d0f96;
        font-weight: 700;
        margin-bottom: 30px;
        display: block;
    }
    
    .bl-product-content .el-where-buy-button:hover {
        text-decoration: none;
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        -ms-transition: color 150ms ease-in-out;
        -o-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out;
        color: #646363;
    }
    /*------------------*\

        IMAGEN AMPLIADA

    \*------------------*/
    
    .co-product-image,
    .iconic-woothumbs-images-wrap {
        border: 5px solid #7d0f96;
        margin-bottom: 30px;
    }
    
    .iconic-woothumbs-images-wrap .scick-slide,
    .co-product-image .slick-slide {
        padding: 0;
    }
    /*------------------*\

        MINIATURAS

    \*------------------*/
    
    .co-product-carousel,
    {
        margin-bottom: 30px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
        border: 8px solid #7d0f96;
        margin-bottom: 60px;
    }
    
    @media (min-width: 320px) {
        .co-product-carousel {
            margin-left: 0;
            margin-right: 0;
        }
    }
    
    @media (min-width: 768px) {
        .co-product-carousel {
            margin-left: 30px;
            margin-right: 30px;
        }
    }
    
    .co-product-carousel .slick-slide {
        padding: 0;
    }
    
    .co-product-carousel .slick-next,
    .co-product-carousel .slick-prev {
        position: absolute;
        top: 50%;
        text-align: center;
        display: block;
        border: none;
        color: #fff;
        cursor: pointer;
        background-color: #7d0f96;
        padding-top: 3px;
    }
    
    .co-product-carousel .slick-next {
        right: -37px;
        border-top-right-radius: 23px;
        border-bottom-right-radius: 23px;
    }
    
    .co-product-carousel .slick-next:before {
        font-family: "FontAwesome";
        color: #fff;
        content: "\f054";
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 700;
    }
    
    .co-product-carousel .slick-prev {
        left: -37px;
        border-top-left-radius: 23px;
        border-bottom-left-radius: 23px;
    }
    
    .co-product-carousel .slick-prev:before {
        font-family: "FontAwesome";
        color: #fff;
        content: "\f053";
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 700;
    }
    
    .co-product-carousel .slick-dots {
        bottom: -45px;
    }
    
    .co-product-carousel .slick-dots li button:before {
        color: #7d0f96;
        font-size: 20px;
        font-size: 1.25rem;
    }
    
    .co-product-carousel.slick-dotted {
        margin-bottom: 60px;
    }
    /**nuevo slider***/
    
    .co-product-carousel,
    .iconic-woothumbs-thumbnails {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
        border: 8px solid #7d0f96;
    }
    
    @media (min-width: 320px) {
        .iconic-woothumbs-all-images-wrap {
            padding-right: 15px;
            padding-left: 15px;
        }
        .co-product-carousel,
        .iconic-woothumbs-thumbnails {
            margin-left: 25px;
            margin-right: 25px;
        }
    }
    
    @media (min-width: 768px) {
        .iconic-woothumbs-all-images-wrap {
            padding-right: 15px;
            padding-left: 15px;
        }
        .co-product-carousel,
        .iconic-woothumbs-thumbnails {
            margin-left: 30px;
            margin-right: 30px;
            background-color: #fff;
        }
    }
    
    .iconic-woothumbs-thumbnails .slick-slide,
    .co-product-carousel .slick-slide {
        padding: 0;
    }
    
    .iconic-woothumbs-thumbnails__control--right {
        right: 25px;
        z-index: 99999;
    }
    
    .iconic-woothumbs-thumbnails__control--left {
        left: 25px;
        z-index: 99999;
    }
    
    .iconic-woothumbs-thumbnails__control--left,
    .iconic-woothumbs-thumbnails__control--right {
        position: absolute;
        display: block;
        height: 30px;
        width: 30px;
        line-height: 0px;
        font-size: 0px;
        cursor: pointer;
        background: transparent;
        color: transparent;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0;
        border: none;
        outline: none;
    }
    
    .iconic-woothumbs-thumbnails__control--right,
    .iconic-woothumbs-thumbnails__control--left {
        position: absolute;
        top: 50% !important;
        text-align: center;
        display: block;
        border: none;
        color: #fff !important;
        cursor: pointer;
        background-color: #7d0f96;
        padding-top: 3px;
        opacity: unset;
    }
    
    .iconic-woothumbs-thumbnails__control--right {
        right: 0px;
        border-top-right-radius: 23px;
        border-bottom-right-radius: 23px;
    }
    
    .iconic-woothumbs-thumbnails__control--left {
        left: 0px;
        border-top-left-radius: 23px;
        border-bottom-left-radius: 23px;
    }
    
    .iconic-woothumbs-thumbnails__control--left .iconic-woothumbs-icon,
    .iconic-woothumbs-thumbnails__control--right .iconic-woothumbs-icon {
        font-family: "FontAwesome";
        color: #fff;
        content: "\f053";
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 700;
    }
    
    .co-product-carousel .slick-dots {
        bottom: -45px;
    }
    
    .co-product-carousel .slick-dots li button:before {
        color: #7d0f96;
        font-size: 20px;
        font-size: 1.25rem;
    }
    
    .co-product-carousel.slick-dotted {
        margin-bottom: 60px;
    }
    /*------------------*\

       CARACTERISTICAS
       DESTACADAS

    \*------------------*/
    
    .co-product-featured-features {
        margin-top: 30px;
        margin-bottom: 15px;
    }
    
    .co-product-featured-features ul {
        padding: 0;
        margin-left: 16px;
    }
    
    .co-product-featured-features ul li {
        list-style: none;
    }
    
    .co-product-featured-features ul li:before {
        content: " ";
        width: 6px;
        height: 17px;
        background-color: #7d0f96;
        display: inline-block;
        margin-right: 10px;
        margin-left: -16px;
    }
    
    .el-product-featured-features-title {
        border-bottom: 3px solid #7d0f96;
        padding-bottom: 5px;
    }
    /*------------------*\

        BOTON DE 
        AÑADIR A 
        FAVORITOS
        (GRANDE)

    \*------------------*/
    /*
        Como pasaba con .el-add-favorite-button
        este elemento es general del proyecto
        aunque solo se usa en la ficha de momento

        Por tanto, solo hay que añadir estos CSS
        una vez en el proyecto
    */
    
    .el-add-favorite-button-big {
        color: #fff;
        margin: 30px 0 0 0;
        display: inline-block;
    }
    
    .el-add-favorite-button-big .fa {
        color: #7d0f96;
        background-color: #e6cee6;
        text-decoration: none;
        display: inline-block;
        border-radius: 50%;
        border: 8px solid #7d0f96;
        font-size: 45px;
        font-size: 2.8125rem;
        padding: 8px;
        box-shadow: 10px 0px 0px #e6cee6;
        position: relative;
        z-index: 99999;
    }
    
    .el-add-favorite-button-big span {
        position: relative;
        top: -6px;
        margin-left: -45px;
        background-color: #7d0f96;
        padding: 8px 20px 8px 60px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
        z-index: 88888;
    }
    
    @media (min-width: 320px) {
        .el-add-favorite-button-big span {
            font-size: 24px;
            font-size: 1.5rem;
        }
    }
    
    @media (min-width: 768px) {
        .el-add-favorite-button-big span {
            font-size: 30px;
            font-size: 1.875rem;
        }
    }
    
    .el-add-favorite-button-big:hover {
        text-decoration: none;
        color: #fff;
    }
    
    .el-add-favorite-button-big:hover .fa {
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        color: #646363;
        border-color: #646363;
    }
    
    .el-add-favorite-button-big:hover span {
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        background-color: #646363;
    }
    
    .bl-product-spot {
        overflow: hidden;
        margin-bottom: 30px;
    }
    
    @media (min-width: 320px) {
        .bl-product-spot {
            padding: 0 0 20px 0;
        }
    }
    
    @media (min-width: 768px) {
        .bl-product-spot {
            padding: 0 40px 20px 40px;
        }
    }
    /*------------------*\

    PRODUCTOS
    RELACIONADOS Fantasia

\*------------------*/
    /*

Estilos especificos para .bl-related en la seccion correspondiente
a la categoria Fantasia.

A traves de los estilos de pagina sobre escribimos los CSS originales
del carrusel Nancy World para modificar sus colores de acuerdo a la
categoria en la que se usa.

*/
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-related .co-nancy-world-carousel {
        border: 8px solid #7d0f96;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-related .co-nancy-world-carousel .el-add-favorite-button {
        color: #7d0f96;
        border: 4px solid #7d0f96;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-related .co-nancy-world-carousel .el-add-favorite-button:hover,
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-related .co-nancy-world-carousel .el-add-favorite-button.added-to-favorite {
        color: #fff;
        background-color: #7d0f96;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-related .co-nancy-world-carousel .slick-next,
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-related .co-nancy-world-carousel .slick-prev {
        background-color: #7d0f96;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-related .co-nancy-world-carousel-names {
        background-color: #7d0f96;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-related .co-nancy-world-carousel-names .slick-dots li button:before {
        color: #7d0f96;
    }
    /***********************FIN DE LOS ESTILOS DEL Fichas  DE Fantasía  PRODUCTOS***********************************--*\
 /***********************INICIO DE LOS ESTILOS DE LAS FICHAS DE COMO TU PRODUCTOS************************--*\
 /*------------------*\

    FICHA DE 
    PRODUCTO Como tu

\*------------------*/
    /*

Estilos especificos de la categoria aventura
para para el bloque de producto

En este fichero solo se corresponden los estilos necesarios
para aplicar los cambios correspondientes los elementos y
componentes de la ficha en la seccion aventura, los estilos
genericos (base) de estos componentes/elementos se encuentran
en informacion-del-producto.zip entregado con la ficha de
fantasia que es la que sirve como base

*/
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product {
        background: #def8fc url(./images/fd-bl-product-like-you.png) no-repeat center 100%;
        margin-bottom: 40px;
        overflow: hidden;
    }
    
    @media (min-width: 320px) {
        .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product {
            padding: 65px 0 100px 0;
        }
    }
    
    @media (min-width: 768px) {
        .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product {
            padding: 65px 20px 100px 20px;
        }
    }
    
    @media (min-width: 990px) {
        .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product {
            padding: 65px 40px 100px 40px;
        }
    }
    /*------------------*\

    CABECERA

\*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .co-product-header .el-product-title {
        background-color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .co-product-header .el-product-title:after {
        color: #00b9e4;
    }
    /*------------------*\

        Botones de Enviar 
        por E-Mail, 
        Imprimir y Añadir 
        a favorito

    \*------------------*/
    /*

    Estilos generales de los diferentes botones

    */
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .co-product-header .co-product-options .el-product-options-button .fa {
        background-color: #00b9e4;
        border: 4px solid #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .co-product-header .co-product-options .el-product-options-button .fa:hover {
        background-color: #b7ebf7;
        border: 4px solid #b7ebf7;
        color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite .fa {
        background-color: #def8fc;
        border: 4px solid #00b9e4;
        color: #00b9e4;
        box-shadow: 8px 0px 0px #def8fc;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite .fa:hover {
        background-color: #b7ebf7;
        border: 4px solid #b7ebf7;
        color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite .el-legend {
        background-color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite .el-total-favorite-items {
        background-color: #b7ebf7;
        color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite:hover .fa {
        background-color: #b7ebf7;
        border: 4px solid #b7ebf7;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite:hover .el-legend {
        background-color: #b7ebf7;
        color: #00b9e4;
    }
    /*------------------*\

    CONTENIDO DEL
    PRODUCTO

\*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .el-where-buy-button {
        color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .el-where-buy-button:hover {
        color: #646363;
    }
    /*------------------*\

        IMAGEN AMPLIADA

    \*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .co-product-image,
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .iconic-woothumbs-images-wrap {
        border: 5px solid #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .co-product-image .slick-next,
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .co-product-image .slick-prev {
        background-color: #00b9e4;
    }
    /*------------------*\

        MINIATURAS

    \*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .co-product-carousel,
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .iconic-woothumbs-thumbnails {
        border: 8px solid #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .co-product-carousel .slick-next,
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .co-product-carousel .slick-prev {
        background-color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .co-product-carousel .slick-dots li button:before {
        color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .iconic-woothumbs-thumbnails__control--right,
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .iconic-woothumbs-thumbnails__control--left {
        background-color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .co-product-carousel .iconic-woothumbs-thumbnails .slick-slide,
    li button:before {
        color: #00b9e4;
    }
    /*------------------*\

       CARACTERISTICAS
       DESTACADAS

    \*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .co-product-featured-features ul li:before {
        background-color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .el-product-featured-features-title {
        border-bottom: 3px solid #00b9e4;
    }
    /*------------------*\

        BOTON DE 
        AÑADIR A 
        FAVORITOS
        (GRANDE)

    \*------------------*/
    /*
        Como pasaba con .el-add-favorite-button
        este elemento es general del proyecto
        aunque solo se usa en la ficha de momento

        Por tanto, solo hay que añadir estos CSS
        una vez en el proyecto
    */
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .el-add-favorite-button-big .fa {
        background-color: #def8fc;
        border: 8px solid #00b9e4;
        color: #00b9e4;
        box-shadow: 8px 0px 0px #def8fc;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .el-add-favorite-button-big span {
        background-color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .el-add-favorite-button-big:hover .fa {
        color: #646363;
        border-color: #646363;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-product .bl-product-content .el-add-favorite-button-big:hover span {
        background-color: #646363;
    }
    
    .bl-product-spot {
        overflow: hidden;
        margin-bottom: 30px;
    }
    
    @media (min-width: 320px) {
        .bl-product-spot {
            padding: 0 0 20px 0;
        }
    }
    
    @media (min-width: 768px) {
        .bl-product-spot {
            padding: 0 40px 20px 40px;
        }
    }
    /*------------------*\

    PRODUCTOS
    RELACIONADOS como tu

\*------------------*/
    /*

Estilos especificos para .bl-related en la seccion correspondiente
a la categoria Aventura.

A traves de los estilos de pagina sobre escribimos los CSS originales
del carrusel Nancy World para modificar sus colores de acuerdo a la
categoria en la que se usa.

*/
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-related .co-nancy-world-carousel {
        border: 8px solid #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-related .co-nancy-world-carousel .el-add-favorite-button {
        color: #00b9e4;
        border: 4px solid #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-related .co-nancy-world-carousel .el-add-favorite-button:hover,
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-related .co-nancy-world-carousel .el-add-favorite-button.added-to-favorite {
        color: #fff;
        background-color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-related .co-nancy-world-carousel .slick-next,
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-related .co-nancy-world-carousel .slick-prev {
        background-color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-related .co-nancy-world-carousel-names {
        background-color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-related .co-nancy-world-carousel-names .slick-dots li button:before {
        color: #00b9e4;
    }
    /***********************FIN DE LOS ESTILOS DEL Fichas  DE COMO TU  PRODUCTOS***********************************--*\
 /***********************INICIO DE LOS ESTILOS DE LAS FICHAS DE AVENTURA PRODUCTOS************************--*\
 /*------------------*\

    FICHA DE 
    PRODUCTO AVENTURA

\*------------------*/
    /*

Estilos especificos de la categoria aventura
para para el bloque de producto

En este fichero solo se corresponden los estilos necesarios
para aplicar los cambios correspondientes los elementos y
componentes de la ficha en la seccion aventura, los estilos
genericos (base) de estos componentes/elementos se encuentran
en informacion-del-producto.zip entregado con la ficha de
fantasia que es la que sirve como base

*/
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product {
        background: #e7f1da url(./images/fd-bl-product-adventure.png) no-repeat center 100%;
        margin-bottom: 40px;
        overflow: hidden;
    }
    
    @media (min-width: 320px) {
        .pa-muneca-nancy.muneca-nancy-aventuras .bl-product {
            padding: 65px 0 100px 0;
        }
    }
    
    @media (min-width: 768px) {
        .pa-muneca-nancy.muneca-nancy-aventuras .bl-product {
            padding: 65px 20px 100px 20px;
        }
    }
    
    @media (min-width: 990px) {
        .pa-muneca-nancy.muneca-nancy-aventuras .bl-product {
            padding: 65px 40px 100px 40px;
        }
    }
    /*------------------*\

    CABECERA

\*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .co-product-header .el-product-title {
        background-color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .co-product-header .el-product-title:after {
        color: #00bf00;
    }
    /*------------------*\

        Botones de Enviar 
        por E-Mail, 
        Imprimir y Añadir 
        a favorito

    \*------------------*/
    /*

    Estilos generales de los diferentes botones

    */
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .co-product-header .co-product-options .el-product-options-button .fa {
        background-color: #00bf00;
        border: 4px solid #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .co-product-header .co-product-options .el-product-options-button .fa:hover {
        background-color: #cee7b6;
        border: 4px solid #cee7b6;
        color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite .fa {
        background-color: #e7f1da;
        border: 4px solid #00bf00;
        color: #00bf00;
        box-shadow: 8px 0px 0px #e7f1da;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite .fa:hover {
        background-color: #cee7b6;
        border: 4px solid #cee7b6;
        color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite .el-legend {
        background-color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite .el-total-favorite-items {
        background-color: #cee7b6;
        color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite:hover .fa {
        background-color: #cee7b6;
        border: 4px solid #cee7b6;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite:hover .el-legend {
        background-color: #cee7b6;
        color: #00bf00;
    }
    /*------------------*\

    CONTENIDO DEL
    PRODUCTO

\*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .el-where-buy-button {
        color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .el-where-buy-button:hover {
        color: #646363;
    }
    /*------------------*\

        IMAGEN AMPLIADA

    \*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .co-product-image,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .iconic-woothumbs-images-wrap {
        border: 5px solid #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .co-product-image .slick-next,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .co-product-image .slick-prev {
        background-color: #00bf00;
    }
    /*------------------*\

        MINIATURAS

    \*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .co-product-carousel,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .iconic-woothumbs-thumbnails {
        border: 8px solid #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .co-product-carousel .slick-next,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .co-product-carousel .slick-prev {
        background-color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .co-product-carousel .slick-dots li button:before {
        color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .iconic-woothumbs-thumbnails__control--right,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .iconic-woothumbs-thumbnails__control--left {
        background-color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .co-product-carousel .iconic-woothumbs-thumbnails .slick-slide,
    li button:before {
        color: #00bf00;
    }
    /*------------------*\

       CARACTERISTICAS
       DESTACADAS

    \*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .co-product-featured-features ul li:before {
        background-color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .el-product-featured-features-title {
        border-bottom: 3px solid #00bf00;
    }
    /*------------------*\

        BOTON DE 
        AÑADIR A 
        FAVORITOS
        (GRANDE)

    \*------------------*/
    /*
        Como pasaba con .el-add-favorite-button
        este elemento es general del proyecto
        aunque solo se usa en la ficha de momento

        Por tanto, solo hay que añadir estos CSS
        una vez en el proyecto
    */
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .el-add-favorite-button-big .fa {
        background-color: #e7f1da;
        border: 8px solid #00bf00;
        color: #00bf00;
        box-shadow: 8px 0px 0px #e7f1da;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .el-add-favorite-button-big span {
        background-color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .el-add-favorite-button-big:hover .fa {
        color: #646363;
        border-color: #646363;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-product .bl-product-content .el-add-favorite-button-big:hover span {
        background-color: #646363;
    }
    
    .bl-product-spot {
        overflow: hidden;
        margin-bottom: 30px;
    }
    
    @media (min-width: 320px) {
        .bl-product-spot {
            padding: 0 0 20px 0;
        }
    }
    
    @media (min-width: 768px) {
        .bl-product-spot {
            padding: 0 40px 20px 40px;
        }
    }
    /*------------------*\

    PRODUCTOS
    RELACIONADOS Aventura

\*------------------*/
    /*

Estilos especificos para .bl-related en la seccion correspondiente
a la categoria Aventura.

A traves de los estilos de pagina sobre escribimos los CSS originales
del carrusel Nancy World para modificar sus colores de acuerdo a la
categoria en la que se usa.

*/
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-related .co-nancy-world-carousel {
        border: 8px solid #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-related .co-nancy-world-carousel .el-add-favorite-button {
        color: #00bf00;
        border: 4px solid #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-related .co-nancy-world-carousel .el-add-favorite-button:hover,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-related .co-nancy-world-carousel .el-add-favorite-button.added-to-favorite {
        color: #fff;
        background-color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-related .co-nancy-world-carousel .slick-next,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-related .co-nancy-world-carousel .slick-prev {
        background-color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-related .co-nancy-world-carousel-names {
        background-color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-related .co-nancy-world-carousel-names .slick-dots li button:before {
        color: #00bf00;
    }
    /***********************FIN DE LOS ESTILOS DEL Fichas  DE AVENTURA  PRODUCTOS***********************************--*\
 /***********************INICIO DE LOS ESTILOS DE LAS FICHAS DE BELLEZa PRODUCTOS************************--*\
 /*------------------*\

    FICHA DE 
    PRODUCTO BELLEZA

\*------------------*/
    /*

Estilos especificos de la categoria aventura
para para el bloque de producto

En este fichero solo se corresponden los estilos necesarios
para aplicar los cambios correspondientes los elementos y
componentes de la ficha en la seccion aventura, los estilos
genericos (base) de estos componentes/elementos se encuentran
en informacion-del-producto.zip entregado con la ficha de
fantasia que es la que sirve como base

*/
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product {
        background: #ffe1e8 url(./images/fd-bl-product-beauty.png) no-repeat center 100%;
        margin-bottom: 40px;
        overflow: hidden;
    }
    
    @media (min-width: 320px) {
        .pa-muneca-nancy.muneca-nancy-belleza .bl-product {
            padding: 65px 0 100px 0;
        }
    }
    
    @media (min-width: 768px) {
        .pa-muneca-nancy.muneca-nancy-belleza .bl-product {
            padding: 65px 20px 100px 20px;
        }
    }
    
    @media (min-width: 990px) {
        .pa-muneca-nancy.muneca-nancy-belleza .bl-product {
            padding: 65px 40px 100px 40px;
        }
    }
    /*------------------*\

    CABECERA

\*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .co-product-header .el-product-title {
        background-color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .co-product-header .el-product-title:after {
        color: #FB4580;
    }
    /*------------------*\

        Botones de Enviar 
        por E-Mail, 
        Imprimir y Añadir 
        a favorito

    \*------------------*/
    /*

    Estilos generales de los diferentes botones

    */
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .co-product-header .co-product-options .el-product-options-button .fa {
        background-color: #FB4580;
        border: 4px solid #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .co-product-header .co-product-options .el-product-options-button .fa:hover {
        background-color: #f2c2d2;
        border: 4px solid #f2c2d2;
        color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite .fa {
        background-color: #ffe1e8;
        border: 4px solid #FB4580;
        color: #FB4580;
        box-shadow: 8px 0px 0px #ffe1e8;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite .fa:hover {
        background-color: #f2c2d2;
        border: 4px solid #f2c2d2;
        color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite .el-legend {
        background-color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite .el-total-favorite-items {
        background-color: #f2c2d2;
        color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite:hover .fa {
        background-color: #f2c2d2;
        border: 4px solid #f2c2d2;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .co-product-header .co-product-options .el-product-options-button.add-to-favorite:hover .el-legend {
        background-color: #f2c2d2;
        color: #FB4580;
    }
    /*------------------*\

    CONTENIDO DEL
    PRODUCTO

\*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .el-where-buy-button {
        color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .el-where-buy-button:hover {
        color: #646363;
    }
    /*------------------*\

        IMAGEN AMPLIADA

    \*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .co-product-image,
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .iconic-woothumbs-images-wrap {
        border: 5px solid #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .co-product-image .slick-next,
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .co-product-image .slick-prev {
        background-color: #FB4580;
    }
    /*------------------*\

        MINIATURAS

    \*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .co-product-carousel,
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .iconic-woothumbs-thumbnails {
        border: 8px solid #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .co-product-carousel .slick-next,
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .co-product-carousel .slick-prev {
        background-color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .co-product-carousel .slick-dots li button:before {
        color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .iconic-woothumbs-thumbnails__control--right,
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .iconic-woothumbs-thumbnails__control--left {
        background-color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .co-product-carousel .iconic-woothumbs-thumbnails .slick-slide,
    li button:before {
        color: #FB4580;
    }
    /*------------------*\

       CARACTERISTICAS
       DESTACADAS

    \*------------------*/
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .co-product-featured-features ul li:before {
        background-color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .el-product-featured-features-title {
        border-bottom: 3px solid #FB4580;
    }
    /*------------------*\

        BOTON DE 
        AÑADIR A 
        FAVORITOS
        (GRANDE)

    \*------------------*/
    /*
        Como pasaba con .el-add-favorite-button
        este elemento es general del proyecto
        aunque solo se usa en la ficha de momento

        Por tanto, solo hay que añadir estos CSS
        una vez en el proyecto
    */
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .el-add-favorite-button-big .fa {
        background-color: #ffe1e8;
        border: 8px solid #FB4580;
        color: #FB4580;
        box-shadow: 8px 0px 0px #ffe1e8;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .el-add-favorite-button-big span {
        background-color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .el-add-favorite-button-big:hover .fa {
        color: #646363;
        border-color: #646363;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-product .bl-product-content .el-add-favorite-button-big:hover span {
        background-color: #646363;
    }
    
    .bl-product-spot {
        overflow: hidden;
        margin-bottom: 30px;
    }
    
    @media (min-width: 320px) {
        .bl-product-spot {
            padding: 0 0 20px 0;
        }
    }
    
    @media (min-width: 768px) {
        .bl-product-spot {
            padding: 0 40px 20px 40px;
        }
    }
    /*------------------*\

    PRODUCTOS
    RELACIONADOS BELLEZa

\*------------------*/
    /*

Estilos especificos para .bl-related en la seccion correspondiente
a la categoria Belleza.

A traves de los estilos de pagina sobre escribimos los CSS originales
del carrusel Nancy World para modificar sus colores de acuerdo a la
categoria en la que se usa.

*/
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-related .co-nancy-world-carousel {
        border: 8px solid #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-related .co-nancy-world-carousel .el-add-favorite-button {
        color: #FB4580;
        border: 4px solid #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-related .co-nancy-world-carousel .el-add-favorite-button:hover,
    .pa-muneca-nancy.muneca-nancy-belleza .bl-related .co-nancy-world-carousel .el-add-favorite-button.added-to-favorite {
        color: #fff;
        background-color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-related .co-nancy-world-carousel .slick-next,
    .pa-muneca-nancy.muneca-nancy-belleza .bl-related .co-nancy-world-carousel .slick-prev {
        background-color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-related .co-nancy-world-carousel-names {
        background-color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-related .co-nancy-world-carousel-names .slick-dots li button:before {
        color: #FB4580;
    }
    /***********************FIN DE LOS ESTILOS DEL Fichas  DE BELLEZA  PRODUCTOS***********************************--*\
/***********************FIN DE LOS ESTILOS DEL Fichas  DE PRODUCTOS***********************************--*\



    /*------------------*\

    LISTADO DE
    PRODUCTOS/ITEMS
    DE WISHLIST

\*------------------*/
    /*

A nivel de pagina definimos el background que va a usar la 
pagina de Wishlist

*/
    
    .pa-wishlist {
        background: url(./images/blue-background-pattern.png) repeat 0 0;
    }
    /*

Estilos especificos para el componente .co-category-product-list-item
en la pagina de Wishlist.

Este componente asi como sus subcomponentes/subelementos se estan
reutilizado de los listados de producto definidos en las paginas
de categoria de producto.

Los estilos especificos, al igual que en las portadas de
categoria de producto (e excepcion de fantasia que es la base) se
espefican a nivel de pagina, en este caso .pa-wishlist ...

*/
    
    .bl-category-product-list {
        margin-top: 30px;
        float: left;
        text-align: center;
        width: 100%;
    }
    
    .pa-wishlist .bl-category-product-list .co-category-product-list-item a:hover {
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        -ms-transition: color 150ms ease-in-out;
        -o-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out;
        color: #00b9e4;
    }
    /*

Estilos especificos del boton de borrar producto para 
que se pinte con los colores correspondientes a la
pagina de Wishlist (de momento solo se usa aqui)

*/
    
    .el-category-product-list-view-more-button {
        color: #fff;
        text-decoration: none;
        display: inline-block;
        margin: 30px 0;
    }
    
    .pa-wishlist .bl-category-product-list .el-delete-favorite-button {
        color: #00b9e4;
        border: 4px solid #00b9e4;
        background-color: #fff;
    }
    
    .pa-wishlist .bl-category-product-list .el-delete-favorite-button:hover {
        background-color: #00b9e4;
        color: #fff;
    }
    /*

Estilos especificos de la imagen de producto para la pagina
de Wishlist

*/
    
    .pa-wishlist .bl-category-product-list .el-category-product-list-item-image {
        border: 4px solid #00b9e4;
    }
    /*

Estilos especificos el nombre de producto para la pagina
de Wishlist

*/
    
    .pa-wishlist .bl-category-product-list .el-category-product-list-item-title {
        margin-bottom: 30px;
    }
    
    @media (min-width: 768px) {
        .pa-wishlist .bl-category-product-list .el-category-product-list-item-title {
            /*    background: transparent url(./images/fd-el-category-product-list-item-title-blue.png) no-repeat center 18px;*/
        }
    }
    /*

Estilos especificos del boton de ver mas elementos para la
pagina de Wishlist

*/
    
    .pa-wishlist .bl-category-product-list .el-category-product-list-view-more-button .fa,
    .pa-wishlist .bl-category-product-list .el-category-product-list-view-more-button span {
        background-color: #00b9e4;
    }
    
    .pa-wishlist .bl-category-product-list .el-category-product-list-view-more-button .fa {
        box-shadow: 5px 0px 0px #def8fc;
    }
    
    .pa-wishlist .bl-category-product-list .el-category-product-list-view-more-button:hover .fa,
    .pa-wishlist .bl-category-product-list .el-category-product-list-view-more-button:hover span {
        background-color: #646363;
    }
    /*

Estilos generales del bloque de listado de productos
para la pagina Wishlist

*/
    
    .bl-wishlist {
        background-color: #def8fc;
        overflow: hidden;
    }
    
    @media (min-width: 320px) {
        .bl-wishlist {
            padding-top: 0;
        }
    }
    
    @media (min-width: 768px) {
        .bl-wishlist {
            padding-top: 95px;
        }
    }
    /*

Estilos especificos para el titular del globo y la cinta
para la pagina de Wishlist

*/
    
    .bl-wishlist .co-title-balloon .el-balloon {
        background-position: 0px -117px;
    }
    
    .bl-wishlist .co-title-balloon .el-ribbon {
        background-position: 100% -52px;
    }
    /*

Los decorados de los titulos son componentes totalmente independientes que
se pueden incluir dentro de cualquier componente con la clase .co-title-baloon.

Estos componentes decorativos utilizan recursos graficos que a menudo van a estar
adaptados de forma especifica a un bloque determinado u otro, en cualquier caso, 
son totalmente reutilizables.

Para este bloque se utilizan los dos componentes decorativos que se definen a continuacion.

¡IMPORTANTE!
------------
Si se da el caso de que se utilicen exactamente igual en otros lugares de la web
no es necesario definir estos CSS cada vez, con una vez que se incluyan en la hoja de 
estilos es suficiente.

*/
    /* Decorado de 2 corazones a la izquierda del titulo */
    
    .co-left-hearts {
        position: absolute;
        z-index: 88888;
        width: 132px;
        height: 110px;
        left: 120px;
        top: 18px;
    }
    
    .co-left-hearts .el-small-heart {
        position: absolute;
        left: 0;
        top: 0;
    }
    
    .co-left-hearts .el-big-heart {
        position: absolute;
        left: 65px;
        top: 25px;
    }
    /* Decorado de 2 corazones en la parte central del titulo */
    
    .co-central-hearts {
        position: absolute;
        width: 300px;
        left: 50%;
        top: -50px;
        margin-left: -150px;
    }
    
    .co-central-hearts .el-central-big-blue-heart {
        position: absolute;
        top: 40px;
        left: 134px;
    }
    
    .co-central-hearts .el-central-small-blue-heart {
        position: absolute;
        left: 225px;
        top: 20px;
    }
    /* Decorado de 3 corazones a la derecha del titulo */
    
    .co-right-hearts {
        position: absolute;
        z-index: 88888;
        width: 190px;
        height: 110px;
        right: 80px;
        top: 55px;
        margin-top: -50px;
    }
    
    .co-right-hearts .el-right-big-blue-heart {
        position: absolute;
        left: 5px;
        top: 15px;
        z-index: 99999;
    }
    
    .co-right-hearts .el-right-medium-blue-heart {
        position: relative;
        z-index: 88888;
        left: -3px;
        top: 46px;
    }
    
    .co-right-hearts .el-right-small-blue-heart {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 99999;
    }
    /*

¡IMPORTANTE!
------------
El listado de productos de la Wishlist reutiliza HTML y CSS
de los listados de productos de categoria, por lo que a partir
de aqui solo incluimos el CSS del unico elemento que se añade
al listado, el boton de eliminar, que sustituye al de
añadir a la wishlist

*/
    /*

Estilos generales del boton de eliminar productos

Este elemento es generico y global para todo
el proyecto por lo que los CSS a continuacion
solo hay que incluir los una vez, las excepciones
que pueda tener se aplicaran con CSS a nivel de 
pagina, bloque o componente, de momento solo se usa
en los items de la wishlist

*/
    
    .el-delete-favorite-button {
        padding: 0;
        font-size: 20px;
        font-size: 1.25rem;
        text-align: center;
        vertical-align: middle;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        width: 34px;
        height: 34px;
        top: -9px;
        right: -9px;
        cursor: pointer;
    }
    
    .el-delete-favorite-button .fa {
        position: relative;
        top: -1px;
    }
    
    .el-delete-favorite-button:hover {
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -ms-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
    }
    /*------------------*\

    OPCIONES DE
    LA WISHLIST

\*------------------*/
    
    .bl-wishlist-options {
        background: transparent url(./images/fd-bl-nancy-world.png) no-repeat top center;
    }
    
    @media (min-width: 320px) {
        .bl-wishlist-options {
            padding: 90px 15px 0 15px;
        }
    }
    
    @media (min-width: 990px) {
        .bl-wishlist-options {
            padding: 90px 100px 0 100px;
        }
    }
    
    .bl-wishlist-options ul {
        text-align: center;
        padding: 0;
        margin: 0;
        text-align: center;
    }
    
    .bl-wishlist-options ul li {
        list-style: none;
        display: inline-block;
        margin-left: 15px;
    }
    
    .bl-wishlist-options ul li:first-child {
        margin-left: 0;
    }
    /*

Estilos generales para los botons de opcion
de la Wishlist (Borrar lista, Imprimir, Enviar)

*/
    
    .el-wishlist-options-button {
        color: #fff;
    }
    
    .el-wishlist-options-button .fa {
        background-color: #00b9e4;
        color: #fff;
        padding: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        box-shadow: 5px 0px 0px #fff;
        text-align: center;
        position: relative;
        z-index: 99999;
        font-size: 32px;
        width: 60px;
        height: 60px;
    }
    
    .el-wishlist-options-button .fa:before {
        position: relative;
        top: 4px;
    }
    
    @media (min-width: 320px) {
        .el-wishlist-options-button .fa {
            font-size: 32px;
        }
    }
    
    @media (min-width: 990px) {
        .el-wishlist-options-button .fa {
            font-size: 28px;
        }
    }
    
    @media (min-width: 1200px) {
        .el-wishlist-options-button .fa {
            font-size: 32px;
        }
    }
    
    .el-wishlist-options-button span {
        background-color: #00b9e4;
        color: #fff;
        padding: 5px 20px 5px 55px;
        position: relative;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
        margin-left: -45px;
        z-index: 88888;
    }
    
    @media (min-width: 320px) {
        .el-wishlist-options-button span {
            font-size: 20px;
            top: 3px;
            display: none;
        }
    }
    
    @media (min-width: 480px) {
        .el-wishlist-options-button span {
            font-size: 25px;
            top: 3px;
        }
    }
    
    @media (min-width: 990px) {
        .el-wishlist-options-button span {
            font-size: 24px;
            top: 6px;
            display: inline-block;
        }
    }
    
    @media (min-width: 1200px) {
        .el-wishlist-options-button span {
            font-size: 28px;
            top: 3px;
        }
    }
    
    .el-wishlist-options-button:hover,
    .el-wishlist-options-button:focus {
        text-decoration: none;
    }
    
    .el-wishlist-options-button:hover .fa,
    .el-wishlist-options-button:hover span,
    .el-wishlist-options-button:focus .fa,
    .el-wishlist-options-button:focus span {
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        background-color: #646363;
        color: #fff;
    }
    /*

Usamos el componente Modal ya incluido en la libreria
de Bootstrap.

A continuacion se definen solo los estilos que sobre escriben a los
originales de Bootstrap o que añaden propiedades nuevas.

*/
    /*

Estilos generales para los Modales de Nancy

*/
    
    .modal {
        z-index: 99999;
    }
    
    .modal .modal-content {
        background-color: #00b9e4;
        color: #fff;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
    }
    
    @media (min-width: 320px) {
        .modal .modal-content {
            padding: 15px;
        }
    }
    
    @media (min-width: 768px) {
        .modal .modal-content {
            padding: 15px 40px;
        }
    }
    
    .modal .modal-header {
        text-align: left;
        border-bottom: none;
        padding: 15px 15px 0 15px;
    }
    
    .modal .modal-header .close {
        background: url(./images/ico-cloud.png) no-repeat center center;
        opacity: 1;
        width: 50px;
        height: 40px;
        font-size: 20px;
        font-size: 1.25rem;
        color: #00b9e4;
    }
    
    .modal .modal-header .close:hover {
        -webkit-transition: opacity 150ms ease-in-out;
        -moz-transition: opacity 150ms ease-in-out;
        -ms-transition: opacity 150ms ease-in-out;
        -o-transition: opacity 150ms ease-in-out;
        transition: opacity 150ms ease-in-out;
        opacity: .8;
    }
    
    .modal .modal-body .el-modal-title {
        line-height: normal;
        position: relative;
        text-align: center;
    }
    
    @media (min-width: 320px) {
        .modal .modal-body .el-modal-title {
            font-size: 25px;
            font-size: 1.5625rem;
            border-bottom: none;
            margin-bottom: 20px;
            top: 0;
        }
    }
    
    @media (min-width: 768px) {
        .modal .modal-body .el-modal-title {
            font-size: 35px;
            font-size: 2.1875rem;
            border-bottom: 3px solid #fff;
            top: -22px;
        }
    }
    
    .modal .modal-body .el-modal-title span {
        position: relative;
        padding: 0 15px;
        background: #00b9e4;
    }
    
    @media (min-width: 320px) {
        .modal .modal-body .el-modal-title span {
            top: 0;
        }
    }
    
    @media (min-width: 768px) {
        .modal .modal-body .el-modal-title span {
            top: 22px;
        }
    }
    
    .modal .modal-body label a {
        color: #fff;
        text-decoration: underline;
    }
    
    .modal .modal-body label a:hover {
        text-decoration: none;
    }
    /*

Estilos especificos del Modal que contiene el formulario
de enviar a un amigo

*/
    
    .modal.bl-modal-send-friend {
        text-align: center;
    }
    
    .modal.bl-modal-send-friend input[type="text"],
    .modal.bl-modal-send-friend input[type="email"],
    .modal.bl-modal-send-friend textarea {
        width: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        padding: 8px;
        border: none;
        color: #646363;
        text-align: left;
    }
    
    .modal.bl-modal-send-friend textarea {
        resize: none;
    }
    
    .modal.bl-modal-send-friend input[type="button"],
    .modal.bl-modal-send-friend input[type="submit"] {
        background: #ccdc00;
        border: none;
        padding: 8px 15px;
        font-size: 30px;
        font-size: 1.875rem;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
    }
    
    .modal.bl-modal-send-friend input[type="button"]:hover,
    .modal.bl-modal-send-friend input[type="button"]:focus,
    .modal.bl-modal-send-friend input[type="submit"]:hover,
    .modal.bl-modal-send-friend input[type="submit"]:focus {
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        background: #fff;
        color: #00b9e4;
    }
    /*

Estilos especificos del Modal que contiene el listado
de centros donde comprar

*/
    
    @media (min-width: 320px) {
        .modal.bl-modal-where-buy-shops .modal-dialog {
            width: 300px;
            margin: 10px auto;
        }
    }
    
    @media (min-width: 480px) {
        .modal.bl-modal-where-buy-shops .modal-dialog {
            width: 460px;
        }
    }
    
    @media (min-width: 768px) {
        .modal.bl-modal-where-buy-shops .modal-dialog {
            width: 600px;
        }
    }
    
    @media (min-width: 990px) {
        .modal.bl-modal-where-buy-shops .modal-dialog {
            width: 900px;
        }
    }
    
    @media (min-width: 320px) {
        .modal.bl-modal-where-buy-shops .modal-body {
            padding: 0;
        }
    }
    
    @media (min-width: 768px) {
        .modal.bl-modal-where-buy-shops .modal-body {
            padding: 15px;
        }
    }
    
    .modal.bl-modal-where-buy-shops .co-shops {
        padding: 20px 15px;
        vertical-align: middle;
        background-size: 100% 320px;
        width: 100%;
        height: 324px;
        vertical-align: middle;
        display: table-cell;
        text-align: center;
    }
    
    @media (min-width: 320px) {
        .modal.bl-modal-where-buy-shops .co-shops {
            background: url(./images/img-cloud-shops-258324.png) no-repeat center center;
        }
    }
    
    @media (min-width: 480px) {
        .modal.bl-modal-where-buy-shops .co-shops {
            background: url(./images/img-cloud-shops-418324.png) no-repeat center center;
        }
    }
    
    @media (min-width: 768px) {
        .modal.bl-modal-where-buy-shops .co-shops {
            background: url(./images/img-cloud-shops-488324.png) no-repeat center center;
        }
    }
    
    @media (min-width: 990px) {
        .modal.bl-modal-where-buy-shops .co-shops {
            background: url(./images/img-cloud-shops-788324.png) no-repeat center center;
        }
    }
    
    .modal.bl-modal-where-buy-shops .co-shops .img-responsive {
        display: inline-block;
        margin: 5px 0 10px 5px;
    }
    
    .modal.bl-modal-where-buy-shops .co-shops .img-responsive:first-child {
        margin: 5px 0 10px 0;
    }
    
    @media (min-width: 320px) {
        .modal.bl-modal-where-buy-shops .co-shops .img-responsive {
            width: 60px;
        }
    }
    
    @media (min-width: 480px) {
        .modal.bl-modal-where-buy-shops .co-shops .img-responsive {
            width: 80px;
        }
    }
    
    @media (min-width: 768px) {
        .modal.bl-modal-where-buy-shops .co-shops .img-responsive {
            width: 100px;
        }
    }
    
    @media (min-width: 990px) {
        .modal.bl-modal-where-buy-shops .co-shops .img-responsive {
            width: 130px;
        }
    }
    /******************************
    Correcciones al theme para 
    que se ajuste al diseño 
    *******************************/
    
    #cookie-law-info-bar {
        z-index: 99999;
    }
    
    .nav-pills>li.active>a,
    .nav-pills>li.active>a:hover,
    .nav-pills>li.active>a:focus {
        background-color: transparent;
    }
    
    .chkPrivacy {
        font-size: 16px;
        font-size: 1rem;
    }
    
    div.wpcf7-validation-errors {
        border: 2px solid #f7e700;
        position: absolute;
        font-size: 1rem;
        background-color: azure;
        text-align: center;
        margin-left: 300px;
        margin-right: auto;
        z-index: 99999;
    }
    
    div.wpcf7-mail-sent-ok {
        border: 2px solid #398f14;      
        font-size: 1.5rem;    
display: inline-block !important;   
    }

 .bl-contact form div.wpcf7-mail-sent-ok {
        border: 2px solid #398f14;
        font-size: 1.5rem;
        display: inline-block !important;
        text-align: center;
        margin-left: 320px;
        margin-right: auto;
        z-index: 99999;
    }



    /**correcciones .bl-videos***/
    
    @media (min-width: 320px) {
        .videoreponsive {
            min-height: 320px
        }

  .bl-contact form div.wpcf7-mail-sent-ok {
             margin: auto 15px;        }
    }
    
    @media (min-width: 480px) {
        .videoreponsive {
            min-height: 430px
        }
  .bl-contact form div.wpcf7-mail-sent-ok {
              margin: auto 15px;        }
    }
    
    @media (min-width: 768px) {
        .videoreponsive {
            min-height: 500px
        }
  .bl-contact form div.wpcf7-mail-sent-ok {
              margin-left: 129px;        }
    }
    
    @media (min-width: 990px) {
        .videoreponsive {
            min-height: 600px
        }
  .bl-contact form div.wpcf7-mail-sent-ok {
              margin-left: 240px;        }
    }
  @media (min-width: 1200px) {
        .bl-contact form div.wpcf7-mail-sent-ok {
            margin-left: 340px;
        }
    }

    /****Cambios home ***/
    
    .co-featured-products-item1 .woocommerce .products ul,
    .co-featured-products-item1 .woocommerce ul.products {
        margin: 0;
        padding: 0;
        list-style: none;
        clear: both;
    }
    
    .co-featured-products-item1 .woocommerce ul.products li.product,
    .co-featured-products-item1 .woocommerce-page ul.products li.product {
        width: 100%;
    }
    
    .co-featured-products-item1 .el-category-product-list-item-image {
        border: 4px solid #fecb00;
    }
    
    .co-featured-products-item1 .el-category-product-list-item-image img {
        height: 415px !important;
    }
    
    .co-featured-products-item1 .el-category-product-list-item-title {
        display: table;
        color: #fff;
        font-weight: 700;
        line-height: 100%;
        text-align: center;
        background-color: #fecb00;
        margin-top: 8px;
        padding: 6px 6px;
        width: 100%;
        float: left;
    }
    
    @media (min-width: 992px) {
        .co-featured-products-item1 .el-category-product-list-item-title {
            height: 40px;
        }
    }
    
    .co-featured-products-item1 .woocommerce ul.products li.product h3 {
        padding: 6px 0;
        margin: 0;
        font-size: 16px;
        display: table-cell;
        vertical-align: middle;
        font-weight: 700;
    }
    /****cambio2**/
    
    .co-featured-products-item2 .woocommerce .bl-category-product-list,
    .co-featured-products-item2 .woocommerce ul.products {
        margin: 0;
        padding: 0;
        list-style: none;
        clear: both;
    }
    
    .co-featured-products-item2 .woocommerce ul.products li.product,
    .co-featured-products-item2 .woocommerce-page ul.products li.product {
        width: 100%;
    }
    
    .co-featured-products-item2 .el-category-product-list-item-image {
        border: 4px solid #fecb00;
    }
    
    .co-featured-products-item2 .el-category-product-list-item-image img {
        height: 147px !important;
    }
    
    .co-featured-products-item2 .el-category-product-list-item-title {
        display: table;
        color: #fff;
        font-weight: 700;
        line-height: 100%;
        text-align: center;
        background-color: #fecb00;
        margin-top: 8px;
        padding: 6px 6px;
        width: 100%;
        float: left;
    }
    
    @media (min-width: 992px) {
        .co-featured-products-item2 .el-category-product-list-item-title {
            height: 40px;
        }
    }
    
    .co-featured-products-item2 .woocommerce ul.products li.product h3 {
        padding: 6px 0;
        margin: 0;
        font-size: 16px;
        display: table-cell;
        vertical-align: middle;
        font-weight: 700;
    }
    /*

Estilos generales para los iconos de color que se 
usan para decorar el marco del slide con el video

*/
    
    .el-color-icon {
        background-image: url(./images/sprite-color-icons.png);
        background-repeat: no-repeat;
        width: 120px;
    }
    
    .el-color-icon.el-color-icon-crown {
        background-position: 0 0;
        height: 80px;
    }
    
    .el-color-icon.el-color-icon-airplane {
        background-position: 0 -90px;
        height: 65px;
    }
    
    .el-color-icon.el-color-icon-kiss {
        background-position: 0 -177px;
        height: 57px;
    }
    
    .el-color-icon.el-color-icon-rainbow {
        background-position: 0 -255px;
        height: 65px;
    }
    /*

Estilos generales del slider

*/
    
    .slick-prev {
        left: 25px;
        z-index: 99999;
    }
    
    .slick-next {
        right: 25px;
        z-index: 99999;
    }
    
    .co-slider-fullscreen {
        background: #cbf0f9;
    }
    
    .co-slider-fullscreen .slick-slide {
        padding: 0;
    }
    
    .co-slider-fullscreen .slick-slide .embed-responsive-item {
        border: none;
    }
    
    .co-slider-fullscreen .slick-next:before {
        font-family: "FontAwesome";
        content: "\f054";
        color: #00b9e4;
        font-size: 40px;
        font-size: 2.5rem;
        font-weight: 700;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    }
    
    .co-slider-fullscreen .slick-prev:before {
        font-family: "FontAwesome";
        content: "\f053";
        color: #00b9e4;
        font-size: 40px;
        font-size: 2.5rem;
        font-weight: 700;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    }
    /*

	Estilos del slide con el Videoconcept de portada

	*/
    
    .co-slider-fullscreen .co-slider-fullscreen-video {
        position: relative;
    }
    
    @media (min-width: 320px) {
        .co-slider-fullscreen .co-slider-fullscreen-video {
            padding-top: 0;
        }
    }
    
    @media (min-width: 768px) {
        .co-slider-fullscreen .co-slider-fullscreen-video {
            padding-top: 70px;
        }
    }
    
    .co-slider-fullscreen .co-slider-fullscreen-video .el-slider-fullscreen-video-frame {
        margin: 0 auto 0;
    }
    
    @media (min-width: 320px) {
        .co-slider-fullscreen .co-slider-fullscreen-video .el-slider-fullscreen-video-frame {
            width: 100%;
            border: none;
            border-radius: 0;
        }
    }
    
    @media (min-width: 768px) {
        .co-slider-fullscreen .co-slider-fullscreen-video .el-slider-fullscreen-video-frame {
            width: 660px;
            border: 10px solid #fff;
            border-radius: 10px;
        }
    }
    
    @media (min-width: 990px) {
        .co-slider-fullscreen .co-slider-fullscreen-video .el-slider-fullscreen-video-frame {
            width: 880px;
        }
        .co-slider-fullscreen .co-slider-fullscreen-video .el-slider-fullscreen-video-frame iframe {
            height: 396px !important;
            width: 100% !important;
        }
    }
    
    .co-slider-fullscreen .co-slider-fullscreen-video .el-slider-fullscreen-video-frame iframe {
        height: 396px;
        width: 100%;
    }
    /*

	Estilos para el posicionamiento de los iconos en el
	marco del slide de videoconcept

	*/
    
    .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon {
        position: absolute;
        z-index: 99999;
    }
    
    @media (min-width: 320px) {
        .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon {
            display: none;
        }
    }
    
    @media (min-width: 768px) {
        .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon {
            display: block;
        }
    }
    
    .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon.el-color-icon-crown {
        -webkit-animation-delay: 500ms;
        /* Safari, Chrome and Opera > 12.1 */
        -moz-animation-delay: 500ms;
        /* Firefox < 16 */
        -ms-animation-delay: 500ms;
        /* Internet Explorer */
        -o-animation-delay: 500ms;
        /* Opera < 12.1 */
        animation-delay: 500ms;
    }
    
    @media (min-width: 768px) {
        .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon.el-color-icon-crown {
            left: 0;
            top: 46px;
        }
    }
    
    @media (min-width: 990px) {
        .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon.el-color-icon-crown {
            top: 46px;
        }
    }
    
    @media (min-width: 1200px) {
        .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon.el-color-icon-crown {
            left: 97px;
        }
    }
    
    .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon.el-color-icon-airplane {
        -webkit-animation-delay: 800ms;
        /* Safari, Chrome and Opera > 12.1 */
        -moz-animation-delay: 800ms;
        /* Firefox < 16 */
        -ms-animation-delay: 800ms;
        /* Internet Explorer */
        -o-animation-delay: 800ms;
        /* Opera < 12.1 */
        animation-delay: 800ms;
    }
    
    @media (min-width: 768px) {
        .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon.el-color-icon-airplane {
            right: 0;
            top: 120px;
        }
    }
    
    @media (min-width: 990px) {
        .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon.el-color-icon-airplane {
            top: 120px;
        }
    }
    
    @media (min-width: 1200px) {
        .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon.el-color-icon-airplane {
            right: 90px;
            top: 120px;
        }
    }
    
    .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon.el-color-icon-rainbow {
        -webkit-animation-delay: 1100ms;
        /* Safari, Chrome and Opera > 12.1 */
        -moz-animation-delay: 1100ms;
        /* Firefox < 16 */
        -ms-animation-delay: 1100ms;
        /* Internet Explorer */
        -o-animation-delay: 1100ms;
        /* Opera < 12.1 */
        animation-delay: 1100ms;
    }
    
    @media (min-width: 768px) {
        .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon.el-color-icon-rainbow {
            right: 0;
            top: 420px;
        }
    }
    
    @media (min-width: 990px) {
        .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon.el-color-icon-rainbow {
            right: 15px;
            top: 420px;
        }
    }
    
    @media (min-width: 1200px) {
        .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon.el-color-icon-rainbow {
            right: 90px;
            top: 420px;
        }
    }
    
    .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon.el-color-icon-kiss {
        -webkit-animation-delay: 1400ms;
        /* Safari, Chrome and Opera > 12.1 */
        -moz-animation-delay: 1400ms;
        /* Firefox < 16 */
        -ms-animation-delay: 1400ms;
        /* Internet Explorer */
        -o-animation-delay: 1400ms;
        /* Opera < 12.1 */
        animation-delay: 1400ms;
    }
    
    @media (min-width: 768px) {
        .co-slider-fullscreen .co-slider-fullscreen-video .el-color-icon.el-color-icon-kiss {
            left: 50%;
            margin-left: -60px;
            top: 430px;
        }
    }
    
    .el-cloud-slider-home-play {
        background: transparent url(./images/cloud-home-what-play-today.png) no-repeat 0 0;
        width: 193px;
        height: 133px;
        position: absolute;
        z-index: 88888;
        -webkit-animation-delay: 1700ms;
        /* Safari, Chrome and Opera > 12.1 */
        -moz-animation-delay: 1700ms;
        /* Firefox < 16 */
        -ms-animation-delay: 1700ms;
        /* Internet Explorer */
        -o-animation-delay: 1700ms;
        /* Opera < 12.1 */
        animation-delay: 1700ms;
    }
    
    @media (min-width: 320px) {
        .el-cloud-slider-home-play {
            display: none;
        }
    }
    
    @media (min-width: 768px) {
        .el-cloud-slider-home-play {
            display: block;
            left: 45px;
            top: 350px;
        }
    }
    
    @media (min-width: 990px) {
        .el-cloud-slider-home-play {
            left: 45px;
            top: 350px;
        }
    }
    
    @media (min-width: 1200px) {
        .el-cloud-slider-home-play {
            left: 45px;
            top: 350px;
        }
    }
    /*

	Estilos del separador con forma de nubes
	de la parte inferior

	*/
    
    .co-slider-fullscreen .el-fullscreen-slider-separator {
        margin-top: -50px;
        margin-bottom: 0;
        background: transparent url(./images/slide-cloud-separator.png) repeat 0 0;
        width: 100%;
        height: 57px;
        position: absolute;
        border: 0;
        z-index: 88888;
        left: 0;
    }
    
    @media (min-width: 320px) {
        .co-slider-fullscreen .el-fullscreen-slider-separator {
            display: none;
        }
    }
    
    @media (min-width: 768px) {
        .co-slider-fullscreen .el-fullscreen-slider-separator {
            display: block;
        }
    }
    /*

Esta clase es de sobre escritura de los estilos de bootstrap para las columnas, 
basicamente lo que hace es eliminar los padding que hacen la separación entre 
las diferentes columas.

Esta clase hay que incluirla debajo de los estilos de Bootstrap o al final del 
CSS general.

*/
    
    .col-strech {
        padding-left: 0;
        padding-right: 0;
    }
    
    .col-strech-left {
        padding-left: 0;
    }
    
    .col-strech-right {
        padding-right: 0;
    }
    /*************************************************
                CSS de Impresion

    /********************************************/
    
    @page {
        size: A4;
        margin: 2cm;
    }
    
    @media print {
        .container {
            padding: 0 !important;
            width: 100%;
        }
        header,
        footer {
            display: none;
        }
        .co-title-balloon {
            margin-top: 30px;
        }
        .el-balloon {
            display: none;
        }
        .el-ribbon {
            top: 0;
        }
        .co-apps-downloads-inner {
            display: none;
        }
    }
    /*

Estilos de impresion para la Ficha de Producto

*/
    
    @media print {
        .muneca-nancy-es-como-tu_ficha .bl-product,
        .muneca-nancy-fantasia_ficha .bl-product,
        .muneca-nancy-belleza_ficha .bl-product,
        .muneca-nancy-aventuras_ficha .bl-product {
            padding: 0 !important;
        }
        .muneca-nancy-es-como-tu_ficha .bl-product header,
        .muneca-nancy-fantasia_ficha .bl-product header,
        .muneca-nancy-belleza_ficha .bl-product header,
        .muneca-nancy-aventuras_ficha .bl-product header {
            display: block;
        }
        .muneca-nancy-es-como-tu_ficha .bl-product header .col-xs-12.col-md-8.col-lg-9,
        .muneca-nancy-fantasia_ficha .bl-product header .col-xs-12.col-md-8.col-lg-9,
        .muneca-nancy-belleza_ficha .bl-product header .col-xs-12.col-md-8.col-lg-9,
        .muneca-nancy-aventuras_ficha .bl-product header .col-xs-12.col-md-8.col-lg-9 {
            width: 100% !important;
        }
        .muneca-nancy-es-como-tu_ficha .bl-product header:after,
        .muneca-nancy-fantasia_ficha .bl-product header:after,
        .muneca-nancy-belleza_ficha .bl-product header:after,
        .muneca-nancy-aventuras_ficha .bl-product header:after {
            width: 100%;
            display: block;
            text-align: center;
            margin-bottom: 30px;
        }
        .muneca-nancy-es-como-tu_ficha .bl-product .el-product-title,
        .muneca-nancy-fantasia_ficha .bl-product .el-product-title,
        .muneca-nancy-belleza_ficha .bl-product .el-product-title,
        .muneca-nancy-aventuras_ficha .bl-product .el-product-title {
            font-size: 40px;
            font-weight: bold;
            text-align: center;
        }
        .muneca-nancy-es-como-tu_ficha .bl-product .co-product-options,
        .muneca-nancy-es-como-tu_ficha .bl-product .el-product-title:after,
        .muneca-nancy-es-como-tu_ficha .bl-product .el-add-favorite-button-big,
        .muneca-nancy-es-como-tu_ficha .bl-product .el-where-buy-button,
        .muneca-nancy-es-como-tu_ficha .bl-product .co-product-image,
        .muneca-nancy-es-como-tu_ficha .bl-product .iconic-woothumbs-thumbnails-wrap,
        .muneca-nancy-fantasia_ficha .bl-product .co-product-options,
        .muneca-nancy-fantasia_ficha .bl-product .el-product-title:after,
        .muneca-nancy-fantasia_ficha .bl-product .el-add-favorite-button-big,
        .muneca-nancy-fantasia_ficha .bl-product .el-where-buy-button,
        .muneca-nancy-fantasia_ficha .bl-product .co-product-image,
        .muneca-nancy-fantasia_ficha .bl-product .iconic-woothumbs-thumbnails-wrap,
        .muneca-nancy-belleza_ficha .bl-product .co-product-options,
        .muneca-nancy-belleza_ficha .bl-product .el-product-title:after,
        .muneca-nancy-belleza_ficha .bl-product .el-add-favorite-button-big,
        .muneca-nancy-belleza_ficha .bl-product .el-where-buy-button,
        .muneca-nancy-belleza_ficha .bl-product .co-product-image,
        .muneca-nancy-belleza_ficha .bl-product .iconic-woothumbs-thumbnails-wrap,
        .muneca-nancy-aventuras_ficha .bl-product .co-product-options,
        .muneca-nancy-aventuras_ficha .bl-product .el-product-title:after,
        .muneca-nancy-aventuras_ficha .bl-product .el-add-favorite-button-big,
        .muneca-nancy-aventuras_ficha .bl-product .el-where-buy-button,
        .muneca-nancy-aventuras_ficha .bl-product .co-product-image,
        .muneca-nancy-aventuras_ficha .bl-product .iconic-woothumbs-thumbnails-wrap {
            display: none;
        }
        .muneca-nancy-es-como-tu_ficha .bl-product .iconic-woothumbs-all-images-wrap,
        .muneca-nancy-fantasia_ficha .bl-product .iconic-woothumbs-all-images-wrap,
        .muneca-nancy-belleza_ficha .bl-product .iconic-woothumbs-all-images-wrap,
        .muneca-nancy-aventuras_ficha .bl-product .iconic-woothumbs-all-images-wrap {
            /*  width: 75% !important;*/
            min-width: 427px !important;
            display: block;
            margin-bottom: 15px;
            text-align: center;
        }
        .muneca-nancy-es-como-tu_ficha .bl-product .col-xs-12.col-md-7,
        .muneca-nancy-fantasia_ficha .bl-product .col-xs-12.col-md-7,
        .muneca-nancy-belleza_ficha .bl-product .col-xs-12.col-md-7,
        .muneca-nancy-aventuras_ficha .bl-product .col-xs-12.col-md-7 {
            width: 100% !important;
        }
        .muneca-nancy-es-como-tu_ficha a[href]:after,
        .muneca-nancy-es-como-tu_ficha.bl-product-spot,
        .muneca-nancy-es-como-tu_ficha .bl-related,
        .muneca-nancy-fantasia_ficha a[href]:after,
        .muneca-nancy-fantasia_ficha .bl-product-spot,
        .muneca-nancy-fantasia_ficha .bl-related,
        .muneca-nancy-belleza_ficha a[href]:after,
        .muneca-nancy-belleza_ficha .bl-product-spot,
        .muneca-nancy-belleza_ficha .bl-related,
        .muneca-nancy-aventuras_ficha a[href]:after,
        .muneca-nancy-aventuras_ficha .bl-product-spot,
        .muneca-nancy-aventuras_ficha .bl-related {
            display: none;
        }
    }
    /*

Estilos de impresion para la Wishlist

*/
    
    @media print {
        .pa-wishlist .el-ribbon {
            font-size: 40px;
            font-weight: bold;
            color: #00b9e4;
        }
        .pa-wishlist .el-delete-favorite-button,
        .pa-wishlist a[href]:after,
        .pa-wishlist .el-category-product-list-view-more-button,
        .pa-wishlist .bl-wishlist-options {
            display: none;
        }
        .pa-wishlist .bl-wishlist {
            padding: 0;
            width: 100%;
        }
        .pa-wishlist .bl-category-product-list {
            padding: 0;
        }
        .pa-wishlist .bl-category-product-list .col-lg-1,
        .pa-wishlist .bl-category-product-list .col-lg-2,
        .pa-wishlist .bl-category-product-list .col-lg-3,
        .pa-wishlist .bl-category-product-list .col-lg-4,
        .pa-wishlist .bl-category-product-list .col-lg-5,
        .pa-wishlist .bl-category-product-list .col-lg-6,
        .pa-wishlist .bl-category-product-list .col-lg-7,
        .pa-wishlist .bl-category-product-list .col-lg-8,
        .pa-wishlist .bl-category-product-list .col-lg-9,
        .pa-wishlist .bl-category-product-list .col-lg-10,
        .pa-wishlist .bl-category-product-list .col-lg-11,
        .pa-wishlist .bl-category-product-list .col-lg-12,
        .pa-wishlist .bl-category-product-list .col-md-1,
        .pa-wishlist .bl-category-product-list .col-md-2,
        .pa-wishlist .bl-category-product-list .col-md-3,
        .pa-wishlist .bl-category-product-list .col-md-4,
        .pa-wishlist .bl-category-product-list .col-md-5,
        .pa-wishlist .bl-category-product-list .col-md-6,
        .pa-wishlist .bl-category-product-list .col-md-7,
        .pa-wishlist .bl-category-product-list .col-md-8,
        .pa-wishlist .bl-category-product-list .col-md-9,
        .pa-wishlist .bl-category-product-list .col-md-10,
        .pa-wishlist .bl-category-product-list .col-md-11,
        .pa-wishlist .bl-category-product-list .col-md-12,
        .pa-wishlist .bl-category-product-list .col-sm-1,
        .pa-wishlist .bl-category-product-list .col-sm-2,
        .pa-wishlist .bl-category-product-list .col-sm-3,
        .pa-wishlist .bl-category-product-list .col-sm-4,
        .pa-wishlist .bl-category-product-list .col-sm-5,
        .pa-wishlist .bl-category-product-list .col-sm-6,
        .pa-wishlist .bl-category-product-list .col-sm-7,
        .pa-wishlist .bl-category-product-list .col-sm-8,
        .pa-wishlist .bl-category-product-list .col-sm-9,
        .pa-wishlist .bl-category-product-list .col-sm-10,
        .pa-wishlist .bl-category-product-list .col-sm-11,
        .pa-wishlist .bl-category-product-list .col-sm-12,
        .pa-wishlist .bl-category-product-list .col-xs-1,
        .pa-wishlist .bl-category-product-list .col-xs-2,
        .pa-wishlist .bl-category-product-list .col-xs-3,
        .pa-wishlist .bl-category-product-list .col-xs-4,
        .pa-wishlist .bl-category-product-list .col-xs-5,
        .pa-wishlist .bl-category-product-list .col-xs-6,
        .pa-wishlist .bl-category-product-list .col-xs-7,
        .pa-wishlist .bl-category-product-list .col-xs-8,
        .pa-wishlist .bl-category-product-list .col-xs-9,
        .pa-wishlist .bl-category-product-list .col-xs-10,
        .pa-wishlist .bl-category-product-list .col-xs-11,
        .pa-wishlist .bl-category-product-list .col-xs-12 {
            float: none;
            display: inline-block;
            width: 49% !important;
        }
        .pa-wishlist .co-category-product-list-item {
            display: inline-block;
            width: 80% !important;
        }
    }
    /*******Custumizacion de la paginacion**********/
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .bl-category-product-list .wp-pagenavi {
        margin-top: 20px;
        color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .bl-category-product-list .wp-pagenavi {
        margin-top: 20px;
        color: #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-category-product .bl-category-product-list .wp-pagenavi {
        margin-top: 20px;
        color: #7d0f96;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .bl-category-product-list .wp-pagenavi {
        margin-top: 20px;
        color: #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .bl-category-product-list .wp-pagenavi .pages,
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .bl-category-product-list .wp-pagenavi .pages,
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-category-product .bl-category-product-list .wp-pagenavi .pages,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .bl-category-product-list .wp-pagenavi .pages {
        font-size: 15px;
    }
    
    .pa-muneca-nancy .bl-category-product .bl-category-product-list .wp-pagenavi .previouspostslink,
    .pa-muneca-nancy .bl-category-product .bl-category-product-list .wp-pagenavi .nextpostslink {
        margin: 0px 10px;
        font-size: 20px;
        text-decoration: none;
    }
    
    .pa-muneca-nancy .bl-category-product .bl-category-product-list .wp-pagenavi .previouspostslink:hover,
    .pa-muneca-nancy .bl-category-product .bl-category-product-list .wp-pagenavi .nextpostslink:hover {
        margin: 0px 10px;
        font-size: 20px;
        text-decoration: none;
        color: #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .bl-category-product-list .wp-pagenavi .current:active,
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .bl-category-product-list .wp-pagenavi .current {
        font-size: 15px;
        padding: 5px 10px;
        background-color: white;
        margin: 15px;
        border: 2px solid #00b9e4;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .bl-category-product-list .wp-pagenavi .smaller,
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .bl-category-product-list .wp-pagenavi .larger {
        font-size: 15px;
        padding: 5px 10px;
        background-color: #00b9e4;
        border: 2px solid #00b9e4;
        color: white;
        margin: 0 2px;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .bl-category-product-list .wp-pagenavi .current:active,
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .bl-category-product-list .wp-pagenavi .current {
        font-size: 15px;
        padding: 5px 10px;
        background-color: white;
        margin: 15px;
        border: 2px solid #FB4580;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .bl-category-product-list .wp-pagenavi .smaller,
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .bl-category-product-list .wp-pagenavi .larger {
        font-size: 15px;
        padding: 5px 10px;
        background-color: #FB4580;
        border: 2px solid #FB4580;
        color: white;
        margin: 0 2px;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-category-product .bl-category-product-list .wp-pagenavi .current:active,
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-category-product .bl-category-product-list .wp-pagenavi .current {
        font-size: 15px;
        padding: 5px 10px;
        background-color: white;
        margin: 15px;
        border: 2px solid #7d0f96;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-category-product .bl-category-product-list .wp-pagenavi .smaller,
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-category-product .bl-category-product-list .wp-pagenavi .larger {
        font-size: 15px;
        padding: 5px 10px;
        background-color: #7d0f96;
        border: 2px solid #7d0f96;
        color: white;
        margin: 0 2px;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .bl-category-product-list .wp-pagenavi .current:active,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .bl-category-product-list .wp-pagenavi .current {
        font-size: 15px;
        padding: 5px 10px;
        background-color: white;
        margin: 15px;
        border: 2px solid #00bf00;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .bl-category-product-list .wp-pagenavi .smaller,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .bl-category-product-list .wp-pagenavi .larger {
        font-size: 15px;
        padding: 5px 10px;
        background-color: #00bf00;
        border: 2px solid #00bf00;
        color: white;
        margin: 0 2px;
    }
    /******* END Custumizacion de la paginacion**********/
    /*******Custumizacion de la ordenacion de productos **********/
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .bl-category-product-list .woocommerce-ordering,
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-category-product .bl-category-product-list .woocommerce-ordering,
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .bl-category-product-list .woocommerce-ordering,
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .bl-category-product-list .woocommerce-ordering {
        float: right;
        margin-top: 20px;
    }
    
    .pa-muneca-nancy.muneca-nancy-fantasia .bl-category-product .bl-category-product-list .woocommerce-ordering select {
        padding: 12px 15px 12px 10px;
        color: #7d0f96;
        border: 1px solid #7d0f96;
        border-radius: 0;
    }
    
    .pa-muneca-nancy.muneca-nancy-belleza .bl-category-product .bl-category-product-list .woocommerce-ordering select {
        padding: 12px 15px 12px 10px;
        color: #FB4580;
        border: 1px solid #FB4580;
        border-radius: 0;
    }
    
    .pa-muneca-nancy.muneca-nancy-aventuras .bl-category-product .bl-category-product-list .woocommerce-ordering select {
        padding: 12px 15px 12px 10px;
        color: #00bf00;
        border: 1px solid #00bf00;
        border-radius: 0;
    }
    
    .pa-muneca-nancy.muneca-nancy-es-como-tu .bl-category-product .bl-category-product-list .woocommerce-ordering select {
        padding: 12px 15px 12px 10px;
        color: #00b9e4;
        border: 1px solid #00b9e4;
        border-radius: 0;
    }
    /*******END Custumizacion de la ordenacion de productos **********/