/* ---------- Color Module Styles ----------- */


.tabs ul.primary li a.is-active {
  background-color: #fff;
}

.tabs ul.primary li.is-active a {
  background-color: #fff;
  border-bottom-color: #fff;
}


/*------------------------------------------
1. GENERALES
-------------------------------------------*/

body{
 font-size: 15px;
}

p {
    margin: 15px 0 10px;
}

a,
.link {
  color: #3a3a3a;
  text-decoration: none;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: inherit;
}

a:active,
.link:active {
  color: inherit;
}

.page-header{
  border-bottom:0px solid #eeeeee;
}

h1{
  font-weight: 300;
  font-size: 26px;
  letter-spacing: 1px;
}

.table {
    width: 99%;
}

.page-header{
 margin-left: 1%;
}

h4.label{
 color: #7e7e7e;
}

.path-user h1{
 text-align: center;
}

.tabs{
 margin-bottom: 20px;
}

.page-item.active .page-link {
  background-color: #5B9431;
  border-color: #5B9431;
}

.page-link,
.page-link:hover {
  color: #5B9431;
}

.sidebar .block {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
}
.btn {
  height: 44px;
  line-height: 44px;
  color: #fff;
  padding: 0 20px;
  text-transform: uppercase;
  cursor: pointer;
}

.btn-default {
  background-color: #f91600;
  border-color: #f91600;
}


.btn-success {
   padding: 10px 15px;
   /*background: #ff0000;*/
   color: #fff;
   border-radius: 4px;
   border: 0;
   margin-top: 20px !important;
   max-width: 300px;
   text-transform: none;
   font-size: 16px;
   
}


.path-user .btn-success{
   max-width: 160px;
   float: right;
   margin-right: 0;
}

.nav-tabs > li > a:hover{
 color: #666;
}


.btn-default:hover,
.btn-default:focus {
  background-color: #333333;
  border-color: #333333;
  color: #fff;
}

.btn-primary { 
   /*background: #ff0000;*/
   color: #fff;
   text-align: center;
   border: 0;
}

.form-actions .btn{
   padding: 10px 15px;
   border-radius: 4px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   letter-spacing: 1px;
   width: 100%;
   text-transform: none;
   font-size: 16px;
}


.form-actions .btn:hover{
  background: #666666;
}



.view-empty{
  padding-top: 25px;
}


.chosen-container.form-control{
   border: 0;
   padding: 0;
}

.site-footer {
  background: #292929;
}

.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
    color: #fffeff;
}


.password-strength{
    display: none;
}

.description{
    color: #777777;
    font-size: 12px;
}

/* ---------- Color Form ----------- */

[dir="rtl"] .color-form .color-palette {
  margin-left: 0;
  margin-right: 20px;
}

[dir="rtl"] .color-form .form-item label {
  float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
  right: -20px;
  left: 0;
}


/**
 * @file
 * Subtheme specific CSS.
 */
/*.main-container,
.region {
  float: left;
  width: 100%;
}*/

form#user-login-form, form#user-pass {
  float: none;
  width: 100%;
  text-align: center;
  max-width: 360px;
  position: relative;
  overflow: hidden;
  margin: 50px auto 0;
}

form#user-pass p{
 font-size: 12px;
 line-height: 15px;
}


.js-form-item {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.js-form-item label {
  float: left;
  width: 100%;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  font-weight: 300;
  margin: 0;
  text-align: left;
  padding-bottom: 5px;
  letter-spacing: 1px;
}
.js-form-item input {
  float: left;
  width: 100%;
  border-radius: 0;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  margin: 0;
}
.form-actions {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
}

.btn {
  border-radius: 0;
  height: 44px;
  line-height: 16px;
  padding: 0 30px;

}

.form-control:focus {
    /*border-color: #ff0000;*/
   /*box-shadow: 0px 1px 1px rgba(255, 0, 0, 0.065) inset, 0px 0px 8px rgba(255, 0, 0, 0.4);*/
 }
    
.form-group:last-child{
   margin-bottom: 20px;
}
    
form#user-login-form #edit-logo {
  margin-bottom: 40px;
}
form#user-login-form .js-form-item input {
  text-align: left;
}


