:root { --color-general-fondo-body:#FFFFFF; --color-general-fondo-bloques:#FFFFFF; --color-general-fuente:#2C3E50; --color-bloques-principal-fondo:#225378; --color-bloques-principal-fondo_sobre:#225378; --color-bloques-principal-fuente:#FFFFFF; --color-bloques-principal-fuente-sobre:#398AB3; --color-bloques-secundario-fondo:#FFFFFF; --color-bloques-secundario-fondo-sobre:#225378; --color-bloques-secundario-fuente:#225378; --color-bloques-secundario-fuente-sobre:#FFFFFF; --color-botones-fondo:#398AB3; --color-botones-fondo-sobre:#225378; --color-botones-fuente:#FFFFFF; --color-botones-fuente-sobre:#FFFFFF; --color-botones-fondo-desactivado:#BDC3C7; --color-botones-fuente-desactivado:#FFFFFF; --color-1:#C95506; --color-2:#A31616; --color-3:#DB4839; --color-4:#E74C3C; --color-5:#FF0000; --color-6:#3E3E50; --color-7:#2C3E50; --color-8:#34495E; --color-9:#54697E; --color-10:#78828D; --color-11:#7F8C8D; --color-12:#BAC1C8; --color-13:#BDC3C7; --color-14:#CACFD2; --color-15:#BFC9CA; --color-16:#E3E4E6; --color-blanco:#FFF; --color-gris-1:#F5F5F5; --color-gris-2:#EEE; --color-gris-3:#DDD; --color-gris-4:#CECECE; --color-gris-5:#CCC; --color-gris-6:#C5C5C5; --color-gris-7:#B6B6B6; --color-gris-8:#B2B2B2; --color-gris-9:#A2A2A2; --color-gris-10:#999; --color-gris-11:#888; --color-gris-12:#848484; --color-gris-13:#808080; --color-gris-14:#777; --color-gris-15:#666; --color-gris-16:#4D4D4D; --color-negro:#000; } @font-face { font-family: Nivel1; src: url("/fonts/Lato-Regular.ttf") format("truetype"); } @font-face { font-family: Nivel2; src: url("/fonts/Lato-Regular.ttf") format("truetype"); } @font-face { font-family: Nivel3; src: url("/fonts/Lato-Regular.ttf") format("truetype"); } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .container:before, .container:after, .row:before, .row:afte{ display: table; content: " "; } .container:after, .row:after{ clear: both; } @charset "utf-8"; body { font-family: Nivel3; background: var(--color-general-fondo-body) !important; font-size: 15px; line-height: 21px; color: var(--color-general-fuente); margin: 0; } *, ::before, ::after { box-sizing: border-box; } a { text-decoration: none; color: var(--color-bloques-principal-fondo); transition: 1s; } a, a:hover { color: var(--color-bloques-secundario-fuente); } a:hover { color: var(--color-negro); transition: 1s; } .pull-right { float: right !important; } .pull-left { float:left !important; } @media (max-width: 575px) { .hidden-xs { display: none !important; } } @media (min-width: 576px) and (max-width: 767px) { .hidden-sm { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg { display: none !important; } } @media (min-width: 1200px) { .hidden-xl { display: none !important; } } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; } h1, h2, h3, h4, h5, h6{ color: var(--color-bloques-principal-fondo); } h1{ font-size: 36px; } h2 { font-size:30px; } h3{ font-size:22px; } h4 { font-size:18px; } h5{ font-size:14px; } h6{ font-size:12px; } header { z-index: 400; position: fixed; right: 0; left: 0; border-bottom: solid 1px var(--color-gris-5); } main { z-index: 200; position: relative; background-color: var(--color-general-fondo-bloques); width: 100%; display: inline-block; border-bottom: solid 1px var(--color-gris-5); } footer { z-index: 0; position: fixed; bottom: 0px; width: 100%; } .bloque { float: left; width: 100%; height: auto; } /* dentro del objeto a centrar horizontalmente */ .center { display: block; margin-left: auto; margin-right: auto; } /* en el contenedor del objeto a centrar verticalmente */ .v_center{ display: flex; justify-content: center; align-items: center; } /* ---ICONOS--- */ @font-face { font-family: 'kk-fonts'; src: url('/icon_fonts/kk-fonts.eot?86571'); src: url('/icon_fonts/kk-fonts.eot?86571#iefix') format('embedded-opentype'), url('/icon_fonts/kk-fonts.woff?86571') format('woff'), url('/icon_fonts/kk-fonts.ttf?86571') format('truetype'), url('/icon_fonts/kk-fonts.svg?86571#kk-fonts') format('svg'); font-weight: normal; font-style: normal; } .ico { font-family: "kk-fonts"; font-style: normal; } .ico-facebook::before { content: "\f30e"; } .ico-twitter::before { content: "\f304"; } .ico-pinterest::before { content: "\f0d3"; } .ico-linkedin::before { content: "\f30c"; } .ico-instagram::before { content: "\f32d"; } .ico-whatsapp::before { content: "\f232"; } .ico-facebook_l::before { content: "\f09a"; } .ico-twitter_l::before { content: "\f099"; } .ico-pinterest_l::before { content: "\f231"; } .ico-linkedin_l::before { content: "\f0e1"; } .ico-instagram_l::before { content: "\f16d"; } .ico-sobre::before { content: "\f0e0"; } .ico-sobre-blanco::before { content: "\e821"; } .ico-usuario::before { content: "\e80e"; } .ico-flecha-izquierda::before { content: "\e842"; } .ico-flecha-derecha::before { content: "\e846"; } .ico-circulo-derecha::before { content: "\f138"; } .ico-circulo-izquierda::before { content: "\f137"; } .ico-entrar::before { content: "\e83e"; } .ico-menu::before { content: "\f0c9"; } .ico-ordenes::before { content: "\e838"; } .ico-ingresar::before { content: "\e83e"; } .ico-salir::before { content: "\e83d"; } .ico-carrito::before { content: "\e838"; } .ico-registro::before { content: "\f234"; } .ico-ubicacion::before { content: "\f031"; } .ico-comentarios::before { content: "\f0e6"; } .ico-izquierda::before { content: "\e802"; } .ico-derecha::before { content: "\e808"; } .ico-camion::before { content: "\e841"; } .ico-telefono::before { content: "\e82a"; } .ico-link::before { content: "\e800"; } .ico-download::before { content: "\f0ed"; } .ico-archivos::before { content: "\f0f6"; } .ico-desbloqueado::before { content: "\f075"; } .ico-ok::before { content: "\e829"; } .ico-billete::before { content: "\f0d6"; } .ico-triangulo-derecha::before { content: "\e807"; } .ico-triangulo-abajo::before { content: "\e830"; } .ico-tacho::before { content: "\e837"; } .ico-buscar::before { content: "\f50d"; } .ico-ojo::before { content: "\e81b"; } .ico-regalo::before { content: "\e854"; } .ico-tachuela::before { content: "\e858"; } .ico-espera::before { content: "\e720"; } .ico-calendario::before { content: "\f133"; } .ico-etiqueta::before { content: "\e852"; } .ico-marca::before { content: "\e853"; } .ico-orden-abajo::before { content: "\f161"; } .ico-circulo-ok::before { content: "\e859"; } .ico-editar::before { content: "\e817"; } .ico-refrescar::before { content: "\e84a"; } .ico-derecha-doble::before { content: "\f101"; } .ico-mas-fino::before { content: "\e85a"; } .ico-ir-arriba::before { content: "\e955"; } .footer-kirke { background: var(--color-blanco); border-top: 1px solid var(--color-gris-3); } .footer-kirke .derechos-logo { padding-top:10px; padding-bottom:10px; text-transform: none; color: var(--color-gris-16); font-family: Arial, Helvetica Neue, Helvetica, sans-serif; } .footer-kirke .registro { float: left !important; font-size: 14px; } .footer-kirke .logo-kirke { float: right !important; margin-top: 12px; } .footer-kirke .logo-kirke a { color: var(--color-gris-16); } .footer-kirke .logo-kirke > a { background: url('../img/logo_kirke.png') 100% 0 no-repeat; padding-right: 96px; padding-top: 9px; text-decoration: none; } .footer-kirke .certidado_ssl { float: right; margin-top: 6px; margin-left: 20px; } @media (max-width: 767px){ .footer-kirke .logo-kirke { float: left !important; } } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container > div { padding: 0 10px; } @media (min-width: 1200px) { .container { width: 1200px; } } .boton { font-family: Nivel3; font-size: 16px; float: right; padding: 10px 20px; background: var(--color-botones-fondo) !important; border-radius: 3px; color: var(--color-botones-fuente) !important; margin-top: 15px; text-align: center; border: none; cursor: pointer; transition: 1s; } .boton:hover { background: var(--color-botones-fondo-sobre) !important; color: var(--color-botones-fuente-sobre) !important; transition: 1s; } .boton-desactivado { color: var(--color-botones-fuente-desactivado) !important; background: var(--color-botones-fondo-desactivado) !important; transition: 1s; } .boton-desactivado:hover { color: var(--color-botones-fuente-sobre) !important; background: var(--color-botones-fondo-sobre) !important; transition: 1s; } input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding-top: 4px; padding-right: 4px; } select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #FFFFFF; } input[type="radio"] { height: auto; width: auto; } input[type="radio"] + span { border: none; } form .row div { padding-bottom: 3px; } label { display: block; font-weight: 500; padding-bottom: 5px; color: var(--color-general-fuente); margin-bottom: 5px; margin-left: 3px; max-width: 100%; } label sup { color: var(--color-4); } .form-control, .form-captcha { height: 30px; border: solid 1px var(--color-gris-3); font-family: Nivel3; background: var(--color-blanco); color: var(--color-gris-11); width: 100%; font-size: 14px; padding: 6px 12px; margin-bottom: 10px; height: 40px; border-radius: 3px; } .form-control:focus, .form-captcha:focus { outline: none !important; border:1px solid var(--color-gris-10); box-shadow: 0 0 4px var(--color-gris-10); } .form-group { margin-bottom: 15px; } .form-captcha { width: 215px; } .VC_error { font-family: Nivel3; text-transform: none; color: var(--color-5); font-size: 14px; margin: 0px !important; padding: 0px !important; } .error { text-transform: none; } .armado_pagina_tabla label { margin-top: 20px; font-size: 16px; font-weight: bold; } .productos-menu { margin-bottom: 20px; border: 1px solid transparent; font-family: Nivel1; } .productos-menu-color { height: 4px; background: var(--color-bloques-principal-fondo); } .productos-menu-titulo { background: var(--color-gris-1); border-color: var(--color-gris-3); padding: 10px 15px; border-right: 1px solid var(--color-gris-3); border-bottom: 1px solid var(--color-gris-3); border-left: 1px solid var(--color-gris-3); } .productos-menu-titulo h4 { margin: 0; cursor: pointer; } .productos-menu-titulo > h4 > a { color: var(--color-8); font-weight: normal; font-size: 15px; } .productos-menu-titulo > h4 > a:hover { color: var(--color-negro); } .productos-menu-listado { padding: 15px; background: var(--color-blanco); border-right: 1px solid var(--color-gris-3); border-bottom: 1px solid var(--color-gris-3); border-left: 1px solid var(--color-gris-3); } .productos-menu-listado ul { padding-left: 0; margin-bottom: 0; list-style: none; margin: 0; padding: 0; } .productos-menu-listado > ul > li > a { background: none; font-weight: bold; color: var(--color-7); font-size: 13px; border-radius: 4px; position: relative; display: block; padding: 5px 15px; } .productos-menu-listado-cant { float: right !important; padding: 0px 7px; font-size: 12px; color: var(--color-blanco); text-align: center; background: var(--color-gris-14); border-radius: 10px; } .productos-menu-listado > ul > li { margin-top: 2px; padding-bottom: 7px; border-bottom: 1px solid var(--color-gris-3); } .productos-menu-listado > ul > li > ul { border-left: 1px solid var(--color-gris-3) !important; margin-left: 13px; } .productos-menu-listado > ul > li > ul > li > a { margin-top: 2px; font-size: 13px; font-weight: normal !important; padding: 2px 15px; color: var(--color-8); text-decoration: none; outline: none !important; } .productos-menu-listado > ul > li > ul > li > a.active { font-weight: bolder !important; } .productos-titulo > h2 > span { font-size: 34px; padding: 0 !important; font-family: Nivel2; font-weight: normal; } .productos-titulo > img { margin-bottom: 15px; width: 100%; } .productos-sin-resultados { color: var(--color-9); font-size: 18px; font-weight: 600; line-height: 27px; padding: 30px 0 30px 15px; font-family: Nivel2; } .productos-sin-resultados a { color: var(--color-botones-fondo); } .productos-sin-resultados a:hover { color: var(--color-botones-fondo-sobre); } .productos-paginado { font-family: Nivel3; font-size: 14px; border-top: 1px solid var(--color-gris-3); border-bottom: 1px solid var(--color-gris-3); margin: 10px 0 15px 0; padding-top: 10px; } .productos-paginado > div.row > div > span { display: inline-block; padding-top: 4px; margin-bottom: 10px; } .productos-paginado-orden { text-align: right; } @media (max-width: 991px){ .productos-menu-listado { display: none; } .productos-menu-titulo > h4 > a { color: var(--color-1); } .productos-paginado-solo-stock { text-align: center; } .productos-paginado-solo-stock > div { float: none; } } @media (max-width: 767px){ .productos-menu { display: none; } #productos-datos-icono_whatsapp { display: block; } } @media (max-width: 575px){ .productos-paginado-mostrando, .productos-paginado-solo-stock, .productos-paginado-orden { text-align: left; } .productos-paginado-solo-stock, .productos-paginado-orden { margin-bottom: 10px; } } .productos-datos #kk-zoom { cursor: crosshair; } .productos-datos-thumb { border-top:1px solid var(--color-gris-3); clear:both; display:block; text-align:center; margin-top:10px; } .productos-datos-thumb a { border:1px solid var(--color-gris-5); display:inline-block; float:none; margin: 10px 10px 10px 0 !important; overflow:hidden; width:60px!important; } .productos-datos-thumb a:hover { border:1px solid var(--color-negro)!important; transition: all .7s ease; transform: scale(1.1, 1.1); } .productos-datos-thumb a img { display:block; max-width:100%; height:auto; max-height:75px; width:60px!important; } .productos-datos-titulo { font-size: 30px; font-weight: 600; letter-spacing: 0.25px; line-height: 1; margin-bottom: 0; padding-bottom: 15px; } .productos-datos-sku { font-size: 14px; font-weight: lighter; letter-spacing: 1px; margin: 0 0 5px; padding: 0; text-transform: uppercase; } .productos-datos-recios { font-size: 28px; font-weight: 600; line-height: normal; margin-bottom: 10px; } .productos-datos-recios span del { font-family: inherit; font-size: 18px; color: var(--color-gris-11); font-weight: 100; display: block; margin-bottom: 10px; } .productos-datos-description { border-bottom: 1px solid var(--color-gris-3); } .productos-datos-description p { margin: 0 0 10px; } .productos-datos-detalles { border-bottom: 1px solid var(--color-gris-3); padding-top: 10px; padding-bottom: 15px; } .productos-datos-detalles .row { padding-right: 15px; padding-left: 15px; } .productos-datos-detalles .row div{ border-right:1px solid var(--color-gris-5); } .productos-datos-detalles .row div p { margin: 0; padding-top: 15px; } .productos-datos-detalles .row div ul { margin: 0.5em 0; padding-left: 0; list-style: none; padding: 0; } .productos-datos-detalles .row div ul li { border: 2px solid var(--color-blanco); display: inline-block; margin: 2px 1px; vertical-align: top; list-style: none; border-radius: 4px; } .productos-datos-detalles .row div ul .selected, .productos-datos-detalles .row div ul li:hover { border: 2px solid var(--color-gris-8); } .productos-datos-detalles .row div ul li a { background-position: center center; background-repeat: no-repeat; border: 2px solid var(--color-blanco); box-shadow: 1px 1px 2px var(--color-gris-6); display: block; text-align: center; height: 33px; width: 33px; border-radius: 4px; color: var(--color-8); text-decoration: none; outline: none !important; transition: all 0.25s ease 0s; } .productos-datos-cantidad { border-bottom: 1px solid var(--color-gris-3); clear: both; display: block; margin-bottom: 20px; padding-bottom: 7px; margin-top: 20px; } .productos-datos-cantidad div{ margin-bottom: 15px; } .productos-datos-cantidad #kk_cantidad_ocultar { display: inline-block; margin: 0 20px 0 0; } .productos-datos-cantidad #kk_cantidad_ocultar input { font-size: 13px; padding-left: 10px; border-color: var(--color-gris-3); border-radius: 3px 0 0 3px; border-style: solid; border-width: 2px 1px 1px 2px; color: var(--color-gris-11)888; font-size: 14px; margin-bottom: 10px; height: 36px; } .productos-datos-talles-opciones { float: left; border-bottom: 1px solid var(--color-gris-3); clear: both; display: block; padding-bottom: 15px; } .productos-datos-talles { float: left; background:var(--color-15); padding: 5px; border-radius: 4px; color: var(--color-blanco); text-align: center; margin-right: 10px; margin-top: 10px; cursor:pointer; } .productos-datos-talles:hover { background:var(--color-6); } .productos-datos-talles-seleccionado { background:var(--color-6); } .productos-datos-comprar { margin-top: 20px; margin-bottom: 10px; width: 100%; display: inline-block; border-bottom: 1px solid var(--color-gris-3); padding-bottom: 12px; clear: both; } .productos-datos-comprar button { border-radius: 3px; color: var(--color-botones-fuente); display: block; float: left; font-size: 18px; font-weight: lighter; line-height: 1em; margin: 0 20px 0 0; padding: 14px 20px; text-transform: uppercase; transition: all 0.25s ease 0s; background: none repeat scroll 0 0 var(--color-botones-fondo); border: 1px; margin-right: 20px; margin-bottom: 10px; } .productos-datos-comprar button:hover { color: var(--color-botones-fuente-sobre); background: var(--color-botones-fondo-sobre); } .productos-datos-solapas { width: 100%; clear: both; float: left; } .productos-datos-solapas-etiquetas { border-bottom: 3px solid var(--color-15); width: 100%; margin-bottom: 20px; float: left; } .productos-datos-solapas-etiquetas ul { list-style: none; padding: 0; margin: 0; float: left; } .productos-datos-solapas-etiquetas ul li { font-size: 13px; float: left; padding: 10; margin: 0; padding: 10px 20px; } .productos-datos-solapas-etiquetas ul li:hover, .productos-datos-solapas-etiquetas ul li.active { background: var(--color-15); color: var(--color-blanco); } .productos-datos-solapas-datos { float: left; width: 100%; } .productos-datos-solapas-datos div{ display: none; } .productos-datos-solapas-datos div.active { display:block; } .productos-datos-compartir { border-top: 1px solid var(--color-gris-3); clear: both; display: inline-block; margin-top: 20px; padding-top: 14px; width: 100%; } .productos-datos-compartir p { margin: 0 0 10px; } .productos-datos-redes-sociales a { background: var(--color-gris-5)CCC; color: var(--color-7); display: inline-block; font-size: 22px; padding: 6px 3px; margin-right: 10px; text-align: center; width: 35px; transition: all 0.15s ease-in-out 0s; float: left; } .modal .productos-datos-thumb a { width: 50px !important; } #productos-datos-icono_whatsapp { display: none; } .caja-producto .caja { height: 585px; border: 1px solid; text-align: center; margin: 5px 0 5px 0; background: var(--color-blanco); border-color: var(--color-gris-3); margin-bottom: 15px; } .caja-producto .caja:hover { box-shadow:0 3px 20px 0 rgba(0,0,0,0.3); } .caja-producto .caja a:hover { text-decoration: none; } /* Caja producto - Vista Rapida - Imagen */ .caja-producto-image { position: relative; } .caja-producto .caja:hover .caja-producto-image a img { transform: scale(1.05) rotate(-1.5deg); } .caja-producto-image a { display: block; overflow: hidden; } .caja-producto-image a img { transition: all 0.5s ease 0s; width: 100%; margin: 0 auto; } /* Caja producto - Bandera */ .caja-producto-bandera { z-index: 10; display: block; position: absolute; right: 0; } /* Caja producto - Vista Rapida */ .caja-producto-vista-rapida { z-index: 2; display: block; position: absolute; text-align: center; margin-top: 30%; max-height: 50px; width: 100%; visibility: hidden; } .caja-producto-vista-rapida-btn { border-radius: 2px; letter-spacing: 2px; color: var(--color-gris-15) !important; background: rgba(255,255,255,0.9); border: 1px solid var(--color-gris-2); box-shadow: 0 0 3px rgba(0,0,0,0.3); left: auto; min-width: 100px; max-height: 40px; height: 40px !important; opacity: 0; padding: 10px; visibility: hidden; width: auto; display: inline-block !important; transform: scale(0.75); transition: all 0.3s ease 0s; cursor: pointer; cursor: hand; } .caja-producto .caja:hover .caja-producto-vista-rapida-btn { visibility: visible; opacity: 0.85; transform: scale(1); } /* Caja producto - Datos */ .caja-producto-descripcion { margin: 0 auto; max-width: 235px; } .caja-producto-descripcion span.sku { font-size: 11px; color: var(--color-gris-9); } .caja-producto .caja h4 { min-height: 45px; max-height: 80px; display: block; margin: 10px 0 5px 0; padding: 0 10px; font-size: 17px; line-height: 24px; vertical-align: middle; text-transform: uppercase; } .caja-producto h4 .caja-producto-nombre { color: var(--color-gris-16); font-family: Nivel2; } .caja-producto h4 .caja-producto-color { color: var(--color-gris-13); } .caja-producto-descripcion a { border-color: var(--color-gris-2); } .caja-producto-descripcion p { font-size: 13px; line-height: normal; padding: 0 10px; margin: 0px; color: var(--color-gris-11); } .caja-producto-precio-descuento-porcentaje { display:inline-block; font-size:10px; font-weight:700; padding:2px 5px; text-transform:uppercase; vertical-align:middle; font-family:'Open Sans', sans-serif; margin-left:5px; color:var(--color-5); border:1px solid var(--color-5); } .caja-producto-precio-contenedor { position: absolute; left: 0; right: 0; bottom: 68px; } .caja-producto-precio-anterior { font-family:inherit; font-size:18px; display:block; margin-bottom:10px; font-weight:100; } .caja-producto-precio-anterior, .caja-producto-precio-anterior:visited { color: var(--color-gris-11); } .caja-producto-precio-anterior del { text-decoration:line-through; } .caja-producto-precio { font-size: 32px; font-weight: bold; margin: 10px 0; bottom: 68px; color: var(--color-2); } .caja-producto .caja-producto-comprar { position: absolute; left: 0; right: 0; bottom: 25px; } .caja-producto .caja-producto-comprar .btn { display: block; height: auto; padding: 6px 12px; border-radius: 4px; display: inline-block; font-size: 15px; font-family: Nivel3; background: var(--color-botones-fondo); color: var(--color-botones-fuente); } .caja-producto .caja-producto-comprar .btn:hover { background: var(--color-botones-fondo-sobre); color: var(--color-botones-fuente-sobre); } @media (max-width: 767px){ .caja-producto { height: 630px; } } @media (max-width: 575px){ .caja-producto { height: auto; } .caja-producto-descripcion { max-width: 90%; } .caja-producto .caja-producto-comprar { position: relative; left: auto; right: auto; bottom: auto; margin: 15px; } .caja-producto-precio-contenedor { position: relative; left: auto; right: auto; bottom: auto; margin: 15px; } } .modal { transition: opacity .15s linear; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; overflow: auto; display: block; background: rgba(0, 0, 0, .6); } .modal > #kk-ver-producto { background: var(--color-gris-2); max-width: 960px; overflow: auto; width: 100%; margin: 30px auto; padding: 10px; } .modal > #kk-ver-producto > .modal-close { display: block; position: relative; right: 0; float: right; color: var(--color-7); font-size: 30px; background: transparent; z-index: 10; cursor: pointer; } .ckt-volver-catalogo { color: var(--color-8); text-decoration: none; outline: none !important; font-weight: normal; line-height: 24px; text-align: right; text-transform: uppercase; font-size: 17px; float: right; } .ckt-volver-catalogo:hover { color: var(--color-negro); } .ckt-agregar-carro { padding: 20px 15px 20px 15px; background: var(--color-gris-2); border: solid 1px var(--color-gris-5); } .ckt-agregar-carro button { margin-top: 31px; } .ckt-agregar-carro div.row div{ padding-bottom: 0px; } .ckt-completar-text { font-family: Nivel3; text-transform: none; font-size: 24px; line-height: 28px; font-weight: normal; } .ckt-completar-boton a { float: left; } .ckt-tabla-centro { text-align: center; } .ckt-texto-normal { text-transform: none; } /* Menu pasos compra */ .ckt-nav-pasos { clear:both; display:inline-block; height:auto; padding:0; margin-top: 25px; margin-bottom:30px; width:100%; } .ckt-nav-pasos li { display:inline-block; float:left; height:auto; margin:0; min-height:55px; padding:0; width:20%; background: none; } .ckt-nav-pasos li.active a { color: var(--color-bloques-secundario-fuente); position:relative; background-color: var(--color-bloques-secundario-fondo); } .ckt-nav-pasos li.active a:after { top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color: none; border-width:10px; margin-left:-10px; } .ckt-nav-pasos li a { display:inline-block; font-size:14px; height:100%; line-height:normal; padding:20px 0 0; text-align:center; vertical-align:middle; width:100%; text-transform:uppercase; font-size:13px; border: 1px solid var(--color-gris-3); } .ckt-nav-pasos li a i { background: var(--color-16); } .ckt-nav-pasos li.active a i { background: var(--color-bloques-principal-fondo); color: var(--color-bloques-principal-fuente); } .ckt-nav-pasos li a i { border-radius:0; display:block; font-size:20px; height:auto; left:0; line-height:40px; margin-top:-20px; padding:0; text-align:center; width:auto; float:none!important; color: var(--color-8); } .ckt-nav-pasos li a span { display:block; padding:5px 0; color: var(--color-8); font-family: Nivel2; } .ckt-nav-pasos li.active a span { color: var(--color-bloques-secundario-fuente); } .ckt-nav-pasos li.active a::after { border-top-color: var(--color-bloques-secundario-fondo) !important; } .ckt-forma_pago { margin-bottom: 30px; } .ckt-forma_pago label { cursor: pointer; } .ckt-forma_pago input.kk_forma_pago { float: left; margin-right: 15px; } .ckt-forma_pago .texto_en_elemento { margin-left: 30px; padding: 0; font-size: 12px; } /* Tabla */ .ckt-tabla-titulos { border: solid 1px var(--color-gris-3); height: auto; background: var(--color-gris-1); margin-top: 20px; color: var(--color-8); } .ckt-tabla-titulos .row div{ text-align: center; padding: 10px; font-weight: bold; font-size: 14px; font-family: Nivel2; } .ckt-tabla-datos-titulos { border-left: solid 1px var(--color-gris-3); border-right: solid 1px var(--color-gris-3); border-bottom: solid 1px var(--color-gris-3); height: auto; background: var(--color-gris-1); } .ckt-tabla-datos-tit-f-color { background: var(--color-blanco); } .ckt-tabla-datos-titulos .row div{ text-align: center; padding: 10px; font-weight: bold; } .ckt-tabla-datos-titulos .row div .boton { width:240px; padding-top: 2px; padding-bottom: 2px; margin-top: 5px; margin-right: 15px; font-weight: normal; } .ckt-tabla-datos { border-left: solid 1px var(--color-gris-3); border-right: solid 1px var(--color-gris-3); border-bottom: solid 1px var(--color-gris-3); height: auto; background: var(--color-blanco); } .ckt-tabla-datos .row div{ padding: 15px; } .ckt-tabla-datos .row .ckt-tabla-producto { display: flex; align-items: center; } .ckt-tabla-datos-img img { width: 86px; margin-left: 5px; } .ckt-tabla-datos .row div .ckt-tabla-datos-img { float: left; padding: 0px; width:fit-content; } .ckt-tabla-datos .row div span div{ margin: 5px 0 5px 15px; padding: 0; } .ckt-tabla-datos .row div span .ckt-tabla-datos-tit { font-size: 17px; font-weight: normal; } .ckt-tabla-datos .row div span .ckt-tabla-datos-art { font-size: 15px; font-weight: normal; } .ckt-tabla-datos .row div span .ckt-tabla-datos-talle { font-size: 15px; font-weight: normal; } .ckt-tabla-datos .row .ckt-pos-center { display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 17px; } .ckt-total { margin-top: 20px; border: solid 1px var(--color-gris-3); background: var(--color-blanco); } .ckt-total .row { height: 100px; display: flex; justify-content: center; align-items: center; } .ckt-total .row div{ text-align: center; } .ckt-total-numero { color: var(--color-3) !important; font-size: 22px; font-weight: bold; } .ckt-cantidad { float: left; height: 30px; border-top: solid 1px var(--color-13); border-bottom: solid 1px var(--color-13); border-left: none; border-right: none; font-family: Nivel3; background: var(--color-blanco); width: 28px; font-size: 16px; padding-left: 5px; text-align: center; } .ckt-tabla-datos .row .ckt-pos-center .ckt-cantidad-menos { float: left; height: 30px; width: 16px; padding: 0px; color: var(--color-blanco); background: var(--color-13); border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-family: Nivel3; font-size: 20px; cursor: pointer; cursor: hand; display: flex; justify-content: center; align-items: center; font-weight: normal; } .ckt-tabla-datos .row .ckt-pos-center .ckt-cantidad-menos:hover { background: var(--color-14); color: var(--color-blanco); } .ckt-tabla-datos .row .ckt-pos-center .ckt-cantidad-mas { float: left; height: 30px; width: 16px; padding: 0px; color: var(--color-blanco); background: var(--color-13); border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-family: Nivel3; font-size: 20px; cursor: pointer; cursor: hand; display: flex; justify-content: center; align-items: center; font-weight: normal; } .ckt-tabla-datos .row .ckt-pos-center .ckt-cantidad-mas:hover { background: var(--color-14); color: var(--color-blanco); } .ckt-eliminar { float: left; cursor: pointer; cursor: hand; } .ckt-eliminar i { font-size: 20px; margin: 8px 0 0 10px; color: var(--color-gris-10); } .ckt-tabla-pie-cont a { float: left; margin-right: 30px; } .ckt-tabla-pie-rec a { float: right; } .ckt-dato { border: solid 1px var(--color-gris-3); height: auto; background: var(--color-blanco); margin-top: 20px; color: var(--color-8); } .ckt-dato div div { padding: 3px 10px; } .ckt-dato .ckt-dato-tit_1 { text-align: center; padding: 10px; font-weight: bold; font-size: 14px; font-family: Nivel2; border-bottom: solid 1px var(--color-gris-3); background: var(--color-gris-1); } .ckt-dato .ckt-dato-tit_1b { border-top: solid 1px var(--color-gris-3); } .ckt-dato .ckt-dato-tit_2 { text-align: center; font-weight: bold; padding: 7px; } .ckt-dato .ckt-dato-boton { background: var(--color-gris-1); padding: 10px; border-top: solid 1px var(--color-gris-3); } .ckt-dato .ckt-dato-boton a { margin: 0px; width: 100%; padding: 5px 10px; } .ckt-dato .ckt-dato-boton-confirma { padding: 10px; border-top: solid 1px var(--color-gris-3); } .ckt-dato .ckt-dato-boton-confirma a { margin: 10px 0px; width: 100%; } .ckt-tabla-datos-titulos .row .ckt-boton-modificar { padding: 10px; } .ckt-tabla-datos-titulos .row .ckt-boton-modificar a { margin-top: 0px; padding: 5px 10px; } .ckt-metodo-envio { width: 100%; height: 100%; } .ckt-metodo-envio .columna_izq { float: left; width: 40%; } .ckt-metodo-envio .ckt-metodo-entrega { width: 100%; min-height: 50px; background-color: none; } .ckt-metodo-envio .ckt-metodo-entrega .texto_en_elemento { margin: 0 0 0 60px; padding: 0; font-size: 12px; } .ckt-metodo-entrega-fondo { width: 100%; display: inline-block !important; background-color: var(--color-blanco) !important; } .ckt-metodo-envio .campo { float: left; width: 20%; padding: 30px 0 0 18px; } .ckt-metodo-envio .campo input { margin: 3px; } .ckt-metodo-envio .texto { float: left; width: 80%; padding: 30px 0 0 0; } .ckt-metodo-envio .texto img { max-width: 90%; } .ckt-metodo-envio .metodos { float: left; width: 60%; background-color: var(--color-blanco); height: 100%; padding: 10px; text-align: center; padding-top: 30px; } .ckt-metodo-envio label { cursor: pointer; font-weight: bold; } .ckt-direcciones { margin: 30px 0; } .ckt-direcciones .ckt-direcciones-titulo { margin-bottom: 10px; } .ckt-direcciones-titulo { margin: 0; } .ckt-direcciones .ckt-direcciones-titulo { font-weight: bold; } .ckt-direcciones .ckt-direccion { padding: 0; } .ckt-direcciones .ckt-direccion input { float: left; padding-left: 25px; } .ckt-direcciones .ckt-direccion div { float: left; padding: 0 0 0 15px; height: 25px; font-weight: normal; } @media (max-width: 991px){ .ckt-tabla-datos-titulos .row .ckt-boton-modificar a { width: calc(100% - 10px); } .ckt-tabla-datos-titulos .row div { margin-left: 20px; } } @media (max-width: 767px){ .ckt-nav-pasos li { width: 50%; } .ckt-tabla-titulos .row .ckt-tabla-titulos-linea { border-bottom: 1px solid var(--color-gris-3); } .ckt-tabla-datos .row .ckt-tabla-producto { border-bottom: 1px solid var(--color-gris-3); } .ckt-volver-catalogo { margin-top: 9px; } } @media (max-width: 575px){ .ckt-volver-catalogo { float: left; margin: 15px 0 0 5px; } .ckt-tabla-pie-cont a { min-width: 205px; } .ckt-bot-int > div > div, .ckt-bot-int > div > div > a, .ckt-bot-int > div > div > button { width: 100%; } } @media (max-width: 400px){ .ckt-nav-pasos li { width: 100%; } .ckt-tabla-datos .row .ckt-pos-center { font-size: 14px; } .ckt-tabla-datos .row div span .ckt-tabla-datos-tit { font-size: 14px; } .ckt-tabla-titulos .row div { font-size: 12px; } } .noticias figure.animated { margin-bottom: 0px; } .noticias .blog_info { background-color: var(--color-gris-2); width: 100%; display: inline-block; } .noticias .blog_info ul { list-style-type: none; float: left; margin: 0; padding: 0; } .noticias .blog_info ul li { float: left; padding: 6px 15px; } .noticias .blog_info ul li i { margin-right: 5px; } .noticias .menu_derecha { background-color: var(--color-gris-1); padding: 5px; } .noticias .ver_todo { padding: 5px 5px 5px 6px; font-weight: bold; font-size: 15px; } .noticias .boton { float: none; margin: 5px 0px 50px 0px; display: inline-block; padding: 5px 16px; } .noticias h4 { color: var(--color-negro); text-transform: uppercase; font-size: 14px; font-weight: bold; margin-top: 25px; } .noticias h5 { color: var(--color-negro); font-size: 16px; font-weight: bold; } .noticias ul.blog_categorias { list-style-type: none; padding: 0px; } .noticias ul.blog_categorias li { margin-bottom: 4px; } .noticias ul.blog_categorias li a { background-color: var(--color-general-fondo-body); padding: 7px 10px; display: block; } .noticias ul.blog_categorias li a i { float: right; font-size: 9px; } .noticias ul.blog_posts { list-style-type: none; padding: 0px; } .noticias ul.blog_posts li { margin-bottom: 15px; } .noticias ul.blog_posts li i { margin: 0 0 0 3px; } .noticias ul.blog_posts li span { margin-left: 10px; font-style: italic; font-size: 13px } .noticias ul.blog_posts li a { display: block; margin: 0 5px 0 28px; width: 100%; } .noticias .tags a { transition: 1s; display: inline-block; background-color: var(--color-gris-2); padding: 3px 5px 3px 5px; margin: 3px; color: var(--color-gris-11); border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .noticias .tags a:hover { transition: 1s; background-color: var(--color-gris-6); color: var(--color-blanco); } .noticias .tags a div { height: 10px; width: 10px; border-radius: 5px; background-color: var(--color-general-fondo-body); float: right; margin: 7px; } .noticias .paginado { text-align: center; } .noticias ul.pagination { list-style-type: none; display: inline-block; } .noticias ul.pagination li { transition: 1s; float: left; border: solid 1px var(--color-gris-6); width: 35px; text-align: center; } .noticias ul.pagination li:hover { transition: 1s; background-color: var(--color-gris-2); } .noticias ul.pagination li.active { background-color: var(--color-gris-15); border-color: var(--color-gris-15); } .noticias ul.pagination li.active a { color: var(--color-general-fondo-body); } .noticias ul.pagination li a { color: var(--color-gris-10); font-size: 13px; padding: 4px; display: inline-block; } .paginado li, .paginado { float: left; } .paginado ul { margin-top: 0px; padding-left: 0px; } .paginado li { float: left; border: 1px solid var(--color-gris-7); border-radius: 3px; margin-right: 3px; color: var(--color-gris-7); font-size: 14px; list-style:none; } .paginado li a { display: inline-block; margin: 0px; padding: 7px 11px 7px 11px; color: var(--color-gris-7); font-size: 14px; } .paginado .nav:hover { border-color: var(--color-negro); } .paginado .nav a:hover { color: var(--color-negro); } .paginado li:hover, .paginado li a:hover { color: var(--color-bloques-secundario-fuente); border-color: var(--color-55); } .paginado .navactual { border-color: var(--color-negro); } .paginado .navactual a { color: var(--color-negro); } .tarjeta_credito .tarjeta_formulario input, .tarjeta_credito .tarjeta_formulario select { border-color: var(--color-gris-3); border-style: solid; border-width: 2px 1px 1px 2px; font-family: Nivel3; background: var(--color-blanco); color: var(--color-gris-11); width: 100%; font-size: 14px; padding-left: 5px; height: 36px; border-radius: 5px; } .tarjeta_credito .tarjeta_formulario .row > div { padding-bottom: 0; } .tarjeta_credito .tarjeta_formulario .tarjeta_numero { text-align: left; } .tarjeta_credito .tarjeta_formulario .tarjeta_vencimiento { text-align: left; } .tarjeta_credito .tarjeta_formulario .tarjeta_cvc { text-align: left; } .tarjeta_credito .tarjeta_formulario .tarjeta_documento_tipo { text-align: left; } .tarjeta_credito .tarjeta_formulario .tarjeta_documento { text-align: left; } .tarjeta_credito .tarjeta_formulario .tarjeta_nombre_titular { text-align: left; } .tarjeta_credito .tarjeta_formulario .tarjeta_pagar { text-align: left; } .tarjeta_credito .tarjeta_formulario .tarjeta_pagar button { width: 100%; font-family: Nivel3; font-size: 16px; float: right; padding: 10px; background: var(--color-botones-fondo) !important; border-radius: 5px; color: var(--color-botones-fuente) !important; text-align: center; border: none; } .tarjeta_credito .tarjeta_formulario .tarjeta_pagar button:hover { background: var(--color-botones-fondo-sobre) !important; color: var(--color-botones-fuente-sobre) !important; } @media (max-width: 767px){ .modal-menu { transition: opacity .15s linear; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; -webkit-overflow-scrolling: touch; outline: 0; display: block; background: rgba(0, 0, 0, .6); } .modal-menu > #kk-ver-menu-sm { position: relative; max-width: 960px; height: calc(100% - 30px); width: calc(100% - 30px); background: var(--color-bloques-secundario-fondo); } .modal-menu > #kk-ver-menu-sm > .modal-menu-close { display: block; position: absolute; right: 0; float: right; color: var(--color-7); font-size: 30px; background: transparent; z-index: 10; cursor: pointer; padding: 10px; } .modal-menu-contenido { height: 100%; height: calc(100% - 50px); } .modal-menu-contenido .carrito, .modal-menu-contenido .volver-menu-sm { width: 100%; font-size: 24px; color: var(--color-bloques-secundario-fuente); padding: 10px; height: 50px; border-bottom: solid 1px var(--color-bloques-secundario-fuente); cursor: pointer; } .modal-menu-contenido .carrito i { margin-right: 10px; } .modal-menu-contenido .volver-menu-sm { font-size: 17px; height: 40px; } .modal-menu-contenido .ordenes::hover, .modal-menu-contenido .carrito.active { color: var(--color-bloques-secundario-fuente-sobre); background: var(--color-bloques-secundario-fondo-sobre); cursor: pointer; } .modal-menu-contenido .volver-menu-sm:hover { color: var(--color-bloques-secundario-fuente); background: var(--color-bloques-secundario-fondo); cursor: auto; } .modal-menu-contenido .volver-menu-sm, .modal-menu-contenido .volver-menu-sm:hover { text-align: center; cursor: auto; } .modal-menu-contenido .volver-menu-sm i { float: left; cursor: pointer; } .modal-menu-contenido .volver-menu-sm i:hover { color: var(--color-7); } .modal-menu-contenido > .menu-sm-scroll { max-height: 100%; overflow-y: scroll; } .modal-menu-contenido ul { margin: 0px; padding: 0px; } .modal-menu-contenido li { display: inline-block; font-size: 16px; width: 100%; } .modal-menu-contenido li a, .modal-menu-contenido li div { color: var(--color-bloques-secundario-fuente); display: block; height: 100%; width: 100%; padding: 8px 10px; cursor: pointer; } .modal-menu-contenido li:hover, .modal-menu-contenido li.active { background: var(--color-bloques-secundario-fondo-sobre); } .modal-menu-contenido li:hover a, .modal-menu-contenido li.active a, .modal-menu-contenido li:hover div, .modal-menu-contenido li.active div { color: var(--color-bloques-secundario-fuente-sobre); } .modal-menu-contenido li div i, .modal-menu-contenido li a i { float: right; margin-right: 15px; margin-top: 2px; } .modal-menu-contenido li.modal-menu-pie a i { float: left; margin-right: 10px; } .modal-menu-serparador { border-top: solid 1px var(--color-bloques-secundario-fuente); height: 20px; } .modal-menu-contenido .modal-menu-serparador:hover { background: var(--color-bloques-secundario-fondo); } } @media (max-width: 575px){ .modal-menu > #kk-ver-menu-sm { height: 100%; width: 100%; } } .margen_60 { padding-top:60px; padding-bottom:60px; } .margen_60_40 { padding-top:60px; padding-bottom:40px; } .margen_60_35 { padding-top:60px; padding-bottom:35px; } .margen_60_25 { padding-top:60px; padding-bottom:25px; } .margen_30 { margin-top:30px; margin-bottom:30px; } .margen_20 { margin-top:20px; margin-bottom:20px; } .separacion_60_40 { margin-top: 60px; margin-bottom: 40px; } img { display: block; max-width: 100%; height: auto; } img.borde { border-bottom: 3px solid var(--color-bloques-principal-fondo); } figure.animated { overflow: hidden; border-bottom: 3px solid var(--color-bloques-principal-fondo); margin: 0px; margin-bottom: 30px; } figure.animated a img{ transform: scale(1); transition: all 0.5s ease-out; } figure.animated a:hover img{ transform: scale(1.1); transition: all 0.5s ease-out; } figure.animated > img{ transform: scale(1); transition: all 0.5s ease-out; } figure.animated:hover > img{ transform: scale(1.1); transition: all 0.5s ease-out; } ul.list_ok { list-style: none; margin: 0 0 20px 0; padding: 0; line-height: 22px; } ul.list_ok li::before { font-family: "kk-fonts"; font-size: 14px; content: "\e857"; color: var(--color-bloques-principal-fondo); padding-right: 15PX; } ul.list { list-style: none; position: relative; padding-left: 20px; margin-bottom: 5px; } ul.list li::before { font-style: normal; font-family: "kk-fonts"; font-size: 14px; content: "\f192"; color: var(--color-bloques-principal-fondo); position: absolute; left: 0; top: 0; } ul.list_ok_2 { list-style: none; margin: 0 0 20px 0; padding: 0; line-height: 22px; } ul.list_ok_2 li { font-size: 19px; margin-bottom: 15px; } ul.list_ok_2 li::before { font-family: "kk-fonts"; font-size: 20px; content: "\e859"; padding-right: 15PX; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; border-spacing: 0; border-collapse: collapse; } .table > thead:first-child > tr:first-child > th { border-top: 0; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; padding: 8px; line-height: 1.42857143; } .table > tbody > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table th { text-align: left; } .table .column-acciones { width: 150px; text-align: right; } .table .column-acciones i { padding: 2px 3px; } /* lineas colores */ .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #f9f9f9; } /* bordeado */ .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 2px; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; border: 1px solid #ddd; } } /* redes_sociales_registro */ .h_nombre_redes_sociales_registro { background: var(--color-bloques-principal-fondo); float: left; font-family: Nivel1; width: 100%; } .h_nombre_redes_sociales_registro ul { list-style-type:none; margin:0; padding: 3px 0 0 0; } .h_nombre_redes_sociales_registro ul li { float:left; margin: 15px 0 0 0; } .h_nombre_redes_sociales_registro ul li a { color: var(--color-bloques-principal-fuente); padding: 0 10px 0 0; font-weight: bold; } .h_nombre_redes_sociales_registro ul li a:hover { color: var(--color-bloques-principal-fuente-sobre); } @media (max-width: 767px){ .h_nombre_redes_sociales_registro { display: none; background: none; } .h_nombre_redes_sociales_registro ul li { margin-right: 15px; } } @media (max-width: 400px){ .h_nombre_redes_sociales_registro ul li { margin-right: 0px; } .h_nombre_redes_sociales_registro ul li a { padding-right: 10px; } } /* menu_secciones */ .h_nombre_menu_secciones .logo-home-sm { display:none; } .h_nombre_menu_secciones .mh { background: var(--color-bloques-secundario-fondo); font-family: Nivel1; } .h_nombre_menu_secciones .mh-img-logo { height: 100%; float: left; } .h_nombre_menu_secciones .mh-img-logo img { height: 45px; float: left; margin: 19px 2px; font-size: 30px; color: var(--color-bloques-secundario-fuente); } .h_nombre_menu_secciones .mh-menu-sm { display: none; } .h_nombre_menu_secciones .mh-menu-sm div { float: right; cursor: pointer; background: var(--color-bloques-principal-fondo); padding: 8px; margin-top: 5px; border-radius: 5px; } .h_nombre_menu_secciones .mh-menu-sm div i { font-size: 22px; color: var(--color-gris-7); } .h_nombre_menu_secciones .mh-menu { float: left; height: 49px; display: block; } body.gen-logo-vertical .h_nombre_menu_secciones .mh-img-logo img { height: 70px; margin: 10px 2px; } body.gen-logo-vertical .h_nombre_menu_secciones .mh-menu { margin-top: 10px; } .h_nombre_menu_secciones .mh-menu ul { list-style-type:none; margin:0; padding: 0; height: 100%; float: left; } .h_nombre_menu_secciones .mh-menu > ul { position: relative; } .h_nombre_menu_secciones .mh-menu > ul ul { display: none; position: absolute; top: 100%; background: var(--color-bloques-secundario-fondo); } .h_nombre_menu_secciones .mh-menu > ul li:hover ul { display: block; } .h_nombre_menu_secciones .mh-menu > ul ul li:hover { background: var(--color-bloques-secundario-fondo); } .h_nombre_menu_secciones .mh-menu > ul ul li { float: none; margin-top: 0; } .h_nombre_menu_secciones .mh-menu ul li { float:left; background: var(--color-bloques-secundario-fondo); height: 100%; margin-top: 15px; position: relative; } .h_nombre_menu_secciones .mh-menu ul li:hover { background: none; } .h_nombre_menu_secciones .mh-menu ul li a { transition: 1s; float:left; color: var(--color-bloques-secundario-fuente); height: 100%; } .h_nombre_menu_secciones .mh-menu > ul > li:hover a { transition: 1s; color: var(--color-negro); } .h_nombre_menu_secciones .mh-menu ul li.active a { color: var(--color-negro); background: none; } .h_nombre_menu_secciones .mh-menu ul li a span { float:left; padding: 15px 10px 15px 15px; font-size: 17px; font-weight: 600; } .h_nombre_menu_secciones .mh-menu ul li a .barra { transition: 0.5s; height: 2px; width: 100%; background: var(--color-bloques-principal-fondo); position: absolute; bottom: 0px; left: 0px; width: 0px; margin: 0px 10px 0px 15px; } .h_nombre_menu_secciones .mh-menu ul li a:hover .barra { transition: 0.5s; width: CALC(100% - 25px); } .h_nombre_menu_secciones .mh-menu ul li.active a .barra { width: CALC(100% - 25px); } .h_nombre_menu_secciones .mh-buscar-div { float:right; margin-top: 15px; } body.gen-logo-vertical .h_nombre_menu_secciones .mh-buscar-div { margin-top: 25px; } .h_nombre_menu_secciones button.mh-btn-buscar { background: var(--color-13); color: var(--color-blanco); margin-top: 10px; height: 33px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; font-size: 19px; padding: 0px 10px; border: none; float: right; } .h_nombre_menu_secciones button.mh-btn-buscar:hover { background: var(--color-gris-7); color: var(--color-gris-2); } .h_nombre_menu_secciones .mh-menu ul li a span.mh-carro { padding: 0px; float: none; } .h_nombre_menu_secciones .mh-menu ul li a span i.mh-carro { padding-right: 10px; } .h_nombre_menu_secciones #mh-carrito-detalle:hover .mh-carrito-detalle { visibility:visible; } .h_nombre_menu_secciones #mh-carrito-detalle { position: relative; } .h_nombre_menu_secciones .mh-carrito-detalle { visibility:hidden; position:absolute; top: 100%; background: var(--color-blanco); padding: 0px; max-width: 500px; width: 500px; } .h_nombre_menu_secciones .mh-carrito-detalle-estado { padding-left: 0px !important; } .h_nombre_menu_secciones .mh-carrito-detalle-ico { padding-right: 0px !important; } .h_nombre_menu_secciones .mh-carrito-detalle-down { float: right; display: none !important; padding-top: 3px; } .h_nombre_menu_secciones .mh-carrito-detalle-tabla { max-height: 300px; width: 100%; display: block; } .h_nombre_menu_secciones .mh-carrito-detalle-tabla table { width: 100%; } .h_nombre_menu_secciones .mh-carrito-detalle-img { width: 25%; text-align: center; padding: 0; } .h_nombre_menu_secciones .mh-carrito-detalle-img img { width: 50px; height: auto; } .h_nombre_menu_secciones .mh .mh-carrito-detalle-img a { float: none; background: none !important; } .h_nombre_menu_secciones .mh-carrito-detalle-detalle { width: 50%; color: var(--color-gris-11)888; font-size: 11px; } .h_nombre_menu_secciones .mh-carrito-detalle-detalle h4 a { font-size: 12px; font-weight: 400; background: none !important; color: var(--color-general-fuente) !important; } .h_nombre_menu_secciones .mh-carrito-detalle-subtotal { width:18%; text-align:right; font-size: 14px; } .h_nombre_menu_secciones .mh-carrito-detalle-eliminar { width:18%; text-align:right; } .h_nombre_menu_secciones .mh-carrito-detalle-eliminar a { background: none !important; color: var(--color-general-fuente) !important; } .h_nombre_menu_secciones .mh-carrito-detalle-detalle div { width: 100%; } .h_nombre_menu_secciones .mh-carrito-detalle-detalle h4 { margin: 0; } .h_nombre_menu_secciones .mh-carrito-detalle-pie { width: 100%; background: var(--color-gris-1); height: 100px; } .h_nombre_menu_secciones .mh-carrito-detalle-pie h3 { float: right; margin-right: 10px; color: var(--color-negro); } /* si el menu principal tiene mas items */ .h_nombre_menu_secciones .mh-buscar-div > form > .mh-ico-buscar > i { margin-top: 3px; display:none; } .h_nombre_menu_secciones .mh-form-input { background: var(--color-blanco); border: solid 1px var(--color-gris-2); margin-top: 10px; height: 33px; color: var(--color-gris-11); width: 180px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } @media (min-width: 768px){ body.gen-menu-ancho .h_nombre_menu_secciones .mh-form-input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } body.gen-menu-ancho .h_nombre_menu_secciones .mh-form-input { margin-top: 0px; } body.gen-menu-ancho .h_nombre_menu_secciones .mh-buscar-div > form > .mh-ico-buscar > i { display:block; } body.gen-menu-ancho .h_nombre_menu_secciones button.mh-btn-buscar { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; float: left; } body.gen-menu-ancho .h_nombre_menu_secciones #mh-buscar-form { display: none; padding: 3px; border: solid 1px var(--color-13); border-radius: 5px; background-color: var(--color-blanco); } body.gen-menu-ancho .h_nombre_menu_secciones .mh-ico-buscar { background: var(--color-13); color: var(--color-blanco); margin-top: 10px; height: 33px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: 15px; padding: 6px 12px; border: none; float: right; position: relative; } body.gen-menu-ancho .h_nombre_menu_secciones .mh-ico-buscar:hover { background: var(--color-gris-11); color: var(--color-gris-7); } body.gen-menu-ancho .h_nombre_menu_secciones .mh-ico-buscar:hover #mh-buscar-form { display: block; position: absolute; top: 100%; left: -187px; width: 227px; max-width: 227px; } body.gen-menu-ancho .h_nombre_menu_secciones button.mh-btn-buscar { margin-top: 0px; } body.gen-menu-ancho .h_nombre_menu_secciones button.mh-btn-buscar i { visibility: hidden; } } @media (max-width: 1199px){ .h_nombre_menu_secciones .mh-carrito-detalle { left: 100px; left: 45%; } } @media (max-width: 1050px){ .h_nombre_menu_secciones .mh-form-input { width: 120px; } } @media (max-width: 991px){ .h_nombre_menu_secciones .mh-form-input { width: 90px; } .h_nombre_menu_secciones .mh-carrito-detalle { left: 100px; left: 30%; } .h_nombre_menu_secciones .mh-carrito-detalle-estado { display: none !important; } .h_nombre_menu_secciones .mh-carrito-detalle-down { display: block !important; } .h_nombre_menu_secciones .mh-carrito-detalle-ico { padding-right: 15px !important; } .h_nombre_menu_secciones .mh-menu ul li a span { padding: 15px 5px 15px 10px; } } @media (max-width: 800px){ .h_nombre_menu_secciones .mh-form-input { width: 70px; } .h_nombre_menu_secciones button.mh-btn-buscar { font-size: 13px; padding: 6px 6px; } } @media (max-width: 767px){ body { margin-top: 150px; } .h_nombre_menu_secciones .container > div { padding: 0px; } .h_nombre_menu_secciones .logo-home-sm { display:block; position: fixed; top: 0px; margin: 0px; height: 150px; width: 100%; z-index: 9999; background: var(--color-bloques-secundario-fondo); } .h_nombre_menu_secciones .logo-home-sm-div { position: relative; width: 100%; height: 100%; } .h_nombre_menu_secciones .logo-home-sm img { max-height: calc(100% - 40px); max-width: calc(100% - 40px); position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .h_nombre_menu_secciones .mh-menu-sm { display: block; } .h_nombre_menu_secciones .mh-form-input { float: left; width: calc(100% - 62px); margin-left: 9px; margin-top: 0px; border: solid 2px var(--color-gris-2); } .h_nombre_menu_secciones .gen-cabezal-alto, body.gen-logo-vertical .h_nombre_menu_secciones .gen-cabezal-alto { height: 20px; } .h_nombre_menu_secciones .mh-img-logo img, body.gen-logo-vertical .h_nombre_menu_secciones .mh-img-logo img { margin: 5px 2px; } body.gen-logo-vertical .h_nombre_menu_secciones .mh-img-logo img { width: 50px; height: 50px; } .h_nombre_menu_secciones button.mh-btn-buscar { margin-top: 0px; } .h_nombre_menu_secciones .mh-buscar-div > form > .mh-ico-buscar > i { display:none; } .h_nombre_menu_secciones .mh-menu, body.gen-logo-vertical .h_nombre_menu_secciones .mh-menu { margin-top: 160px; float: none; width: 100%; display: none; } .h_nombre_menu_secciones .mh-carrito-detalle { display: none; } .h_nombre_menu_secciones .mh-buscar-div, body.gen-logo-vertical .h_nombre_menu_secciones .mh-buscar-div { float:left; padding: 0px; margin-top: 10px; margin-left: 10px; width: calc(100% - 130px); border-left: solid 2px var(--color-gris-7); border-right: solid 2px var(--color-gris-7); width: calc(100% - 130px); } .h_nombre_menu_secciones button.mh-btn-buscar { float: left; padding-left: 15px; padding-right: 15px; } .h_nombre_menu_secciones .mh-carrito-detalle-estado { display: block !important; } .h_nombre_menu_secciones .mh-carrito-detalle-down { display: none !important; } .h_nombre_menu_secciones .mh-carrito-detalle-estado { padding-left: 0px !important; } .h_nombre_menu_secciones .mh-carrito-detalle-ico { padding-right: 0px !important; } } @media (max-width: 400px){ .h_nombre_menu_secciones .mh-menu-sm div { margin-left: 5px; } } /* banner_simple */ .h_nombre_banner_simple { padding-top: 150px; padding-bottom: 150px; background-attachment: fixed; background-position: top; background-repeat: no-repeat; background-size: contain; } .h_nombre_banner_simple .textos { position: absolute; } .h_nombre_banner_simple h1, .h_nombre_banner_simple p { color: #fff; } @media (max-width: 1400px) { .h_nombre_banner_simple { background-size: auto; } } /* banner_ancho */ .h_nombre_banner_ancho .item > div { background-attachment: fixed; background-position: top; background-repeat: no-repeat; background-size: cover; height:650px; } .h_nombre_banner_ancho .item > div .container * { position:absolute; } .h_nombre_banner_ancho .item > div .container h3 { top: 45%; white-space: nowrap; width: inherit; font-size: 60px; color: #fff; text-transform: uppercase; font-weight:900; } .h_nombre_banner_ancho .item > div .container p { top:53%; white-space:nowrap; width: inherit; color:#fff; font-size:28px; } .h_nombre_banner_ancho .item > div .container a { top:65%; white-space: nowrap; width: inherit; } .h_nombre_banner_ancho .item > div .container button { position: relative; float: none; } .h_nombre_banner_ancho .item > div .container h3, .h_nombre_banner_ancho .item > div .container p, .h_nombre_banner_ancho .item > div .container a { transition: 2s; opacity: 1; } .h_nombre_banner_ancho .item > div .container h3.inicio, .h_nombre_banner_ancho .item > div .container p.inicio, .h_nombre_banner_ancho .item > div .container a.inicio { transition: 0.8s; opacity: 0; } .h_nombre_banner_ancho .owl-nav button.owl-prev, .h_nombre_banner_ancho .owl-nav button.owl-next { position: absolute; top: CALC(50% - 120px); padding: 120px 40px !important; font-size: 100px; color: #FFF; } .h_nombre_banner_ancho .owl-nav button.owl-prev { left: 50px; } .h_nombre_banner_ancho .owl-nav button.owl-next { right: 50px; } /* imagen_titulo_texto_3 */ .b_nombre_imagen_titulo_texto_3 .row { margin-right: -25px; margin-left: -25px; } .b_nombre_imagen_titulo_texto_3 .row > div { padding: 0 15px; } /* banner_rotatorio */ .b_nombre_banner_rotatorio { padding-left: 0; padding-right: 0; background-color: var(--color-gris-1); } .b_nombre_banner_rotatorio .container > div { padding: 0; } .b_nombre_banner_rotatorio .item { max-height: 135px; max-width: 270px; } /* cuatro_mas_uno */ .b_nombre_cuatro_mas_uno h1, .b_nombre_cuatro_mas_uno h3 { text-align: center; } .b_nombre_cuatro_mas_uno h3 { color: var(--color-general-fuente); } .b_nombre_cuatro_mas_uno .centro { text-align: center; padding: 10% 5%; } .b_nombre_cuatro_mas_uno .centro img { border-radius: 50%; } .b_nombre_cuatro_mas_uno .cuadro { margin: 12px; padding: 25px 5px; height: 50%; display: inline-block; } .b_nombre_cuatro_mas_uno .imagen { width: 100%; display: inline-block; } .b_nombre_cuatro_mas_uno .icono { float: left; height: 100px; } /* blog_posts */ .b_blog_posts .cuadro { position: relative; height: 430px; padding: 3px; } .b_blog_posts figure.animated { margin-bottom: 0px; } .b_blog_posts a.boton { position: absolute; left: 0; bottom: 0; } /* imagen_titulo_texto_1 */ .b_nombre_imagen_titulo_texto_1 h3 { margin-top: 20px; } .b_nombre_imagen_titulo_texto_1 p { margin: 0 0 25px 0; } /* ---FOOTER--- */ .f_nombre_pie_simple { background: var(--color-blanco); border-bottom: solid 1px var(--color-gris-5); padding-bottom: 35px; } .f_nombre_pie_simple h3 { border-bottom: 1px solid var(--color-12); font-weight: 600; padding: 40px 0 10px; } .f_nombre_pie_simple ul { list-style-type: none; padding: 0px; } .f_nombre_pie_simple ul li a { color: var(--color-10); } .f_nombre_pie_simple ul li a.f-telefono { font-weight: normal; display: inline-block; margin: 9px auto; } .f_nombre_pie_simple .row div a img.data_fiscal { height: 110px; } @media (max-width: 575px){ pie_simple { padding: 0 50px; } .f_nombre_pie_simple div.f-productos ul { margin-bottom: 2px; } .f_nombre_pie_simple div.f-productos-otros h3{ display: none; } .f_nombre_pie_simple div.f-productos-otros ul { margin: 0 0 5px 0; } } /* curso */ .b_nombre_cursos figure.animated { margin-bottom: 0px; } .b_nombre_cursos .curso img { width: 100%; } .b_nombre_cursos .curso_info { background-color: var(--color-gris-2); width: 100%; display: inline-block; } .b_nombre_cursos .curso_info ul { list-style-type: none; float: left; margin: 0; padding: 0; } .b_nombre_cursos .curso_info ul li { float: left; padding: 6px 15px; } .b_nombre_cursos .curso_info ul li i { margin-right: 5px; } .b_nombre_cursos .boton { float: none; margin: 5px 0px 50px 0px; display: inline-block; padding: 5px 16px; } .b_nombre_cursos .paginado { text-align: center; } .b_nombre_cursos ul.pagination { list-style-type: none; display: inline-block; } .b_nombre_cursos ul.pagination li { transition: 1s; float: left; border: solid 1px var(--color-gris-6); width: 35px; text-align: center; } .b_nombre_cursos ul.pagination li:hover { transition: 1s; background-color: var(--color-gris-2); } .b_nombre_cursos ul.pagination li.active { background-color: var(--color-gris-15); border-color: var(--color-gris-15); } .b_nombre_cursos ul.pagination li.active a { color: var(--color-general-fondo-body); } .b_nombre_cursos ul.pagination li a { color: var(--color-gris-10); font-size: 13px; padding: 4px; display: inline-block; } /* video */ .b_nombre_video { display: table; width:100%; height:500px; background-attachment: fixed; background-size: cover; } #id_b_index_texto { font-size: 28px; line-height: 41px; text-align: center; color: var(--color-bloques-principal-fondo); } #id_b_index_texto { padding-bottom: 0; } #id_b_index_noticias { background-color: var(--color-gris-1); } #id_b_index_4_puntos .centro { padding: 10% 5%; } #id_b_nosotros_nosotros h3 { margin-top: 41px; font-size: 32px; text-align: center; margin-bottom: 30px; } #id_b_nosotros_nosotros p { text-align: center; font-size: 20px; } #id_h_index_encabezado_inf.h_nombre_banner_ancho .item > div { height: 500px; } #id_b_index_4_puntos h1 { display: none; } @media (max-width: 1400px) { .h_nombre_banner_simple { background-size: auto; } }