/* Cabecera y menu
================================================== */

.cabecera {font-family:'Nunito-Regular';position:absolute;z-index:300;width:100%;background-color:#fff;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;}

a#cerrar_menu {display:none;}
#barra_superior {padding:23px 2% 0 2%;min-height:60px;background-color:#fff;.background:rgba(255,255,255,0.8);transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;}
#barra_superior #idiomas {float:right;margin:7px 10px 0 0;-webkit-transition: all 1s;transition: all 1s;  }
#barra_superior #idiomas ul li {display:inline-block;margin-right:5px;padding-right:8px;border-right:1px solid #9c9c9c;}
#barra_superior #idiomas ul li:last-child {border-right:0;}
#barra_superior #idiomas ul li a {font-family:'Nunito-Regular';font-size:14px;font-weight:bold;text-decoration:none;color:#000;}
#barra_superior #idiomas ul li a:hover {color:#ca6144}
#barra_superior #social {float:right;-webkit-transition: all 1s;transition: all 1s;}
#barra_superior #social ul li {display:inline-block;width:30px;height:30px;margin-right:5px;}
#barra_superior #social ul li a {display:inline-block;width:30px;height:30px;background:url(../img/redes_sociales.png) 0px 0px no-repeat;}
#barra_superior #social ul li a.facebook {}
#barra_superior #social ul li a.twitter {background-position:-40px 0;margin-left:1px}
#barra_superior #social ul li a.linkedin {background-position:-79px 0;}
#barra_superior #social ul li a.instagram {background-position:-119px 0;}
#barra_superior #social ul li a:hover {opacity: 0.8}
#barra_superior #cerrar_menu {float:right;width:32px;height:31px;overflow:hidden;text-indent:-10000em;background:url(../img/cruz.png) 0px 0px no-repeat;margin-left:20px;}

#barra_superior #menu_sec {float:right;margin:6px 25px 0 0;}
#barra_superior #menu_sec a {font-family: 'Nunito-Regular', sans-serif;text-decoration: none;font-size: 13px;margin-right: 14px;color: #675c59;}
#barra_superior #menu_sec a:hover {color: #ca6144;}

#barra_principal {border-bottom:1px solid #efefef;top:-50px;-webkit-transition:top 0.8s;transition:top 0.8s;min-height:52px;display:block;clear:both;overflow:hidden;width:100%;background-color:#fff;padding-top:15px;margin-top:-15px;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;}
#barra_principal a#logo {position:absolute;display:inline-block;margin:-55px 0 0 2%;background:url(../img/logo_k.png) 0px 0px no-repeat;background-size:100%;width:250px;height:84px;margin-top:-40px;overflow:hidden;text-indent:-10000em;}

#barra_principal #menu_principal {position:absolute;right:0;margin:10px 2% 0 0;padding-bottom:19px;text-align:right;z-index:500}
#barra_principal #menu_principal ul li {display:inline-block;margin-left:24px;}
#barra_principal #menu_principal ul  {margin:-8px 0 8px 0}
#barra_principal #menu_principal ul li a {font-size:13px;font-family:'Nunito-Regular';color:#000000;text-decoration:none;text-transform:uppercase;cursor:pointer}
#barra_principal #menu_principal ul li a:hover {color:#ca6144 !important;}
#barra_principal #menu_principal ul li a.activo {color:#e5a86d !important;}
#barra_principal #menu_principal ul li a.esferas {color:#ff6273}
#barra_principal #menu_principal ul li a.temporada {color:#ff5a9f}
#barra_principal #menu_principal ul li.herramienta a {display:inline-block;width:26px;height:27px;overflow:hidden;text-indent:-1000em;background:url(../img/herramientas.png) 0px 0px no-repeat;margin-bottom:-2px;}
#barra_principal #menu_principal ul li.buscador a {background-position:0 3px;margin-left:30px;}
#barra_principal #menu_principal ul li.buscador .buscador_on {cursor:pointer;background:url(../img/herramientas.png) 0px 0px no-repeat;background-position:8px -22px;position:absolute;width:40px;height:58px;background-color:#222;margin-top:-30px;margin-left:22px;display:none}

#barra_principal #menu_principal ul li.usuario a {background-position:-55px 3px;}
#barra_principal #menu_principal ul li.usuario .usuario_on {cursor:pointer;background:url(../img/herramientas.png) 0px 0px no-repeat;background-position:-50px -22px;position:absolute;width:40px;height:58px;background-color:#222;margin-top:-30px;margin-left:-4px;display:none}
#barra_principal #menu_principal ul li.usuario.nologed {background:url(../img/ico_bolsa.png) 0px 2px no-repeat;background-size:100%;}
#barra_principal #menu_principal ul li.usuario.nologed a {display:inline-block;width:27px;height:26px;background:none}
#barra_principal #menu_principal ul li.usuario.nologed .usuario_on {cursor:pointer;background:url(../img/ico_bolsa_on.png) 5px 5px no-repeat;background-size:70%;position:absolute;width:40px;height:58px;background-color:#222;margin-top:-30px;margin-left:-6px;display:none}

#barra_principal #menu_principal ul li.carrito {background:url(../img/ico_bolsa.png) 0px 2px no-repeat;background-size:100%;}
#barra_principal #menu_principal ul li.carrito a {display:inline-block;width:27px;height:26px;background:none}
#barra_principal #menu_principal ul li.carrito .number {position:absolute;font-size:11px;color:#ff0000;margin-top:12px;margin-left:-20px;width:20px;text-align:right}
#barra_principal #menu_principal ul li.carrito .carrito_on {cursor:pointer;background:url(../img/ico_bolsa_on.png) 15px 5px no-repeat;background-size:60%;position:absolute;width:50px;height:58px;background-color:#222;margin-top:-30px;margin-left:-16px;display:none}
#barra_principal #menu_principal ul li.carrito .carrito_on .number {margin-top:17px;margin-left:-4px;color:#FC4646}



#barra_principal.flotante {position:fixed;top:12px;}
/*#barra_principal.flotante a#logo {position:absolute;margin:0px 0 0 2%;width:148px;height:50px;}*/

#barra_principal.flotante #menu_principal ul li.usuario {display:none;}

#barra_principal #search {display:none;max-width:100%;height:35px;padding:30px;background-color:#222;.margin-top:56px;clear:both;}
#barra_principal #search #buscar {width:100%;border-radius:none;background-color:#f0f0f0;height:30px;padding:0;font-family: 'Nunito-Regular', sans-serif;}
#barra_principal #search .lupa {float:right;margin-top:-49px;margin-right:1px;cursor:pointer;background:url(../img/herramientas.png) 0px 0px no-repeat;background-position:4px 2px;width:28px;height:28px;background-color:#fff}




.cabecera.submenu_activado {
    background:#222222;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
}
.cabecera.submenu_activado #barra_superior {
    background:#222222;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
}
.cabecera.submenu_activado #barra_superior #idiomas ul li a {color:#FFF;}
.cabecera.submenu_activado #barra_superior #social ul li a.facebook {background-position:0 -31px;}
.cabecera.submenu_activado #barra_superior #social ul li a.twitter {background-position:-40px -31px;}
.cabecera.submenu_activado #barra_superior #social ul li a.linkedin {background-position:-79px -31px;}
.cabecera.submenu_activado #barra_superior #social ul li a.google {background-position:-119px -31px;}
.cabecera.submenu_activado #barra_superior #cerrar_menu {display:block;}
.cabecera.submenu_activado #barra_principal {
    background:#222222;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    border-bottom: none;    
}
.cabecera.submenu_activado #barra_principal a#logo {background:url(../img/logo_on.png) 0px 0px no-repeat;background-size:100%;width:250px;height:84px;}
.cabecera.submenu_activado #barra_principal #menu_principal ul li a {color:white;}
.cabecera.submenu_activado #barra_principal #menu_principal ul li a.esferas {color:#ff6273;}
.cabecera.submenu_activado #barra_principal #menu_principal ul li.buscador a {background-position:0 -24px;}
.cabecera.submenu_activado #barra_principal #menu_principal ul li.usuario a {background-position:-55px -24px;}
.cabecera.submenu_activado #barra_principal #menu_principal ul li.carrito a {background-position:-111px -24px;}
.cabecera.submenu_activado #barra_principal #menu_principal ul li.carrito {background:url(../img/ico_bolsa_on.png) 0px 2px no-repeat;background-size:100%;}
.cabecera.submenu_activado #barra_principal.flotante a#logo {background:url(../img/logo_on.png) 0px 0px no-repeat;background-size:100%;width:148px;height:50px;}