.js-form-item-forgot label{
 text-align: center;
 font-size: 12px;
 width: auto;
 margin-right: 8px;
}

.js-form-item-forgot a{
 text-align: center;
 font-size: 13px;
 float: left;
}

.form-required:after{
 background-image: none;
 content: " \f069";
 font-family: fontawesome;
 font-size: 7px;
 margin-left: 2px;
}

/*Alert Message*/
.alert-success {
    border-color: #a94442;
    background-color: #fff;
    color: #666;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.10);
}

#user-login-form .alert-danger, #user-pass .alert-danger{
   color: #a94442;
   background-color: #fff;
   border-color: #ebccd1;
   border:0;
   font-size: 12px;
}

#user-login-form .alert-sm, #user-login-form .alert-danger {
    padding: 0px 10px;
    margin-bottom: 0;
}

.path-user .messages__wrapper .alert-success {
    border-color: #3c763d;
    background-color: #fff;
    color: #666;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.10);
}
.path-user .messages__wrapper .alert-success p {
    font-size: 20px;
    line-height:26px;
    margin: 5px 0;
}
.path-user .messages__wrapper .alert-success button.close {
    opacity: 1;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 20px;
}
.path-user .messages__wrapper .alert-success button.close span {
    height: 20px;
    width: 20px;
    float: left;
    line-height:17px;
}

/*Modal*/
.ui-widget-overlay {
    background: #666;
    opacity: .7;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 1.5em 2em;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .9em;
}


/*------------------------------------------
1. HEADER
-------------------------------------------*/

.navbar.container {
   display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: flex-start;
  flex: auto;
}



.navbar-default {
    background-color: #FFF;
    border: 0;
}


/*Contenedor Logo*/
.container > .navbar-header{
  flex-grow: 0;     /* do not grow   - initial value: 0 */
  flex-shrink: 0;   /* do not shrink - initial value: 1 */
  flex-basis: 180px; /* width/height  - initial value: auto */

}

.logo {
    display:block;
    padding-top: .3125rem;
    padding-bottom: 0rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    max-width: 190px;
    margin-top: 25px;
    margin-bottom: 0;
}

.logo img{
  width: 100%;
}


.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

/*Buscador*/
#block-formularioexpuestobuscador-productospage-1, #block-formularioexpuestobuscadorpage-1{
  padding: 10px;
 -webkit-box-flex: 1;
  flex: 1 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
#block-formularioexpuestobuscador-productospage-1 h2, #block-formularioexpuestobuscadorpage-1 h2{
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.7px;
}


#views-exposed-form-buscador-productos-page-1 .form--inline >div,
#views-exposed-form-buscador-page-1 .form--inline >div{
  float: left;
  width: auto;
}

#views-exposed-form-buscador-productos-page-1 .form-control,
#views-exposed-form-buscador-page-1 .form-control{
  border-top:0;
  border-left: 0;
  border-right: 0;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  margin-left: 25px;
  padding-left: 0;
  text-transform: none;
}

#views-exposed-form-buscador-productos-page-1 .form-actions .btn,
#views-exposed-form-buscador-page-1 .form-actions .btn{
  background: none;
  border: 0;
  color: #3a3a3a;
  padding: 0;
  text-align: center;
  margin-right: 0;
  font-family: fontawesome;
  height: 40px;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}

#views-exposed-form-buscador-productos-page-1 .form-actions .btn:hover{
  /*color: #ff0000;*/
}


/*Contenedor de los dos Menus*/
.region-navigation-collapsible{
  display: flex;
  font-size: 18px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  
}


.collapsed-submenu{
  display: none;
  
}

/*Menu taxonomia*/
#block-hierarchicaltaxonomymenu {
    display: flex;
    flex-basis: auto;
    -webkit-box-flex: 1;
     /*flex: 1 0 0;*/
     flex: 0 auto;
     flex: 2;
}

#block-hierarchicaltaxonomymenu ul.hierarchical-taxonomy-menu{
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  flex: 1;
  justify-content: space-around;
  border: 1px solid #eaeaea;
}


