/*******************************************************************

  Definició de les variables less

  Aquest fitxer s'inclou a tots els fitxers less del template, de
  manera que es poden usar a qualsevol fitxer.


*********************************************************************/
/** Tipus de lletres *****/
/** Colors *****/
/****  Color general per la web   ****/
/** Enllaç general  ****/
/** Botons ****/
/** Titols i resaltats ***/
/** Bullet llista ****/
/*** menu ***/
.filtre-productes form {
  margin: 20px 0px;
}
.filtre-productes #cos_filtre_productes {
  position: relative;
}
.filtre-productes .tanca_layer {
  position: absolute;
  right: 0;
  top: -10px;
  font-size: 30px;
  color: #002E72;
}
.filtre-productes h2 {
  color: #002E72;
  text-transform: uppercase;
  font-size: 18px;
}
.filtre-productes .categories_cerca {
  margin-bottom: 50px;
}
.filtre-productes .categories_cerca a {
  display: block;
  text-decoration: none;
  color: #333;
  font-size: 16px;
  margin-bottom: 3px;
  opacity: 0.7;
}
.filtre-productes .categories_cerca a.selected,
.filtre-productes .categories_cerca a:hover {
  opacity: 1;
  font-weight: 700;
}
.filtre-productes .voltant_slider {
  margin: 20px 0px 30px 0px;
  padding: 0px 60px 0px 10px;
}
.filtre-productes .voltant_slider .ui-slider {
  height: 3px;
  background: #d3d3d3;
  border: 1px solid #d3d3d3;
}
.filtre-productes .voltant_slider .ui-slider .ui-slider-handle {
  top: -11px !important;
  border-radius: 25px;
  background: white;
  border: none;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
}
.filtre-productes .voltant_slider .ui-slider .ui-slider-range {
  background: #002E72;
  height: 3px;
  top: -1px;
}
.filtre-productes .boto_env {
  text-align: right;
}
.filtre-productes .boto_env .boto {
  padding: 10px 60px;
  margin-right: 50px;
}
.ombra-roda {
  clear: both;
  position: relative;
  display: block;
  z-index: 0;
  align-self: flex-end;
  text-align: center;
}
.ombra-roda img {
  margin: 0 auto;
}
.ombra-roda:after {
  content: '';
  position: absolute;
  width: 90%;
  left: 5%;
  bottom: 4%;
  height: 100px;
  background-image: url(../../img/wheel_shadow.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  opacity: 0.7;
  z-index: -1;
}
.llista_productes_env,
.fitxa_producte_env {
  margin-top: 20px;
}
.llista_productes .barra_config_cerca {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
}
.llista_productes .resultats-num {
  margin-bottom: 5px;
  text-align: center;
}
.llista_productes .canvi_num_registres {
  text-align: center;
  margin-bottom: 10px;
}
.llista_productes .canvi_num_registres span {
  display: inline-block;
}
.llista_productes .canvi_num_registres span a {
  color: #333333;
  padding: 0px 5px;
  text-decoration: none;
}
.llista_productes .canvi_num_registres span a:hover {
  font-weight: 700;
}
.llista_productes .canvi_num_registres span a.selected {
  font-weight: 700;
}
.llista_productes .ordre_registres {
  text-align: center;
  position: relative;
  margin-bottom: 10px;
}
.llista_productes .ordre_registres span {
  display: inline-block;
  margin-right: 8px;
}
.llista_productes .ordre_registres span .fa {
  margin-left: 10px;
  margin-right: 0px;
  cursor: pointer;
}
.llista_productes .ordre_registres span.ordre_actual {
  font-weight: 700;
  cursor: pointer;
}
.llista_productes .ordre_registres #ordres {
  display: none;
  position: absolute;
}
.llista_productes .ordre_registres #ordres a {
  display: block;
}
.llista_productes .item {
  margin-right: 15px;
  margin-bottom: 60px;
  padding-left: 15px;
}
.llista_productes .item .item-foto {
  clear: both;
  display: block;
  z-index: 0;
  align-self: flex-end;
  text-align: center;
}
.llista_productes .item .info-prod {
  margin-top: 20px;
  text-align: center;
  line-height: 100%;
}
.llista_productes .item .info-prod .titol {
  font-weight: 600;
  font-size: 18px;
  height: 36px;
}
.llista_productes .item .info-prod .titol a {
  text-decoration: none;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 18px;
}
.llista_productes .item .info-prod .titol a:hover {
  color: #002E72;
}
.llista_productes .item .info-prod .mides {
  font-weight: 400;
  font-size: 16px;
}
.fitxa-producte {
  margin-top: 40px;
  /** Visor imatges secundaries **/
}
.fitxa-producte .url_anterior {
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
}
.fitxa-producte .url_anterior .fa {
  margin-right: 5px;
}
.fitxa-producte .imatges_secundaries {
  clear: both;
  margin-top: 30px;
  margin-bottom: 20px;
  border: 1px solid #ffffff;
  text-align: left;
}
.fitxa-producte .imatges_secundaries a {
  padding-bottom: 10px !important;
  padding-right: 5px;
  padding-left: 5px;
  display: block;
  float: left;
}
.fitxa-producte .ombra-roda_no {
  clear: both;
  position: relative;
  display: block;
  z-index: 0;
  align-self: flex-end;
  text-align: center;
}
.fitxa-producte .ombra-roda_no img {
  margin: 0 auto;
}
.fitxa-producte .ombra-roda_no:after {
  content: '';
  position: absolute;
  width: 90%;
  left: 5%;
  bottom: 4%;
  height: 100px;
  background-image: url(../../img/wheel_shadow.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  opacity: 0.7;
  z-index: -1;
}
.fitxa-producte .info_producte_addicional {
  margin-right: 30px;
}
.fitxa-producte .prod-cap {
  padding: 30px 0px;
}
.fitxa-producte .prod-cap button {
  margin-top: 35px;
  float: right;
  background: #D2D4D5;
  border: 1px solid #D2D4D5;
  border-radius: 3px;
  color: #333192;
  font-size: 20px;
  padding: 10px 35px;
  margin-bottom: 0px;
  transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.fitxa-producte .prod-cap button:hover {
  background: #002E72;
  border: 1px solid #002E72;
  color: #D2D4D5;
}
.fitxa-producte .prod-cap .entradeta {
  font-size: 30px;
  color: #000;
}
.fitxa-producte .info_producte {
  margin-left: 30px;
}
.fitxa-producte .info_producte h1 {
  font-size: 36px;
  color: #333333;
  padding-bottom: 25px 0px;
}
.fitxa-producte .info_producte .descripcio-prod {
  clear: both;
  font-size: 14px;
  font-weight: 500;
}
.fitxa-producte .info_producte .caracteristiques {
  margin-top: 15px;
}
.fitxa-producte .info_producte .caracteristiques .caracteristica {
  margin-bottom: 5px;
}
.fitxa-producte .info_producte .caracteristiques .caracteristica .etiqueta {
  font-weight: 500;
  display: inline-block;
  margin-right: 5px;
}
.fitxa-producte .info_producte .caracteristiques .caracteristica .valor {
  font-weight: 400;
}
.fitxa-producte .info_producte .caracteristiques .caracteristica .valor .fraccio {
  display: inline-block;
  margin-left: 3px;
  font-size: 12px;
}
.fitxa-producte .info_producte .boto {
  margin-top: 20px;
  padding: 11px 30px;
  font-size: 14px;
}
.fitxa-producte .info-text-producte ul {
  margin-top: 20px;
  padding-left: 20px;
}
.fitxa-producte .info-text-producte ul li {
  list-style: none;
  margin-bottom: 10px;
  line-height: 120% !important;
}
.fitxa-producte .info-text-producte ul li:before {
  font-family: 'FontAwesome';
  content: '\f111';
  margin: 0 10px 0 -15px;
  color: #002E72;
  font-size: 12px;
}
.fitxa-producte h3 {
  margin-top: 40px;
  font-size: 30px;
  font-weight: 600;
}
.fitxa-producte .icones {
  clear: both;
  margin-top: 20px;
  margin-bottom: 0px;
  border: 1px solid #ffffff;
  text-align: left;
}
.fitxa-producte .icones img {
  padding-bottom: 10px !important;
  padding-right: 10px;
  display: inline-block;
  cursor: pointer;
}
/** documents relacionats ***/
.producte-etiquetes {
  margin-top: 20px;
  padding: 15px;
  border-top: 1px solid #DDDDDD;
}
.producte-etiquetes .fa {
  margin-right: 5px;
  color: #999999;
  font-size: 17px;
  float: left;
  width: 20px;
}
.producte-etiquetes div {
  margin-left: 20px;
  overflow: hidden;
}
.producte-etiquetes a {
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  margin-left: 10px;
}
.producte-etiquetes a:hover {
  text-decoration: underline;
}
.banda_aplicacions {
  background: #5C5AA8;
  color: #fff;
  padding: 60px 0px;
}
.banda_aplicacions h2 {
  color: #fff;
  font-size: 30px;
  padding-bottom: 20px;
}
.banda_aplicacions a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 0.8em;
}
.banda_aplicacions a:hover {
  text-decoration: none;
  color: #fff;
}
.banda_aplicacions .producte-aplicacions a {
  color: rgba(255, 255, 255, 0.7);
  display: block;
  font-size: 0.8em;
  text-decoration: none;
  margin-bottom: 7px;
}
.banda_aplicacions .producte-aplicacions a:hover {
  text-decoration: none;
  color: #fff;
}
.banda_aplicacions .producte-documents .fa {
  margin-right: 10px;
  color: #fff;
  font-size: 15px;
}
.banda_aplicacions .producte-documents a {
  display: block;
  padding-bottom: 5px;
}
/** Productes relacionats **/
.prod-relacionats {
  margin-top: 30px;
  clear: both;
}
.prod-relacionats .titol-relacionats h2 {
  padding: 20px 0px;
  color: #002E72;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.prod-relacionats .cos-relacionats {
  padding-bottom: 20px;
}
#formulari_mes_info_producte {
  display: none;
  background: #FBFBFB;
  padding: 0px 50px;
  margin-bottom: 40px;
  margin-top: 0px;
}
#formulari_mes_info_producte .form_voltant {
  padding: 40px;
}
#boto_mes_info_producte {
  background: #002E72;
  color: #fff;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 0.8em;
  letter-spacing: 1px;
}
#boto_mes_info_producte:hover {
  background: rgba(49, 49, 143, 0.5);
  border: 1px solid rgba(49, 49, 143, 0.5);
}
#boto_mes_info_producte_tancar {
  text-align: right;
  cursor: pointer;
}
#boto_mes_info_producte_tancar .fa {
  font-size: 25px;
  color: #002E72;
}
#boto_mes_info_producte_tancar .fa:hover {
  color: rgba(49, 49, 143, 0.5);
}
.text_cerca {
  padding: 10px 0px 10px;
  font-size: 16px;
}
.form_mes_info_voltant {
  position: relative;
  margin: 40px 0px;
}
.form_mes_info_voltant .disabled {
  background: #ddd;
}
.form_mes_info_voltant .ample_1 {
  max-width: 149px;
  width: 100%;
}
.form_mes_info_voltant select.ample_1 {
  width: 149px;
}
.form_mes_info_voltant .ample_2 {
  max-width: 260px;
}
.form_mes_info_voltant .ample_3 {
  max-width: 260px;
}
.form_mes_info_voltant .boto_tancar_layer {
  font-size: 30px;
  background: #002E72;
  color: #fff;
  position: absolute;
  top: -15px;
  right: 5px;
  cursor: pointer;
}
.form_mes_info_voltant .boto_tancar_layer:hover {
  color: #000;
}
.form_mes_info_voltant .boto_tancar {
  font-size: 25px;
  background: #002E72;
  padding: 6px;
  line-height: 100%;
  height: auto;
  width: auto;
  color: #fff;
  position: absolute;
  right: 15px;
  cursor: pointer;
}
.form_mes_info_voltant .boto_tancar:hover {
  opacity: 0.7;
}
.form_mes_info_voltant .etiqueta_seccio {
  color: #002E72;
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
}
.form_mes_info_voltant form {
  margin: 0;
}
.form_mes_info_voltant .form-group {
  margin: 0;
}
.form_mes_info_voltant .form-group .control-label {
  padding-top: 13px;
}
.form_mes_info_voltant .control-label {
  font-weight: 700;
}
.form_mes_info_voltant .form-group {
  margin-right: 10px;
}
.form_mes_info_voltant .text_peu {
  padding: 20px 0px;
}
.form_mes_info_voltant #div_comentaris {
  width: 95% !important;
}
.form_mes_info_voltant .boto_env {
  text-align: right;
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .form_mes_info_voltant {
    position: relative;
    margin: 40px 10px;
  }
  .form_mes_info_voltant .ample_1 {
    width: 100%;
    max-width: 100%;
  }
  .form_mes_info_voltant select.ample_1 {
    width: 100%;
    max-width: 100%;
  }
  .form_mes_info_voltant .ample_2 {
    max-width: 100%;
  }
  .form_mes_info_voltant .ample_3 {
    max-width: 100%;
  }
  .form_mes_info_voltant .boto_env {
    margin-right: 0px;
  }
}
.item-range .from {
  float: left;
  display: inline-block;
  padding-top: 15px;
  font-size: 12px;
  font-weight: 500;
  margin-left: -10px;
}
.item-range .from span {
  display: inline-block;
  padding-left: 5px;
}
.item-range .to {
  float: right;
  display: inline-block;
  padding-top: 15px;
  font-size: 12px;
  font-weight: 500;
  margin-right: -10px;
}
.item-range .to span {
  display: inline-block;
  padding-left: 5px;
}
#boto-filtre-productes {
  color: #002E72;
  font-size: 20px;
  cursor: pointer;
  margin-bottom: 20px;
  text-decoration: none;
  text-align: right;
  display: block;
  text-transform: uppercase;
}
#boto-filtre-productes .fa {
  margin-left: 10px;
}
#boto-filtre-productes:hover {
  color: #333333;
}
/**********************************************************************************************
***
***     Maquetació  vista prèvia mosaic
***
******************************************************************************************/
.llista_productes_env .item_vp {
  padding-bottom: 10px;
  margin-left: 20px;
  margin-right: 0px;
  text-align: left;
  position: relative;
}
.llista_productes_env .item_vp.parell {
  margin-left: 0px;
  margin-right: 20px;
}
.llista_productes_env .item_vp img {
  width: 100%;
}
.llista_productes_env .item_vp .img_principal {
  top: 0;
  left: 0;
  overflow: hidden;
}
.llista_productes_env .item_vp .titol {
  font-size: 20px;
  line-height: 110%;
  background-color: #002E72;
  padding: 10px 10px;
  text-align: center;
  display: block;
  width: 100%;
  color: #ffffff;
}
.llista_productes_env .item_vp:hover .titol {
  background-color: rgba(49, 49, 143, 0.9);
}
@media screen and (max-width: 768px) {
  .llista_productes_env .item_vp {
    margin-right: 0px;
  }
}
/**********************************************************************************************
***
***     FI Maquetació  vista prèvia mosaic
***
******************************************************************************************/
.performance_wheels {
  margin-top: 50px;
}
.performance_wheels h2 {
  font-size: 40px;
  text-transform: uppercase;
}
.performance_wheels .intro {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}
.performance_wheels h3 {
  font-size: 30px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 40px;
}
.performance_wheels .row_int {
  margin-bottom: 40px;
}
.performance_wheels .info-prod .titol {
  text-align: center;
}
.performance_wheels .info-prod .titol a {
  text-decoration: none;
  color: #333;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
}
.performance_wheels .familia_performance {
  margin-bottom: 70px;
}
.performance_wheels .familia_performance .header {
  margin-bottom: 30px;
}
.performance_wheels .llantas_serie {
  margin-bottom: 30px;
}
.fitxa-performance {
  text-align: center;
  /** Visor imatges secundaries **/
}
.fitxa-performance .url_anterior {
  text-align: left;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
}
.fitxa-performance .url_anterior .fa {
  margin-right: 5px;
}
.fitxa-performance h1 .aplicacio {
  display: block;
  color: #333;
  font-weight: 400;
  font-size: 30px;
  text-transform: uppercase;
}
.fitxa-performance .imatges_secundaries {
  clear: both;
  margin-top: 40px;
  margin-bottom: 20px;
  border: 1px solid #ffffff;
  text-align: center;
}
.fitxa-performance .imatges_secundaries a {
  padding-bottom: 10px !important;
  padding-right: 25px;
  padding-left: 25px;
  display: inline-block;
}
.fitxa-performance .icones {
  clear: both;
  margin-top: 40px;
  margin-bottom: 20px;
  border: 1px solid #ffffff;
  text-align: center;
}
.fitxa-performance .icones img {
  padding-bottom: 10px !important;
  padding-right: 5px;
  padding-left: 5px;
  display: inline-block;
  cursor: pointer;
}
.fitxa-performance .info_producte {
  margin-top: 20px;
  color: #333;
  font-size: 14px;
}
.fitxa-performance .info_producte h2 {
  font-size: 30px;
  text-transform: uppercase;
  margin: 30px 0px 20px 0px;
}
.fitxa-performance .info_producte #mostra_form_contacte {
  margin: 30px 0px  50px 0px;
  font-size: 14px;
}
.jBox-Tooltip .jBox-container,
.jBox-Mouse .jBox-container {
  border-radius: 0;
}
.jBox-title {
  font-size: 14px;
}
.jBox-content {
  line-height: 100%;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 10px;
}
/*# sourceMappingURL=estils.css.map */