/*+clearfix {*/
nav #MenuPpal:after, nav #MenuPpal ul:after, nav #MenuPpal ul li:after, footer nav span:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
nav #MenuPpal, nav #MenuPpal ul, nav #MenuPpal ul li, footer nav span {
  display: block;
  *height: 1px;
}
@media only screen and (min-width: 1100px) {
  nav #MenuPpal ul li:after, nav #MenuPpal:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
  }
  nav #MenuPpal ul li, nav #MenuPpal {
    display: block;
    *height: 1px;
  }
}
@media only screen and (min-width: 1500px) {
  nav #MenuPpal:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
  }
  nav #MenuPpal {
    display: block;
    *height: 1px;
  }
}
/*+}*/
body {
  /*background: #CFF00F;*/
}
#ProductosHome li {
  width: 23%;
  max-width: 500px;
  margin: 10px;
}
#ContCarrito a span.suf_usuarios {
  display: none;
}
/*[clearfix]*/
nav #MenuPpal {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  position: relative;
  width: 360px;
  background: none;
  background-color: transparent;
}
/*[clearfix]*/
nav #MenuPpal ul {
  margin: 0px 0 0;
  padding: 0;
}
#botonMenu {
  float: left;
  margin: 5px 0 0;
  z-index: 1;
  position: relative;
}
/*[clearfix]*/
nav #MenuPpal ul li {
  padding: 8px 10px;
  float: left;
  border-bottom: none;
  font-weight: 500;
}
nav #MenuPpal ul li:last-of-type {
  margin-right: 0;
}
nav #MenuPpal a {
  color:var(--grisoscuro);
}
nav #MenuPpal ul li ul {
  display: none;
}
nav #MenuPpal ul li ul li a {
  color: #FFF;
  position: relative;
  display: block;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0.75) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(27%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.75)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0.75) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0.75) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0.75) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