#block-hierarchicaltaxonomymenu > ul{
  background-color: #f2f2f2;
  padding: 10px 15px;
  border-radius: 4px;
}

ul.menu > .menu-item {
    list-style: none;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    position: relative;
    cursor: pointer;
}

ul.menu > .menu-item.active{
 color: #979797;
}


/*Submenus*/
.menu-item--expanded ul.collapsed-submenu{
  /*display: flex;*/
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0;
  padding-left: 0;
  background:#f2f2f2;
  /*border: 0px solid #ff0000;*/
  padding: 10px 20px 10px 27px;
  position: absolute;
  top:49px;
  min-width: 305px;
  z-index: 999;
  border: 1px solid #eaeaea;
  

}

.menu-item--expanded ul.collapsed-submenu:after{
  display: block;
  content:" ";
  background-image: url("::/../../../../../sites/default/files/arrow.png");
  background-repeat: no-repeat;
  background-position:top;
  position: absolute;
}

#block-hierarchicaltaxonomymenu ul.collapsed-submenu{
  top:39px;
  border-radius: 4px;
  border: 1px solid #eaeaea;
  left: -10px;
}


.menu-item--expanded ul.collapsed-submenu li{
  padding-left: 0;
  padding-right: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  /*border-bottom: 1px solid #eaeaea;*/
}

.menu-item--expanded ul.collapsed-submenu li:last-child{
 border-bottom: 0px solid #eaeaea;
}


/*Menu Provedores*/
#block-hierarchicaltaxonomymenu-2{
  order:1;/*cambio posición*/
  -webkit-box-flex: 1;
   flex: 1;
   max-width: 280px;
 
}

ul.hierarchical-taxonomy-menu{
     padding-left: 1.0em;
}

#block-hierarchicaltaxonomymenu-2 .menu-item{
  padding: 10px 15px;
  /*background: #ff0000;*/
  
  color: #fff;
  border-radius: 4px;
  text-align: center;
}

#block-hierarchicaltaxonomymenu-2  li.menu-item--expanded{
 /*border: 1px solid #ff0000;*/
}

#block-hierarchicaltaxonomymenu-2  li.menu-item--expanded.active{
 border: 1px solid #666666;
}

#block-hierarchicaltaxonomymenu-2 .menu-item.active{
 background: #666666;
 color: #fff;
}

.block-taxonomymenu__submenu .menu-item a{
  font-size: 15px;
}

.block-taxonomymenu__submenu .menu-item a:hover{
 text-decoration: none;
}

/*Sub-Menu Provedores*/

/*#block-hierarchicaltaxonomymenu-2 .block-taxonomymenu__submenu .menu-item{
  background: none;
  float: left;
  width: 25%;
  padding-right: 10px;
  padding-bottom: 4px;

}

#block-hierarchicaltaxonomymenu-2 .menu-item--expanded ul.collapsed-submenu{
  min-width: 600px;
  left: -470px;
  border-radius: 4px;
}*/


#block-hierarchicaltaxonomymenu-2 .menu-item--expanded ul.collapsed-submenu {
    min-width: 100%;
    right: 0;
    border-radius: 4px;
    width: 740px;
    text-align: left;
    column-count: 4;
    column-gap: 40px;
}

#block-hierarchicaltaxonomymenu-2 .block-taxonomymenu__submenu .menu-item {
    background: none;
    padding-bottom: 4px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width:100%;
}





/*------------------------------------------
FRONTPAGE
-------------------------------------------*/

.path-frontpage .main-container{
 max-width: 1110px;
  
}

.path-frontpage h1.page-header{
   /*color: #ff0000;*/
 
   font-size: 26px;
   line-height: 32px;
   margin-bottom: 15px;
   padding-bottom: 0;
}

.path-frontpage .field--name-body p{
   text-align: left;
   margin-bottom: 0;
   margin-top: 4px;
}





.path-frontpage .main-container .row .col-sm-12{
   display: flex;
 
}

.path-frontpage .main-container .row .col-sm-12 .region-content{
 padding-right: 0px;
}