.cabecera.submenu_activado  #barra_superior #menu_sec a {color: #fff;}
.cabecera.submenu_activado  #barra_superior #menu_sec a:hover {color: #ca6144;}


#barra_submenus .sub_menu {display:none;}
#barra_submenus .sub_menu.activo {display:block;}
#barra_submenus .sub_menu {border-top:1px solid #727272;padding-bottom:20px;clear:both;overflow:hidden;margin:0}
#barra_submenus .sub_menu > ul {float:right;margin-right:50px;list-style:none}
#barra_submenus .sub_menu > ul > li {float:left;vertical-align:top;max-width:230px;padding-right:15px}
#barra_submenus .sub_menu > ul > li > strong {display:block;float:left;padding:21px 0 2px 0;font-family:'Nunito-Regular';text-decoration:none;font-weight:400;text-transform:uppercase;font-size:13px;color:#e5a86d;}
#barra_submenus .sub_menu > ul > li > ul li {display:block;clear:both;overflow:hidden;margin-bottom:0px;}
#barra_submenus .sub_menu > ul > li a {font-family:'Nunito-Regular';text-decoration:none;font-weight:400;text-transform:uppercase;font-size:13px;color:#fff;}
#barra_submenus .sub_menu > ul > li a:hover {color:#ca6144}
#barra_submenus .sub_menu > ul > li.extras a,
#barra_submenus .sub_menu > ul > li.extras > strong {color:#7e7e7e;}
#barra_submenus .sub_menu > ul > li.extras a:hover {color:#ca6144}
#barra_submenus .sub_menu > ul > li.linea {margin-top:20px;border-left:1px solid #777;padding-left:30px;border-bottom:none;}
#barra_submenus .sub_menu > ul > li.linea strong {margin-top:-20px}
#barra_submenus .sub_menu > ul > li.jump {float: left}
#barra_submenus .sub_menu > ul > li.nov {min-width:200px}
#barra_submenus .sub_menu > ul.notipo {margin-right:300px}
#barra_submenus .sub_menu > ul.empty {float:right;list-style:none;width:180px}

