/** GESTION CATEGORIA **/

#contenidoCategoria{
  float:left;
  width:100%;
  margin:0;
  padding:0;
  clear:both;
}

#contenidoCategoria.lookbook {
  margin-top: 100px;
}

/* width tiene que ser variable? */
#contenidoCategoria li {
  display: inline-block;
  clear:none;
  width: 243px;
  list-style:none;
  margin-bottom:40px;
  vertical-align: top;
  float:none;
}

/* width tiene que ser variable? */
#listaFotos.front #contenidoCategoria li {
  width: auto !important;

}

.placeHolder div {
  float:left;
  width:200px;
  clear:none;
  margin-right:50px;
  list-style:none;
  margin-bottom:40px;
  height:345px;
}

.page-title {
  margin: 104px 0 90px;
  display: inline-block;
  width: 100%;
  font-family: 'ABCWhyte', sans-serif;
  font-size: 24px;
  text-align: center;
  letter-spacing: 4px;
}


#contenidoCategoria .referencia ,
.referencia {
  font-family:'ABCWhyte', sans-serif;
  /*-webkit-text-stroke-color: rgb(0, 0, 0);*/
  /*-webkit-text-stroke-width: 0.4px;*/
  color: #000;
  float: left;
  font-size: 15px;
  padding-bottom: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

#contenidoCategoria .coleccion,
.coleccion {
  font-family:'ABCWhyte', sans-serif;
  /*-webkit-text-stroke-color: rgb(0, 0, 0);*/
  /*-webkit-text-stroke-width: 0.4px;*/
  color: #000;
  float: left;
  font-size: 15px;
  padding-bottom: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  font-weight: 100 !important;
}

#contenidoCategoria .tipoPrensa{
  font-family:'ABCWhyte', sans-serif;
  /*-webkit-text-stroke-color: rgb(0, 0, 0);*/
  /*-webkit-text-stroke-width: 0.2px;*/
  color: #000;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 100 !important;
}

#contenidoCategoria .precio,
.precio,
.nombreDato.nombreColeccion {
  font-family:'ABCWhyte', sans-serif;
  /*-webkit-text-stroke-color: rgb(0, 0, 0);*/
  /*-webkit-text-stroke-width: 0.2px;*/
  color: #000;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 100 !important;
}

#contenidoCategoria .precio {
  display: block;
  text-align: center;
}

.nombreDato.nombreColeccion {
  margin-bottom: 20px;
}

/*
#contenidoCategoria .precio{
  color:#ab0212;
  font-weight:bold;
  font-size:15px;
  margin-top:5px;
}
*/

.sub_info {
  clear: both;
  padding-top: 30px;
  text-align: center;
}

.sub_info.lookBook {
  padding-top:0;
}

.sub_info.lookbook {
  padding-top: 80px;
  clear: both;
}

#contenidoCategoria .sub_info div{
  font-weight: bold;
  margin-bottom: 5px;
}

#contenidoCategoria .imagen{
  float:left;
  padding: 10px /*8%*/;
  text-align: center;
  margin-bottom:5px;
  position:relative;
  background:#fff;
  /*height: 276px;*/
  width: 100%;
  box-sizing: border-box;
}

#contenidoCategoria .imagen img {
  max-width: 100%;
  padding:0;
  background:transparent;
}

#listaFotos.front #contenidoCategoria .imagen img {
  height: 200px;
}

#contenidoCategoria .imagen.enlaceVerDetalle{
  cursor:pointer;
}

#contenidoCategoria .imagen .imgNoPublicada + .overlay{
  background: none repeat scroll 0 0 #FFB2B2;
  height: 100%;
  left: 0;
  opacity: 0.5;
  filter:alpha(opacity=50);
  position: absolute;
  top: 0;
  width: 100%;
}

.ie8 #contenidoCategoria .imagen .imgNoPublicada + .overlay{
  height:100%;
  width:100%;
}

#contenidoCategoria ul.visualizacionVertical{
  width:800px;
  margin:0 auto;
  float:none;
}

#contenidoCategoria li.visualizacionVertical .imagen .imgNoPublicada + .overlay{
  height:100%;
  width:100%;
}

.menuIzquierda {
  float:left;
}

.menu-icon {
  cursor: pointer;
}

.menuIzquierda .categorias {
  width: 500px;
  float: left;
  margin-left: 25px;
  max-height: 25px;
  overflow: hidden;
  margin-top: 0px;

  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;

  -webkit-text-stroke-color: rgb(0, 0, 0);
  -webkit-text-stroke-width: 0.4px;
 }

 .menuIzquierda .categorias ul {
  margin-left: 20px;
 }

 .menuIzquierda .categorias.buttonBack {
  max-height: 33px;
  margin-top: -4px;
  margin-bottom: -10px;
 }

.menuIzquierda .categorias li {
  font-family: 'ABCWhyte';
  font-size: 17px;
  /* padding-right: 26px; */
  letter-spacing: 2px;
  /*-webkit-text-stroke-color: rgb(0, 0, 0);*/
  /*-webkit-text-stroke-width: 0.4px;*/
  text-align: left;
  margin-top: 13px;
}

.menuIzquierda .categorias li a {
  color:#000;
}

.menuIzquierda .categorias li.categoria-despublicada > div > a {
  color:#ff0000;
}

.menuIzquierda .categorias li.active {
  display: block;
  margin-top: 6px;
  text-transform: uppercase;
}

.menuIzquierda .categorias li.buttonBack {
  display: block;
  margin-top: 6px;
  height: 30px;
}

.menuIzquierda .categorias .main-products-menu > li:first-child > .bundle {
  position: relative;
}

.menuIzquierda .categorias .main-products-menu > li .arrow-down {
  position: absolute;
  top:4px;
  left:-20px;
  display: inline-block;
  content: '';
  width: 12px;
  height: 12px;
  background: url(../images/bershka-arrow-down.png) no-repeat right top transparent;
  cursor: pointer;
}

.menu-icon {
  float: right;
}

#menuDerecha {
  float: right;
}

#menuDerecha .submenu {
  margin:0;
}

#menuDerecha .submenu .item-menu {
  padding: 8px 14px;
  margin-top: -3px;
  margin-bottom: -6px;
}

#menuDerecha #controles-pagina{
  padding-top: 40px;
  width: 100%;
  margin-top:10px;
  margin-bottom:15px;
}

#menuDerecha #controles-pagina .control {
  width: 100%;
  clear: both;
}

#menuDerecha #controles-pagina .control label{
  white-space:nowrap;
  float:left;
  text-align: left;
  width: 60%;
}

#contenidoCategoria .controles {
  text-align: center;
}

#btnSaveOrdenFotos {
  display: none;
  margin-top: 20px !important;
}

.controles input[type="checkbox"] {
  float: right;
  width: 10%;
}

.controles .control {
  width: 100%;
}

.controles.spaceUp {
  margin-top: 10px;
}

#menuDerecha #controles-pagina .control .ez-checkbox{
  width:17px;
  margin-right:5px;
  margin-top:1px;
}

#menuDerecha #controles-pagina #btnSaveOrdenFotos{
  margin-top:-9px;
}

/* FIX BOTON DESCARGAS LOOBOOK */
.button-container {
  padding-top: 30px;
}


/* FIX COLOR DE MENÚ ACTIVO */
.main-products-menu .active.opened > .bundle  a {
    color: #ccc;
    -webkit-text-stroke-color: #ccc;
}