#block-webform{
  border: 1px solid #eaeaea;
  background-color: #f2f2f2;
  padding: 35px 25px 20px;
  border-radius: 4px;
  margin-top: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 44%;
  float: left;
}


#block-webform h2.block-title{
 font-size: 18px;
 font-weight: 300;
 letter-spacing: 1px;
 line-height: 18px;
 margin-top: 10px;
 margin-bottom: 20px;
}

.path-frontpage .contextual-region{
 float: left;
 width: 100%;
}

#block-views-block-novedades-block-1{
 float: right;
 width: 52%;
}

#block-views-block-novedades-block-1 h2{
 font-size: 20px;
 font-weight: 300;
 margin-top: -19px;
}
.path-frontpage .webform-submission-form textarea.form-textarea{
 min-height: 75px;
}

#block-views-block-novedades-block-1 .more-link{
 text-align: right;
 padding-top: 10px;
}
#block-views-block-novedades-block-1 .more-link a{
 font-weight: 600;
}
/*------------------------------------------
CATÁLOGO
-------------------------------------------*/
.view-catalogo{
  position: relative;
}

.view-catalogo .view-content, .view-buscador-productos .view-content,
.view-buscador .view-content, .view-novedades .view-content, .field--name-field-productos-relacionados .field--items{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;

    align-items: stretch;
}

.path-frontpage .view-novedades .view-content{
 flex-wrap:nowrap;
}

.path-frontpage .view-novedades .views-row {
    flex: 0 0 50%;
}


#relacionados{
 float: left;
 width: 100%;
 padding-top: 30px;
}

#relacionados .field--label{
 font-size: 20px;
font-weight: 300;
}

.view-catalogo .views-row,  .view-buscador-productos .views-row,
.view-buscador .views-row, .view-novedades .views-row, .field--name-field-productos-relacionados .views-row,
.field--name-field-productos-relacionados > .field--items > .field--item{
  border-color:#333333;
  flex: 0 0 23%;
  margin: 1%;
  height: auto;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0,0,0,.10);
}


.field--name-field-productos-relacionados > .field--items > .field--item{
 flex: 0 0 18%;
 
}

.view-catalogo .views-row:hover, .view-buscador-productos .views-row:hover,
.view-buscador .views-row:hover, .view-novedades .views-row:hover{
 box-shadow: 0 3px 6px 0 rgba(0,0,0,.20);
}

.view-catalogo .views-row .field--name-title, .view-buscador-productos .views-row .field--name-title,
.view-buscador .views-row .field--name-title, .view-novedades .views-row .field--name-title,
.field--name-field-productos-relacionados > .field--items > .field--item .field--name-title{
  /*color: #ff0000;*/
  font-size: 18px;
  line-height: 20px;
  padding: 20px;
}

.view-catalogo .field--name-field-imagen-producto, .view-buscador-productos .field--name-field-imagen-producto,
.view-buscador .field--name-field-imagen-producto, .view-novedades .field--name-field-imagen-producto,
{
  padding: 15px;
}


/*------------------------------------------
FICHA PRODUCTO
-------------------------------------------*/
/*Breadcrum*/
.field--name-field-categoria{
  margin: 20px 0;
  font-size: 18px;
}
.field--name-field-categoria .field--label{
  display: none;
}

/*Imagen producto*/
.slick--field-imagen-producto{
  float: left;
  width: 30%;
  margin-right: 35px;
  margin-bottom: 15px;
  border: 1px solid #b4b4b4;
  height: auto;
  padding: 20px;
  border-radius: 3px;
  box-shadow: 0 3px 6px 0 rgba(0,0,0,.12);
  
}

.slick-dots{
 display: flex;
 padding: 0px;
 justify-content: center;
}

.slick-dots li{
 width: 13px;
 height: 11px;
 margin-bottom: 0px;
}

.slick-dots li button{
  padding-right:5px;
  font-size: 0px;
  height: 15px;
  margin-right: 5px;
  border: 0px;
  border-radius: 15px;
  width: 11px;
  height: 11px;
  background-color: #eaeaea;
}

.slick-dots li{
 list-style: none;
 float: left;
}
.slick-dots li button::before,
.slick-dots li.slick-active button::before,
.slick-dots li button:hover::before {opacity: 0;}