#barra_submenus .sub_menu .submenu_content > ul > li a.trat {color:#ff5a9f}
#barra_submenus .sub_menu .submenu_content > ul > li a.trat:hover {color:#ca6144}


#barra_submenus .sub_menu .prod_dest {
    float: left;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #f3f3f3;
    margin-top: 20px;
    margin-bottom: -20px;
    padding-bottom: 15px;
}
#barra_submenus .sub_menu .prod_dest ul.menuprod {  
    margin: 0 auto;
    list-style: none;
}
#barra_submenus .sub_menu .prod_dest ul.menuprod li {
    width: 300px;
    float: left;    
}
#barra_submenus .sub_menu .prod_dest ul.menuprod .element {
     float: left;
     margin: 10px;
     margin-left: 30px;
 }
#barra_submenus .sub_menu .prod_dest ul.menuprod .element img {
     max-width: 75px;
     float: left;
     margin-right: 15px;
 }
#barra_submenus .sub_menu .prod_dest ul.menuprod .elem_title {
    font-size: 12px;
    color: #3a2924;
    font-weight: 700;
    margin-top: 30px;
    float: left;
    width: 175px;
    text-transform: uppercase;
}
#barra_submenus .sub_menu .prod_dest ul.menuprod .elem_code {
    font-size: 10px;
    color: #1d1d1d;
    margin-top: 3px;
    font-weight: 400;
}


ul.menuprod .element:hover {
    opacity: 0.8;
    cursor: pointer;
}

#barra_submenus.flotante {position:fixed;width:100%;background-color:#222;margin-top:-20px;}

