FM / css

/var/www/clients/client1/web2/web/latynfusion/2024_borrar/css/

/var/www/clients/client1/web2/web/latynfusion/2024_borrar/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
index.html	14310	0644	edit dl rm
main.css	48250	0644	edit dl rm
main.map	50533	0644	edit dl rm
main.scss	40795	0644	edit dl rm

Edit: /var/www/clients/client1/web2/web/latynfusion/2024_borrar/css/main.css (48250B)

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 a, .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, .modbanner a, footer .descargar, .botondescargar a, .prodsagua .fichaboton, .prodsgas .fichaboton, .formcontacto input[type="submit"], .formcontacto input[type="button"], .medidasboton, .footer2 .col2 ul img, .bannerconexiones a, .iconos2 a, .banner1, .banner1 .texto, .banner2, .banner2 .texto, .vervideo, .productoshome .item a, .links .pad, .links .pad a, .red .boton { -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: "Bai Jamjuree", sans-serif; }

.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: transparent; background-image: none; border: none; }

.navbar-brand { padding: 6px 0 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: #000; text-transform: uppercase; font-size: 15px; font-weight: 600; }

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

.navbar-nav { float: right; }

.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-nav > li > .dropdown-menu { background-color: #fff; 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 { border-top: solid 4px #8dc63f !important; }

.carousel1 { margin-top: 66px; }

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

.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: #fff; color: #8dc63f; }

.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: #fff; }
  #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: "Bai Jamjuree", sans-serif; text-transform: uppercase; font-size: 39px; }

.mapa1 h2 { color: #f7921e; font-family: "Bai Jamjuree", sans-serif; 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: dimgray; font-family: "Bai Jamjuree", sans-serif; 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 dimgray; padding: 0 0 10px 0; margin-bottom: 10px; }

.productos p { color: dimgray; 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: "Bai Jamjuree", 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; }

.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; }

.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 45px 0 45px; color: #fff; text-align: center; position: relative; background-size: cover; margin-top: 67px; }

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

.cabcategorias h2 { font-size: 28px; font-weight: 300; color: #3c9900; border-bottom: solid 1px #8dc63f; padding-bottom: 33px; margin-bottom: 20px; }

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

.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 { background-color: rgba(215, 234, 185, 0.35); color: #8dc63f; text-align: center; padding: 15px; text-transform: uppercase; margin: 33px 0 10px 0; font-weight: 500; font-size: 19px; }

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

.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: dimgray; padding: 5px; width: 100%; margin: 0 0 10px 0; }

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

.postventa select { border: none; 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: #8dc63f; color: #fff; border-radius: 14px; 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 { background-color: #3c9900; }

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

.postventa .row { margin-left: 0; }

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

.postventa .gris { background-color: whitesmoke; padding: 33px; }

.carousel1 { margin-bottom: 45px; }

footer { background-color: #191a1a; }

.videohome { margin-top: 62px; }

.mapa2 { position: relative; background-color: #3c9900; 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: #8dc63f; }

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

.mapa2 .contacto .contacto2 h1 { color: #fff; margin-bottom: 15px; text-transform: uppercase; font-size: 33px; font-family: "Bai Jamjuree", sans-serif; background: rgba(215, 234, 185, 0.35); padding: 15px; text-align: center; font-weight: 600; color: #8dc63f; }

.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 #8dc63f; }

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

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

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

.mapa2 .contacto .sumate h1 { color: #f7921e; font-size: 19px; text-transform: uppercase; font-family: "Bai Jamjuree", sans-serif; }

.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 .col-md-4 { padding-top: 20px; padding-bottom: 20px; padding-left: 33px; }

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

.descarga h1 { font-size: 26px; color: dimgray; 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: dimgray; 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: transparent; 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: 5px; width: 16px; height: 51px; border: none; background-color: transparent; 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: 433px; left: -126px; border-bottom: solid 6px #8dc63f; padding-top: 33px; padding-bottom: 21px; }

.dropdown-menu li { display: inline-block; vertical-align: top; text-align: center; border: none; font-size: 28px; border: none !important; width: 200px; 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 .tituloagua h1 { color: #8dc63f; font-size: 18px; font-weight: 300; margin-bottom: 15px; }

.dropdown-menu .tituloagua .bold { display: inline !important; font-weight: bold; color: #8dc63f; }

.dropdown-menu .tituloagua .enter { display: block; }

.dropdown-menu .tituloagua a { color: #8dc63f !important; font-size: 15px; line-height: 15px !important; margin-left: 15px; }

.dropdown-menu .tituloagua a:hover { color: #8dc63f !important; opacity: 0.8; }

.dropdown-menu .titulogas h1 { color: #f7921e; font-size: 18px; font-weight: 300; margin-bottom: 15px; }

.dropdown-menu .titulogas .bold { display: inline !important; font-weight: bold; color: #f7921e; }

.dropdown-menu .titulogas .enter { display: block; }

.dropdown-menu .titulogas a { color: #f7921e !important; font-size: 15px; line-height: 15px !important; margin-left: 15px; }

.dropdown-menu .titulogas a:hover { color: #f7921e !important; opacity: 0.8; }

.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 dimgray !important; margin-right: 6px; padding-top: 0px; padding-bottom: 61px; }

@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: dimgray; 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 h1 { color: #fff; font-size: 33px; margin-bottom: 33px; margin-top: 70px; text-align: center; }

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

.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: 0px; 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: "Bai Jamjuree", sans-serif; 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; }

.modbanner h1 { font-family: "Bai Jamjuree", sans-serif; margin: 15px 0 9px 0; font-size: 28px; text-align: center; color: #fff; font-weight: 700; font-size: 18px; }

.modbanner h1 span { background-color: #8dc63f; padding: 4px 14px 4px 14px; }

.modbanner p { font-size: 21px; color: #d9d9d9; padding-top: 16px; text-align: center; padding-bottom: 15px; }

.modbanner p span { display: block; }

.modbanner a { color: #8dc63f; font-size: 18px; background-color: transparent; padding: 10px 15px 10px 15px; border-radius: 33px; border: solid 1px #8dc63f; display: block; font-weight: 700; width: 265px; margin: auto; text-align: center; }

.modbanner a:hover { background-color: #8dc63f; color: #fff; }

.modbanner .iconolatyn { padding-bottom: 15px; }

footer { padding: 31px 0 14px 0; }

footer .logofooter { text-align: center; }

footer .menu1 { text-align: center; border-bottom: solid 1px #8dc63f; 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 85px 60px 85px; color: #fff; margin-top: 43px; background-size: cover; margin-bottom: 0px; }

.fondocat h1 { font-size: 22px; margin-bottom: 9px; font-family: "Bai Jamjuree", sans-serif; color: #000; font-weight: 600; letter-spacing: 1px; }

.fondocat h2 { font-size: 58px; font-weight: bold; color: #000; font-family: "Bai Jamjuree", sans-serif; }

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

.fondocat .container { position: relative; }

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

.fondoagua { background-image: url(../img3/fdo_header-prods_agua.jpg); }

.fondogas { background-image: url(../img3/fdo_header-prods_gas.jpg); }

.prodsagua { padding-top: 45px; }

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

.prodsagua h2 { font-size: 22px; color: #8dc63f; font-weight: bold; font-family: "Bai Jamjuree", sans-serif; margin-top: 3px; height: 68px; }

.prodsagua img { display: block; margin: auto auto 6px auto; width: 100%; }

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

.prodsagua .fichaboton { padding: 12px 6px 6px 6px; display: block; color: #8dc63f; font-weight: 500; 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(../img3/ico_pdf_agua.svg); background-repeat: no-repeat; background-position: 95%; font-family: "Bai Jamjuree", sans-serif; }

.prodsagua .fichaboton:hover { background-color: rgba(0, 0, 0, 0.1); color: #d9d9d9; }

.prodsagua .foto { position: relative; }

.prodsgas { margin-top: 74px; border-top: solid 1px #e4e4e4; padding-top: 20px; }

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

.prodsgas h2 { font-size: 22px; color: #8dc63f; font-weight: bold; font-family: "Bai Jamjuree", sans-serif; margin-top: 3px; height: 68px; }

.prodsgas img { display: block; margin: auto auto 6px auto; width: 300px; height: 300px; object-fit: cover; }

.prodsgas .col-md-3 { margin-bottom: 81px; position: relative; }

.prodsgas .fichaboton { padding: 12px 6px 6px 6px; display: block; color: #8dc63f; font-weight: 500; 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(../img3/ico_pdf_agua.svg); background-repeat: no-repeat; background-position: 95%; font-family: "Bai Jamjuree", sans-serif; }

.prodsgas .fichaboton:hover { background-color: rgba(0, 0, 0, 0.1); color: #d9d9d9; }

.prodsgas .foto { position: relative; }

.prodsgas .vervideo { background-color: #8dc63f; }

.prodsgas .vervideo:hover { color: #3c9900; }

.prodsgas .fichaboton, .prodsgas .medidasboton { color: #000; padding-left: 12px; font-weight: 500; }

.prodsgas .fichaboton { background-image: url(../img3/ico_pdf_gas.svg); }

.prodsgas .medidasboton { background-image: url(../img/bullet.svg); }

.prodsgas .titulo { padding: 12px; text-align: center; color: #3c9900; font-size: 26px; font-weight: 400; text-transform: uppercase; }

.prodsgas .titulo span { font-weight: 600; }

.prodsgas p { position: absolute; bottom: 51px; right: 20px; z-index: 99999999; }

.formcontacto { padding: 33px; }

.formcontacto h1 { text-align: center; font-size: 33px; font-family: "Bai Jamjuree", sans-serif; }

.formcontacto p { color: #d9d9d9; 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: #d9d9d9; 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; background-color: #f1f7e6; position: absolute; z-index: 999999; width: 91%; right: 0; left: 0; margin: auto; display: none; }

.medidas .bold { font-weight: bold; font-family: "Bai Jamjuree", sans-serif; margin-bottom: 4px; }

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

.medidas ul { padding-left: 12px; }

.medidas ul li { width: 32%; display: inline-block; color: dimgray; padding: 6px; font-size: 14px; margin-left: -4px; border-bottom: solid 1px #8dc63f; }

.medidasboton { padding: 12px 6px 6px 6px; display: block; color: #8dc63f; font-size: 16px; border-bottom: solid 1px rgba(0, 0, 0, 0.2); background-image: url(../img3/ico_drop_agua.svg); background-repeat: no-repeat; background-position: 95%; font-family: "Bai Jamjuree", sans-serif; cursor: pointer; background-color: rgba(215, 234, 185, 0.35); }

.medidasboton:hover { background-color: #3c9900; color: #fff; }

.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 { padding: 9px; background-color: #191a1a; }

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

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

.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 .col3 { color: #fff; padding-top: 6px; font-family: "Roboto", sans-serif; text-align: center; font-size: 13px; }

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

.footer2 a { color: #fff; }

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

.copy2 a { color: #fff; }

.copy2 a:hover { opacity: 0.8; }

.bannerconexiones { height: 269px; margin: 0px 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: #8dc63f; font-size: 18px; font-family: "Bai Jamjuree", sans-serif; }

.bannerconexiones h2 { color: #fff; font-size: 28px; margin: 6px 0 6px 0; font-family: "Bai Jamjuree", sans-serif; margin-bottom: 33px; }

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

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

.franja { background-color: #8dc63f; color: #fff; padding: 14px; text-align: center; font-weight: 600; font-size: 16px; margin-top: -6px; }

.franja a { color: #fff; }

.contacto { width: 700px; position: absolute; top: -331px; left: 0; right: 0; margin: auto; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); border-radius: 12px; }

.iconos2 { text-align: center; font-size: 22px; padding-top: 45px; background-color: #ececec; padding-bottom: 70px; }

.iconos2 .borde { border-right: solid 1px dimgray; }

.iconos2 a { color: #fff; }

.iconos2 a:hover { opacity: 0.8; }

.iconos2 a:hover span { background-color: #8dc63f; }

.iconos2 h1 { color: #8dc63f; font-weight: 700; margin: 14px 0 14px 0; font-size: 18px; }

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

.iconos2 span { display: block; margin: auto; cursor: pointer; border: solid 1px #8dc63f; color: #8dc63f; font-size: 31px; padding: 6px; border-radius: 61px; width: 57px; }

.iconos2 .iconolatyn { margin: 33px; }

.iconos2 a:hover span { color: #fff; }

.iconos2 span:hover { background-color: #8dc63f; color: #fff; }

.acerca .container { padding-bottom: 61px; }

.acerca h1 { color: #8dc63f; font-size: 18px; font-weight: 700; margin-bottom: 22px; margin-top: 33px; }

.acerca h1 span { background-color: #8dc63f; color: #fff; padding: 6px 9px 6px 9px; }

.acerca h2 { font-size: 33px; color: #3c9900; font-weight: 700; }

.acerca h3 { font-size: 33px; color: #3c9900; font-weight: 400; }

.acerca p { color: dimgray; font-size: 16px; margin-top: 76px; padding: 6px 62px 52px 62px; border-left: solid 1px #d9d9d9; }

.acerca img { float: right; margin: 15px 43px 0 0; }

.borde1 { height: 9px; margin-top: 33px; background-image: url(../img3/linea_01.svg); background-size: cover; }

.nopad { padding: 0; }

nav { background-color: #fff !important; }

.banner1 { border-right: solid 1px #fff; background-image: url(../img3/fdo_banner_agua.png) !important; height: 300px; background-size: cover; position: relative; }

.banner1 .texto { position: absolute; top: 33%; right: 33px; }

.banner1 .texto h1 { color: #fff; font-size: 33px; font-weight: 400; padding: 0; margin: 0; }

.banner1 .texto h2 { color: #fff; font-size: 45px; font-weight: 700; padding: 0; margin: 0; }

.banner1 img { position: absolute; width: 200px !important; left: 33px; top: 45px; height: auto; }

.banner1 a { color: #fff; display: block; width: 100%; height: 100%; }

.banner1:hover { opacity: 0.6; }

.banner1:hover .texto { right: 43px; }

.banner2 { border-left: solid 1px #fff; background-image: url(../img3/fdo_banner_gas.png) !important; height: 300px; background-size: cover; position: relative; }

.banner2 .texto { position: absolute; top: 33%; left: 33px; }

.banner2 .texto h1 { color: #fff; font-size: 33px; font-weight: 400; padding: 0; margin: 0; }

.banner2 .texto h2 { color: #fff; font-size: 45px; font-weight: 700; padding: 0; margin: 0; }

.banner2 img { position: absolute; width: 200px !important; right: 33px; top: 45px; height: auto; }

.banner2 a { color: #fff; display: block; width: 100%; height: 100%; }

.banner2:hover { opacity: 0.6; }

.banner2:hover .texto { left: 43px; }

.navprods { background-color: #fff !important; background-image: none !important; }

.vervideo { position: absolute; bottom: 15px; background-color: #8dc63f; color: #fff; border-radius: 33px; left: 0; right: 0; margin: auto; font-weight: 500; background-image: url(../img3/ico_video.svg); background-repeat: no-repeat; background-position: 95%; padding: 9px 43px 9px 15px; width: 145px; display: block; text-align: left; }

.vervideo:hover { background-color: dimgray; color: #8dc63f; }

.filtro { border-bottom: solid 1px #8dc63f; margin-bottom: 45px; }

.filtro ul { text-align: center; }

.filtro ul li { display: inline-block; font-size: 16px; font-weight: 500; }

.filtro ul li a { display: block; padding: 10px 15px 10px 15px; color: #000; border-bottom: solid 2px transparent; }

.filtro ul li a:hover, .filtro ul li .active { border-bottom: solid 2px #3c9900; }

.cabcategorias { background-image: none; }

.postventa { background-color: #fff; }

.postventa h2 { color: #8dc63f; }

.postventa input[type="submit"], .postventa input[type="button"] { background-color: #8dc63f; }

.linkcert a { display: block; font-size: 14px; color: #8dc63f; border-bottom: solid 1px #8dc63f; padding: 6px; max-width: 85%; margin: auto; }

.linkcert .certaccordion { display: none; }

.redeshead img { width: 28px; }

.redeshead a { padding: 6px !important; }

.redeshead a:hover { background-color: transparent !important; }

.redeshead a:hover { opacity: 0.8; }

.productoshome { margin-top: 45px; margin-bottom: 51px; }

.productoshome h2 { text-align: center; text-transform: uppercase; font-weight: 400; font-size: 26px; color: #3c9900; padding-bottom: 33px; }

.productoshome h2 span { font-weight: 600; }

.productoshome .item { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18); padding: 15px; text-align: center; border-radius: 14px; background: white; background: linear-gradient(0deg, white 57%, #f1f7e6 57%); }

.productoshome .item a { color: #fff; background-color: #8dc63f; border-radius: 33px; text-align: center; width: 133px; margin: auto; display: block; text-transform: uppercase; font-size: 18px; margin-top: 12px; }

.productoshome .item a:hover { background-color: #3c9900; }

.bannerhome { text-align: center; padding: 33px 0 33px 0; }

.bannerhome img { width: 100%; }

.bannerhome .bannermobile { display: none; }

.links .pad { text-align: center; border-radius: 12px; padding: 20px; height: 345px; padding-top: 52px; }

.links .pad h2 { font-size: 20px; font-weight: 600; height: 45px; margin-top: 41px; }

.links .pad a { color: #8dc63f; font-size: 20px; width: 200px; font-weight: 600; display: block; text-align: center; text-transform: uppercase; border: solid 1px #8dc63f; border-radius: 12px; padding: 12px; margin: auto; }

.links .pad a:hover { background-color: #8dc63f; color: #fff; }

.links .pad:hover { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16); }

.links img { height: 120px; }

.container-fluid { max-width: 92%; margin: auto; }

.headred { margin-top: 67px; margin-bottom: 45px; }

.headred img { width: 100%; }

.red { padding-bottom: 33px; }

.red .titulo { color: #3c9900; text-transform: uppercase; padding: 12px 0 12px 0; font-size: 20px; font-weight: 400; border-bottom: solid 1px #8dc63f; margin-bottom: 33px; }

.red .titulo span { font-weight: 600; }

.red .titulo .col2 { text-align: right; }

.red .titulo select { padding: 10px; font-size: 15px; }

.red .col-md-3 { margin-bottom: 33px; }

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

.red .col-md-3 h4 { color: #8dc63f; font-size: 18px; border-bottom: solid 1px #e4e4e4; padding: 6px; margin-bottom: 15px; }

.red .col-md-3 p { line-height: 20px; margin-bottom: 20px; }

.red .col-md-3 p span { color: #8dc63f; }

.red .col-md-3 p a { color: #000; }

.red .col-md-3 p a:hover { color: #8dc63f; }

.red .boton { border-radius: 12px; border: solid 1px #8dc63f; color: #8dc63f; font-size: 16px; font-weight: 600; padding: 6px 12px 6px 12px; }

.red .boton:hover { background-color: #8dc63f; color: #fff; }

.grecaptcha-badge { display: none !important; }

@media (max-width: 820px) { .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: 68px; }
  .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 .borde { border: none; }
  footer .menu1 { text-align: center; }
  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: dimgray !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-nav > li > a { text-align: center; }
  .navbar-nav { background-color: #000; }
  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; }
  .iconos2 .borde { border: none; margin-top: 31px; margin-bottom: 31px; }
  .modbanner h1 { font-size: 16px; }
  .modbanner { padding-bottom: 45px; }
  .footer2 .col3 { text-align: center; }
  .acerca .container { background-size: 93%; padding-bottom: 45px; }
  .acerca { padding-top: 0; }
  .cab { background-image: none !important; background-color: #fff !important; }
  .navbar-brand { padding-top: 9px; }
  .navbar-inverse .navbar-toggle .icon-bar { background-color: #8dc63f; }
  .acerca p { column-count: 1; }
  .acerca p { width: 100%; padding-top: 15px; }
  .iconos2 .col-md-4 { margin-bottom: 45px; }
  .banner1 img { position: relative; display: block; margin: auto auto 15px auto !important; width: 100px !important; }
  .banner1 .texto { position: relative; text-align: center; top: 0; left: 0; right: 0; }
  .banner1 img { left: 0; top: 0; }
  .banner1 { padding: 45px 0 45px 0; }
  .banner2 img { position: relative; display: block; margin: auto auto 15px auto !important; width: 100px !important; }
  .banner2 .texto { position: relative; text-align: center; top: 0; left: 0 !important; right: 0; }
  .banner2 img { left: 0; top: 0; }
  .banner2 { padding: 45px 0 45px 0; }
  .bannerconexiones { width: 100%; height: auto; padding: 45px 0 45px 0; text-align: center; }
  .bannerconexiones img { float: none; }
  .bannerconexiones img { margin-right: auto; margin-bottom: 15px; }
  .navbar-nav { background-color: #fff; padding-bottom: 15px; }
  .filtro ul li { display: block; }
  .fondocat img { display: block; margin: auto; left: 0; right: 0; }
  .fondocat { text-align: center; }
  .fondocat img { right: 0; margin-top: 15px !important; top: 0; position: relative; }
  .fondocat h1 { margin-bottom: 0; }
  .dropdown-menu .tituloagua a, .dropdown-menu .titulogas a { text-align: center; margin: 0; }
  .navbar-brand > img { width: 228px; }
  .navbar { margin-bottom: 0; }
  .navbar-header { height: auto; }
  .navbar-brand { padding-top: 14px; }
  .navbar-toggle { margin-top: 18px; }
  .acerca p { padding: 0; margin-top: 0; border: none; }
  .productoshome .item { margin-bottom: 33px; }
  .mapa2 { padding-top: 33px; }
  .mapa2 .borde { border: none; border-top: solid 1px #fff; border-bottom: solid 1px #fff; }
  .mapa2 .contacto .contacto2 h1 { font-size: 22px; }
  .mapa2 .contacto { width: 92%; }
  .mapa2 .contacto .contacto2 { padding: 12px; }
  footer .menu1 li { text-align: center; }
  .cabcategorias h2 { font-size: 25px; padding-bottom: 15px; }
  .titulopost { font-size: 16px !important; }
  .red .titulo .col2 { text-align: left; padding-top: 12px; }
  .navbar-inverse .navbar-toggle { border: none; }
  .contacto { position: relative; top: auto; }
  .modbanner { padding: 0; }
  .navbar-nav span { display: block; padding-top: 12px; text-align: center; }
  .redeshead { display: inline-block !important; }
  .bannerhome .bannermobile { display: block; }
  .bannerhome .bannerdesktop { display: none; } }

.grecaptcha-badge { display: none; }

.input-file { display: none !important; /* Oculta el input file original */ }

.custom-file-label { display: inline-block; padding: 10px 20px; background-color: #8dc63f; color: white; border-radius: 5px; cursor: pointer; text-align: center; font-size: 16px; transition: background-color 0.3s ease; }

.custom-file-label:hover { background-color: #45a049; }

@media (max-width: 1300px) { .medidas ul li { font-size: 11px; } }

@import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"); * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 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 a, .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, .modbanner a, footer .descargar, .botondescargar a, .prodsagua .fichaboton, .prodsgas .fichaboton, .formcontacto input[type="submit"], .formcontacto input[type="button"], .medidasboton, .footer2 .col2 ul img, .bannerconexiones a, .iconos2 a, .banner1, .banner1 .texto, .banner2, .banner2 .texto, .vervideo, .productoshome .item a, .links .pad, .links .pad a, .red .boton { -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: "Bai Jamjuree", sans-serif; } .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: transparent; background-image: none; border: none; } .navbar-brand { padding: 6px 0 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: #000; text-transform: uppercase; font-size: 15px; font-weight: 600; } .navbar-inverse .navbar-nav > li { border-right: none; } .navbar-nav { float: right; } .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-nav > li > .dropdown-menu { background-color: #fff; 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 { border-top: solid 4px #8dc63f !important; } .carousel1 { margin-top: 66px; } .navbar-nav { float: none; text-align: right; } .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: #fff; color: #8dc63f; } .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: #fff; } #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: "Bai Jamjuree", sans-serif; text-transform: uppercase; font-size: 39px; } .mapa1 h2 { color: #f7921e; font-family: "Bai Jamjuree", sans-serif; 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: dimgray; font-family: "Bai Jamjuree", sans-serif; 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 dimgray; padding: 0 0 10px 0; margin-bottom: 10px; } .productos p { color: dimgray; 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: "Bai Jamjuree", 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; } .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; } .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 45px 0 45px; color: #fff; text-align: center; position: relative; background-size: cover; margin-top: 67px; } .cabcategorias h1 { letter-spacing: 4px; font-size: 18px; font-weight: 300; } .cabcategorias h2 { font-size: 28px; font-weight: 300; color: #3c9900; border-bottom: solid 1px #8dc63f; padding-bottom: 33px; margin-bottom: 20px; } .cabcategorias h2 span { font-weight: 600; } .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 { background-color: rgba(215, 234, 185, 0.35); color: #8dc63f; text-align: center; padding: 15px; text-transform: uppercase; margin: 33px 0 10px 0; font-weight: 500; font-size: 19px; } .postventa p { font-size: 15px; } .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: dimgray; padding: 5px; width: 100%; margin: 0 0 10px 0; } .postventa .ticket { margin: 0 0 10px 0; } .postventa select { border: none; 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: #8dc63f; color: #fff; border-radius: 14px; 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 { background-color: #3c9900; } .titulopost { text-align: center; font-weight: 300; font-size: 21px !important; } .postventa .row { margin-left: 0; } .postventa input::placeholder { color: #000; } .postventa .gris { background-color: whitesmoke; padding: 33px; } .carousel1 { margin-bottom: 45px; } footer { background-color: #191a1a; } .videohome { margin-top: 62px; } .mapa2 { position: relative; background-color: #3c9900; 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: #8dc63f; } .mapa2 .contacto .contacto2 { padding: 15px 0 15px 0; } .mapa2 .contacto .contacto2 h1 { color: #fff; margin-bottom: 15px; text-transform: uppercase; font-size: 33px; font-family: "Bai Jamjuree", sans-serif; background: rgba(215, 234, 185, 0.35); padding: 15px; text-align: center; font-weight: 600; color: #8dc63f; } .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 #8dc63f; } .mapa2 .contacto .contacto2 input[type="submit"], .mapa2 .contacto .contacto2 input[type="button"] { border: none; background-color: #8dc63f; color: #fff; display: block; margin: auto; font-size: 18px; border-radius: 33px; padding: 10px 22px 10px 22px; border: solid 1px #8dc63f; font-weight: 600; text-transform: uppercase; } .mapa2 .contacto .contacto2 input[type="submit"]:hover, .mapa2 .contacto .contacto2 input[type="button"]:hover { background-color: #3c9900; } .mapa2 .contacto .sumate { background-color: #333333; padding: 20px; position: relative; } .mapa2 .contacto .sumate h1 { color: #f7921e; font-size: 19px; text-transform: uppercase; font-family: "Bai Jamjuree", sans-serif; } .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 .col-md-4 { padding-top: 20px; padding-bottom: 20px; padding-left: 33px; } .descarga { padding: 15px; text-align: center; margin-top: 31px; color: dimgray; border-top: solid 1px rgba(0, 0, 0, 0.1); font-weight: 300; margin-bottom: 33px; } .descarga h1 { font-size: 26px; color: dimgray; 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: dimgray; 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: transparent; 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: 5px; width: 16px; height: 51px; border: none; background-color: transparent; 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: 433px; left: -126px; border-bottom: solid 6px #8dc63f; padding-top: 33px; padding-bottom: 21px; } .dropdown-menu li { display: inline-block; vertical-align: top; text-align: center; border: none; font-size: 28px; border: none !important; width: 200px; 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 .tituloagua h1 { color: #8dc63f; font-size: 18px; font-weight: 300; margin-bottom: 15px; } .dropdown-menu .tituloagua .bold { display: inline !important; font-weight: bold; color: #8dc63f; } .dropdown-menu .tituloagua .enter { display: block; } .dropdown-menu .tituloagua a { color: #8dc63f !important; font-size: 15px; line-height: 15px !important; margin-left: 15px; } .dropdown-menu .tituloagua a:hover { color: #8dc63f !important; opacity: 0.8; } .dropdown-menu .titulogas h1 { color: #f7921e; font-size: 18px; font-weight: 300; margin-bottom: 15px; } .dropdown-menu .titulogas .bold { display: inline !important; font-weight: bold; color: #f7921e; } .dropdown-menu .titulogas .enter { display: block; } .dropdown-menu .titulogas a { color: #f7921e !important; font-size: 15px; line-height: 15px !important; margin-left: 15px; } .dropdown-menu .titulogas a:hover { color: #f7921e !important; opacity: 0.8; } .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 dimgray !important; margin-right: 6px; padding-top: 0px; padding-bottom: 61px; } @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: dimgray; 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 h1 { color: #fff; font-size: 33px; margin-bottom: 33px; margin-top: 70px; text-align: center; } .modsprods .bold { font-weight: 700; } .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: 0px; 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: "Bai Jamjuree", sans-serif; 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; } .modbanner h1 { font-family: "Bai Jamjuree", sans-serif; margin: 15px 0 9px 0; font-size: 28px; text-align: center; color: #fff; font-weight: 700; font-size: 18px; } .modbanner h1 span { background-color: #8dc63f; padding: 4px 14px 4px 14px; } .modbanner p { font-size: 21px; color: #d9d9d9; padding-top: 16px; text-align: center; padding-bottom: 15px; } .modbanner p span { display: block; } .modbanner a { color: #8dc63f; font-size: 18px; background-color: transparent; padding: 10px 15px 10px 15px; border-radius: 33px; border: solid 1px #8dc63f; display: block; font-weight: 700; width: 265px; margin: auto; text-align: center; } .modbanner a:hover { background-color: #8dc63f; color: #fff; } .modbanner .iconolatyn { padding-bottom: 15px; } footer { padding: 31px 0 14px 0; } footer .logofooter { text-align: center; } footer .menu1 { text-align: center; border-bottom: solid 1px #8dc63f; 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 85px 60px 85px; color: #fff; margin-top: 43px; background-size: cover; margin-bottom: 0px; } .fondocat h1 { font-size: 22px; margin-bottom: 9px; font-family: "Bai Jamjuree", sans-serif; color: #000; font-weight: 600; letter-spacing: 1px; } .fondocat h2 { font-size: 58px; font-weight: bold; color: #000; font-family: "Bai Jamjuree", sans-serif; } .fondocat .barrita { width: 145px; height: 1px; margin-bottom: 9px; background-color: #8dc63f; } .fondocat .container { position: relative; } .fondocat img { position: absolute; right: 0; top: -33px; width: 150px; } .fondoagua { background-image: url(../img3/fdo_header-prods_agua.jpg); } .fondogas { background-image: url(../img3/fdo_header-prods_gas.jpg); } .prodsagua { padding-top: 45px; } .prodsagua h1 { color: rgba(0, 0, 0, 0.4); font-size: 14px; } .prodsagua h2 { font-size: 22px; color: #8dc63f; font-weight: bold; font-family: "Bai Jamjuree", sans-serif; margin-top: 3px; height: 68px; } .prodsagua img { display: block; margin: auto auto 6px auto; width: 100%; } .prodsagua .col-md-4 { margin-bottom: 81px; } .prodsagua .fichaboton { padding: 12px 6px 6px 6px; display: block; color: #8dc63f; font-weight: 500; 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(../img3/ico_pdf_agua.svg); background-repeat: no-repeat; background-position: 95%; font-family: "Bai Jamjuree", sans-serif; } .prodsagua .fichaboton:hover { background-color: rgba(0, 0, 0, 0.1); color: #d9d9d9; } .prodsagua .foto { position: relative; } .prodsgas { margin-top: 74px; border-top: solid 1px #e4e4e4; padding-top: 20px; } .prodsgas h1 { color: rgba(0, 0, 0, 0.4); font-size: 14px; } .prodsgas h2 { font-size: 22px; color: #8dc63f; font-weight: bold; font-family: "Bai Jamjuree", sans-serif; margin-top: 3px; height: 68px; } .prodsgas img { display: block; margin: auto auto 6px auto; width: 300px; height: 300px; object-fit: cover; } .prodsgas .col-md-3 { margin-bottom: 81px; position: relative; } .prodsgas .fichaboton { padding: 12px 6px 6px 6px; display: block; color: #8dc63f; font-weight: 500; 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(../img3/ico_pdf_agua.svg); background-repeat: no-repeat; background-position: 95%; font-family: "Bai Jamjuree", sans-serif; } .prodsgas .fichaboton:hover { background-color: rgba(0, 0, 0, 0.1); color: #d9d9d9; } .prodsgas .foto { position: relative; } .prodsgas .vervideo { background-color: #8dc63f; } .prodsgas .vervideo:hover { color: #3c9900; } .prodsgas .fichaboton, .prodsgas .medidasboton { color: #000; padding-left: 12px; font-weight: 500; } .prodsgas .fichaboton { background-image: url(../img3/ico_pdf_gas.svg); } .prodsgas .medidasboton { background-image: url(../img/bullet.svg); } .prodsgas .titulo { padding: 12px; text-align: center; color: #3c9900; font-size: 26px; font-weight: 400; text-transform: uppercase; } .prodsgas .titulo span { font-weight: 600; } .prodsgas p { position: absolute; bottom: 51px; right: 20px; z-index: 99999999; } .formcontacto { padding: 33px; } .formcontacto h1 { text-align: center; font-size: 33px; font-family: "Bai Jamjuree", sans-serif; } .formcontacto p { color: #d9d9d9; 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: #d9d9d9; 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; background-color: #f1f7e6; position: absolute; z-index: 999999; width: 91%; right: 0; left: 0; margin: auto; display: none; } .medidas .bold { font-weight: bold; font-family: "Bai Jamjuree", sans-serif; margin-bottom: 4px; } .medidas .borde { border-bottom: solid 1px rgba(0, 0, 0, 0.1); padding: 3px 0 3px 0; } .medidas ul { padding-left: 12px; } .medidas ul li { width: 32%; display: inline-block; color: dimgray; padding: 6px; font-size: 14px; margin-left: -4px; border-bottom: solid 1px #8dc63f; } .medidasboton { padding: 12px 6px 6px 6px; display: block; color: #8dc63f; font-size: 16px; border-bottom: solid 1px rgba(0, 0, 0, 0.2); background-image: url(../img3/ico_drop_agua.svg); background-repeat: no-repeat; background-position: 95%; font-family: "Bai Jamjuree", sans-serif; cursor: pointer; background-color: rgba(215, 234, 185, 0.35); } .medidasboton:hover { background-color: #3c9900; color: #fff; } .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 { padding: 9px; background-color: #191a1a; } .footer2 .col2 { text-align: right; } .footer2 .col2 ul { padding-top: 11px; } .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 .col3 { color: #fff; padding-top: 6px; font-family: "Roboto", sans-serif; text-align: center; font-size: 13px; } .footer2 .col1 img { width: 200px; } .footer2 a { color: #fff; } .copy2 { color: #fff; text-align: center; } .copy2 a { color: #fff; } .copy2 a:hover { opacity: 0.8; } .bannerconexiones { height: 269px; margin: 0px 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: #8dc63f; font-size: 18px; font-family: "Bai Jamjuree", sans-serif; } .bannerconexiones h2 { color: #fff; font-size: 28px; margin: 6px 0 6px 0; font-family: "Bai Jamjuree", sans-serif; margin-bottom: 33px; } .bannerconexiones a { color: #fff; border: solid 1px #8dc63f; border-radius: 31px; padding: 15px 22px 15px 22px; font-size: 18px; } .bannerconexiones a:hover { background-color: #8dc63f; } .franja { background-color: #8dc63f; color: #fff; padding: 14px; text-align: center; font-weight: 600; font-size: 16px; margin-top: -6px; } .franja a { color: #fff; } .contacto { width: 700px; position: absolute; top: -331px; left: 0; right: 0; margin: auto; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); border-radius: 12px; } .iconos2 { text-align: center; font-size: 22px; padding-top: 45px; background-color: #ececec; padding-bottom: 70px; } .iconos2 .borde { border-right: solid 1px dimgray; } .iconos2 a { color: #fff; } .iconos2 a:hover { opacity: 0.8; } .iconos2 a:hover span { background-color: #8dc63f; } .iconos2 h1 { color: #8dc63f; font-weight: 700; margin: 14px 0 14px 0; font-size: 18px; } .iconos2 img { display: block; margin: auto; } .iconos2 span { display: block; margin: auto; cursor: pointer; border: solid 1px #8dc63f; color: #8dc63f; font-size: 31px; padding: 6px; border-radius: 61px; width: 57px; } .iconos2 .iconolatyn { margin: 33px; } .iconos2 a:hover span { color: #fff; } .iconos2 span:hover { background-color: #8dc63f; color: #fff; } .acerca .container { padding-bottom: 61px; } .acerca h1 { color: #8dc63f; font-size: 18px; font-weight: 700; margin-bottom: 22px; margin-top: 33px; } .acerca h1 span { background-color: #8dc63f; color: #fff; padding: 6px 9px 6px 9px; } .acerca h2 { font-size: 33px; color: #3c9900; font-weight: 700; } .acerca h3 { font-size: 33px; color: #3c9900; font-weight: 400; } .acerca p { color: dimgray; font-size: 16px; margin-top: 76px; padding: 6px 62px 52px 62px; border-left: solid 1px #d9d9d9; } .acerca img { float: right; margin: 15px 43px 0 0; } .borde1 { height: 9px; margin-top: 33px; background-image: url(../img3/linea_01.svg); background-size: cover; } .nopad { padding: 0; } nav { background-color: #fff !important; } .banner1 { border-right: solid 1px #fff; background-image: url(../img3/fdo_banner_agua.png) !important; height: 300px; background-size: cover; position: relative; } .banner1 .texto { position: absolute; top: 33%; right: 33px; } .banner1 .texto h1 { color: #fff; font-size: 33px; font-weight: 400; padding: 0; margin: 0; } .banner1 .texto h2 { color: #fff; font-size: 45px; font-weight: 700; padding: 0; margin: 0; } .banner1 img { position: absolute; width: 200px !important; left: 33px; top: 45px; height: auto; } .banner1 a { color: #fff; display: block; width: 100%; height: 100%; } .banner1:hover { opacity: 0.6; } .banner1:hover .texto { right: 43px; } .banner2 { border-left: solid 1px #fff; background-image: url(../img3/fdo_banner_gas.png) !important; height: 300px; background-size: cover; position: relative; } .banner2 .texto { position: absolute; top: 33%; left: 33px; } .banner2 .texto h1 { color: #fff; font-size: 33px; font-weight: 400; padding: 0; margin: 0; } .banner2 .texto h2 { color: #fff; font-size: 45px; font-weight: 700; padding: 0; margin: 0; } .banner2 img { position: absolute; width: 200px !important; right: 33px; top: 45px; height: auto; } .banner2 a { color: #fff; display: block; width: 100%; height: 100%; } .banner2:hover { opacity: 0.6; } .banner2:hover .texto { left: 43px; } .navprods { background-color: #fff !important; background-image: none !important; } .vervideo { position: absolute; bottom: 15px; background-color: #8dc63f; color: #fff; border-radius: 33px; left: 0; right: 0; margin: auto; font-weight: 500; background-image: url(../img3/ico_video.svg); background-repeat: no-repeat; background-position: 95%; padding: 9px 43px 9px 15px; width: 145px; display: block; text-align: left; } .vervideo:hover { background-color: dimgray; color: #8dc63f; } .filtro { border-bottom: solid 1px #8dc63f; margin-bottom: 45px; } .filtro ul { text-align: center; } .filtro ul li { display: inline-block; font-size: 16px; font-weight: 500; } .filtro ul li a { display: block; padding: 10px 15px 10px 15px; color: #000; border-bottom: solid 2px transparent; } .filtro ul li a:hover, .filtro ul li .active { border-bottom: solid 2px #3c9900; } .cabcategorias { background-image: none; } .postventa { background-color: #fff; } .postventa h2 { color: #8dc63f; } .postventa input[type="submit"], .postventa input[type="button"] { background-color: #8dc63f; } .linkcert a { display: block; font-size: 14px; color: #8dc63f; border-bottom: solid 1px #8dc63f; padding: 6px; max-width: 85%; margin: auto; } .linkcert .certaccordion { display: none; } .redeshead img { width: 28px; } .redeshead a { padding: 6px !important; } .redeshead a:hover { background-color: transparent !important; } .redeshead a:hover { opacity: 0.8; } .productoshome { margin-top: 45px; margin-bottom: 51px; } .productoshome h2 { text-align: center; text-transform: uppercase; font-weight: 400; font-size: 26px; color: #3c9900; padding-bottom: 33px; } .productoshome h2 span { font-weight: 600; } .productoshome .item { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18); padding: 15px; text-align: center; border-radius: 14px; background: white; background: linear-gradient(0deg, white 57%, #f1f7e6 57%); } .productoshome .item a { color: #fff; background-color: #8dc63f; border-radius: 33px; text-align: center; width: 133px; margin: auto; display: block; text-transform: uppercase; font-size: 18px; margin-top: 12px; } .productoshome .item a:hover { background-color: #3c9900; } .bannerhome { text-align: center; padding: 33px 0 33px 0; } .bannerhome img { width: 100%; } .bannerhome .bannermobile { display: none; } .links .pad { text-align: center; border-radius: 12px; padding: 20px; height: 345px; padding-top: 52px; } .links .pad h2 { font-size: 20px; font-weight: 600; height: 45px; margin-top: 41px; } .links .pad a { color: #8dc63f; font-size: 20px; width: 200px; font-weight: 600; display: block; text-align: center; text-transform: uppercase; border: solid 1px #8dc63f; border-radius: 12px; padding: 12px; margin: auto; } .links .pad a:hover { background-color: #8dc63f; color: #fff; } .links .pad:hover { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16); } .links img { height: 120px; } .container-fluid { max-width: 92%; margin: auto; } .headred { margin-top: 67px; margin-bottom: 45px; } .headred img { width: 100%; } .red { padding-bottom: 33px; } .red .titulo { color: #3c9900; text-transform: uppercase; padding: 12px 0 12px 0; font-size: 20px; font-weight: 400; border-bottom: solid 1px #8dc63f; margin-bottom: 33px; } .red .titulo span { font-weight: 600; } .red .titulo .col2 { text-align: right; } .red .titulo select { padding: 10px; font-size: 15px; } .red .col-md-3 { margin-bottom: 33px; } .red .col-md-3 h3 { font-size: 12px; } .red .col-md-3 h4 { color: #8dc63f; font-size: 18px; border-bottom: solid 1px #e4e4e4; padding: 6px; margin-bottom: 15px; } .red .col-md-3 p { line-height: 20px; margin-bottom: 20px; } .red .col-md-3 p span { color: #8dc63f; } .red .col-md-3 p a { color: #000; } .red .col-md-3 p a:hover { color: #8dc63f; } .red .boton { border-radius: 12px; border: solid 1px #8dc63f; color: #8dc63f; font-size: 16px; font-weight: 600; padding: 6px 12px 6px 12px; } .red .boton:hover { background-color: #8dc63f; color: #fff; } .grecaptcha-badge { display: none !important; } @media (max-width: 820px) { .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: 68px; } .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 .borde { border: none; } footer .menu1 { text-align: center; } 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: dimgray !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-nav > li > a { text-align: center; } .navbar-nav { background-color: #000; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; } .iconos2 .borde { border: none; margin-top: 31px; margin-bottom: 31px; } .modbanner h1 { font-size: 16px; } .modbanner { padding-bottom: 45px; } .footer2 .col3 { text-align: center; } .acerca .container { background-size: 93%; padding-bottom: 45px; } .acerca { padding-top: 0; } .cab { background-image: none !important; background-color: #fff !important; } .navbar-brand { padding-top: 9px; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #8dc63f; } .acerca p { column-count: 1; } .acerca p { width: 100%; padding-top: 15px; } .iconos2 .col-md-4 { margin-bottom: 45px; } .banner1 img { position: relative; display: block; margin: auto auto 15px auto !important; width: 100px !important; } .banner1 .texto { position: relative; text-align: center; top: 0; left: 0; right: 0; } .banner1 img { left: 0; top: 0; } .banner1 { padding: 45px 0 45px 0; } .banner2 img { position: relative; display: block; margin: auto auto 15px auto !important; width: 100px !important; } .banner2 .texto { position: relative; text-align: center; top: 0; left: 0 !important; right: 0; } .banner2 img { left: 0; top: 0; } .banner2 { padding: 45px 0 45px 0; } .bannerconexiones { width: 100%; height: auto; padding: 45px 0 45px 0; text-align: center; } .bannerconexiones img { float: none; } .bannerconexiones img { margin-right: auto; margin-bottom: 15px; } .navbar-nav { background-color: #fff; padding-bottom: 15px; } .filtro ul li { display: block; } .fondocat img { display: block; margin: auto; left: 0; right: 0; } .fondocat { text-align: center; } .fondocat img { right: 0; margin-top: 15px !important; top: 0; position: relative; } .fondocat h1 { margin-bottom: 0; } .dropdown-menu .tituloagua a, .dropdown-menu .titulogas a { text-align: center; margin: 0; } .navbar-brand > img { width: 228px; } .navbar { margin-bottom: 0; } .navbar-header { height: auto; } .navbar-brand { padding-top: 14px; } .navbar-toggle { margin-top: 18px; } .acerca p { padding: 0; margin-top: 0; border: none; } .productoshome .item { margin-bottom: 33px; } .mapa2 { padding-top: 33px; } .mapa2 .borde { border: none; border-top: solid 1px #fff; border-bottom: solid 1px #fff; } .mapa2 .contacto .contacto2 h1 { font-size: 22px; } .mapa2 .contacto { width: 92%; } .mapa2 .contacto .contacto2 { padding: 12px; } footer .menu1 li { text-align: center; } .cabcategorias h2 { font-size: 25px; padding-bottom: 15px; } .titulopost { font-size: 16px !important; } .red .titulo .col2 { text-align: left; padding-top: 12px; } .navbar-inverse .navbar-toggle { border: none; } .contacto { position: relative; top: auto; } .modbanner { padding: 0; } .navbar-nav span { display: block; padding-top: 12px; text-align: center; } .redeshead { display: inline-block !important; } .bannerhome .bannermobile { display: block; } .bannerhome .bannerdesktop { display: none; } } .grecaptcha-badge { display: none; } .input-file { display: none !important; /* Oculta el input file original */ } .custom-file-label { display: inline-block; padding: 10px 20px; background-color: #8dc63f; color: white; border-radius: 5px; cursor: pointer; text-align: center; font-size: 16px; transition: background-color 0.3s ease; } .custom-file-label:hover { background-color: #45a049; } @media (max-width: 1300px) { .medidas ul li { font-size: 11px; } }