.slick-arrow::before{
 color: #fff;
}
.path-product .field--name-body{
  font-size: 16px;
  line-height: 19px;
  padding-bottom: 20px;
}


.media__icon--litebox::before{
 font-family:fontawesome;
 content: "\f002";
 background: none;
 font-size: 32px;
 color: #fff;
 left: 85%;
  margin: -1px 0 0 -40px;
  top: 10%;
  height: 40px;
  width: 40px;
}

.slick img:hover, imge.media__image:hover{
 
}

.media__icon--litebox::after{
 background: none;
}


/*Bajar tabla variantes*/
.view-variaciones-de-producto{
   float: left;
   width: 100%;
}

/*Tabla características del producto*/
.field--name-body .field--label{
  display: none;
}

.field--name-field-tabla-producto table{
  border: 1px solid #ddd;
}

.field--name-field-tabla-producto caption{
  display: none;
}

.field--name-field-tabla-producto th{
  font-weight: normal;
}

.field--name-field-tabla-producto .col_0{
  /*color: #ff0000;*/
  font-size: 15px;
  text-transform: capitalize;
  border-right: 1px solid #ddd;
  width: 260px;
  padding-right: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  
}

.field--name-field-tabla-producto .col_1{
   padding-left: 20px;
   color: #888;
}

.path-product .table-striped > tbody > tr:nth-of-type(2n+1){
  background: none;
}

.path-product .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 0;
}

.table-responsive {
    max-width: 100%;
}

.view-variaciones-de-producto th{
  /*color: #ff0000;*/
  font-size: 15px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.view-variaciones-de-producto td{
 text-align: center;
 border-right: 1px solid #ddd;
 font-size: 14px;
 color: #888;
}

.view-variaciones-de-producto td:first-child{
 border-left: 1px solid #ddd;
}

.view-variaciones-de-producto tr:last-child{
 border-bottom: 1px solid #ddd;
}

.view-variaciones-de-producto img.stock-icon{
  width: 23px;
}

/*Tabs Provedores*/

.ui-tabs .ui-tabs-panel{
  padding: 1em 0em;
}

.ui-widget.ui-widget-content {
    border: 0px solid #c5c5c5;
    padding: 0;
}

article #tabs{
  float: left;
  width: 100%;
  margin-top: 25px;
 
}

.path-product .ui-tabs{
  background-color: #F2F2F2 !important;
  float: left;
  width: 100%;
  padding: 1.5em 2em;
  border-radius: 4px;
  border: 1px solid #e1e1e1;
}


article #tabs .ui-widget-header {
    border: 0px solid #dddddd;
    background:none;
    color: #333333;
    font-weight: normal;
    padding: 0;
}



.paragraph--view-mode--proveedor-tabs > div{
   float: left;
   width: auto;
   max-width: 100%;
   margin-right: 25px;
   min-width: 100%;
   margin-bottom: 15px;
 
}

.paragraph--view-mode--proveedor-tabs .field--name-field-proveedor{
   background-color: #DA291C;
   color: #fff;
   padding: 10px 15px;
   text-align: center;
   width: 100%;
   float: left;
   border-radius: 4px;
   font-size: 18px;
}

/*.paragraph--view-mode--proveedor-tabs .field--name-field-proveedor a:hover{
 background-color: #918F8F;
}*/

.paragraph--type--proveedor .slick-track{
 float: left;
}