#barra_user {
    width: 100%;
    height: 40px;
    background-color: #927d49;
    color: #fff;    
    font-weight: 600;
}
#barra_user .barra_msg {
    float: right;
    font-size: 12px;
    margin: 15px 15px 0 0;
}
#barra_user .barra_msg span {
    font-weight: 600;
}
#barra_user .barra_close {
    float: right;
    margin-right: 40px;
    margin-top: 10px;
    color: #000;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    /*width: 15px;
    height: 15px;
    background:url(../img/barra_close.png) center center no-repeat;  */ 
}

.margin_content {
    margin-top: 40px;
    width: 100%;
    float: left;
    display: none;
}

/* Footer
================================================== */

.footer{background-color: #fff;width:100%;}
#barra_footer {padding-top:70px;min-height:250px;display:block;clear:both;overflow:hidden;padding-left:3%}
#barra_footer a#logo {display:inline-block;margin:0 0 0 2%;background:url(../img/logo.png) 0px 0px no-repeat;background-size:100%;width:277px;height:88px;overflow:hidden;text-indent:-10000em;}
#barra_footer #menu_footer {float:right;margin:10px 1% 0 0;padding-bottom:19px;text-align:right;margin-top:-125px;}
#barra_footer #menu_footer .menu_footer_cabecera {float:left;margin-right:60px;}
#barra_footer #menu_footer .menu_footer_cabecera span{float:left;font-family:'Nunito-Regular';color:#B3996D; font-size:13px; margin-bottom: 10px;}
#barra_footer #menu_footer .menu_footer_cabecera a{float:left;clear:left;font-family:'Nunito-Regular';color:#333; font-size: 13px;text-decoration:none;margin-bottom:5px;line-height:15px}
#barra_footer #menu_footer .menu_footer_cabecera a:hover{color:#ca6144;}
#barra_footer #menu_footer .menu_footer_cabecera.item1 {margin-right:50px;}
#barra_footer #menu_footer .menu_footer_cabecera.item2 {margin-right:65px;}
#barra_footer #menu_footer .menu_footer_cabecera.item3 {margin-right:50px;}


#barra_footer #direccion{margin-top:5px;font-family:'Nunito-Regular';clear:left;text-align:left; color:#333;font-size:12px; width:340px;line-height:16px;margin-left:2%}

.saltar {
        display: none;
}


@media only screen and (max-width: 1500px) {

    #barra_submenus .sub_menu > ul > li.jump {clear:both}

}

@media only screen and (max-width: 1550px) {

    /*#barra_principal a#logo {margin-top:12px;width:250px}*/
    .cabecera.submenu_activado #barra_principal a#logo {width:250px;}
    
    #barra_principal a#logo {
        margin-top: -70px;
        position: absolute;
    }


}

@media only screen and (max-width: 1366px) {

    #barra_principal #menu_principal ul li {margin-left:20px;}
    #barra_principal #menu_principal ul li.buscador a {margin-left:0px;}
    #barra_principal #menu_principal ul li.buscador .buscador_on {margin-left:-8px;}
    
    
}

@media only screen and (max-width: 1280px) {
        
    #barra_submenus .sub_menu > ul > li.jump {clear:both}

    #barra_principal #menu_principal ul li {margin-left:20px;}
    #barra_principal #menu_principal ul li.buscador a {margin-left:0px;}
    #barra_principal #menu_principal ul li.buscador .buscador_on {margin-left:-8px;}


    #barra_submenus .sub_menu > ul > li {padding-right:5px}
    #barra_submenus .sub_menu > ul > li a {font-size:12px;}

    #barra_principal a#logo {width:250px;height:84px}
    
}

@media only screen and (max-width: 1250px) {

    #barra_principal a#logo {
        margin-top: -70px;
        position: absolute;
    }

    #barra_submenus .sub_menu > ul.prof li.linea {display: none}

}

@media only screen and (max-width: 1184px) {
    
    #barra_principal #menu_principal ul li {
        margin-left: 16px;
    }
    
}



@media only screen and (max-width: 1165px) {
    
    #barra_principal #menu_principal ul li {margin-left:16px;}
    
}

@media only screen and (max-width: 1122px) {
    
    #barra_principal #menu_principal ul li {margin-left:11px}
    #barra_principal #menu_principal ul li a {font-size:12px}
    .cabecera #barra_principal #menu_principal .herramienta {margin-left:8px;}  
    
    
}

