FM / css

/var/www/clients/client1/web2/web/latynlatyn/css/

/var/www/clients/client1/web2/web/latynlatyn/css

Name	Size	Mode	Actions
.DS_Store	6148	0644	edit dl rm
bootstrap-theme.css	22474	0644	edit dl rm
bootstrap-theme.css.map	43029	0644	edit dl rm
bootstrap-theme.min.css	19835	0644	edit dl rm
bootstrap.css	137067	0644	edit dl rm
bootstrap.css.map	366144	0644	edit dl rm
bootstrap.min.css	113498	0644	edit dl rm
header.php	5919	0644	edit dl rm
index.html	14310	0644	edit dl rm
main.css	47270	0644	edit dl rm
main.map	52219	0644	edit dl rm
main.scss	35910	0644	edit dl rm
mainbackup.css	46419	0644	edit dl rm
main_.css	45773	0644	edit dl rm

Edit: /var/www/clients/client1/web2/web/latynlatyn/css/main.css (47270B)

@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Hurme Geometric Sans 1';
  src: url("../fonts/HurmeGeometricSans1-Bold.eot");
  src: url("../fonts/HurmeGeometricSans1-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/HurmeGeometricSans1-Bold.woff") format("woff"), url("../fonts/HurmeGeometricSans1-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Hurme Geometric Sans 1';
  src: url("../fonts/HurmeGeometricSans1-Regular.eot");
  src: url("../fonts/HurmeGeometricSans1-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/HurmeGeometricSans1-Regular.woff") format("woff"), url("../fonts/HurmeGeometricSans1-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Hurme Geometric Sans 1';
  src: url("../fonts/HurmeGeometricSans1-SemiBold.eot");
  src: url("../fonts/HurmeGeometricSans1-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/HurmeGeometricSans1-SemiBold.woff") format("woff"), url("../fonts/HurmeGeometricSans1-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Hurme Geometric Sans 1';
  src: url("../fonts/HurmeGeometricSans1-Light.eot");
  src: url("../fonts/HurmeGeometricSans1-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/HurmeGeometricSans1-Light.woff") format("woff"), url("../fonts/HurmeGeometricSans1-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("../fonts/HelveticaNeueLTStd-MdCn.woff2") format("woff2"), url("../fonts/HelveticaNeueLTStd-MdCn.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

a, select, button, input, textarea {
  outline: none;
}

.trans, .navbar-nav > li > a, .productos .botones li a, .productos .grilla a, .banner .banner2, .detalleprod .botonmanual, .detalleprod .adquirir a, .postventa input[type="submit"], .postventa input[type="button"], .mapa2 .contacto .contacto2 input[type="submit"], .mapa2 .contacto .contacto2 input[type="button"], .descarga a, .pie ul img, .tiendaslistado a, .redespop ul img:hover, .gracias2 a, .modsprods img, .modacerca .col1 a, footer .descargar, .botondescargar a, .prods .fichaboton, .formcontacto input[type="submit"], .formcontacto input[type="button"], .medidasboton, .footer2 .col2 ul img, .marcas .logologo, .marcas a, .marcas .col-md-3, .bannerconexiones a, .frase .col-md-6 .boton, .frase .col-md-12 .boton, .frase2 .col-md-6 .boton, .frase2 .col-md-12 .boton, .frase a {
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body {
  padding: 0;
  margin: 0;
  font-family: "Roboto", sans-serif;
  background-color: #191a1a;
}

.clear {
  clear: both;
}

h1, h2, h3, h4, p, ul, li {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a, a:hover {
  text-decoration: none;
  outline: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

.navbar-inverse {
  background-color: rgba(0, 0, 0, 0.6);
  background-image: none;
  border: none;
}

.navbar-brand {
  padding: 4px 33px 0 15px;
}

.navbar-collapse {
  padding-right: 0;
}

.navbar {
  min-height: 62px;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
  text-shadow: none;
  color: #f7921e;
}

.navbar-inverse .navbar-nav > li {
  border-right: none;
}

.navbar-nav {
  float: right;
  text-align: left !important;
}

.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #f7921e;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a {
  font-weight: bold;
  background-color: #f7921e;
  background-image: none;
  box-shadow: none;
}

.navbar-brand > img {
  height: 45px;
  margin-top: 11px;
}

.navbar-nav > li > .dropdown-menu {
  background-color: #f7921e;
  border-radius: none;
}

.navbar-nav > li > .dropdown-menu a {
  color: #fff;
}

.dropdown-menu li {
  border-bottom: solid 1px #fff !important;
}

.navbar-nav > li > .dropdown-menu a:hover {
  background-color: transparent;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: transparent !important;
}

.dropdown-menu {
  padding: 10px;
  border: none;
  box-shadow: none;
}

.dropdown-menu li {
  border-bottom: solid 1px #C10073;
}

.dropdown-menu li:last-child {
  border: none;
}

.dropdown-menu span {
  color: #000;
}

.navbar-nav {
  float: none;
  text-align: center;
}

.navbar-nav li {
  float: none;
  display: inline-block;
}

.linkredes {
  padding: 17px 10px 17px 10px !important;
}

.dropdown-menu > li > a:hover {
  color: #fff !important;
  opacity: 0.8;
}

.navbar-nav > li > a {
  padding-top: 22px;
  padding-bottom: 20px;
  font-size: 17px;
  display: block;
}

.navbar-inverse .navbar-nav > li > a:hover {
  background-color: #f7921e;
  color: #fff;
}

.navbar {
  border-top: none;
}

.dropdown-menu > li > a {
  padding: 5px;
}

.dropdown-menu > li > a:hover {
  color: #000;
  background-image: none;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  display: none !important;
}

@media (max-width: 420px) {
  .navbar-nav {
    float: none;
  }
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: none;
  }
  .navbar-collapse {
    box-shadow: none;
  }
  .navbar-nav > li > a {
    padding: 10px 10px 5px 14px;
  }
  .navbar-toggle {
    margin-top: 14px;
    border: none;
    background-color: transparent;
  }
  .redes {
    display: inline-block !important;
    border: none !important;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #191a1a;
  }
  #slider-wrapper {
    margin-top: 62px;
  }
  .bx-wrapper .bx-controls-direction a {
    display: none;
  }
  .mapa1 img {
    margin-top: 33px;
    display: block;
  }
  .mod1 h1 {
    font-size: 18px;
    margin-bottom: 21px;
  }
  .mod1 .col-md-7 {
    font-size: 15px;
  }
}

#slider-wrapper li {
  cursor: pointer;
}

.mapa {
  height: 721px;
  width: 100%;
}

.mapa1 {
  padding: 160px 0 160px 0;
}

.mapa1 h1 {
  color: #f7921e;
  font-family: "Hurme Geometric Sans 1";
  text-transform: uppercase;
  font-size: 39px;
}

.mapa1 h2 {
  color: #f7921e;
  font-family: "Hurme Geometric Sans 1";
  font-weight: 600;
  font-size: 45px;
  margin-bottom: 21px;
  text-transform: uppercase;
}

.mapa1 p {
  color: #fff;
}

@media (max-width: 420px) {
  .mapa1 {
    padding: 45px 0 45px 0;
  }
}

.mod1 {
  padding: 114px 0 124px 0;
  background-image: url(../img2/FDO_ACERCA.jpg);
  background-repeat: no-repeat;
  background-position: top right;
}

.mod1 h1 {
  color: #f7921e;
  font-size: 21px;
  font-weight: 300;
  margin-bottom: 21px;
}

.mod1 h1 span {
  font-weight: bold;
  display: block;
}

.mod1 .col-md-7 {
  font-size: 18px;
  color: #191a1a;
  font-family: "Hurme Geometric Sans 1";
  font-weight: 300;
}

.mod1 .col-md-6 {
  padding-top: 33px;
}

.mod1 .col-md-6 h2 {
  font-size: 22px;
  color: #f7921e;
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: solid 1px #f7921e;
  margin-top: 21px;
  padding-bottom: 10px;
}

.mod1 .col-md-6 p {
  font-size: 14px;
  font-weight: 300;
}

.mod1 p {
  font-size: 15px;
}

.productos h1 {
  color: #fff;
  background-color: #f7921e;
  text-align: center;
  padding: 21px 21px 10px 21px;
  font-weight: 300;
  font-size: 21px;
  margin-bottom: 33px;
}

.productos h1 span {
  font-weight: 700;
}

.productos h2 {
  font-size: 28px;
  font-weight: bold;
  color: #f7921e;
  border-bottom: solid 1px #191a1a;
  padding: 0 0 10px 0;
  margin-bottom: 10px;
}

.productos p {
  color: #191a1a;
  font-weight: 300;
  font-size: 14px;
  height: 185px;
  padding-bottom: 21px;
}

.productos .botones {
  padding-bottom: 21px;
}

.productos .botones ul {
  padding-bottom: 15px;
}

.productos .botones li {
  margin: 0 0 10px 0;
  display: inline-block;
}

.productos .botones li img {
  margin: 0 3px 0 0;
}

.productos .botones li a {
  color: #f7921e;
  font-size: 22px;
  padding: 10px 15px 5px 15px;
}

.productos .botones li a:hover {
  background-color: #f7921e;
  color: #fff;
}

.productos .botones li a:hover img {
  filter: brightness(0) invert(1);
}

.productos .botones li:last-child {
  display: none;
}

.productos .pad {
  padding-top: 33px;
}

.productos .repuestos {
  padding-top: 33px;
  text-align: center;
  padding-bottom: 33px;
}

.productos .repuestos .foto {
  display: block;
  margin: 10px auto 15px auto;
}

.productos .col-md-6 {
  border-bottom: dashed 1px rgba(0, 0, 0, 0.1);
  height: 551px;
}

.productos .grilla h3 {
  color: #f7921e;
  text-align: center;
  margin-bottom: 15px;
}

.productos .grilla a {
  color: #fff;
  font-size: 18px;
  border-radius: 6px;
  font-size: 18px;
  background-color: #f7921e;
  width: 150px;
  font-family: "Roboto", sans-serif;
  margin: auto auto 31px auto;
  text-align: center;
  display: block;
  padding: 10px 15px 7px 15px;
}

.productos .grilla a:hover {
  background-color: #f7921e;
}

.productos .grilla img {
  width: 100px;
  display: block;
  margin: auto;
}

.productos .grilla .borde {
  border-left: solid 1px rgba(0, 0, 0, 0.1);
  border-right: solid 1px rgba(0, 0, 0, 0.1);
}

.productos .grilla .col-md-4 {
  margin-bottom: 45px;
}

.banner {
  padding: 45px;
}

.banner .banner2 {
  color: #fff;
  background-color: #f7921e;
  border-radius: 10px;
  font-size: 21px;
  padding: 15px 21px 15px 21px;
  font-weight: bold;
  display: block;
  margin: auto;
  margin-top: 31px;
  text-align: center;
  width: 501px;
}

.banner .banner2:hover {
  background-color: #f7921e;
}

.banner p {
  font-size: 33px;
  font-weight: 300;
  line-height: 31px;
  text-align: center;
  padding: 12px 0 21px 0;
}

.banner p span {
  display: block;
}

.banner img {
  display: block;
  margin: auto;
  margin-top: -99px;
  position: absolute;
  margin-left: -133px;
}

.banner ul {
  text-align: center;
}

.banner ul li {
  display: inline-block;
  padding: 21px;
  color: #fff;
  font-size: 18px;
}

.banner ul a {
  color: #fff;
}

.banner ul a:hover {
  opacity: 0.8;
}

.banner ul p {
  font-size: 22px;
  line-height: 22px;
}

.banner .iconogarantia {
  position: absolute;
  top: 15px;
  left: 15px;
}

.banner .inherit {
  position: inherit;
}

.banners {
  background-image: url(../img2/fdo_contacto.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  margin-top: 45px;
}

.banners .borde1 {
  border-right: solid 1px #fff;
  height: 345px;
}

.banners .borde2 {
  border-left: solid 1px #fff;
  height: 345px;
}

.cabcategorias {
  padding: 45px;
  color: #fff;
  text-align: center;
  background-color: #f7921e;
  position: relative;
  background-size: cover;
  margin-top: 73px;
  margin-bottom: 45px;
}

.cabcategorias h1 {
  letter-spacing: 4px;
  font-size: 18px;
  font-weight: 300;
}

.cabcategorias h2 {
  font-size: 45px;
  font-weight: 300;
}

.cabcategorias h2 span {
  font-weight: bold;
}

.detalleprod {
  padding-bottom: 60px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 21px;
}

.detalleprod h1 {
  color: #f7921e;
  font-weight: bold;
  font-size: 26px;
  padding-bottom: 12px;
}

.detalleprod h1 span {
  font-size: 14px;
}

.detalleprod p {
  font-size: 15px;
  margin-bottom: 31px;
  font-weight: 300;
}

.detalleprod .botonmanual {
  width: 200px;
  display: block;
  border-radius: 6px;
  border: solid 1px #f7921e;
  background-image: url(../img2/2020/ico_manual.svg);
  background-repeat: no-repeat;
  padding: 14px 12px 6px 49px;
  color: #f7921e;
  font-size: 16px;
  margin: 61px auto 31px auto;
  background-position: 9px 7px;
}

.detalleprod .botonmanual:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #f7921e;
}

.detalleprod .grilla .item1 {
  font-weight: bold;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.detalleprod .grilla .item2 {
  border-bottom: dashed 1px rgba(0, 0, 0, 0.1);
  padding: 11px 0 3px 0;
  font-weight: 300;
}

.detalleprod .grilla .precio {
  text-align: right;
}

.detalleprod .adquirir {
  padding: 16px 12px 12px 12px;
  background-color: rgba(0, 0, 0, 0.1);
  margin-top: 21px;
  position: relative;
}

.detalleprod .adquirir p {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 21px;
  text-align: center;
  line-height: 21px;
}

.detalleprod .adquirir a {
  color: #fff;
  font-weight: bold;
  padding: 10px 15px 7px 15px;
  display: block;
  font-size: 16px;
  background-color: #f7921e;
  border-radius: 6px;
  text-align: center;
}

.detalleprod .adquirir a:hover {
  background-color: #f7921e;
}

.detalleprod .adquirir ul {
  text-align: center;
}

.detalleprod .adquirir ul li {
  display: inline-block;
  width: 45%;
}

.detalleprod .adquirir .bullet {
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  margin: auto;
  width: 22px;
}

.volver {
  text-align: right;
  padding-bottom: 45px;
}

.volver a {
  color: #f7921e;
  font-size: 16px;
  font-weight: bold;
}

.volver a:hover {
  color: #f7921e;
}

.volverlistado {
  position: absolute;
  right: 0;
  bottom: -21px;
  background-color: #f7921e;
  color: #fff;
  font-size: 16px;
  border-radius: 21px 0 0 21px;
  padding: 12px 12px 8px 16px;
  font-weight: bold;
}

.volverlistado a {
  color: #fff;
}

.volverlistado a:hover {
  opacity: 0.8;
}

.postventa h1 {
  margin: 69px 0 10px 0;
  font-weight: bold;
  color: #003E5F;
  font-size: 28px;
  border-bottom: solid 1px #C9C9C9;
  padding: 0 0 5px 0;
}

.postventa h2 {
  color: #f7921e;
  margin: 33px 0 10px 0;
  font-weight: bold;
  font-size: 19px;
}

.postventa p {
  font-size: 15px;
  color: #fff;
}

.postventa input[type="text"], .postventa input[type="email"], textarea {
  border: none;
  font-size: 15px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  color: #191a1a;
  padding: 5px;
  width: 100%;
  margin: 0 0 10px 0;
}

.postventa .ticket {
  margin: 0 0 10px 0;
}

.postventa select {
  border: none;
  color: #000;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  padding: 5px;
  font-size: 15px;
  width: 100%;
  margin: 0 0 10px 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../img/dropdown.png);
  background-repeat: no-repeat;
  background-position: 97%;
}

.postventa .col-md-12 {
  padding-top: 0px;
}

.postventa {
  padding-bottom: 45px;
  font-size: 15px !important;
}

.postventa input[type="submit"], .postventa input[type="button"] {
  background-color: #f7921e;
  color: #fff;
  font-size: 20px;
  border: none;
  background-image: url(../img/flecha_enviar.jpg);
  background-repeat: no-repeat;
  background-position: right;
  text-align: center;
  display: block;
  margin: auto;
  padding: 15px 31px 15px 31px;
}

.postventa input[type="submit"]:hover, .postventa input[type="button"]:hover {
  opacity: 0.8;
}

.titulopost {
  text-align: center;
  font-weight: 300;
  font-size: 21px !important;
  color: #fff;
}

.postventa input::placeholder {
  color: #000;
}

.carousel1 {
  margin-bottom: 45px;
}

.postventa {
  color: #fff;
}

.postventa .col-md-3 {
  font-size: 12px;
}

.postventa textarea {
  margin-top: 33px;
}

.videohome {
  margin-top: 62px;
}

.mapa2 { position: relative; background-color: #0a0a0a; padding-top: 120px; padding-bottom: 45px; }

.mapa2 h2 { color: #fff; font-size: 16px; margin-bottom: 15px; }

.mapa2 p { color: #fff; line-height: 25px; margin-bottom: 20px; }

.mapa2 a { color: #fff; font-size: 16px; font-weight: 600; width: 120px; display: block; text-align: center; border: solid 1px #fff; border-radius: 12px; padding: 12px; }

.mapa2 a:hover { background-color: #fff; color: #fdc516; }

.mapa2 .contacto .contacto2 { padding: 15px 0 15px 0; }

.mapa2 .contacto .contacto2 h1 { color: #fff; margin-bottom: 15px; text-transform: uppercase; font-size: 33px;  background: #0a0a0a; padding: 15px; text-align: center; font-weight: 600;}

.mapa2 .contacto .contacto2 h1 span { font-weight: 400; }

.mapa2 .contacto .contacto2 input[type="text"], .mapa2 .contacto .contacto2 input[type="email"], .mapa2 .contacto .contacto2 textarea { border: none; font-size: 15px; width: 100%; margin-bottom: 10px; color: dimgray; padding: 10px; background-color: transparent; border-bottom: solid 1px #fdc516; }

.mapa2 .contacto .contacto2 input[type="submit"], .mapa2 .contacto .contacto2 input[type="button"] { border: none; background-color: #0a0a0a; color: #fff; display: block; margin: auto; font-size: 18px; border-radius: 33px; padding: 10px 22px 10px 22px; border: solid 1px #fdc516; font-weight: 600; text-transform: uppercase; }

.mapa2 .contacto .contacto2 input[type="submit"]:hover, .mapa2 .contacto .contacto2 input[type="button"]:hover { background-color:#fdc516; color:#fff;}

.mapa2 .contacto .sumate { background-color: #333333; padding: 20px; position: relative; }

.mapa2 .contacto .sumate h1 { color: #f7921e; font-size: 19px; text-transform: uppercase;  }

.mapa2 .contacto .sumate p { color: #fff; margin: 5px 0 5px 0; padding: 0 60px 0 0; }

.mapa2 .contacto .sumate a { color: #f7921e; }

.mapa2 .contacto .sumate a:hover { color: #fff; }

.mapa2 .contacto .sumate .icono { position: absolute; right: -45px; top: 9px; }

.mapa2 .borde { border-right: solid 1px #fff; border-left: solid 1px #fff; }
.mapa2 img{filter:grayscale(1);}

.mapa2 .col-md-4 { padding-top: 20px; padding-bottom: 20px; }
.contacto {
    width: 700px;
    position: absolute;
    top: -431px;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius:12px;
}
.mapa2 .contacto .contacto2{border-radius:12px;}

.descarga {
  padding: 15px;
  text-align: center;
  margin-top: 31px;
  color: #191a1a;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  font-weight: 300;
  margin-bottom: 33px;
}

.descarga h1 {
  font-size: 26px;
  color: #191a1a;
  margin-bottom: 15px;
  font-weight: 300;
}

.descarga a {
  color: #fff;
  background-color: #f7921e;
  border-radius: 10px;
  font-size: 21px;
  padding: 15px 21px 15px 21px;
  font-weight: bold;
  display: inline-block;
  margin: 0 10px 0 0;
  text-align: center;
  width: 300px;
}

.descarga a:hover {
  background-color: #f7921e;
}

.carousel3 img {
  width: auto !important;
  display: inherit !important;
}

div.tooltip-inner {
  width: 350px;
}

@media (max-width: 420px) {
  .mapa2 .contacto {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
  }
  .mapa2 .icono {
    display: none;
  }
}

.pie {
  background-color: #f7921e;
  padding: 20px 20px 15px 20px;
  color: #fff;
}

.pie a {
  color: #fff;
}

.pie .col-md-8 {
  font-size: 11px;
}

.pie .right, .pie .left {
  width: 50%;
}

.pie .right {
  text-align: right;
  font-size: 11px;
  line-height: 14px;
}

.pie .right a {
  display: block;
}

.pie .right a:hover {
  opacity: 0.8;
}

.pie .col-md-6 {
  text-align: center;
}

.pie ul {
  text-align: right;
}

.pie ul li {
  display: inline-block;
}

.pie ul .borde {
  border-right: solid 1px #fff;
  padding: 0 10px 0 0px;
  margin-right: 10px;
}

.pie ul img:hover {
  opacity: 0.8;
}

@media (max-width: 420px) {
  .pie .right, .pie .left {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}

.fotodistribuidores {
  margin-top: 67px;
  background-color: #f7921e;
  padding: 45px;
}

.fotodistribuidores h1 {
  color: #fff;
  text-align: center;
  font-weight: 300;
}

.fotodistribuidores h1 span {
  font-weight: bold;
}

.tiendaslistado {
  background-image: url(../img/fondo.png);
  color: #f7921e;
  padding-top: 31px;
  padding-bottom: 31px;
}

.tiendaslistado h2 {
  font-size: 15px;
  margin: 0 0 5px 0;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
}

.tiendaslistado h3 {
  font-size: 22px;
  color: #f7921e;
  font-weight: normal;
  margin-bottom: 10px;
  border-bottom: solid 1px #EAE8E9;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.tiendaslistado p {
  font-weight: normal;
  font-size: 16px;
}

.tiendaslistado a {
  width: 101px;
  display: block;
  background-color: #f7921e;
  color: #fff;
  padding: 10px 10px 5px 10px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 51px;
}

.tiendaslistado a:hover {
  background-color: #303030;
}

.tiendaslistado select {
  border: none;
  padding: 10px 43px 10px 10px;
  color: #303030;
  font-size: 16px;
  background-image: url(../img/flecha_naranja.png);
  background-repeat: no-repeat;
  background-position: 95%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 33px;
  background-color: #EAE8E9;
}

.tiendaslistado option {
  background-color: #fff;
  color: #303030;
  font-family: arial;
}

@media (max-width: 420px) {
  .tiendaslistado select {
    padding-right: 8px;
  }
}

.modinstagram {
  text-align: center;
  margin-top: 31px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  font-size: 31px;
  padding-bottom: 10px;
  margin-bottom: 31px;
}

.instagram {
  margin-bottom: 31px;
}

.botoncomprar {
  background-color: #f7921e;
  color: #fff;
  padding: 15px 15px 10px 15px;
  font-size: 16px;
  border-radius: 6px;
}

.botoncomprar:hover {
  opacity: 0.8;
  color: #fff;
}

.modalredes {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999999999;
}

.redespop {
  position: absolute;
  top: 100px;
  width: 778px;
  background-image: url(../img2/redes/fdo_popup.jpg);
  left: 0;
  right: 0;
  margin: auto;
  height: 432px;
  padding: 21px;
  color: #fff;
  text-align: center;
  padding: 80px 0 0 245px;
}

.redespop ul {
  text-align: center;
}

.redespop ul li {
  display: inline-block;
  margin: 5px;
}

.redespop ul img:hover {
  opacity: 0.8;
}

.redespop h1 {
  margin: 10px 0 10px 0;
  font-weight: normal;
}

.redespop h2 {
  font-weight: 300;
  font-size: 21px;
  margin-bottom: 10px;
}

.redespop h2 span {
  display: block;
}

.redespop .x {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #fff;
  cursor: pointer;
  font-size: 21px;
}

.slick-prev {
  position: absolute;
  top: 45%;
  left: 1px;
  width: 16px;
  height: 51px;
  border: none;
  background-color: #f7921e;
  border-radius: 0px;
  color: transparent;
  z-index: 9;
  background-repeat: no-repeat;
  background-image: url("../img3/flechaizq.png");
  background-size: 10px;
  background-position: center;
  width: 36px;
}

.slick-next {
  position: absolute;
  top: 45%;
  right: 1px;
  width: 16px;
  height: 51px;
  border: none;
  background-color: #f7921e;
  border-radius: 0px;
  z-index: 9;
  background-repeat: no-repeat;
  color: transparent;
  background-image: url("../img3/flechader.png");
  background-size: 10px;
  background-position: center;
  width: 36px;
}

.slick-dots {
  position: absolute;
  bottom: -33px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  padding-right: 31px;
}

.slick-dots li {
  display: inline-block;
  margin-left: 6px;
}

.slick-dots li button {
  border: solid 1px #f7921e;
  padding: 5px;
  background-color: #fff;
  color: transparent;
  width: 21px;
  height: 21px;
  border-radius: 60px;
}

.slick-dots .slick-active button {
  background-color: #f7921e;
  border: solid 1px #f7921e;
}

.slick-prev:hover, .slick-next:hover {
  opacity: 0.8;
}

.carousel1 img, .slick-slide img {
  width: 100%;
}

button::-moz-focus-inner {
  border: none !important;
}

.dropdown-menu {
  min-width: 650px;
  left: -126px;
  border-bottom: solid 6px #dd6003;
  padding-top: 21px;
  padding-bottom: 21px;
}

.dropdown-menu li {
  display: inline-block;
  text-align: center;
  border: none;
  font-size: 28px;
  border: none !important;
  width: 49%;
  color: #fff;
}

.dropdown-menu li img {
  display: inline;
  width: 100px;
  vertical-align: middle;
  float: left;
  margin-top: -20px;
}

.dropdown-menu li span {
  display: block;
}

.dropdown-menu li a {
  font-weight: 400;
}

.dropdown-menu .vertodos {
  display: block;
  font-size: 16px;
  text-align: center;
  width: 100%;
  border-top: solid 1px #562854 !important;
  margin-top: 15px;
  padding-top: 12px;
}

.dropdown-menu .vertodos a {
  display: block;
  text-align: center;
  background-color: #562854;
  color: #fff;
  font-size: 18px;
  width: 200px;
  padding: 12px 12px 8px 12px;
  margin: auto;
}

.dropdown-menu .vertodos a:hover {
  background-color: #f7921e;
}

.dropdown-menu .borde {
  border-left: solid 1px #dd6003 !important;
  margin-right: 6px;
  padding-top: 26px;
}

@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
}

.graciaspost {
  font-size: 21px;
  text-align: center;
  padding: 31px 31px 100px 31px;
}

.preciorepuestos {
  font-size: 21px;
  text-align: center;
  padding: 12px;
}

.gracias2 {
  padding-bottom: 45px;
}

.gracias2 h1 {
  color: #f7921e;
  font-size: 27px;
  text-align: center;
  font-weight: bold;
}

.gracias2 h2 {
  color: #191a1a;
  font-size: 18px;
  margin: 6px 0 0 0;
  text-align: center;
}

.gracias2 h3 {
  color: #f7921e;
  font-size: 27px;
  text-align: center;
  font-weight: bold;
}

.gracias2 img {
  display: block;
  margin: 31px auto 31px auto;
}

.gracias2 a {
  width: 200px;
  background-color: #f7921e;
  color: #fff;
  background-image: url(../img2/bot_home_gracias.svg);
  background-position: right;
  background-repeat: no-repeat;
  margin: auto;
  padding: 12px;
  display: block;
  margin-top: 31px;
  font-size: 20px;
  text-align: center;
}

.gracias2 a:hover {
  background-color: #dd6003;
}

.modsprods .col-md-6 {
  padding: 0;
}

.modsprods .col-md-6 img {
  width: 100%;
}

.modsprods .col1 {
  border-right: solid 1px #fff;
}

.modsprods .col2 {
  border-left: solid 1px #fff;
}

.modsprods h1 {
  color: #f7921e;
  font-size: 28px;
  margin-bottom: 33px;
  margin-top: 70px;
}

.modsprods .bold {
  font-weight: bold;
}

.modsprods .barrita {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  width: 161px;
  display: inline-block;
  vertical-align: middle;
}

.modsprods img:hover {
  opacity: 0.8;
}

.iconolatyn {
  padding: 61px;
  text-align: center;
}

.modacerca {
  border-left: solid 6px #f7921e;
}

.modacerca .col-md-6 {
  padding: 0;
}

.modacerca .col1 {
  padding-left: 90px;
  padding-top: 90px;
}

.modacerca .col1 h1 {
  color: #f7921e;
  font-size: 16px;
}

.modacerca .col1 h1 span {
  font-weight: bold;
}

.modacerca .col1 h2 {
  font-size: 39px;
  line-height: 39px;
  font-family: "Helvetica Neue LT Std";
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
}

.modacerca .col1 h2 span {
  display: block;
}

.modacerca .col1 p {
  max-width: 600px;
  margin-bottom: 33px;
}

.modacerca .col1 a {
  color: #f7921e;
  border: solid 2px #f7921e;
  font-size: 18px;
  padding: 10px 15px 10px 15px;
  border-radius: 33px;
  display: block;
  width: 145px;
  text-align: center;
}

.modacerca .col1 a:hover {
  background-color: #f7921e;
  color: #fff;
}

.mapa2 .col1, .mapa2 .col2 {
  padding: 0;
}

.modbanner {
  padding: 45px 0 395px 0;
  position: relative;
}

.modbanner img {
  float: right;
}

.modbanner .texto {
  position: absolute;
  background-color: #000;
  max-width: 1000px;
  padding: 45px;
  left: 0;
  top: 128px;
}

.modbanner .texto h2 {
  color: #f7921e;
  font-size: 18px;
  font-family: "Hurme Geometric Sans 1";
}

.modbanner .texto h2 span {
  width: 600px;
  height: 1px;
  background-color: #f7921e;
  display: inline-block;
  vertical-align: middle;
}

.modbanner .texto h1 {
  color: #fff;
  font-size: 63px;
  font-weight: 100;
  line-height: 57px;
  margin-top: 6px;
  font-family: "Roboto", sans-serif;
}

.modbanner .texto h1 span {
  display: block;
}

.modbanner .texto p {
  color: #fff;
  width: 70%;
  max-width: 750px;
  font-size: 16px;
  margin-top: 14px;
  padding-left: 6px;
  font-family: "Roboto", sans-serif;
}

footer {
  background-color: #191a1a;
  padding: 31px 0 0px 0;
}

footer .logofooter {
  text-align: center;
}

footer .menu1 {
  text-align: center;
  border-bottom: solid 1px #dd6003;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

footer .menu1 li {
  display: inline-block;
  color: #fff;
  font-size: 21px;
  vertical-align: middle;
  padding: 4px 14px 4px 14px;
}

footer .menu1 li a {
  color: #fff;
  font-size: 21px;
}

footer .menu1 .borde {
  border-left: solid 1px #dd6003;
}

footer .descargar {
  width: 222px;
  border-radius: 33px;
  border: solid 1px #fff;
  display: block;
  text-align: center;
  padding: 10px 15px 10px 15px;
}

footer .descargar:hover {
  background-color: #dd6003;
}

footer .col1 ul {
  text-align: center;
}

footer .col1 ul li {
  display: inline-block;
  padding-right: 14px;
}

footer .col1 ul li a {
  color: #fff;
  font-size: 16px;
}

footer .col1 ul li span {
  color: #dd6003;
}

footer .col2 {
  color: #fff;
  font-size: 16px;
  border-left: solid 1px #dd6003;
}

footer .col2 a {
  color: #fff;
}

footer .borde1 {
  border-bottom: solid 1px #dd6003;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

footer a:hover {
  opacity: 0.8;
}

.botondescargar {
  float: right !important;
}

.botondescargar a {
  color: #f7921e;
  border: solid 2px #f7921e;
  font-size: 18px;
  padding: 12px !important;
  margin-top: 6px;
  border-radius: 33px;
  display: block;
  width: 209px;
  text-align: center;
}

.botondescargar a:hover {
  background-color: #f7921e;
  color: #fff;
}

.dropdown-menu > li > a {
  line-height: 28px;
  text-align: left;
}

.dropdown-menu > li > a img {
  margin-right: 14px;
}

.fondocat {
  padding: 85px;
  background-image: url(../img/header_prods.jpg);
  color: #fff;
  margin-top: 43px;
  background-size: cover;
  margin-bottom: 45px;
}

.fondocat h1 {
  font-size: 22px;
  margin-bottom: 9px;
  font-family: "Helvetica Neue LT Std";
  letter-spacing: 1px;
}

.fondocat h2 {
  font-size: 58px;
  font-weight: bold;
  font-family: "Helvetica Neue LT Std";
}

.fondocat .barrita {
  width: 145px;
  height: 1px;
  margin-bottom: 9px;
  background-color: #dd6003;
}

.fondocat .container {
  position: relative;
}

.fondocat img {
  position: absolute;
  right: 0;
  top: 0px;
  width: 150px;
}

.prods h1 {
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
}

.prods h2 {
  font-size: 22px;
  font-weight: bold;
  font-family: "Helvetica Neue LT Std";
  margin-top: 3px;
  height: 68px;
}

.prods img {
  display: block;
  margin: auto auto 6px auto;
  height: 200px;
  width: auto;
}

.prods .col-md-4 {
  margin-bottom: 81px;
}

.prods .fichaboton {
  padding: 12px 6px 6px 6px;
  display: block;
  color: #f7921e;
  font-size: 16px;
  border-top: solid 1px rgba(0, 0, 0, 0.2);
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  background-image: url(../img/Productos/ico_pdf.svg);
  background-repeat: no-repeat;
  background-position: 95%;
  font-family: "Helvetica Neue LT Std";
}

.prods .fichaboton:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

.formcontacto {
  padding: 33px;
}

.formcontacto h1 {
  text-align: center;
  font-size: 33px;
  font-family: "Helvetica Neue LT Std";
}

.formcontacto p {
  color: rgba(0, 0, 0, 0.6);
  max-width: 700px;
  margin: auto;
  font-size: 16px;
  text-align: center;
}

.formcontacto img {
  display: block;
  margin: 31px auto 31px auto;
}

.formcontacto input[type="text"], .formcontacto input[type="email"], .formcontacto textarea {
  border: none;
  font-size: 15px;
  width: 100%;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.6);
  padding: 10px;
  background-color: transparent;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.formcontacto input[type="submit"], .formcontacto input[type="button"] {
  border: none;
  background-color: #f7921e;
  color: #fff;
  display: block;
  margin: auto;
  font-size: 18px;
  border-radius: 33px;
  padding: 10px 22px 10px 22px;
}

.formcontacto input[type="submit"]:hover, .formcontacto input[type="button"]:hover {
  background-color: #dd6003;
}

.formcontacto .pad {
  max-width: 700px;
  margin: auto;
}

.franjanaranja {
  padding: 15px;
  background-color: #f7921e;
}

.medidas {
  padding: 15px 4px 15px 4px;
  display: none;
}

.medidas .bold {
  font-weight: bold;
  font-family: "Helvetica Neue LT Std";
  margin-bottom: 4px;
}

.medidas .borde {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.medidasboton {
  padding: 12px 6px 6px 6px;
  display: block;
  color: #f7921e;
  font-size: 16px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  background-image: url(../img/Productos/flecha_medidas.svg);
  background-repeat: no-repeat;
  background-position: 95%;
  font-family: "Helvetica Neue LT Std";
  cursor: pointer;
}

.medidasboton:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

.textomedidas {
  padding: 15px 15px 15px 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
}

.textomedidas img {
  float: left;
  margin-right: 6px;
  width: 45px !important;
  height: 45px !important;
}

.copy {
  padding: 4px;
  text-align: center;
  background-color: #f7921e;
  color: #fff;
}

.copy a {
  color: #fff;
  font-weight: bold;
}

.footer2 {
  background-color: #191a1a;
  padding: 0 9px 14px 9px;
}

.footer2 .col1 img {
  width: 160px;
}

.footer2 .col2 {
  text-align: right;
}

.footer2 .col2 ul {
  padding-top: 0px;
}

.footer2 .col2 ul li {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

.footer2 .col2 ul li:nth-child(2) {
  margin: 0 9px 0 9px;
}

.footer2 .col2 ul img:hover {
  opacity: 0.8;
}

.footer2 .copy3 {
  font-size: 13px;
  color: #fff;
  text-align: center;
  padding-top: 3px;
}

.footer2 .copy3 a {
  color: #fff;
  display: inline;
}

.footer2 .copy3 span {
  display: block;
}

.copy2 {
  color: #fff;
  text-align: center;
}

.copy2 a {
  color: #fff;
}

.copy2 a:hover {
  opacity: 0.8;
}

.marcas .pad {
  max-width: 90%;
  margin: auto;
}

.marcas img {
  display: block;
  margin: auto;
}

.marcas .logologo {
  filter: brightness(0) invert(1);
  opacity: 0.6;
}

.marcas .col-md-3:hover .logologo {
  filter: brightness(1) invert(0);
  opacity: 1;
}

.marcas .borde1 {
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
}

.marcas .borde2 {
  border-bottom: solid 1px #000;
}

.marcas .borde3 {
  border-top: solid 1px #000;
}

.marcas .borde4 {
  border-right: solid 1px #000;
}

.marcas .pad2 {
  padding: 31px;
  text-align: center;
  color: #b0b0b0;
  height: 331px;
}

.marcas .pad2 p {
  padding-top: 14px;
  font-size: 18px;
  line-height: 22px;
}

.marcas .pad2 p span {
  display: block;
}

.marcas h1 {
  font-size: 77px;
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-weight: 100;
  text-align: center;
  margin-top: 61px;
}

.marcas h2 {
  font-size: 90px;
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 58px;
}

.marcas .trama {
  margin-top: 16px;
  width: 300px;
}

.marcas a {
  color: #fff;
}

.marcas a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.marcas .col-md-3:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.bannerconexiones {
  width: 1200px;
  height: 269px;
  margin: 65px auto 0px auto;
  background-image: url(../img3/fdo_banner_serv.jpg);
  background-size: cover;
  padding: 51px 45px 45px 60px;
}

.bannerconexiones img {
  float: left;
  margin-right: 22px;
}

.bannerconexiones h1 {
  color: #f7921e;
  font-size: 18px;
  font-family: "Hurme Geometric Sans 1";
}

.bannerconexiones h2 {
  color: #fff;
  font-size: 28px;
  margin: 6px 0 6px 0;
  font-family: "Hurme Geometric Sans 1";
  margin-bottom: 33px;
}

.bannerconexiones a {
  color: #fff;
  border: solid 1px #f7921e;
  border-radius: 31px;
  padding: 15px 22px 15px 22px;
  font-size: 18px;
}

.bannerconexiones a:hover {
  background-color: #f7921e;
}

.mapa2 .contacto .contacto2 {
  padding: 60px 60px 48px 60px;
  background-color: rgba(0, 0, 0, 0.8);
}

.carousel1 {
  margin-top: 72px;
}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 55px;
  height: 36px;
  position: relative;
  margin: 14px 0 0 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 33px;
  background: #f7921e;
  border-radius: 16px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 12px;
}

#nav-icon1 span:nth-child(2) {
  top: 22px;
}

#nav-icon1 span:nth-child(3) {
  top: 32px;
}

#nav-icon1.open span:nth-child(1) {
  top: 28px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 28px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.iconomobile {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99999999999999;
  display: block;
}

.activemenu {
  top: 72px !important;
}

.menucab {
  position: fixed;
  top: -100%;
  right: 0;
  width: 300px;
  z-index: 999999;
  padding: 33px;
  background-color: #191a1a;
  border-bottom: solid 6px #f7921e;
}

.menucab li {
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  font-size: 18px;
  line-height: 33px;
  font-family: "Hurme Geometric Sans 1";
  font-weight: 600;
}

.menucab li span {
  color: #f7921e;
}

.menucab li:hover, .menucab a:hover {
  color: #f7921e;
}

.menucab a {
  color: #fff;
}

.coltitulo:hover {
  opacity: 0;
}

.frase, .frase2 {
  padding: 45px;
}

.frase p, .frase2 p {
  color: #fff;
  text-align: center;
  font-size: 33px;
  line-height: 36px;
}

.frase .col-md-6, .frase .col-md-12, .frase2 .col-md-6, .frase2 .col-md-12 {
  text-align: center;
}

.frase .col-md-6 .icono, .frase .col-md-12 .icono, .frase2 .col-md-6 .icono, .frase2 .col-md-12 .icono {
  display: block;
  margin: 63px auto 33px auto;
}

.frase .col-md-6 .boton, .frase .col-md-12 .boton, .frase2 .col-md-6 .boton, .frase2 .col-md-12 .boton {
  border: solid 2px #f7921e;
  padding: 10px 15px 10px 15px;
  font-weight: bold;
  display: block;
  width: 345px;
  margin: 15px auto 15px auto;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 45px;
  font-size: 22px;
  text-align: center;
}

.frase .col-md-6 .boton:hover, .frase .col-md-12 .boton:hover, .frase2 .col-md-6 .boton:hover, .frase2 .col-md-12 .boton:hover {
  background-color: #f7921e;
}

.frase .items, .frase2 .items {
  display: none;
}

.frase .items ul, .frase2 .items ul {
  max-width: 300px;
  margin: auto;
}

.frase .items ul li, .frase2 .items ul li {
  text-align: left;
  margin-bottom: 6px;
  border-bottom: solid 1px #f7921e;
  padding-bottom: 6px;
}

.frase .items ul li img, .frase2 .items ul li img {
  margin-right: 4px;
}

.frase .items a, .frase2 .items a {
  color: #f7921e;
  font-size: 15px;
  text-align: left;
  display: block;
}

.frase .items a:hover, .frase2 .items a:hover {
  color: #fff;
}

.frase a {
  border: solid 2px #f7921e;
  padding: 10px 15px 10px 15px;
  font-weight: bold;
  display: block;
  width: 245px;
  margin: 45px auto 15px auto;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 45px;
  font-size: 26px;
  text-align: center;
}

.frase a:hover {
  background-color: #f7921e;
}

.frase .bullet {
  color: #f7921e;
  padding: 15px;
  text-align: center;
  font-size: 33px;
}

.banner {
  background-image: url(../img3/Plantilla01/fdo_banner.png);
  background-size: 100%;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 33px;
  line-height: 33px;
  padding-bottom: 245px;
  margin-top: 85px;
  margin-bottom: 33px;
}

.banner span {
  font-weight: 600;
}

.banner .col-md-9 {
  font-weight: 300;
}

.videos {
  background-image: url(../img3/Plantilla01/fdo_puntos.png);
  background-repeat: no-repeat;
  background-position: 0 139px;
}

.videos h1 {
  color: #fff;
  font-size: 33px;
  text-align: center;
  margin-bottom: 33px;
  font-weight: normal;
}

.videos h2 {
  font-weight: bold;
  font-size: 26px;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 6px;
}

.videos p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 22px;
  line-height: 18px;
}

.videos .barrita {
  height: 1px;
  width: 45px;
  background-color: #f7921e;
}

.videos .icono {
  display: block;
  margin: 15px auto 15px auto;
  width: 70px;
}

.videos .borde {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #f7921e;
  margin-top: 106px;
  margin-right: 15px;
}

.videos .nopad div {
  padding: 0;
  margin: 0;
}

.videos iframe {
  width: 100%;
  height: 250px;
}

@media (max-width: 1300px) {
  .nav > li > a > img {
    max-height: 26px;
  }
  .marcas h1 {
    font-size: 58px;
  }
  .marcas h2 {
    font-size: 65px;
  }
  .trama {
    width: 100% !important;
  }
}

@media (max-width: 620px) {
  .col4 .col-md-3 {
    width: 100%;
  }
  .mod1 h1 {
    font-size: 18px;
    line-height: 21px;
  }
  .productos h2 {
    font-size: 24px;
  }
  .productos .col-md-6 {
    padding-bottom: 21px;
    margin-bottom: 21px;
  }
  .banner p {
    font-size: 21px;
    line-height: 22px;
  }
  .banner a {
    width: 100%;
    font-size: 18px;
  }
  .mapa2 .contacto .contacto2 {
    padding: 21px;
  }
  .pie ul {
    text-align: center;
  }
  .pie .col-md-6 {
    padding: 10px 0 10px 0;
  }
  .pielogo {
    display: block;
    margin: auto;
  }
  .productos .col-md-6 {
    height: auto;
  }
  button::-moz-focus-inner {
    border: none !important;
  }
  .fotodistribuidores {
    margin-top: 62px;
  }
  .redespop {
    width: 100%;
    padding: 60px 0 80px 0;
  }
  .redespop h1 {
    font-size: 22px;
  }
  .redespop h2 {
    font-size: 16px;
  }
  .redespop ul li img {
    width: 31px;
    height: auto;
  }
  .descarga a {
    margin-bottom: 15px;
  }
  .linkm {
    display: inline-block !important;
  }
  .navbar-inverse .navbar-nav > li {
    border: none !important;
  }
  .productos .grilla .borde {
    border: none;
  }
  .banner .iconogarantia {
    width: 70px;
  }
  .banners .borde1, .banners .borde2 {
    border: none;
    height: auto;
    padding: 12px;
  }
  .banner .banner2 {
    width: auto;
    font-size: 15px;
  }
  .banner {
    padding: 31px 0 31px 0;
  }
  .cabcategorias {
    margin-top: 62px;
  }
  footer .pad {
    padding: 12px;
  }
  .cabcategorias h2 {
    font-size: 33px;
  }
  .detalleprod h1 {
    padding-top: 12px;
  }
  .detalleprod .grilla .item2 {
    font-size: 12px;
  }
  .detalleprod .adquirir ul li {
    width: 100%;
    margin-top: 3px;
  }
  .postventa input[type="submit"], .postventa input[type="button"] {
    padding: 12px 21px 6px 21px;
  }
  .dropdown-menu {
    min-width: 100% !important;
  }
  .dropdown-menu li {
    width: 100% !important;
  }
  .dropdown-menu .borde {
    border: none !important;
  }
  .navbar-collapse {
    padding-left: 0;
  }
  .navbar-nav {
    margin: 0;
  }
  .dropdown-menu li {
    margin-bottom: 12px;
  }
  .productos p {
    height: auto;
  }
  .carousel1mobile {
    margin-top: 73px;
  }
  .modsprods .barrita {
    width: 60px;
  }
  .modsprods .col1, .modsprods .col2 {
    border: none;
    border-bottom: solid 3px #fff;
  }
  .modacerca .col1 {
    padding-top: 33px;
    padding-left: 33px;
    padding-bottom: 31px;
  }
  .modacerca .col1 h2 span {
    display: inline;
  }
  .mapa2 .contacto .contacto2 h1 {
    font-size: 29px;
  }
  .modbanner p span {
    display: inline;
  }
  .modbanner h1 {
    font-size: 22px;
  }
  .modbanner p {
    max-width: 90%;
    margin: auto;
  }
  footer .menu1 li {
    display: block;
  }
  footer .menu1 .borde {
    border: none;
  }
  footer .menu1 {
    text-align: left;
  }
  footer .container {
    padding: 0;
  }
  footer .col2 {
    text-align: center;
  }
  footer .row {
    padding: 0;
    margin: 0;
    padding-bottom: 15px;
    margin-bottom: 31px;
  }
  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #fff;
  }
  .navbar-nav li {
    display: block;
  }
  .botondescargar {
    float: none !important;
    margin: auto;
  }
  .botondescargar a {
    margin: auto;
  }
  .navbar-header {
    height: 73px;
  }
  .dropdown-menu > li > a:hover {
    color: #191a1a !important;
  }
  .fondocat {
    padding: 57px 0 45px 0;
  }
  .fondocat h2 {
    font-size: 33px;
  }
  .fondocat img {
    width: 65px;
    right: 7px;
  }
  .formcontacto {
    padding: 0 0 33px 0;
  }
  .bannerlatyn h1 {
    font-size: 16px;
  }
  .bannerlatyn h2 {
    font-size: 26px;
  }
  .footer2 .col1, .footer2 .col2 {
    text-align: center;
  }
  .footer2 .col2 ul li:nth-child(2) {
    display: block;
    margin: 0 0 15px 0;
  }
  .navbar-brand {
    position: absolute;
  }
  .modbanner .texto {
    position: relative;
    max-width: 100%;
    left: auto;
    top: auto;
  }
  .modbanner .texto h2 span {
    width: 100%;
  }
  .modbanner {
    padding: 0;
  }
  .modbanner .texto h1 span {
    display: inline;
  }
  .modbanner .texto p {
    width: 100%;
  }
  .modbanner img {
    float: none;
  }
  .marcas .col-md-3 {
    border: none !important;
    border-bottom: solid 1px #191a1a !important;
  }
  .bannerconexiones img {
    float: none;
  }
  .bannerconexiones {
    width: 100%;
    text-align: center;
    padding-bottom: 60px;
    height: auto;
  }
  .mapa2 .contacto .contacto2 h1 {
    font-size: 26px;
  }
  footer .menu1 li {
    display: inline-block;
    width: 45%;
  }
  footer .menu1 {
    text-align: center;
  }
  .footer2 .col2 {
    padding-top: 15px;
  }
  .bannerconexiones h1 {
    margin-top: 15px;
  }
  .footer2 .col2 ul {
    padding-top: 31px;
  }
  .modbanner img {
    width: 100%;
  }
  .trama {
    width: 100%;
  }
  .modbanner img {
    display: none;
  }
  .frase, .frase2 {
    padding: 15px;
  }
  .frase p, .frase2 p {
    font-size: 26px;
    line-height: 28px;
  }
  .frase .col-md-6 a, .frase2 .col-md-6 a {
    width: 100%;
  }
  .frase2 {
    padding-top: 33px;
  }
  .frase .col-md-6 a, .frase2 .col-md-6 a {
    font-size: 20px;
  }
  .banner img {
    position: relative;
    margin: auto;
  }
  .banner {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .videos .col-md-4 {
    margin-bottom: 45px;
  }
  .bannerconexiones {
    margin-top: 33px;
  }
  .bannerconexiones h2 {
    font-size: 25px;
  }
  
  .frase .col-md-6 .boton, .frase .col-md-12 .boton, .frase2 .col-md-6 .boton, .frase2 .col-md-12 .boton{width:100%;}
  .mapa2{padding-top:20px;}
}

.grecaptcha-badge {
  display: none;
}

/*# sourceMappingURL=main.map */

@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"); * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'Hurme Geometric Sans 1'; src: url("../fonts/HurmeGeometricSans1-Bold.eot"); src: url("../fonts/HurmeGeometricSans1-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/HurmeGeometricSans1-Bold.woff") format("woff"), url("../fonts/HurmeGeometricSans1-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Hurme Geometric Sans 1'; src: url("../fonts/HurmeGeometricSans1-Regular.eot"); src: url("../fonts/HurmeGeometricSans1-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/HurmeGeometricSans1-Regular.woff") format("woff"), url("../fonts/HurmeGeometricSans1-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Hurme Geometric Sans 1'; src: url("../fonts/HurmeGeometricSans1-SemiBold.eot"); src: url("../fonts/HurmeGeometricSans1-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/HurmeGeometricSans1-SemiBold.woff") format("woff"), url("../fonts/HurmeGeometricSans1-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Hurme Geometric Sans 1'; src: url("../fonts/HurmeGeometricSans1-Light.eot"); src: url("../fonts/HurmeGeometricSans1-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/HurmeGeometricSans1-Light.woff") format("woff"), url("../fonts/HurmeGeometricSans1-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Helvetica Neue LT Std'; src: url("../fonts/HelveticaNeueLTStd-MdCn.woff2") format("woff2"), url("../fonts/HelveticaNeueLTStd-MdCn.woff") format("woff"); font-weight: 500; font-style: normal; } a, select, button, input, textarea { outline: none; } .trans, .navbar-nav > li > a, .productos .botones li a, .productos .grilla a, .banner .banner2, .detalleprod .botonmanual, .detalleprod .adquirir a, .postventa input[type="submit"], .postventa input[type="button"], .mapa2 .contacto .contacto2 input[type="submit"], .mapa2 .contacto .contacto2 input[type="button"], .descarga a, .pie ul img, .tiendaslistado a, .redespop ul img:hover, .gracias2 a, .modsprods img, .modacerca .col1 a, footer .descargar, .botondescargar a, .prods .fichaboton, .formcontacto input[type="submit"], .formcontacto input[type="button"], .medidasboton, .footer2 .col2 ul img, .marcas .logologo, .marcas a, .marcas .col-md-3, .bannerconexiones a, .frase .col-md-6 .boton, .frase .col-md-12 .boton, .frase2 .col-md-6 .boton, .frase2 .col-md-12 .boton, .frase a { -moz-transition: all 0.3s ease-in; -webkit-transition: 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } body { padding: 0; margin: 0; font-family: "Roboto", sans-serif; background-color: #191a1a; } .clear { clear: both; } h1, h2, h3, h4, p, ul, li { padding: 0; margin: 0; } li { list-style: none; } a, a:hover { text-decoration: none; outline: 0; } .left { float: left; } .right { float: right; } .navbar-inverse { background-color: rgba(0, 0, 0, 0.6); background-image: none; border: none; } .navbar-brand { padding: 4px 33px 0 15px; } .navbar-collapse { padding-right: 0; } .navbar { min-height: 62px; } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { text-shadow: none; color: #f7921e; } .navbar-inverse .navbar-nav > li { border-right: none; } .navbar-nav { float: right; text-align: left !important; } .navbar-inverse .navbar-nav > .open > a:focus { background-color: #f7921e; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a { font-weight: bold; background-color: #f7921e; background-image: none; box-shadow: none; } .navbar-brand > img { height: 45px; margin-top: 11px; } .navbar-nav > li > .dropdown-menu { background-color: #f7921e; border-radius: none; } .navbar-nav > li > .dropdown-menu a { color: #fff; } .dropdown-menu li { border-bottom: solid 1px #fff !important; } .navbar-nav > li > .dropdown-menu a:hover { background-color: transparent; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: transparent !important; } .dropdown-menu { padding: 10px; border: none; box-shadow: none; } .dropdown-menu li { border-bottom: solid 1px #C10073; } .dropdown-menu li:last-child { border: none; } .dropdown-menu span { color: #000; } .navbar-nav { float: none; text-align: center; } .navbar-nav li { float: none; display: inline-block; } .linkredes { padding: 17px 10px 17px 10px !important; } .dropdown-menu > li > a:hover { color: #fff !important; opacity: 0.8; } .navbar-nav > li > a { padding-top: 22px; padding-bottom: 20px; font-size: 17px; display: block; } .navbar-inverse .navbar-nav > li > a:hover { background-color: #f7921e; color: #fff; } .navbar { border-top: none; } .dropdown-menu > li > a { padding: 5px; } .dropdown-menu > li > a:hover { color: #000; background-image: none; } .bx-wrapper .bx-pager.bx-default-pager a { display: none !important; } @media (max-width: 420px) { .navbar-nav { float: none; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border: none; } .navbar-collapse { box-shadow: none; } .navbar-nav > li > a { padding: 10px 10px 5px 14px; } .navbar-toggle { margin-top: 14px; border: none; background-color: transparent; } .redes { display: inline-block !important; border: none !important; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #191a1a; } #slider-wrapper { margin-top: 62px; } .bx-wrapper .bx-controls-direction a { display: none; } .mapa1 img { margin-top: 33px; display: block; } .mod1 h1 { font-size: 18px; margin-bottom: 21px; } .mod1 .col-md-7 { font-size: 15px; } } #slider-wrapper li { cursor: pointer; } .mapa { height: 721px; width: 100%; } .mapa1 { padding: 160px 0 160px 0; } .mapa1 h1 { color: #f7921e; font-family: "Hurme Geometric Sans 1"; text-transform: uppercase; font-size: 39px; } .mapa1 h2 { color: #f7921e; font-family: "Hurme Geometric Sans 1"; font-weight: 600; font-size: 45px; margin-bottom: 21px; text-transform: uppercase; } .mapa1 p { color: #fff; } @media (max-width: 420px) { .mapa1 { padding: 45px 0 45px 0; } } .mod1 { padding: 114px 0 124px 0; background-image: url(../img2/FDO_ACERCA.jpg); background-repeat: no-repeat; background-position: top right; } .mod1 h1 { color: #f7921e; font-size: 21px; font-weight: 300; margin-bottom: 21px; } .mod1 h1 span { font-weight: bold; display: block; } .mod1 .col-md-7 { font-size: 18px; color: #191a1a; font-family: "Hurme Geometric Sans 1"; font-weight: 300; } .mod1 .col-md-6 { padding-top: 33px; } .mod1 .col-md-6 h2 { font-size: 22px; color: #f7921e; font-weight: bold; margin-bottom: 10px; border-bottom: solid 1px #f7921e; margin-top: 21px; padding-bottom: 10px; } .mod1 .col-md-6 p { font-size: 14px; font-weight: 300; } .mod1 p { font-size: 15px; } .productos h1 { color: #fff; background-color: #f7921e; text-align: center; padding: 21px 21px 10px 21px; font-weight: 300; font-size: 21px; margin-bottom: 33px; } .productos h1 span { font-weight: 700; } .productos h2 { font-size: 28px; font-weight: bold; color: #f7921e; border-bottom: solid 1px #191a1a; padding: 0 0 10px 0; margin-bottom: 10px; } .productos p { color: #191a1a; font-weight: 300; font-size: 14px; height: 185px; padding-bottom: 21px; } .productos .botones { padding-bottom: 21px; } .productos .botones ul { padding-bottom: 15px; } .productos .botones li { margin: 0 0 10px 0; display: inline-block; } .productos .botones li img { margin: 0 3px 0 0; } .productos .botones li a { color: #f7921e; font-size: 22px; padding: 10px 15px 5px 15px; } .productos .botones li a:hover { background-color: #f7921e; color: #fff; } .productos .botones li a:hover img { filter: brightness(0) invert(1); } .productos .botones li:last-child { display: none; } .productos .pad { padding-top: 33px; } .productos .repuestos { padding-top: 33px; text-align: center; padding-bottom: 33px; } .productos .repuestos .foto { display: block; margin: 10px auto 15px auto; } .productos .col-md-6 { border-bottom: dashed 1px rgba(0, 0, 0, 0.1); height: 551px; } .productos .grilla h3 { color: #f7921e; text-align: center; margin-bottom: 15px; } .productos .grilla a { color: #fff; font-size: 18px; border-radius: 6px; font-size: 18px; background-color: #f7921e; width: 150px; font-family: "Roboto", sans-serif; margin: auto auto 31px auto; text-align: center; display: block; padding: 10px 15px 7px 15px; } .productos .grilla a:hover { background-color: #f7921e; } .productos .grilla img { width: 100px; display: block; margin: auto; } .productos .grilla .borde { border-left: solid 1px rgba(0, 0, 0, 0.1); border-right: solid 1px rgba(0, 0, 0, 0.1); } .productos .grilla .col-md-4 { margin-bottom: 45px; } .banner { padding: 45px; } .banner .banner2 { color: #fff; background-color: #f7921e; border-radius: 10px; font-size: 21px; padding: 15px 21px 15px 21px; font-weight: bold; display: block; margin: auto; margin-top: 31px; text-align: center; width: 501px; } .banner .banner2:hover { background-color: #f7921e; } .banner p { font-size: 33px; font-weight: 300; line-height: 31px; text-align: center; padding: 12px 0 21px 0; } .banner p span { display: block; } .banner img { display: block; margin: auto; margin-top: -99px; position: absolute; margin-left: -133px; } .banner ul { text-align: center; } .banner ul li { display: inline-block; padding: 21px; color: #fff; font-size: 18px; } .banner ul a { color: #fff; } .banner ul a:hover { opacity: 0.8; } .banner ul p { font-size: 22px; line-height: 22px; } .banner .iconogarantia { position: absolute; top: 15px; left: 15px; } .banner .inherit { position: inherit; } .banners { background-image: url(../img2/fdo_contacto.jpg); background-size: cover; background-repeat: no-repeat; color: #fff; margin-top: 45px; } .banners .borde1 { border-right: solid 1px #fff; height: 345px; } .banners .borde2 { border-left: solid 1px #fff; height: 345px; } .cabcategorias { padding: 45px; color: #fff; text-align: center; background-color: #f7921e; position: relative; background-size: cover; margin-top: 73px; margin-bottom: 45px; } .cabcategorias h1 { letter-spacing: 4px; font-size: 18px; font-weight: 300; } .cabcategorias h2 { font-size: 45px; font-weight: 300; } .cabcategorias h2 span { font-weight: bold; } .detalleprod { padding-bottom: 60px; border-bottom: solid 1px rgba(0, 0, 0, 0.1); margin-bottom: 21px; } .detalleprod h1 { color: #f7921e; font-weight: bold; font-size: 26px; padding-bottom: 12px; } .detalleprod h1 span { font-size: 14px; } .detalleprod p { font-size: 15px; margin-bottom: 31px; font-weight: 300; } .detalleprod .botonmanual { width: 200px; display: block; border-radius: 6px; border: solid 1px #f7921e; background-image: url(../img2/2020/ico_manual.svg); background-repeat: no-repeat; padding: 14px 12px 6px 49px; color: #f7921e; font-size: 16px; margin: 61px auto 31px auto; background-position: 9px 7px; } .detalleprod .botonmanual:hover { background-color: rgba(0, 0, 0, 0.1); color: #f7921e; } .detalleprod .grilla .item1 { font-weight: bold; border-bottom: solid 1px rgba(0, 0, 0, 0.1); } .detalleprod .grilla .item2 { border-bottom: dashed 1px rgba(0, 0, 0, 0.1); padding: 11px 0 3px 0; font-weight: 300; } .detalleprod .grilla .precio { text-align: right; } .detalleprod .adquirir { padding: 16px 12px 12px 12px; background-color: rgba(0, 0, 0, 0.1); margin-top: 21px; position: relative; } .detalleprod .adquirir p { font-weight: bold; margin-bottom: 15px; font-size: 21px; text-align: center; line-height: 21px; } .detalleprod .adquirir a { color: #fff; font-weight: bold; padding: 10px 15px 7px 15px; display: block; font-size: 16px; background-color: #f7921e; border-radius: 6px; text-align: center; } .detalleprod .adquirir a:hover { background-color: #f7921e; } .detalleprod .adquirir ul { text-align: center; } .detalleprod .adquirir ul li { display: inline-block; width: 45%; } .detalleprod .adquirir .bullet { position: absolute; top: -6px; left: 0; right: 0; margin: auto; width: 22px; } .volver { text-align: right; padding-bottom: 45px; } .volver a { color: #f7921e; font-size: 16px; font-weight: bold; } .volver a:hover { color: #f7921e; } .volverlistado { position: absolute; right: 0; bottom: -21px; background-color: #f7921e; color: #fff; font-size: 16px; border-radius: 21px 0 0 21px; padding: 12px 12px 8px 16px; font-weight: bold; } .volverlistado a { color: #fff; } .volverlistado a:hover { opacity: 0.8; } .postventa h1 { margin: 69px 0 10px 0; font-weight: bold; color: #003E5F; font-size: 28px; border-bottom: solid 1px #C9C9C9; padding: 0 0 5px 0; } .postventa h2 { color: #f7921e; margin: 33px 0 10px 0; font-weight: bold; font-size: 19px; } .postventa p { font-size: 15px; color: #fff; } .postventa input[type="text"], .postventa input[type="email"], textarea { border: none; font-size: 15px; border-bottom: solid 1px rgba(0, 0, 0, 0.1); color: #191a1a; padding: 5px; width: 100%; margin: 0 0 10px 0; } .postventa .ticket { margin: 0 0 10px 0; } .postventa select { border: none; color: #000; border-bottom: solid 1px rgba(0, 0, 0, 0.1); padding: 5px; font-size: 15px; width: 100%; margin: 0 0 10px 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../img/dropdown.png); background-repeat: no-repeat; background-position: 97%; } .postventa .col-md-12 { padding-top: 0px; } .postventa { padding-bottom: 45px; font-size: 15px !important; } .postventa input[type="submit"], .postventa input[type="button"] { background-color: #f7921e; color: #fff; font-size: 20px; border: none; background-image: url(../img/flecha_enviar.jpg); background-repeat: no-repeat; background-position: right; text-align: center; display: block; margin: auto; padding: 15px 31px 15px 31px; } .postventa input[type="submit"]:hover, .postventa input[type="button"]:hover { opacity: 0.8; } .titulopost { text-align: center; font-weight: 300; font-size: 21px !important; color: #fff; } .postventa input::placeholder { color: #000; } .carousel1 { margin-bottom: 45px; } .postventa { color: #fff; } .postventa .col-md-3 { font-size: 12px; } .postventa textarea { margin-top: 33px; } .videohome { margin-top: 62px; } .mapa2 { position: relative; background-color: #0a0a0a; padding-top: 120px; padding-bottom: 45px; } .mapa2 h2 { color: #fff; font-size: 16px; margin-bottom: 15px; } .mapa2 p { color: #fff; line-height: 25px; margin-bottom: 20px; } .mapa2 a { color: #fff; font-size: 16px; font-weight: 600; width: 120px; display: block; text-align: center; border: solid 1px #fff; border-radius: 12px; padding: 12px; } .mapa2 a:hover { background-color: #fff; color: #fdc516; } .mapa2 .contacto .contacto2 { padding: 15px 0 15px 0; } .mapa2 .contacto .contacto2 h1 { color: #fff; margin-bottom: 15px; text-transform: uppercase; font-size: 33px; background: #0a0a0a; padding: 15px; text-align: center; font-weight: 600;} .mapa2 .contacto .contacto2 h1 span { font-weight: 400; } .mapa2 .contacto .contacto2 input[type="text"], .mapa2 .contacto .contacto2 input[type="email"], .mapa2 .contacto .contacto2 textarea { border: none; font-size: 15px; width: 100%; margin-bottom: 10px; color: dimgray; padding: 10px; background-color: transparent; border-bottom: solid 1px #fdc516; } .mapa2 .contacto .contacto2 input[type="submit"], .mapa2 .contacto .contacto2 input[type="button"] { border: none; background-color: #0a0a0a; color: #fff; display: block; margin: auto; font-size: 18px; border-radius: 33px; padding: 10px 22px 10px 22px; border: solid 1px #fdc516; font-weight: 600; text-transform: uppercase; } .mapa2 .contacto .contacto2 input[type="submit"]:hover, .mapa2 .contacto .contacto2 input[type="button"]:hover { background-color:#fdc516; color:#fff;} .mapa2 .contacto .sumate { background-color: #333333; padding: 20px; position: relative; } .mapa2 .contacto .sumate h1 { color: #f7921e; font-size: 19px; text-transform: uppercase; } .mapa2 .contacto .sumate p { color: #fff; margin: 5px 0 5px 0; padding: 0 60px 0 0; } .mapa2 .contacto .sumate a { color: #f7921e; } .mapa2 .contacto .sumate a:hover { color: #fff; } .mapa2 .contacto .sumate .icono { position: absolute; right: -45px; top: 9px; } .mapa2 .borde { border-right: solid 1px #fff; border-left: solid 1px #fff; } .mapa2 img{filter:grayscale(1);} .mapa2 .col-md-4 { padding-top: 20px; padding-bottom: 20px; } .contacto { width: 700px; position: absolute; top: -431px; left: 0; right: 0; margin: auto; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12); border-radius:12px; } .mapa2 .contacto .contacto2{border-radius:12px;} .descarga { padding: 15px; text-align: center; margin-top: 31px; color: #191a1a; border-top: solid 1px rgba(0, 0, 0, 0.1); font-weight: 300; margin-bottom: 33px; } .descarga h1 { font-size: 26px; color: #191a1a; margin-bottom: 15px; font-weight: 300; } .descarga a { color: #fff; background-color: #f7921e; border-radius: 10px; font-size: 21px; padding: 15px 21px 15px 21px; font-weight: bold; display: inline-block; margin: 0 10px 0 0; text-align: center; width: 300px; } .descarga a:hover { background-color: #f7921e; } .carousel3 img { width: auto !important; display: inherit !important; } div.tooltip-inner { width: 350px; } @media (max-width: 420px) { .mapa2 .contacto { position: relative; left: auto; top: auto; width: 100%; } .mapa2 .icono { display: none; } } .pie { background-color: #f7921e; padding: 20px 20px 15px 20px; color: #fff; } .pie a { color: #fff; } .pie .col-md-8 { font-size: 11px; } .pie .right, .pie .left { width: 50%; } .pie .right { text-align: right; font-size: 11px; line-height: 14px; } .pie .right a { display: block; } .pie .right a:hover { opacity: 0.8; } .pie .col-md-6 { text-align: center; } .pie ul { text-align: right; } .pie ul li { display: inline-block; } .pie ul .borde { border-right: solid 1px #fff; padding: 0 10px 0 0px; margin-right: 10px; } .pie ul img:hover { opacity: 0.8; } @media (max-width: 420px) { .pie .right, .pie .left { float: none; width: 100%; text-align: center; margin-bottom: 10px; } } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; } .fotodistribuidores { margin-top: 67px; background-color: #f7921e; padding: 45px; } .fotodistribuidores h1 { color: #fff; text-align: center; font-weight: 300; } .fotodistribuidores h1 span { font-weight: bold; } .tiendaslistado { background-image: url(../img/fondo.png); color: #f7921e; padding-top: 31px; padding-bottom: 31px; } .tiendaslistado h2 { font-size: 15px; margin: 0 0 5px 0; font-weight: bold; color: #000; text-transform: uppercase; } .tiendaslistado h3 { font-size: 22px; color: #f7921e; font-weight: normal; margin-bottom: 10px; border-bottom: solid 1px #EAE8E9; padding-bottom: 10px; text-transform: uppercase; } .tiendaslistado p { font-weight: normal; font-size: 16px; } .tiendaslistado a { width: 101px; display: block; background-color: #f7921e; color: #fff; padding: 10px 10px 5px 10px; text-transform: uppercase; text-align: center; margin-top: 10px; margin-bottom: 51px; } .tiendaslistado a:hover { background-color: #303030; } .tiendaslistado select { border: none; padding: 10px 43px 10px 10px; color: #303030; font-size: 16px; background-image: url(../img/flecha_naranja.png); background-repeat: no-repeat; background-position: 95%; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 33px; background-color: #EAE8E9; } .tiendaslistado option { background-color: #fff; color: #303030; font-family: arial; } @media (max-width: 420px) { .tiendaslistado select { padding-right: 8px; } } .modinstagram { text-align: center; margin-top: 31px; border-bottom: solid 1px rgba(0, 0, 0, 0.1); font-size: 31px; padding-bottom: 10px; margin-bottom: 31px; } .instagram { margin-bottom: 31px; } .botoncomprar { background-color: #f7921e; color: #fff; padding: 15px 15px 10px 15px; font-size: 16px; border-radius: 6px; } .botoncomprar:hover { opacity: 0.8; color: #fff; } .modalredes { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 999999999; } .redespop { position: absolute; top: 100px; width: 778px; background-image: url(../img2/redes/fdo_popup.jpg); left: 0; right: 0; margin: auto; height: 432px; padding: 21px; color: #fff; text-align: center; padding: 80px 0 0 245px; } .redespop ul { text-align: center; } .redespop ul li { display: inline-block; margin: 5px; } .redespop ul img:hover { opacity: 0.8; } .redespop h1 { margin: 10px 0 10px 0; font-weight: normal; } .redespop h2 { font-weight: 300; font-size: 21px; margin-bottom: 10px; } .redespop h2 span { display: block; } .redespop .x { position: absolute; top: 10px; right: 15px; color: #fff; cursor: pointer; font-size: 21px; } .slick-prev { position: absolute; top: 45%; left: 1px; width: 16px; height: 51px; border: none; background-color: #f7921e; border-radius: 0px; color: transparent; z-index: 9; background-repeat: no-repeat; background-image: url("../img3/flechaizq.png"); background-size: 10px; background-position: center; width: 36px; } .slick-next { position: absolute; top: 45%; right: 1px; width: 16px; height: 51px; border: none; background-color: #f7921e; border-radius: 0px; z-index: 9; background-repeat: no-repeat; color: transparent; background-image: url("../img3/flechader.png"); background-size: 10px; background-position: center; width: 36px; } .slick-dots { position: absolute; bottom: -33px; left: 0; right: 0; width: 100%; text-align: center; padding-right: 31px; } .slick-dots li { display: inline-block; margin-left: 6px; } .slick-dots li button { border: solid 1px #f7921e; padding: 5px; background-color: #fff; color: transparent; width: 21px; height: 21px; border-radius: 60px; } .slick-dots .slick-active button { background-color: #f7921e; border: solid 1px #f7921e; } .slick-prev:hover, .slick-next:hover { opacity: 0.8; } .carousel1 img, .slick-slide img { width: 100%; } button::-moz-focus-inner { border: none !important; } .dropdown-menu { min-width: 650px; left: -126px; border-bottom: solid 6px #dd6003; padding-top: 21px; padding-bottom: 21px; } .dropdown-menu li { display: inline-block; text-align: center; border: none; font-size: 28px; border: none !important; width: 49%; color: #fff; } .dropdown-menu li img { display: inline; width: 100px; vertical-align: middle; float: left; margin-top: -20px; } .dropdown-menu li span { display: block; } .dropdown-menu li a { font-weight: 400; } .dropdown-menu .vertodos { display: block; font-size: 16px; text-align: center; width: 100%; border-top: solid 1px #562854 !important; margin-top: 15px; padding-top: 12px; } .dropdown-menu .vertodos a { display: block; text-align: center; background-color: #562854; color: #fff; font-size: 18px; width: 200px; padding: 12px 12px 8px 12px; margin: auto; } .dropdown-menu .vertodos a:hover { background-color: #f7921e; } .dropdown-menu .borde { border-left: solid 1px #dd6003 !important; margin-right: 6px; padding-top: 26px; } @media only screen and (min-width: 768px) { .dropdown:hover .dropdown-menu { display: block; } } .graciaspost { font-size: 21px; text-align: center; padding: 31px 31px 100px 31px; } .preciorepuestos { font-size: 21px; text-align: center; padding: 12px; } .gracias2 { padding-bottom: 45px; } .gracias2 h1 { color: #f7921e; font-size: 27px; text-align: center; font-weight: bold; } .gracias2 h2 { color: #191a1a; font-size: 18px; margin: 6px 0 0 0; text-align: center; } .gracias2 h3 { color: #f7921e; font-size: 27px; text-align: center; font-weight: bold; } .gracias2 img { display: block; margin: 31px auto 31px auto; } .gracias2 a { width: 200px; background-color: #f7921e; color: #fff; background-image: url(../img2/bot_home_gracias.svg); background-position: right; background-repeat: no-repeat; margin: auto; padding: 12px; display: block; margin-top: 31px; font-size: 20px; text-align: center; } .gracias2 a:hover { background-color: #dd6003; } .modsprods .col-md-6 { padding: 0; } .modsprods .col-md-6 img { width: 100%; } .modsprods .col1 { border-right: solid 1px #fff; } .modsprods .col2 { border-left: solid 1px #fff; } .modsprods h1 { color: #f7921e; font-size: 28px; margin-bottom: 33px; margin-top: 70px; } .modsprods .bold { font-weight: bold; } .modsprods .barrita { height: 1px; background-color: rgba(0, 0, 0, 0.1); width: 161px; display: inline-block; vertical-align: middle; } .modsprods img:hover { opacity: 0.8; } .iconolatyn { padding: 61px; text-align: center; } .modacerca { border-left: solid 6px #f7921e; } .modacerca .col-md-6 { padding: 0; } .modacerca .col1 { padding-left: 90px; padding-top: 90px; } .modacerca .col1 h1 { color: #f7921e; font-size: 16px; } .modacerca .col1 h1 span { font-weight: bold; } .modacerca .col1 h2 { font-size: 39px; line-height: 39px; font-family: "Helvetica Neue LT Std"; font-weight: bold; margin-top: 15px; margin-bottom: 15px; } .modacerca .col1 h2 span { display: block; } .modacerca .col1 p { max-width: 600px; margin-bottom: 33px; } .modacerca .col1 a { color: #f7921e; border: solid 2px #f7921e; font-size: 18px; padding: 10px 15px 10px 15px; border-radius: 33px; display: block; width: 145px; text-align: center; } .modacerca .col1 a:hover { background-color: #f7921e; color: #fff; } .mapa2 .col1, .mapa2 .col2 { padding: 0; } .modbanner { padding: 45px 0 395px 0; position: relative; } .modbanner img { float: right; } .modbanner .texto { position: absolute; background-color: #000; max-width: 1000px; padding: 45px; left: 0; top: 128px; } .modbanner .texto h2 { color: #f7921e; font-size: 18px; font-family: "Hurme Geometric Sans 1"; } .modbanner .texto h2 span { width: 600px; height: 1px; background-color: #f7921e; display: inline-block; vertical-align: middle; } .modbanner .texto h1 { color: #fff; font-size: 63px; font-weight: 100; line-height: 57px; margin-top: 6px; font-family: "Roboto", sans-serif; } .modbanner .texto h1 span { display: block; } .modbanner .texto p { color: #fff; width: 70%; max-width: 750px; font-size: 16px; margin-top: 14px; padding-left: 6px; font-family: "Roboto", sans-serif; } footer { background-color: #191a1a; padding: 31px 0 0px 0; } footer .logofooter { text-align: center; } footer .menu1 { text-align: center; border-bottom: solid 1px #dd6003; padding-bottom: 15px; margin-bottom: 15px; } footer .menu1 li { display: inline-block; color: #fff; font-size: 21px; vertical-align: middle; padding: 4px 14px 4px 14px; } footer .menu1 li a { color: #fff; font-size: 21px; } footer .menu1 .borde { border-left: solid 1px #dd6003; } footer .descargar { width: 222px; border-radius: 33px; border: solid 1px #fff; display: block; text-align: center; padding: 10px 15px 10px 15px; } footer .descargar:hover { background-color: #dd6003; } footer .col1 ul { text-align: center; } footer .col1 ul li { display: inline-block; padding-right: 14px; } footer .col1 ul li a { color: #fff; font-size: 16px; } footer .col1 ul li span { color: #dd6003; } footer .col2 { color: #fff; font-size: 16px; border-left: solid 1px #dd6003; } footer .col2 a { color: #fff; } footer .borde1 { border-bottom: solid 1px #dd6003; padding-bottom: 15px; margin-bottom: 15px; } footer a:hover { opacity: 0.8; } .botondescargar { float: right !important; } .botondescargar a { color: #f7921e; border: solid 2px #f7921e; font-size: 18px; padding: 12px !important; margin-top: 6px; border-radius: 33px; display: block; width: 209px; text-align: center; } .botondescargar a:hover { background-color: #f7921e; color: #fff; } .dropdown-menu > li > a { line-height: 28px; text-align: left; } .dropdown-menu > li > a img { margin-right: 14px; } .fondocat { padding: 85px; background-image: url(../img/header_prods.jpg); color: #fff; margin-top: 43px; background-size: cover; margin-bottom: 45px; } .fondocat h1 { font-size: 22px; margin-bottom: 9px; font-family: "Helvetica Neue LT Std"; letter-spacing: 1px; } .fondocat h2 { font-size: 58px; font-weight: bold; font-family: "Helvetica Neue LT Std"; } .fondocat .barrita { width: 145px; height: 1px; margin-bottom: 9px; background-color: #dd6003; } .fondocat .container { position: relative; } .fondocat img { position: absolute; right: 0; top: 0px; width: 150px; } .prods h1 { color: rgba(0, 0, 0, 0.4); font-size: 14px; } .prods h2 { font-size: 22px; font-weight: bold; font-family: "Helvetica Neue LT Std"; margin-top: 3px; height: 68px; } .prods img { display: block; margin: auto auto 6px auto; height: 200px; width: auto; } .prods .col-md-4 { margin-bottom: 81px; } .prods .fichaboton { padding: 12px 6px 6px 6px; display: block; color: #f7921e; font-size: 16px; border-top: solid 1px rgba(0, 0, 0, 0.2); border-bottom: solid 1px rgba(0, 0, 0, 0.2); background-image: url(../img/Productos/ico_pdf.svg); background-repeat: no-repeat; background-position: 95%; font-family: "Helvetica Neue LT Std"; } .prods .fichaboton:hover { background-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .formcontacto { padding: 33px; } .formcontacto h1 { text-align: center; font-size: 33px; font-family: "Helvetica Neue LT Std"; } .formcontacto p { color: rgba(0, 0, 0, 0.6); max-width: 700px; margin: auto; font-size: 16px; text-align: center; } .formcontacto img { display: block; margin: 31px auto 31px auto; } .formcontacto input[type="text"], .formcontacto input[type="email"], .formcontacto textarea { border: none; font-size: 15px; width: 100%; margin-bottom: 10px; color: rgba(0, 0, 0, 0.6); padding: 10px; background-color: transparent; border-bottom: solid 1px rgba(0, 0, 0, 0.1); } .formcontacto input[type="submit"], .formcontacto input[type="button"] { border: none; background-color: #f7921e; color: #fff; display: block; margin: auto; font-size: 18px; border-radius: 33px; padding: 10px 22px 10px 22px; } .formcontacto input[type="submit"]:hover, .formcontacto input[type="button"]:hover { background-color: #dd6003; } .formcontacto .pad { max-width: 700px; margin: auto; } .franjanaranja { padding: 15px; background-color: #f7921e; } .medidas { padding: 15px 4px 15px 4px; display: none; } .medidas .bold { font-weight: bold; font-family: "Helvetica Neue LT Std"; margin-bottom: 4px; } .medidas .borde { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } .medidasboton { padding: 12px 6px 6px 6px; display: block; color: #f7921e; font-size: 16px; border-bottom: solid 1px rgba(0, 0, 0, 0.2); background-image: url(../img/Productos/flecha_medidas.svg); background-repeat: no-repeat; background-position: 95%; font-family: "Helvetica Neue LT Std"; cursor: pointer; } .medidasboton:hover { background-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .textomedidas { padding: 15px 15px 15px 0; border-bottom: solid 1px rgba(0, 0, 0, 0.2); } .textomedidas img { float: left; margin-right: 6px; width: 45px !important; height: 45px !important; } .copy { padding: 4px; text-align: center; background-color: #f7921e; color: #fff; } .copy a { color: #fff; font-weight: bold; } .footer2 { background-color: #191a1a; padding: 0 9px 14px 9px; } .footer2 .col1 img { width: 160px; } .footer2 .col2 { text-align: right; } .footer2 .col2 ul { padding-top: 0px; } .footer2 .col2 ul li { display: inline-block; vertical-align: middle; color: #fff; } .footer2 .col2 ul li:nth-child(2) { margin: 0 9px 0 9px; } .footer2 .col2 ul img:hover { opacity: 0.8; } .footer2 .copy3 { font-size: 13px; color: #fff; text-align: center; padding-top: 3px; } .footer2 .copy3 a { color: #fff; display: inline; } .footer2 .copy3 span { display: block; } .copy2 { color: #fff; text-align: center; } .copy2 a { color: #fff; } .copy2 a:hover { opacity: 0.8; } .marcas .pad { max-width: 90%; margin: auto; } .marcas img { display: block; margin: auto; } .marcas .logologo { filter: brightness(0) invert(1); opacity: 0.6; } .marcas .col-md-3:hover .logologo { filter: brightness(1) invert(0); opacity: 1; } .marcas .borde1 { border-right: solid 1px #000; border-bottom: solid 1px #000; } .marcas .borde2 { border-bottom: solid 1px #000; } .marcas .borde3 { border-top: solid 1px #000; } .marcas .borde4 { border-right: solid 1px #000; } .marcas .pad2 { padding: 31px; text-align: center; color: #b0b0b0; height: 331px; } .marcas .pad2 p { padding-top: 14px; font-size: 18px; line-height: 22px; } .marcas .pad2 p span { display: block; } .marcas h1 { font-size: 77px; font-family: "Roboto", sans-serif; color: #fff; font-weight: 100; text-align: center; margin-top: 61px; } .marcas h2 { font-size: 90px; font-family: "Roboto", sans-serif; color: #fff; font-weight: 700; text-align: center; line-height: 58px; } .marcas .trama { margin-top: 16px; width: 300px; } .marcas a { color: #fff; } .marcas a:hover { color: rgba(255, 255, 255, 0.8); } .marcas .col-md-3:hover { background-color: rgba(0, 0, 0, 0.8); } .bannerconexiones { width: 1200px; height: 269px; margin: 65px auto 0px auto; background-image: url(../img3/fdo_banner_serv.jpg); background-size: cover; padding: 51px 45px 45px 60px; } .bannerconexiones img { float: left; margin-right: 22px; } .bannerconexiones h1 { color: #f7921e; font-size: 18px; font-family: "Hurme Geometric Sans 1"; } .bannerconexiones h2 { color: #fff; font-size: 28px; margin: 6px 0 6px 0; font-family: "Hurme Geometric Sans 1"; margin-bottom: 33px; } .bannerconexiones a { color: #fff; border: solid 1px #f7921e; border-radius: 31px; padding: 15px 22px 15px 22px; font-size: 18px; } .bannerconexiones a:hover { background-color: #f7921e; } .mapa2 .contacto .contacto2 { padding: 60px 60px 48px 60px; background-color: rgba(0, 0, 0, 0.8); } .carousel1 { margin-top: 72px; } #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 { width: 55px; height: 36px; position: relative; margin: 14px 0 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #nav-icon1 span, #nav-icon3 span, #nav-icon4 span { display: block; position: absolute; height: 3px; width: 33px; background: #f7921e; border-radius: 16px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #nav-icon1 span:nth-child(1) { top: 12px; } #nav-icon1 span:nth-child(2) { top: 22px; } #nav-icon1 span:nth-child(3) { top: 32px; } #nav-icon1.open span:nth-child(1) { top: 28px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } #nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; } #nav-icon1.open span:nth-child(3) { top: 28px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .iconomobile { position: fixed; top: 0; right: 0; z-index: 99999999999999; display: block; } .activemenu { top: 72px !important; } .menucab { position: fixed; top: -100%; right: 0; width: 300px; z-index: 999999; padding: 33px; background-color: #191a1a; border-bottom: solid 6px #f7921e; } .menucab li { color: #fff; font-size: 14px; cursor: pointer; font-size: 18px; line-height: 33px; font-family: "Hurme Geometric Sans 1"; font-weight: 600; } .menucab li span { color: #f7921e; } .menucab li:hover, .menucab a:hover { color: #f7921e; } .menucab a { color: #fff; } .coltitulo:hover { opacity: 0; } .frase, .frase2 { padding: 45px; } .frase p, .frase2 p { color: #fff; text-align: center; font-size: 33px; line-height: 36px; } .frase .col-md-6, .frase .col-md-12, .frase2 .col-md-6, .frase2 .col-md-12 { text-align: center; } .frase .col-md-6 .icono, .frase .col-md-12 .icono, .frase2 .col-md-6 .icono, .frase2 .col-md-12 .icono { display: block; margin: 63px auto 33px auto; } .frase .col-md-6 .boton, .frase .col-md-12 .boton, .frase2 .col-md-6 .boton, .frase2 .col-md-12 .boton { border: solid 2px #f7921e; padding: 10px 15px 10px 15px; font-weight: bold; display: block; width: 345px; margin: 15px auto 15px auto; color: #fff; font-weight: bold; text-align: center; border-radius: 45px; font-size: 22px; text-align: center; } .frase .col-md-6 .boton:hover, .frase .col-md-12 .boton:hover, .frase2 .col-md-6 .boton:hover, .frase2 .col-md-12 .boton:hover { background-color: #f7921e; } .frase .items, .frase2 .items { display: none; } .frase .items ul, .frase2 .items ul { max-width: 300px; margin: auto; } .frase .items ul li, .frase2 .items ul li { text-align: left; margin-bottom: 6px; border-bottom: solid 1px #f7921e; padding-bottom: 6px; } .frase .items ul li img, .frase2 .items ul li img { margin-right: 4px; } .frase .items a, .frase2 .items a { color: #f7921e; font-size: 15px; text-align: left; display: block; } .frase .items a:hover, .frase2 .items a:hover { color: #fff; } .frase a { border: solid 2px #f7921e; padding: 10px 15px 10px 15px; font-weight: bold; display: block; width: 245px; margin: 45px auto 15px auto; color: #fff; font-weight: bold; text-align: center; border-radius: 45px; font-size: 26px; text-align: center; } .frase a:hover { background-color: #f7921e; } .frase .bullet { color: #f7921e; padding: 15px; text-align: center; font-size: 33px; } .banner { background-image: url(../img3/Plantilla01/fdo_banner.png); background-size: 100%; background-repeat: no-repeat; color: #fff; font-size: 33px; line-height: 33px; padding-bottom: 245px; margin-top: 85px; margin-bottom: 33px; } .banner span { font-weight: 600; } .banner .col-md-9 { font-weight: 300; } .videos { background-image: url(../img3/Plantilla01/fdo_puntos.png); background-repeat: no-repeat; background-position: 0 139px; } .videos h1 { color: #fff; font-size: 33px; text-align: center; margin-bottom: 33px; font-weight: normal; } .videos h2 { font-weight: bold; font-size: 26px; color: #fff; margin-top: 15px; margin-bottom: 6px; } .videos p { font-size: 16px; color: #fff; margin-bottom: 22px; line-height: 18px; } .videos .barrita { height: 1px; width: 45px; background-color: #f7921e; } .videos .icono { display: block; margin: 15px auto 15px auto; width: 70px; } .videos .borde { display: block; width: 100%; height: 1px; background-color: #f7921e; margin-top: 106px; margin-right: 15px; } .videos .nopad div { padding: 0; margin: 0; } .videos iframe { width: 100%; height: 250px; } @media (max-width: 1300px) { .nav > li > a > img { max-height: 26px; } .marcas h1 { font-size: 58px; } .marcas h2 { font-size: 65px; } .trama { width: 100% !important; } } @media (max-width: 620px) { .col4 .col-md-3 { width: 100%; } .mod1 h1 { font-size: 18px; line-height: 21px; } .productos h2 { font-size: 24px; } .productos .col-md-6 { padding-bottom: 21px; margin-bottom: 21px; } .banner p { font-size: 21px; line-height: 22px; } .banner a { width: 100%; font-size: 18px; } .mapa2 .contacto .contacto2 { padding: 21px; } .pie ul { text-align: center; } .pie .col-md-6 { padding: 10px 0 10px 0; } .pielogo { display: block; margin: auto; } .productos .col-md-6 { height: auto; } button::-moz-focus-inner { border: none !important; } .fotodistribuidores { margin-top: 62px; } .redespop { width: 100%; padding: 60px 0 80px 0; } .redespop h1 { font-size: 22px; } .redespop h2 { font-size: 16px; } .redespop ul li img { width: 31px; height: auto; } .descarga a { margin-bottom: 15px; } .linkm { display: inline-block !important; } .navbar-inverse .navbar-nav > li { border: none !important; } .productos .grilla .borde { border: none; } .banner .iconogarantia { width: 70px; } .banners .borde1, .banners .borde2 { border: none; height: auto; padding: 12px; } .banner .banner2 { width: auto; font-size: 15px; } .banner { padding: 31px 0 31px 0; } .cabcategorias { margin-top: 62px; } footer .pad { padding: 12px; } .cabcategorias h2 { font-size: 33px; } .detalleprod h1 { padding-top: 12px; } .detalleprod .grilla .item2 { font-size: 12px; } .detalleprod .adquirir ul li { width: 100%; margin-top: 3px; } .postventa input[type="submit"], .postventa input[type="button"] { padding: 12px 21px 6px 21px; } .dropdown-menu { min-width: 100% !important; } .dropdown-menu li { width: 100% !important; } .dropdown-menu .borde { border: none !important; } .navbar-collapse { padding-left: 0; } .navbar-nav { margin: 0; } .dropdown-menu li { margin-bottom: 12px; } .productos p { height: auto; } .carousel1mobile { margin-top: 73px; } .modsprods .barrita { width: 60px; } .modsprods .col1, .modsprods .col2 { border: none; border-bottom: solid 3px #fff; } .modacerca .col1 { padding-top: 33px; padding-left: 33px; padding-bottom: 31px; } .modacerca .col1 h2 span { display: inline; } .mapa2 .contacto .contacto2 h1 { font-size: 29px; } .modbanner p span { display: inline; } .modbanner h1 { font-size: 22px; } .modbanner p { max-width: 90%; margin: auto; } footer .menu1 li { display: block; } footer .menu1 .borde { border: none; } footer .menu1 { text-align: left; } footer .container { padding: 0; } footer .col2 { text-align: center; } footer .row { padding: 0; margin: 0; padding-bottom: 15px; margin-bottom: 31px; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #fff; } .navbar-nav li { display: block; } .botondescargar { float: none !important; margin: auto; } .botondescargar a { margin: auto; } .navbar-header { height: 73px; } .dropdown-menu > li > a:hover { color: #191a1a !important; } .fondocat { padding: 57px 0 45px 0; } .fondocat h2 { font-size: 33px; } .fondocat img { width: 65px; right: 7px; } .formcontacto { padding: 0 0 33px 0; } .bannerlatyn h1 { font-size: 16px; } .bannerlatyn h2 { font-size: 26px; } .footer2 .col1, .footer2 .col2 { text-align: center; } .footer2 .col2 ul li:nth-child(2) { display: block; margin: 0 0 15px 0; } .navbar-brand { position: absolute; } .modbanner .texto { position: relative; max-width: 100%; left: auto; top: auto; } .modbanner .texto h2 span { width: 100%; } .modbanner { padding: 0; } .modbanner .texto h1 span { display: inline; } .modbanner .texto p { width: 100%; } .modbanner img { float: none; } .marcas .col-md-3 { border: none !important; border-bottom: solid 1px #191a1a !important; } .bannerconexiones img { float: none; } .bannerconexiones { width: 100%; text-align: center; padding-bottom: 60px; height: auto; } .mapa2 .contacto .contacto2 h1 { font-size: 26px; } footer .menu1 li { display: inline-block; width: 45%; } footer .menu1 { text-align: center; } .footer2 .col2 { padding-top: 15px; } .bannerconexiones h1 { margin-top: 15px; } .footer2 .col2 ul { padding-top: 31px; } .modbanner img { width: 100%; } .trama { width: 100%; } .modbanner img { display: none; } .frase, .frase2 { padding: 15px; } .frase p, .frase2 p { font-size: 26px; line-height: 28px; } .frase .col-md-6 a, .frase2 .col-md-6 a { width: 100%; } .frase2 { padding-top: 33px; } .frase .col-md-6 a, .frase2 .col-md-6 a { font-size: 20px; } .banner img { position: relative; margin: auto; } .banner { padding-bottom: 0; margin-bottom: 0; } .videos .col-md-4 { margin-bottom: 45px; } .bannerconexiones { margin-top: 33px; } .bannerconexiones h2 { font-size: 25px; } .frase .col-md-6 .boton, .frase .col-md-12 .boton, .frase2 .col-md-6 .boton, .frase2 .col-md-12 .boton{width:100%;} .mapa2{padding-top:20px;} } .grecaptcha-badge { display: none; } /*# sourceMappingURL=main.map */