.paragraph--view-mode--proveedor-tabs > div img{
 margin: 0;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{
    background: transparent;
    font-weight: normal;
    color: #ffffff;
    border-radius: 3px;
    font-size: 18px;
}

.ui-tabs .ui-tabs-nav li {
  width: 24%;
  margin: 1px 1% 0 0;
  text-align: center;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0px solid #c5c5c5;
    border-bottom-width: 0px;
    font-weight: normal;
    color: #333333;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .6em 1em;
    text-decoration: none;
    font-size: 18px;
    border-radius: 3px;
    background: #666666;
    color: #fff;
    width: 100%;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover{
 background-color: #918f8f;
 
}

.field--name-field-imagenes-proveedor{
   /*width: 30%;*/
   border: 1px solid #b4b4b4;
   border-radius: 3px;
   padding: 20px;
   float: left;
   margin-right: 25px;
   box-shadow: 0 3px 6px 0 rgba(0,0,0,.12);
   background-color: #fff;
}


.col_proveedor{
 float: left;
 width: 25%;
 padding-right: 1%;
 margin-top: 15px;
}

.col_proveedor img{
 width: 100% !important;
 max-width: 100% !important;
}

/*Archivo pdf Proveedor*/
.field--name-field-archivos-proveedor{
  float: left;
  width: 50%;
}
.path-product .file > span {
    background: #F2F2F2;
    color: #3a3a3a;
    border-bottom: 0px solid #ccc;
    border-top: 0px solid #ccc;
    font-size: 16px;
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.path-product .file > span:first-child {
    border-left: 0px solid #ccc;
}
.path-product .file-size{
  display: none;
}

.text-primary {
    color: #3a3a3a;
}

.field[data-blazy]{
 min-width: 20%;
}
.blazy__slick-lightbox{
 cursor: pointer;
}




/*******CARRUSEL PRODUCTOS RELACIONADOS********/
.slick-track{
 display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	align-content: stretch;
 
}

.slick--field-productos-relacionados .slick__slide{
  margin: 10px;
  height: auto;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0,0,0,.10);
  padding: 5px 0 15px;
  min-height: 320px;
  text-align: left !important;
  float: none;
  max-width:20%;
}

.slick--field-productos-relacionados .slick__slide .field--name-title a{
  line-height: 19px;
  padding: 15px 10px;
  float: left;
  width: 100%;
}

.slick--field-productos-relacionados .slick-arrow{
  opacity: .6;
}
.slick-arrow:hover::before{
 color: #ffffff;
}
.slick-next {
    right: 20px;
}

.slick-prev {
    left: 20px;
}

.slick-track{
 min-width:100%;
}

.slick--less .slick-track{
 margin:0;
}
/*------------------------------------------
USER MENU
-------------------------------------------*/
.menu--account li > a{
 background: #fff;
 color: #333333;
 border: 1px solid #333333;
 padding: 5px 10px;
 font-size: 13px;
 text-transform: uppercase;
 border-radius: 4px;
}

.menu--account li > a:hover{
 background: #fff;
 /*color: #ff0000;*/
 /*border: 1px solid #ff0000;*/
}

.highlighted{
  display: flex;
  width: 100%;
  max-width: 1080px;
  justify-content: flex-end;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}

.menu--account li.first{
 margin-right: 20px;
}

.menu--account li.first a:before {
    font-family: FontAwesome;
    content: "\f007";
    margin-right: 10px;
}

.menu--account li.first a{
 border: 0;
}

.menu--account li.last a:before {
    font-family: FontAwesome;
    content: "\f011";
    margin-right: 7px;
}


/*------------------------------------------
USER SECTION
-------------------------------------------*/

.path-user .main-container{
 max-width: 770px;
}


a.address-book__add-link{
  padding: 10px 15px;
  /*background: #ff0000;*/
  color: #fff;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  max-width: 230px;
  font-size: 16px;
}

a:hover.address-book__add-link{
    background: #666;
}


.path-user h1.page-header{
   display: none;
}

.user-logged-in.path-user .tabs{
   display: block;
}

.path-user .tabs{
   display: none;
}


/*------------------------------------------
FOOTER
-------------------------------------------*/
.footer.container{
  width: 100%;
  border-top: 0px solid #E5E5E5;
  padding-left: 0;
  padding-right: 0;
}


#block-pieamara{
  background: #333333;
  text-align: center;
  padding: 20px;
  
}

#block-pieamara .field--name-body {
   font-size: 14px;
}

#block-pieamara a{
  color: #fff;
}

#block-copyright{
  text-align: center;
  padding: 10px 20px 20px;
}

#block-copyright .field--name-body {
    font-size: 14px;
}

.teaser a{
  font-weight: 600;
  font-size:16px;
}

#block-texthome .field--name-body{
 width: 44%;
}