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