@media only screen and (max-width: 1100px) {
    
    #barra_principal #menu_principal ul li {margin-left:12px;}
    
}

@media only screen and (max-width: 1040px) {
    
    #barra_principal #menu_principal ul li {margin-left:11px}
    #barra_principal #menu_principal ul li a {font-size:12px}
    .cabecera #barra_principal #menu_principal .herramienta {margin-left:8px;}  
    
    
}

@media only screen and (max-width: 1024px) {
    
    #barra_principal a#logo {
        margin-top: -70px;
        position: absolute;
    }

    #barra_footer a#logo {width:250px;height:72px;;background-size:100%}
    #barra_footer #direccion {width:280px;}
        
}

@media only screen and (max-width: 992px) {

    #barra_principal #menu_principal ul li {margin-left:10px;}


}

@media only screen and (max-width: 970px) {

    .cabecera #barra_principal #menu_principal .herramienta {display:none}    
    #barra_principal #menu_principal ul li {margin-left:18px;}
    #barra_principal #menu_principal ul li a {font-size:12px;}

    #barra_principal #menu_principal ul  {margin:0;padding-bottom:12px}            
}


@media only screen and (max-width: 950px) {

    .cabecera #barra_principal #menu_principal .herramienta {display:none}    
    #barra_principal #menu_principal ul li {margin-left:18px;}
    #barra_principal #menu_principal ul li a {font-size:12px;}

    #barra_principal #menu_principal ul  {margin:0;padding-bottom:12px}
        
    #barra_submenus .sub_menu > ul {margin-right:5px}
    #barra_submenus .sub_menu > ul > li a {font-size:12px}
    #barra_submenus .sub_menu > ul > li {max-width: 200px}
    #barra_submenus .sub_menu > ul > li.linea {padding-left:15px;}

    /*#barra_superior #menu_sec {display: none}*/

    #barra_footer #menu_footer .menu_footer_cabecera {margin-right:80px;margin-top:22px}

    #barra_footer a#logo {width:200px;height:56px;}
    #barra_footer #direccion{font-size:11px; width:230px;}
    
    #barra_footer #menu_footer .menu_footer_cabecera.item2 {margin-right:25px;}
    #barra_footer #menu_footer .menu_footer_cabecera.item3 {margin-right:20px;}
    #barra_footer #menu_footer .menu_footer_cabecera.item1 {padding-right:54px;}

    .saltar {
        display: block;
    }
}

@media only screen and (max-width: 900px) {

   #barra_principal #menu_principal {margin:0 auto;text-align:center;padding:0 5% 10px 20%;}

   #barra_principal #menu_principal ul li {margin: 5px 10px}

   #barra_footer #menu_footer .menu_footer_cabecera {margin-right:80px;margin-top:22px}
   #barra_footer #menu_footer .menu_footer_cabecera.item2 {margin-right:25px;}
    #barra_footer #menu_footer .menu_footer_cabecera.item3 {margin-right:20px;}
    #barra_footer #menu_footer .menu_footer_cabecera.item1 {padding-right:54px;}

    .saltar {
        display: block;
    }
      
}

@media only screen and (max-width: 800px) {

   #barra_submenus .sub_menu > ul > li a {font-size:11px}

   #barra_footer #menu_footer  {margin-right:80px;}
   #barra_footer #menu_footer .menu_footer_cabecera.item1 {padding-right:54px;}

   .saltar {
        display: block;
    }   

}


@media only screen and (max-width: 600px) {
    
    #barra_submenus .sub_menu > ul {margin-right:0;}
    #barra_submenus .sub_menu > ul > li {max-width:170px;}
    #barra_submenus .sub_menu > ul > li a {font-size:9px}
    #barra_submenus .sub_menu > ul > li > strong {font-size:10px}
    #barra_submenus .sub_menu > ul > li.nov {min-width:100px}
    #barra_submenus .sub_menu > ul.cosmetica > li {max-width:140px;}
    #barra_submenus .sub_menu > ul.cosmetica {width:400px;}
    
    .saltar {
        display: block;
    }    

}