﻿/*
--------- ELEMENTOS RESPONSIVE A OCULTAR EN LA VERSIÓN NORMAL ---------
*/
.responsive_cabecera {display:none;}
#divGaleriaResponsive {display:none;}
.btnResumenCompra {display:none;}
.responsive_faqs {display:none;}
.cuadroVideoResponsive{display:none;}
.carrusel_imgPeq {display:none !important;}
/*
--------- ESTILOS PARA RESPONSIVE ---------
*/
@media (max-width:1160px) {
	/* Generales */
	body {min-width:320px;}
	.responsive_cabecera {background:#ffffff;display:block;height:auto;overflow:hidden;}
	.responsive_cabecera_izq {display:inline-block;float:left;text-align:left;width:30%;}
	.responsive_cabecera_cen {display:inline-block;float:left;text-align:center;width:40%;}
	.responsive_cabecera_der {display:inline-block;float:right;text-align:right;width:30%;}
	.responsive_cabecera_der a:link,.responsive_cabecera_der a:visited,.responsive_cabecera_der a:active {display:inline-block;}
	.cabecera, .cabeceraSup  {display:none;}
	.contenidoCentrado  {padding:0 1%;}
	.contenidoCentradoPie  {padding:0 1%;width:98%;}
	.oculto_responsive {display:none;}
    .claimPortada {background:rgba(0,155,219,0.8);bottom:0; box-sizing:border-box; color:#fff;left:0;padding:10px;position:absolute;width:100%;}
    .claimPortada .contenidoCentrado {max-width:1120px;padding:20px;}
    .claimPortada .contenidoCentrado a:link,.claimPortada .contenidoCentrado a:visited,.claimPortada .contenidoCentrado a:active {bottom:auto;position:relative;text-align:center;}
    .claimPortada h1 {line-height:normal;}
    .textoPortada .contenidoCentrado {padding:18px !important;}
    .textoSeccion {padding:12px;}
	/* Overlay */
	#exposeMask {display:none !important;}
	.overlay {display:none !important;}
	/* Pie */
    .pie .contenidoCentrado .derecha {clear:both;float:none;padding-top:10px;}
	/* Catálogo */
	.fichapeqVisto {height:250px;}
	.fichapeq {height:300px;width:30%;}
	.fichapeq_foto {height:205px;width:100%;}
	.fichapeq_info {max-height:250px;width:100%;}
	.fichapeq_nombre {width:100%;}
	.fichapeq_precio {width:100%;}
	.fichapeq_marca {width:100%;}
	.precioAntesPeq {width:100%;}
	.fichapeq_foto a img {max-height:176px;max-width:96%;}
	.fichapeq_capaBtnComprar{display:none;}
	#divEstasEn {display:none;}
	.fichagra_der {margin:0;width:100%;}
	.fichagra_marcaRef{margin-top:30px;}
	#divGaleriaZoom {display:none;}
	#divGaleriaResponsive {border:1px solid #ddd;border-radius:4px;box-shadow:0px 0px 15px #aaa;display:block;margin:10px auto;}
	#divGaleriaResponsive .bx-wrapper, #divGaleriaResponsive .bx-wrapper li, #divGaleriaResponsive .bx-wrapper li img {max-height:460px;}
	.msgSeleccionTalla {clear:both;padding:5px 0px;}
	.Talla a:link,.Talla a:visited,.Talla a:active {padding:7px 14px 6px 14px;}
	.btns_comprar {clear:both;padding-top:10px;width:100%;}
	.paginacion a:link,.paginacion a:visited,.paginacion a:active, .paginacion span {padding:7px;text-decoration:none;}
	.marca:link, .marca:visited, .marca:active {width:100%;}
	.fichagra_btn_comprar{width:80%;}
	.btn_comprar{width:100%;}
	.wishlistSi,.wishlistNo{width:80%;margin-top:10px;}
	.ficha_fam {width:30%;}
	.ficha_fam a img {height:165px;max-width:100%;}
	.ficha_fam_txt {width:100%;}
	.ficha_fam_foto {height:165px;width:100%;}
	.fichagra_info{float:left;width:100%;}
	.wishlistNo:link,.wishlistNo:visited,.wishlistNo:active, .wishlistSi:link,.wishlistSi:visited,.wishlistSi:active {float:left;}
    /* Buscador */
    .responsive_buscador {background:#eee;clear:both;display:none;padding:10px 8px;}
    .responsive_buscador > input {background:#ddd;display:inline-block;font-family:'Questrial',sans-serif;font-size:110%;height:18px;padding:7px 2%;width:84%;}
    .responsive_btnBuscar {display:inline-block;float:right;padding-top:5px;text-align:center;width:10%;}
    /* Filtrado */
    .colizq .filtradoLateral {clear:both;display:block;}
    .responsive_btnFiltrar:link,.responsive_btnFiltrar:visited,.responsive_btnFiltrar:active {background:#eee;border-radius:3px;display:block;float:right;padding:4px 6px;text-decoration:none;}
	/* Quiénes somos */
	.responsive_img {width:95%;}
	.txt_quien{width:58%;}
    /* Imágenes */
    .responsive_img_100 {margin:0 auto;width:100%;}
    .responsive_img_80 {margin:0 auto;width:80%;}
	/* Contactar */
	.textarea0 {width:150px;}
	.input0 {width:40px;}
	.input1 {width:90px;}
	.input2 {width:140px;}
	.input3 {width:140px;}
	/* Noticias */
	.noticia_destacada {height:262px;width:48%;}
    .noticia_titulo:link,.noticia_titulo:visited,.noticia_titulo:active {font-size:100%;}
    #divGaleriaResponsiveNot .bxslider li {width:100%;}
	/* LookBok */
	.lookbook_grupo{width:45%;}
	.lookbook_destacado{width:45%;}
	.lookbook_destacado ul li img{height:100%;}
	.fichalookbook_izq{display:none;}
	.fichalookbook_der {margin:0;width:100%;border:0px;}
	.fichalookbook_der > div#divGaleriaResponsive > ul.bxslider > li > img{width:100%;}
	/* Galeria */
	.fotoGaleria{width: 100%; }
	.nombreficha{width:100%;}
	#gallery{display:none;}
	.lnkVideoResponsive{display:block;}
	.vidbox{display:none;}
	.contenido_quien .izquierda{width:50%;}
	.contenido_quien .derecha{width:45%}
	.contenido_quien .derecha img{width:100%;}
	.banner_portada{height:450px;width:60%;margin-left: 20%;margin-right:20%;}
	.imgBannerPortada{width:98%;}
	.imgBannerPortada a{width:100%;}
	.imgBannerPortada img{width:100%;}
	.cuadroVideoResponsive{display:block;}
	.cuadroVideoNoResponsive{display:none;}
}

@media (max-width: 768px) 
{
  .marca_contenedora_grande {height:80px;width:22% !important;}
  .marca {height:80px;}
  .ficha_fam {height:198px;}
  .ficha_fam a img {height:145px;}
  .ficha_fam_foto {height:145px;}
  .fichagra_info div{width:100%;margin-bottom:10px;}
  .banner_portada{width:60%;margin-left: 20%;margin-right:20%;height:350px;}
  .imgBannerPortada{width:98%;}
  .imgBannerPortada a{width:100%;}
  .imgBannerPortada img{width:100%;}
  .txt_quien{width:50%;}
}

@media (max-width: 480px) {
  .responsive_cabecera{height:70px;}
  .marca_contenedora_grande {height:80px;width:29% !important;}
  .marca {height:65px;}
  .fichapeq {height:300px;width:40%;}
  .fichapeq_foto {height:155px;}
  .ficha_fam {height:218px;width:45%;}
  .ficha_fam a img {height:165px;max-width:100%;}
  .ficha_fam_foto {height:165px;width:100%;}
  .fichapeq_nombre {height:60px;}
  .fichapeq_visto {height:200px;}
  .grupoGaleria{width:40%;}
  .banner_portada{margin: 0px;width:100%;height:400px;}
  .imgBannerPortada{width:98%;}
  .imgBannerPortada a{width:100%;}
  .imgBannerPortada img{width:100%;}
  .lookbook_grupo{width:100%;}
  .lookbook_destacado{width:100%;}
  .linkSlider, .linkSlider a {font-size:14px;line-height:14px;}
  .carrusel_imgPeq {display:block !important;}
  .carrusel_imgGra {display:none !important;}
    .input2 {width:130px;}
}

/*
--------- MENÚ ---------
*/
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

.mm-menu .mm-hidden {
  display: none; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-menu > .mm-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
    .mm-menu > .mm-panel.mm-opened {
      -webkit-transform: translateX(0%);
      transform: translateX(0%); }
    .mm-menu > .mm-panel.mm-subopened {
      -webkit-transform: translateX(-30%);
      transform: translateX(-30%); }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
  .mm-menu .mm-list {
    padding: 20px 0; }
  .mm-menu > .mm-list {
    padding-bottom: 40px; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 14px; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: #fff;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%; }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    right: 16px; }
.mm-menu.mm-vertical .mm-list > li.mm-opened.mm-label > a.mm-subopen {
  height: 25px; }

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: #333333;
    color: #fff; }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: #fff; }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow: hidden;
  position: relative; }
  html.mm-opened body {
    overflow: hidden; }
  html.mm-opened .mm-page {
    box-sizing: border-box;
    position: relative; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
  -webkit-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker {
    -webkit-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker {
    -webkit-transform: translate(440px, 0);
    transform: translate(440px, 0); } }

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%; }
  em.mm-counter + a.mm-subopen {
    padding-left: 40px; }
    em.mm-counter + a.mm-subopen + a,
    em.mm-counter + a.mm-subopen + span {
      margin-right: 80px; }
  em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-nosubresults > em.mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  transition-duration: 0s; }

/*
	jQuery.mmenu footer addon CSS
*/
.mm-footer {
  background: inherit;
  border-top: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 10px 10px 0 20px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0; }

.mm-menu.mm-hasfooter > .mm-panel {
  padding-bottom: 80px; }

.mm-menu .mm-footer {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu header addon CSS
*/
.mm-header {
  background: inherit;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 0 50px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0; }
  .mm-header .mm-title,
  .mm-header .mm-prev,
  .mm-header .mm-next {
    padding-top: 30px; }
  .mm-header .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative; }
  .mm-header .mm-prev,
  .mm-header .mm-next {
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    min-width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1; }
  .mm-header .mm-prev {
    padding-left: 20px;
    padding-right: 10px;
    left: 0; }
  .mm-header .mm-next {
    padding-left: 10px;
    padding-right: 20px;
    right: 0; }
  .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .mm-header [href].mm-prev:before {
    border-right: none;
    border-bottom: none;
    margin-left: 2px;
    margin-right: 5px; }
  .mm-header [href].mm-next:after {
    border-top: none;
    border-left: none;
    margin-left: 5px;
    margin-right: -2px; }

.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  top: 50px; }
  .mm-menu.mm-hassearch .mm-header .mm-title,
  .mm-menu.mm-hassearch .mm-header .mm-prev,
  .mm-menu.mm-hassearch .mm-header .mm-next {
    padding-top: 20px; }

.mm-menu.mm-hasheader li.mm-subtitle {
  display: none; }
.mm-menu.mm-hasheader > .mm-panel {
  padding-top: 80px; }
  .mm-menu.mm-hasheader > .mm-panel.mm-list {
    padding-top: 60px; }
  .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
  padding-top: 120px; }
  .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {
    padding-top: 100px; }

.mm-menu .mm-header {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-header .mm-prev:before,
  .mm-menu .mm-header .mm-next:after {
    border-color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu labels addon CSS
*/
.mm-list > li.mm-label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px; }
.mm-list > li.mm-label.mm-opened a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 17px; }
.mm-list > li.mm-collapsed {
  display: none; }

.mm-menu .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  box-sizing: border-box; }

.mm-list > li.mm-search {
  padding: 10px;
  margin-top: -20px; }
.mm-list > li.mm-subtitle + li.mm-search {
  margin-top: 0; }

div.mm-panel > div.mm-search {
  padding: 0 0 10px 0; }

.mm-menu.mm-hasheader .mm-list > li.mm-search {
  margin-top: 0; }

.mm-search {
  background: inherit;
  width: 100%;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }
  .mm-search input {
    border: none;
    border-radius: 30px;
    font: inherit;
    font-size: 14px;
    line-height: 30px;
    outline: none;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px; }

.mm-menu .mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 60px 0; }
  .mm-menu .mm-noresultsmsg:after {
    border: none !important; }

.mm-noresults .mm-noresultsmsg {
  display: block; }

.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none; }
  .mm-menu li.mm-nosubresults > a.mm-subopen + a,
  .mm-menu li.mm-nosubresults > a.mm-subopen + span {
    padding-right: 10px; }
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 70px; }
  .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
  margin-top: -10px; }
  .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
    padding-top: 0; }

.mm-menu .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

.mm_destacado:link,.mm_destacado:visited,.mm_destacado:active {background:#555 !important;}