nav #MenuPpal ul li ul li {
  /*margin: 15px 0 15px 15px;*/
  /*padding: 0;*/
  vertical-align: top;
  flex: 1;
  position: relative;
}
nav #MenuPpal ul li ul li:last-of-type {
  margin-right: 0;
}
nav #MenuPpal ul li li strong {
  height: auto;
  max-width: initial;
  font-weight: 500;
  padding: 14px 0 0;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  background: url(../imgs/bg_esq_floral.svg) 3% 90% / 15% no-repeat, url(../imgs/bg_esq_floral_d.svg) 97% 90% / 15% no-repeat;
}
nav #MenuPpal ul li li img {
  display: block;
}
#menu {
  margin: 85px 10px 0 0;
}
nav #MenuPpal ul li:hover ul {
  display: block;
  position: absolute;
  top: 31px;
  left: -225px;
  width: 940px;
  text-align: center;
  padding: 0;
  background:var(--azul);
  display: flex;
  justify-content: center;
  padding: 10px;
  flex-wrap: wrap;
}
nav #MenuPpal ul li:hover .bgBtn {
  display: block;
  background:var(--azul);
  position: absolute;
  top: 0px;
  left: -34px;
  padding-left: 7px;
  width: 50px;
  z-index: -3;
  height: 50px;
}
nav #MenuPpal ul li .bgBtn #botonMenu {
  width: 27px;
  height: 20px;
  cursor: pointer;
  border: 4px solid #FFF;
  border-width: 4px 0;
  display: inline-block;
  clear: none;
}
nav #MenuPpal ul li .bgBtn #botonMenu::before {
  display: block;
  height: 4px;
  content: ' ';
  margin-top: 4px;
  background: #FFF;
}
nav #MenuPpal ul li:hover {
  background:var(--azul);
}
nav #MenuPpal ul li:hover a {
  color: #FFF;
}
nav #MenuPpal ul li li img {
  /*width: 120px;*/
  max-width: 100%;
}
nav #MenuPpal #MPBarbero {
  display: none;
}
nav #MenuPpal #MPProfesionales {
  display: none;
}
nav #MenuPpal .adicionales {
  display: block;
  flex-basis: 100%;
  margin: 20px 0;
  padding: 0;
}
nav #MenuPpal ul li .adicionales a {
  display: inline-block;
  background: #FFF;
  color:var(--azul);
  padding: 10px 18px;
  font-size: 0.9rem;
  margin: 0 150px;
}
nav #MenuPpal #CapaRRSSMenu, nav #MenuPpal .cerrar {
  display: none;
}
#ProdRelacionados article {
  float: left;
  margin: 5px;
  text-align: center;
  width: auto;
}
#ContVidBar div {
  width: 47.7%;
  float: none;
  display: inline-block;
  margin: 0 10px;
  vertical-align: top;
}
#ContVidBar div:last-of-type {
  float: none;
  text-align: left;
}
#ContVidBar iframe {
  height: 26.1vw;
  max-height: 399px;
}
#ContVidBar {
  text-align: center;
}
#w-formadores article {
  width: 14%;
}
#w-formadores article img {
  width: 100%;
}
#bProducto #CategoriasLI li a h4 {
  font-size: 90%;
  line-height: 1.4rem;
  height: initial;
  padding-bottom: 17px;
  background: url(../imgs/bg_esq_floral.svg) 3% 94% / 15% no-repeat, url(../imgs/bg_esq_floral_d.svg) 97% 94% / 15% no-repeat, url(../imgs/bg_floral.svg) 50% 85% / 25% no-repeat;
}
#bProducto #CategoriasLI li a h4:hover {
  padding-bottom: 0;
}
@media only screen and (min-width: 1250px) {
  #bProducto #CategoriasLI li {
    width: calc(10% - 10px);
  }
}
#ImgInstagram a {
  width: 10%;
}
footer #DatosContacto {
  text-align: left;
  float: left;
  margin: 0 0 0 20px;
}
footer nav {
  color: #919394;
  padding: ;
  width: 680px;
  margin: 5px auto 0;
}
/*[clearfix]*/
footer nav span {
  display: block;
  height: 20px;
  width: 100%;
  text-align: center;
  padding: 0 0 5px 0;
}
footer div.cont_max {
  padding: 20px 10px 72px;
  background: url(../imgs/carobels.svg) 97% 17px / 110px no-repeat;
}
@media only screen and (min-width: 1100px) {
  #ContCarrito a span.suf_usuarios {
    display: inline;
  }
  #CategoriasLI {
    padding: 0 10px;
  }
  #CategoriasLI li {
    max-width: 360px;
    width: calc(20% - 20px);
  }
  /*[clearfix]*/
  nav #MenuPpal ul li {
    padding: 8px 20px;
  }
  /*[clearfix]*/
  nav #MenuPpal {
    width: 444px;
  }
  #ContBanner img {
    width: 120%;
    max-width: 2000px;
    margin: 0 0 0 -10%;
  }
  nav #MenuPpal ul li:hover ul {
    width: 1040px;
  }
}
/*@media only screen and (min-width: 1300px) {
  (*[clearfix]*)
  nav #MenuPpal {
    width: 600px;
  }
  nav #MenuPpal #MPProfesionales {
    display: block;
  }
}*/
@media only screen and (min-width: 1500px) {
  #ContVidBar div {
    width: 48.4%;
    max-width: 714px;
  }
  #TextoIntro {
    max-width: 1000px;
  }
  #w-formadores article {
    width: 14.8%;
  }
  nav #MenuPpal ul li:hover ul {
    left: -34px;
    width: 1093px;
  }
  nav #MenuPpal ul li li img {
    max-width: 100%;
  }
  #ContBanner img {
    width: 100%;
    max-width: 2000px;
    margin: 0;
  }
  #bCategoria h1 {
    margin-left: 0;
  }
  /*[clearfix]*/
  nav #MenuPpal {
    width: 800px;
  }
  nav #MenuPpal #MPProfesionales, nav #MenuPpal #MPBarbero {
    display: block;
  }
  nav #MenuPpal ul li .adicionales {
    display: none;
  }
}
.formadores {
  max-width: 1500px;
  margin: 0 auto;
}
/*Barberos*/
#bBarberos article {
  flex-basis: 33.333%;
}
/*LISTADO CURSOS*/
.listado_cursos article {
  flex-basis: 25%;
}
/*Categoria*/
#bBuscador article {
  flex-basis: 25%;
}
/*Mis favoritos*/
#bFavoritos article {
  flex-basis: 25%;
}
/*Mis datos*/
#bDatosUsuario #contenido {
  max-width: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-content: space-around;
}
#bDatosUsuario #contenido h2 {
  text-align: left;
  padding-left: 0;
}
#bDatosUsuario #contenido fieldset {
  border: none;
}
#bDatosUsuario #contenido .mensaje {
  width: 100%;
  margin: 0 20%;
}
#bDatosUsuario #contenido form {
  width: calc(50% - 20px);
  max-width: 500px;
}
#bDatosUsuario #contenido #cambioPwd {
  order: 1;
}
#bDatosUsuario #passwordNueva, #bDatosUsuario #passwordNueva2 {
  width: 200px;
}
#bDatosUsuario #passwordNueva + button {
  display: inline-block;
  background:var(--azul);
  border: none;
  color: #FFF;
  padding: 6px 20px;
  vertical-align: text-bottom;
  font-size: 0.75rem;
  margin-left: 15px;
}
/*GALERIA*/
#bProducto .galeria {
  padding-left: 10px;
  margin-right: -10px;
}
#bProducto .galeria a {
  width: calc(100% / 5 - 10px);
}
/*MODALES*/
.modal .cont_contenido {
  top: 80px;
  padding: 20px 25px;
}
.acceso_registro {
  padding: 20px 50px 0px;
}
/*home presencial*/
#bIndex .presencial {
  display: flex;
}
#bIndex .presencial #mapa {
  flex: 0 60%;
  margin-left: 20px;
  height: 600px;
}
#bIndex .cont {
  flex: 1;
}
/*PRE PIE*/
#minidesc li {
  flex: 0 calc(100% / 6 - 10px);
}
@media screen and (min-width: 1200px) {
  #opinan li {
    margin: 0 30px 60px;
    vertical-align: top;
  }
}
/*COLECCIONES*/
.listado article {
  flex-basis: 25%;
}
/*CURSO ACCESO*/
#bCursoA main {
  display: flex;
  max-width: none;
  flex-wrap: nowrap;
}
#bCursoA aside.comentarios {
  flex: 0 300px;
}