@charset "utf-8"; :root { --color_pl_1:#000000; --color_pl_2:#000000; --color_pl_3:#000000; --color_pl_4:#D3D0DB; --color_pl_5:#FFFFFF; --color_pl_6:#; --color_pl_7:#; --color_pl_8:#; --color_general_fondo_body:#FFFFFF; --color_general_fondo_bloques:#FFFFFF; --color_general_fuente:#000000; --color_bloques_principal_fondo:#44BBA4; --color_bloques_principal_fondo_sobre:#E7BB41; --color_bloques_principal_fuente:#1A1A1A; --color_bloques_principal_fuente_sobre:#44BBA4; --color_bloques_secundario_fondo:#FFFFFF; --color_bloques_secundario_fondo_sobre:#E7BB41; --color_bloques_secundario_fuente:#1A1A1A; --color_bloques_secundario_fuente_sobre:#1A1A1A; --color_botones_fondo:#E7BB41; --color_botones_fondo_sobre:#E7BB41; --color_botones_fuente:#FFFFFF; --color_botones_fuente_sobre:#FFFFFF; --color_botones_fondo_desactivado:#D3D0DB; --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_blanco:#FFF; --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-Bold.ttf") format("truetype"); } @font-face { font-family: Nivel3; src: url("/fonts/Lato-Light.ttf") format("truetype"); } @font-face { font-family: General1; src: url("/fonts/Lato-BoldItalic.ttf") format("truetype"); } @font-face { font-family: General2; src: url("/fonts/MerriweatherSans-LightItalic.ttf") format("truetype"); } @font-face { font-family: General3; src: url("/fonts/Cormorant-Bold.ttf") format("truetype"); } @font-face { font-family: General4; src: url("/fonts/Cormorant-Bold.ttf") format("truetype"); } @font-face { font-family: General5; src: url("/fonts/Cormorant-Bold.ttf") format("truetype"); } .row { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 15px; padding: 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-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .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 { grid-column: auto/span 12; } .col-1 { grid-column: auto/span 1; } .col-2 { grid-column: auto/span 2; } .col-3 { grid-column: auto/span 3; } .col-4 { grid-column: auto/span 4; } .col-5 { grid-column: auto/span 5; } .col-6 { grid-column: auto/span 6; } .col-7 { grid-column: auto/span 7; } .col-8 { grid-column: auto/span 8; } .col-9 { grid-column: auto/span 9; } .col-10 { grid-column: auto/span 10; } .col-11 { grid-column: auto/span 11; } .col-12 { grid-column: auto/span 12; } @media (min-width: 300px) { .col-xs-1 { grid-column: auto/span 1; } .col-xs-2 { grid-column: auto/span 2; } .col-xs-3 { grid-column: auto/span 3; } .col-xs-4 { grid-column: auto/span 4; } .col-xs-5 { grid-column: auto/span 5; } .col-xs-6 { grid-column: auto/span 6; } .col-xs-7 { grid-column: auto/span 7; } .col-xs-8 { grid-column: auto/span 8; } .col-xs-9 { grid-column: auto/span 9; } .col-xs-10 { grid-column: auto/span 10; } .col-xs-11 { grid-column: auto/span 11; } .col-xs-12 { grid-column: auto/span 12; } } @media (min-width: 576px) { .col-sm-1 { grid-column: auto/span 1; } .col-sm-2 { grid-column: auto/span 2; } .col-sm-3 { grid-column: auto/span 3; } .col-sm-4 { grid-column: auto/span 4; } .col-sm-5 { grid-column: auto/span 5; } .col-sm-6 { grid-column: auto/span 6; } .col-sm-7 { grid-column: auto/span 7; } .col-sm-8 { grid-column: auto/span 8; } .col-sm-9 { grid-column: auto/span 9; } .col-sm-10 { grid-column: auto/span 10; } .col-sm-11 { grid-column: auto/span 11; } .col-sm-12 { grid-column: auto/span 12; } } @media (min-width: 768px) { .col-md-1 { grid-column: auto/span 1; } .col-md-2 { grid-column: auto/span 2; } .col-md-3 { grid-column: auto/span 3; } .col-md-4 { grid-column: auto/span 4; } .col-md-5 { grid-column: auto/span 5; } .col-md-6 { grid-column: auto/span 6; } .col-md-7 { grid-column: auto/span 7; } .col-md-8 { grid-column: auto/span 8; } .col-md-9 { grid-column: auto/span 9; } .col-md-10 { grid-column: auto/span 10; } .col-md-11 { grid-column: auto/span 11; } .col-md-12 { grid-column: auto/span 12; } } @media (min-width: 992px) { .col-lg-1 { grid-column: auto/span 1; } .col-lg-2 { grid-column: auto/span 2; } .col-lg-3 { grid-column: auto/span 3; } .col-lg-4 { grid-column: auto/span 4; } .col-lg-5 { grid-column: auto/span 5; } .col-lg-6 { grid-column: auto/span 6; } .col-lg-7 { grid-column: auto/span 7; } .col-lg-8 { grid-column: auto/span 8; } .col-lg-9 { grid-column: auto/span 9; } .col-lg-10 { grid-column: auto/span 10; } .col-lg-11 { grid-column: auto/span 11; } .col-lg-12 { grid-column: auto/span 12; } } @media (min-width: 1200px) { .col-xl-1 { grid-column: auto/span 1; } .col-xl-2 { grid-column: auto/span 2; } .col-xl-3 { grid-column: auto/span 3; } .col-xl-4 { grid-column: auto/span 4; } .col-xl-5 { grid-column: auto/span 5; } .col-xl-6 { grid-column: auto/span 6; } .col-xl-7 { grid-column: auto/span 7; } .col-xl-8 { grid-column: auto/span 8; } .col-xl-9 { grid-column: auto/span 8; } .col-xl-10 { grid-column: auto/span 10; } .col-xl-11 { grid-column: auto/span 11; } .col-xl-12 { grid-column: auto/span 12; } } 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: Nivel2; 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%; } @media (max-width: 575px){ footer { position: unset; } main { margin-bottom: auto !important; } } .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; } /* fondo bloques */ .KKD-B { background-color: var(--color_general_fondo_bloques); } /* ---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-usuarios::before { content: "\e80d"; } .ico-tarjeta::before { content: "\e810"; } .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"; } .ico-orden-arriba::before { content: "\f160"; } .ico-orden-abajo::before { content: "\f161"; } .ico-home::before { content: "\e956"; } .ico-cerrar::before { content: "\e844"; } 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; } /* bordes solidos */ .container * { border: solid; border-width: 0px; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; border: 1px solid #ddd; } } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container > div { padding: 0 10px; width: 100%; } @media (min-width: 1200px) { .container { width: 1200px; } } /* botones_estandar */ .boton { transition-duration: 1s; } .boton:hover { transition-duration: 1s; } .boton { padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; } .boton span span.boton_texto { font-size: 15px; font-family: "Nivel3"; } .boton span i { margin-left: 5px; font-size: 15px; } .boton { background-color: var(--color_pl_3); margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .boton:hover { background-color: var(--color_pl_4); } .boton.desactivado { background-color: var(--color_13); } .boton.desactivado:hover { background-color: var(--color_13); } .boton span span.boton_texto { color: var(--color_pl_5); margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; font-family: "Nivel1"; } .boton:hover span span.boton_texto { color: var(--color_pl_5); } .boton.desactivado span span.boton_texto { color: var(--color_13); } .boton.desactivado:hover span span.boton_texto { background-color: var(--color_13); } .boton span i { color: var(--color_pl_5); margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .boton:hover span i { color: var(--color_pl_5); } .boton.desactivado span i { color: var(--color_pl_5); } .boton.desactivado:hover span i { color: var(--color_pl_5); } .container form { margin-left: 3px; font-size: 15px; font-family: "Nivel3"; } .container form label { font-size: 15px; font-family: "Nivel3"; } .container form label sup { font-size: 15px; font-family: "Nivel3"; } .container form .form-group { font-size: 15px; font-family: "Nivel3"; } .container form .input { border-color: var(--color_gris_6); margin-top: 12px; margin-bottom: 20px; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; font-size: 15px; font-family: "Nivel3"; width: 100%; } .container form textarea { border-color: var(--color_gris_6); margin-top: 12px; margin-bottom: 20px; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; font-size: 15px; font-family: "Nivel3"; width: 100%; } .container form .select { background-color: #var(--color_blanco); border-color: var(--color_gris_6); margin-top: 12px; margin-bottom: 20px; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; font-size: 15px; font-family: "Nivel3"; width: 100%; } .container form .checkbox { margin-top: 12px; margin-bottom: 20px; font-size: 15px; font-family: "Nivel3"; } .container form .radio { margin-top: 12px; margin-bottom: 20px; font-size: 15px; font-family: "Nivel3"; } .container form .VC_error { color: var(--color_5); font-size: 15px; font-family: "Nivel3"; } /* estandar */ .m_nombre_estandar > ul { display: inline-block; margin: 0; padding-left: 0; position: relative; } .m_nombre_estandar > ul, .m_nombre_estandar > ul ul { list-style-type: none; } .m_nombre_estandar > ul li { position: relative; transition: 1s; float: left; background: var(--color_bloques_secundario_fondo); } .m_nombre_estandar > ul li span { display: inline-block; } .m_nombre_estandar > ul li a { color: var(--color_bloques_secundario_fuente); width: 100%; } .m_nombre_estandar > ul ul { display: none; position: absolute; top: 100%; left: 0; padding-left: 0; } .m_nombre_estandar > ul li:hover > ul { display: block; } .m_nombre_estandar > ul li .barra { position: relarive; transition: 0.5s; height: 2px; background-color: var(--color_bloques_principal_fondo); width: 0px; } .m_nombre_estandar > ul > li:hover > .barra, .m_nombre_estandar > ul ul > li:hover > .barra, .m_nombre_estandar > ul > li.active .barra { transition: 0.5s; width: 100%; } #id_m_menu_lg ul { margin-right: 12px; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #id_m_menu_lg li a span { color: var(--color_pl_2); font-family: "Nivel1"; } #id_m_menu_lg li:hover a span { color: var(--color_pl_5); } #id_m_menu_lg li:hover { background-color: var(--color_pl_2); } #id_m_menu_lg li { margin-right: 12px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #id_m_menu_lg li span { padding-top: 5px; padding-right: 12px; padding-bottom: 5px; padding-left: 12px; } #id_m_menu_lg ul ul { margin-right: 12px; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #id_m_menu_lg li li a span { font-family: "Nivel3"; } #id_m_menu_lg li li { margin-right: 12px; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } @media (max-width: 1200px) { } @media (max-width: 991px) { } /* estandar */ #id_s_menu_sm{ display: none; width: 100%; position: relative; } @media (max-width: 767px){ #id_s_menu_sm { display: inline-block; } } #id_s_menu_sm .menu-sm-encabezado { display: inline-block; width: 100%; background-color: var(--color_general_fondo_bloques); } #id_s_menu_sm .menu-sm-ico { float: left; padding: 5px; } #id_s_menu_sm .menu-sm-logo { float: left; padding: 2px; margin: 0 15px; } #id_s_menu_sm .menu-sm-logo img { height: 30px; } #id_s_menu_sm .menu-sm-buscar { float: right; padding: 2px; } #id_s_menu_sm .menu-sm-buscar .mh-form-input { float: left; width: calc(100% - 45px); padding:6px 6px; margin-left: 9px; margin-top: 0px; border: solid 1px var(--color_13); border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #id_s_menu_sm .menu-sm-buscar button.mh-btn-buscar { margin-top: 0px; padding: 7px; border-width: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #id_s_menu_sm .menu-sm-scroll ul { list-style: none; padding-left: 0; margin: 0; } #id_s_menu_sm .menu-sm-scroll ul > li.md-m-item { border-style: solid; border-width: 0; padding: 2px; margin-right: 10px; cursor: pointer; } #id_s_menu_sm .menu-sm-scroll ul > li.md-m-serparador { height: 10px; border-style: solid; border-width: 0px; } #id_s_menu_sm ul > li.md-m-item a i { margin: 0 10px; } #id_s_menu_sm .modal-menu { position: absolute; } #id_s_menu_sm .modal-menu > div { display: inline-block; width: 100%; } #id_s_menu_sm .modal-menu-close { display: inline-block; width: 100%; cursor: pointer; } #id_s_menu_sm .modal-menu-close > div { width: fit-content; float: right; border-style: solid; border-width: 0px; } #id_s_menu_sm .modal-menu-close > div i { display: inline-block; color: var(--color_7); font-size: 16px; padding: 2px; } #id_s_menu_sm .s_nombre_estandar_ajax { border-style: solid; border-width: 0; } #id_s_menu_sm .s_nombre_estandar_ajax { background-color: var(--color_pl_2); border-color: var(--color_pl_1); } #id_s_menu_sm .modal-menu .s_nombre_estandar_ajax .menu-sm-scroll > ul > li.md-m-item { border-color: var(--color_pl_1); } #id_s_menu_sm .modal-menu .modal-menu-close > div { border-color: var(--color_pl_1); } #id_s_menu_sm .s_nombre_estandar_ajax .menu-sm-scroll > ul > li.md-m-serparador { border-color: var(--color_pl_1); } @media (max-width: 575px) { } .caja-producto .caja { 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-imagen { position: relative; } .caja-producto .caja:hover .caja-producto-imagen a img { transform: scale(1.05) rotate(-1.5deg); } .caja-producto-imagen a { display: block; overflow: hidden; } .caja-producto-imagen 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 !important; text-align: center; margin-top: 30%; max-height: 50px; width: 100% !important; 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 { position: relative; 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 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; 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 .boton { float: none; height: auto; display: inline-block; } @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; } } .caja-producto .caja { height: 560px; border-color: #F89429; } .caja-producto .caja-producto-vista-rapida { border-color: #F89429; float: right; } .caja-producto .caja-producto-descripcion { height: 300px; border-color: #F89429; } .caja-producto h4 { border-color: #7CB434; width: 100%; } .caja-producto h4 a span { font-size: 22px; font-family: "Nivel2"; font-size: 22px; font-family: "Nivel2"; } .caja-producto .descripcion p { border-color: #7CB434; width: 100%; } .caja-producto .caja-producto-precio { border-color: #7CB434; width: 100%; } .caja-producto .caja-producto-precio span { font-size: 22px; font-family: "Nivel2"; } .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; } @media (max-width: 767px){ .footer-kirke .logo-kirke { float: left !important; } } .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 .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 .productos-menu-listado ul { padding-left: 0; margin-bottom: 0; list-style: none; margin: 0; padding: 0; } .productos-menu .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 .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 .productos-menu-listado > ul > li { margin-top: 2px; padding-bottom: 7px; border-bottom: 1px solid var(--color_gris_3); } .productos-menu .productos-menu-listado > ul > li > ul { border-left: 1px solid var(--color_gris_3) !important; margin-left: 13px; } .productos-menu .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 .productos-menu-listado > ul > li span.active { font-weight: 600; color: var(--color_bloques_secundario_fuente); } .productos-menu .productos-menu-listado > ul > li > ul > li> a.active { font-weight: 600; color: var(--color_bloques_secundario_fuente); font-size: 14px; } .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; } .productos-titulo span a:hover { text-decoration: line-through; } .productos-paginado-orden i { margin: 5px } @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; color: var(--color_general_fuente); } .productos-datos-sku { font-size: 14px; font-weight: lighter; letter-spacing: 1px; margin: 0 0 5px; padding: 0; text-transform: uppercase; color: var(--color_general_fuente); } .productos-datos-recios { font-size: 28px; font-weight: 600; line-height: normal; margin-bottom: 10px; } .productos-datos-recios span del { font-family: Nivel3; 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); 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; float: left; font-size: 18px; font-weight: lighter; line-height: 1em; margin: 0 20px 0 0; padding: 14px 20px; text-transform: uppercase; margin-right: 20px; margin-bottom: 10px; } .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; } .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_gris_6); border-bottom: solid 1px var(--color_gris_6); border-left: none; border-right: none; font-family: Nivel3; background: var(--color_blanco); width: 40px; 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; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; 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 { float: left; height: 30px; width: 16px; padding: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; font-family: Nivel3; font-size: 20px; cursor: pointer; cursor: hand; display: flex; justify-content: center; align-items: center; font-weight: normal; } .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; } /* checkout y registro */ #id_b_registro .refrescar_pais_provincia_ciudad, #id_b_checkout_1 .refrescar_pais_provincia_ciudad { display: none; margin-left: 10px; font-size: 12px; cursor: pointer; } #id_b_registro .refrescar_pais_provincia_ciudad:hover, #id_b_checkout_1 .refrescar_pais_provincia_ciudad:hover { color: #FF0000; } @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%; } #id_b_carro #cerrar_compra { display: inline-block; margin-bottom: 10px; } #id_b_carro .ckt-tabla-pie-cont > a { margin-bottom: 10px; } #id_b_checkout_1 .carro-compras-volver a.boton { margin-top: 20px; } #id_b_checkout_1 .carro-compras-volver .pull-left { margin-top: 20px; } #id_b_checkout_1 .entrega-ir .pull-right { width: 100%; } #id_b_checkout_1 .entrega-ir button.boton { width: 100%; margin-bottom: 20px; } #id_b_checkout_2 .datos-cliente-volver .pull-left { margin-bottom: 20px; } #id_b_checkout_2 .confirmar-pedido-ir .pull-right { width: 100%; } #id_b_checkout_2 .confirmar-pedido-ir button.boton { width: 100%; margin-bottom: 20px; } #id_b_checkout_3 .ckt-dato-boton-confirma #confirmar_compra { width: 100%; display: inline-block; text-align: center; } } @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; } /* captcha */ .captcha-box { width: fit-content; display: inline-block; } .captcha-box .captcha-image { float: left; } .captcha-box .captcha-image img { } .captcha-box .captcha-datos { float: left; } .captcha-box .captcha-input input { width: 100px; text-align: center; } .captcha-box .check i { display: inline-block; border: solid 1px #FF0000; color: #FF0000; } .captcha-box { background-color: var(--color_gris_9); border-color: #DDFF8C; padding: 3px; border-radius: 10px; } .captcha-box .captcha-image img { border-color: #DDFF8C; padding-right: 3px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .captcha-box .captcha-datos .captcha-input input { border-color: var(--color_gris_6); padding: 6px; border-top-right-radius: 5px; font-size: 15px; font-family: "Nivel3"; } .captcha-box .captcha-datos .check i { color: var(--color_5); border-color: var(--color_5); margin-top: 9px; margin-left: 30px; padding: 6px 8px; border-width: 1px; border-radius: 17px; } .captcha-box { background-color: var(--color_gris_9); border-color: var(--color_pl_2); } .captcha-box .captcha-image img { border-color: var(--color_pl_2); } .captcha-box .captcha-datos .captcha-input input { border-color: var(--color_gris_6); font-family: "Nivel3"; } .captcha-box .captcha-datos .check i { color: var(--color_5); border-color: var(--color_5); } /* redes_logueo */ .h_nombre_redes_logueo { display: flex; background-color: var(--color_general_fondo_bloques); } .h_nombre_redes_logueo .mh-redes-sociales { width: fit-content; } .h_nombre_redes_logueo .mh-redes-sociales ul { display: inline-block; list-style-type: none; margin: 0; padding-left: 0; } .h_nombre_redes_logueo .mh-redes-sociales ul li { float: left; } .h_nombre_redes_logueo .mh-registro ul li.log_2 a::before { content:" | "; padding: 0 3px; display: inline-block; } .h_nombre_redes_logueo .mh-redes-sociales ul li a { color: var(--color_bloques_principal_fuente); } .h_nombre_redes_logueo .mh-redes-sociales ul li a i { font-size: 20; } .h_nombre_redes_logueo .mh-redes-sociales ul li a i.contacto { font-style: normal; } .h_nombre_redes_logueo .mh-registro { display: inline-block; width: fit-content; } .h_nombre_redes_logueo .mh-registro ul { display: inline-block; list-style-type: none; margin: 0; padding-left: 0; } .h_nombre_redes_logueo .mh-registro ul li { float: left; margin-left: 10px; } .h_nombre_redes_logueo .mh-registro ul li .log_2 a span::after { content:" | "; padding: 0 3px; display: inline-block; } .h_nombre_redes_logueo .mh-registro ul li a { color: var(--color_bloques_principal_fuente); } .h_nombre_redes_logueo .mh-img-logo { height: fit-content; } .h_nombre_redes_logueo .mh-img-logo a img { height: 65px; } .h_nombre_redes_logueo .mh-buscar { width: fit-content; } .h_nombre_redes_logueo .mh-buscar form { margin: 0; } .h_nombre_redes_logueo .mh-buscar { } .h_nombre_redes_logueo .mh-buscar { } .h_nombre_redes_logueo .mh-buscar form { border: 0; } .h_nombre_redes_logueo .mh-buscar input { float: left; } .h_nombre_redes_logueo .mh-buscar button { float: left; } .h_nombre_redes_logueo .mh-buscar button i { } .h_nombre_redes_logueo .mh-carro a { color: var(--color_bloques_principal_fuente); } .h_nombre_redes_logueo .mh-carro a i { font-size: 20; } .h_nombre_redes_logueo .mh-menu { width: fit-content; display: inline-block; list-style-type: none; } /* ---FOOTER--- */ .f_nombre_estandar { } .f_nombre_estandar .columna { margin-bottom: 30px; } .f_nombre_estandar .columna ul { margin-bottom: 30px; list-style-type: none; padding-left: 0; } .f_nombre_estandar .f-redes_sociales { } .f_nombre_estandar .f-redes_sociales ul { display: block; padding-left: 0; width: fit-content; } .f_nombre_estandar .f-redes_sociales ul li { float: left; } .f_nombre_estandar .f-redes_sociales ul li a { color: var(--color_bloques_principal_fuente); } .f_nombre_estandar .f-redes_sociales ul li a i { font-size: 20; } /* logo_navegacion_buscar */ .h_nombre_logo_navegacion_buscar { display: flex; background-color: var(--color_general_fondo_bloques); } .h_nombre_logo_navegacion_buscar .mh-redes-sociales { width: fit-content; } .h_nombre_logo_navegacion_buscar .mh-redes-sociales ul { display: inline-block; list-style-type: none; margin: 0; padding-left: 0; } .h_nombre_logo_navegacion_buscar .mh-redes-sociales ul li { float: left; } .h_nombre_logo_navegacion_buscar .mh-registro ul li.log_2 a::before { content:" | "; padding: 0 3px; display: inline-block; } .h_nombre_logo_navegacion_buscar_logueo .mh-redes-sociales ul li a { color: var(--color_bloques_principal_fuente); } .h_nombre_logo_navegacion_buscar .mh-redes-sociales ul li a i { font-size: 20; } .h_nombre_logo_navegacion_buscar .mh-redes-sociales ul li a i.contacto { font-style: normal; } .h_nombre_logo_navegacion_buscar .mh-registro { display: inline-block; width: fit-content; } .h_nombre_logo_navegacion_buscar .mh-registro ul { display: inline-block; list-style-type: none; margin: 0; padding-left: 0; } .h_nombre_logo_navegacion_buscar .mh-registro ul li { float: left; margin-left: 10px; } .h_nombre_logo_navegacion_buscar .mh-registro ul li.log_2 a::before { content:" | "; padding: 0 3px; display: inline-block; } .h_nombre_logo_navegacion_buscar .mh-registro ul li a { color: var(--color_bloques_principal_fuente); } .h_nombre_logo_navegacion_buscar .mh-img-logo { height: fit-content; } .h_nombre_logo_navegacion_buscar .mh-img-logo a img { height: 65px; } .h_nombre_logo_navegacion_buscar .mh-buscar { width: fit-content; } .h_nombre_logo_navegacion_buscar .mh-buscar form { margin: 0; } .h_nombre_logo_navegacion_buscar .mh-buscar { } .h_nombre_logo_navegacion_buscar .mh-buscar form { border: 0; } .h_nombre_logo_navegacion_buscar .mh-buscar input { float: left; } .h_nombre_logo_navegacion_buscar .mh-buscar button { float: left; } .h_nombre_logo_navegacion_buscar .mh-buscar button i { } .h_nombre_logo_navegacion_buscar .mh-carro a { color: var(--color_bloques_principal_fuente); } .h_nombre_logo_navegacion_buscar .mh-carro a i { font-size: 20; } .h_nombre_logo_navegacion_buscar .mh-menu { width: fit-content; display: inline-block; list-style-type: none; } /* banner_ancho_con_texto */ .h_nombre_banner_ancho_con_texto .item .container { position: relative; } .h_nombre_banner_ancho_con_texto .item .container img { width: 100%; } .h_nombre_banner_ancho_con_texto .item .container .cuadro-texto { position:absolute; } .h_nombre_banner_ancho_con_texto .item .container .boton-cuadro { display: flex; justify-content: right; } .h_nombre_banner_ancho_con_texto .item .container a { display: inline-block; width: fit-content; } .h_nombre_banner_ancho_con_texto .item .container h3, .h_nombre_banner_ancho_con_texto .item .container p, .h_nombre_banner_ancho_con_texto .item .container a { transition: 2s; opacity: 1; } .h_nombre_banner_ancho_con_texto .item .container h3.inicio, .h_nombre_banner_ancho_con_texto .item .container p.inicio, .h_nombre_banner_ancho_con_texto .item .container a.inicio { transition: 0.8s; opacity: 0; } /* productos_destacados */ .b_nombre_productos_destacados h1 { text-align: center; } /* productos_novedades */ .b_nombre_productos_novedades h1 { text-align: center; } /* titulo_1_elem */ .b_nombre_titulo_1_elem { padding: 1px; } .b_nombre_titulo_1_elem .container, .b_nombre_titulo_1_elem .cuadro, .b_nombre_titulo_1_elem .cuadro-icono, .b_nombre_titulo_1_elem img, .b_nombre_titulo_1_elem .cuadro-texto, .b_nombre_titulo_1_elem h3, .b_nombre_titulo_1_elem h5, .b_nombre_titulo_1_elem .text { border-style: solid; border-color: var(--color_bloques_principal_fondo); border-width: 0px; } .b_nombre_titulo_1_elem .cuadro-icono { width: fit-content; } .b_nombre_titulo_1_elem .cuadro-imagen img { width: 100%; } /* textos_columnas */ .b_nombre_textos_columnas { padding: 1px; } .b_nombre_textos_columnas .container, .b_nombre_textos_columnas .cuadro, .b_nombre_textos_columnas .cuadro-icono, .b_nombre_textos_columnas img, .b_nombre_textos_columnas .cuadro-texto, .b_nombre_textos_columnas h3, .b_nombre_textos_columnas h5, .b_nombre_textos_columnas .text { border-style: solid; border-color: var(--color_bloques_principal_fondo); border-width: 0px; } .b_nombre_textos_columnas .cuadro-icono { width: fit-content; } .b_nombre_textos_columnas .cuadro-imagen img { width: 100%; } /* banner_simple */ .b_nombre_banner_simple .container { position: relative; } .b_nombre_banner_simple .container img { width: 100%; } .b_nombre_banner_simple .container .cuadro-texto { position:absolute; } #id_h_encabezado_sup0 { background-color: var(--color_pl_3); } #id_h_encabezado_sup0 .container .mh-redes-sociales { border-color: #F89429; margin-top: 14px; margin-bottom: 3px; margin-left: initial; margin-right: auto; float: left; width: fit-content; } #id_h_encabezado_sup0 .container .mh-redes-sociales li.contacto a i { font-size: 18px; font-family: "Nivel3"; } #id_h_encabezado_sup0 .container .mh-redes-sociales ul li a i { font-size: 20px; color: var(--color_pl_5); } #id_h_encabezado_sup0 .container .mh-redes-sociales ul li { border-color: #7CB434; } #id_h_encabezado_sup0 .container .mh-redes-sociales li { padding-right: 8px; } #id_h_encabezado_sup0 .container .mh-registro ul li a { color: var(--color_pl_5); } #id_h_encabezado_sup0 .container .mh-registro { border-color: #F89429; margin-top: 14px; float: right; width: fit-content; } #id_h_encabezado_sup0 .container .mh-registro li a { font-size: 15.5px; font-family: "Nivel1"; } #id_h_encabezado_sup0 .container .mh-img-logo { border-color: #F89429; margin-top: 5px; margin-bottom: 5px; width: fit-content; } #id_h_encabezado_sup0 .container .mh-buscar { border-color: #F89429; width: fit-content; } #id_h_encabezado_sup0 .container .mh-buscar input { width: 150px; height: 33px; padding-top: 9px; padding-right: 5px; padding-bottom: 6px; padding-left: 8px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: 14px; font-family: "Nivel1"; } #id_h_encabezado_sup0 .container .mh-buscar button { width: 33px; height: 33px; color: #888888; background-color: #var(--color_blanco); border-color: #EEEEEE; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #id_h_encabezado_sup0 .container .mh-buscar button i { font-size: 20px; } #id_h_encabezado_sup0 .container .mh-menu { border-color: #F89429; padding-top: 30px; float: left; width: fit-content; } #id_h_encabezado_sup0 .mh-carro a i { font-size: 22px; color: var(--color_pl_5); } #id_h_encabezado_sup0 .mh-carro { border-color: #7CB434; margin-top: 14px; margin-bottom: 10px; margin-left: initial; margin-right: auto; float: left; width: fit-content; } @media (max-width: 1200px) { } @media (max-width: 991px) { } #id_f_pie0 .container .f-redes_sociales > div { border-color: #E7BB41; } #id_f_pie0 .container .f-redes_sociales a img { height: 78px; margin-top: 13px; padding-right: 8px; } #id_f_pie0 .container .f-redes_sociales ul li a i { font-size: 20px; color: var(--color_pl_3); } #id_f_pie0 .container .f-redes_sociales ul li { border-color: #44BBA4; } #id_f_pie0 .container .f-redes_sociales li { padding-right: 8px; } #id_f_pie0 .container .f-contacto h3 { color: var(--color_pl_3); width: 100%; } #id_f_pie0 .container .f-contacto > div ul li a { width: 100%; } #id_f_pie0 .container .f-productos > div { border-color: #E7BB41; } #id_f_pie0 .container .f-productos h3 { color: var(--color_pl_3); width: 100%; } #id_f_pie0 .container .f-productos > div ul { border-color: #E7BB41; } #id_f_pie0 .container .f-productos > div ul li { border-color: #E7BB41; } #id_f_pie0 .container .f-productos > div ul li a { width: 100%; } #id_f_pie0 .container .f-secciones h3 { color: var(--color_pl_3); width: 100%; } #id_f_pie0 .container .f-secciones > div ul li a { width: 100%; } #id_f_pie0 .container .f-registro h3 { color: var(--color_pl_3); width: 100%; } #id_f_pie0 .container .f-registro > div ul li a { width: 100%; } @media (max-width: 1200px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 575px) { } #id_h_encabezado_med0 { background-color: var(--color_pl_5); } #id_h_encabezado_med0 .container .mh-redes-sociales { border-color: #F89429; margin-top: 3px; margin-bottom: 3px; margin-left: initial; margin-right: auto; float: left; width: fit-content; } #id_h_encabezado_med0 .container .mh-redes-sociales li.contacto a i { font-size: 22px; font-family: "Nivel3"; } #id_h_encabezado_med0 .container .mh-redes-sociales ul li a i { font-size: 20px; color: var(--color_pl_3); } #id_h_encabezado_med0 .container .mh-redes-sociales ul li { border-color: #7CB434; } #id_h_encabezado_med0 .container .mh-redes-sociales li { padding-right: 8px; } #id_h_encabezado_med0 .container .mh-registro { border-color: #F89429; margin-top: 3px; float: right; width: fit-content; } #id_h_encabezado_med0 .container .mh-registro li a { font-size: 22px; font-family: "Nivel3"; } #id_h_encabezado_med0 .container .mh-img-logo a img { height: 112px; } #id_h_encabezado_med0 .container .mh-img-logo { border-color: #F89429; margin-top: 5px; margin-bottom: 5px; float: left; width: fit-content; } #id_h_encabezado_med0 .container .mh-buscar { border-color: #F89429; margin-top: 48px; float: right; width: fit-content; } #id_h_encabezado_med0 .container .mh-buscar input { width: 150px; height: 33px; color: var(--color_11); border-color: var(--color_15); padding-top: 9px; padding-right: 5px; padding-bottom: 6px; padding-left: 8px; border-top-width: 0.5px; border-bottom-width: 0.5px; border-left-width: 0.5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: 14px; font-family: "Nivel1"; } #id_h_encabezado_med0 .container .mh-buscar button { width: 33px; height: 33px; color: var(--color_pl_5); background-color: var(--color_pl_3); border-color: #EEEEEE; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #id_h_encabezado_med0 .container .mh-buscar button i { font-size: 20px; } #id_h_encabezado_med0 .container .mh-menu { border-color: #F89429; padding-top: 48px; float: left; width: fit-content; } #id_h_encabezado_med0 .mh-carro a i { font-size: 22px; } #id_h_encabezado_med0 .mh-carro { border-color: #7CB434; margin-bottom: 25px; margin-left: initial; margin-right: auto; float: left; width: fit-content; } @media (max-width: 1200px) { } @media (max-width: 991px) { } #id_h_index_encabezado_inf0 .container { background-color: var(--color_pl_5); width: 100%; } #id_h_index_encabezado_inf0 .owl-carousel .owl-item img { border-color: var(--color_pl_2); } #id_h_index_encabezado_inf0 .container .cuadro-texto { top: 45%; left: 0%; right: 0%; } #id_h_index_encabezado_inf0 .container .cuadro-texto h3 { color: var(--color_pl_2); border-color: var(--color_pl_2); font-size: 22px; font-family: "Nivel2"; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; width: 100%; text-align: center; } #id_h_index_encabezado_inf0 .container .cuadro-texto h5 { color: var(--color_pl_2); border-color: var(--color_pl_2); font-size: 14px; font-family: "Nivel2"; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; width: 100%; text-align: center; } #id_h_index_encabezado_inf0 .container .cuadro-texto a { background-color: var(--color_pl_1); margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 30px; padding-top: 6px; padding-right: 12px; padding-bottom: 6px; padding-left: 12px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #id_h_index_encabezado_inf0 .container .cuadro-texto a:hover { background-color: var(--color_pl_2); } #id_h_index_encabezado_inf0 .container .cuadro-texto a.desactivado { background-color: var(--color_pl_4); } #id_h_index_encabezado_inf0 .container .cuadro-texto .boton-cuadro { justify-content: center; } #id_h_index_encabezado_inf0 .container .cuadro-texto span span.boton_texto { color: var(--color_pl_5); font-size: 15px; font-family: "Nivel3"; } #id_h_index_encabezado_inf0 .container .cuadro-texto span i { color: var(--color_pl_5); margin-left: 10px; font-size: 15px; } @media (max-width: 1200px) { } @media (max-width: 991px) { } #id_b_index_estacado0 .container .cuadro-titulos h1 { color: var(--color_pl_2); text-align: center; font-size: 40px; font-family: "Nivel1"; width: 100%; padding-top: 13.5px; padding-bottom: 13.5px; } @media (max-width: 1200px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 575px) { } #id_b_index_ovedades0 .container .cuadro-titulos h1 { color: var(--color_pl_2); text-align: center; font-size: 40px; font-family: "Nivel1"; width: 100%; padding-top: 13.5px; padding-bottom: 13.5px; } @media (max-width: 1200px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 575px) { } #id_b_index_aaaaa0 { background-color: var(--color_pl_5); } #id_b_index_aaaaa0 .container { background-color: var(--color_pl_5); border-color: #44BBA4; margin-top: 30px; margin-bottom: 30px; } #id_b_index_aaaaa0 .container .cuadro-icono img { height: 30px; } #id_b_index_aaaaa0 .container .cuadro-icono { border-color: #44BBA4; } #id_b_index_aaaaa0 .container .cuadro-imagen { width: 100%; } #id_b_index_aaaaa0 .container .cuadro-texto { border-color: #E7BB41; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; width: 100%; } #id_b_index_aaaaa0 .container .cuadro-texto h3 { border-color: #44BBA4; font-size: 32px; font-family: "Nivel2"; width: 100%; } #id_b_index_aaaaa0 .container .cuadro-texto h5 { border-color: #44BBA4; font-size: 22px; font-family: "Nivel2"; width: 100%; } #id_b_index_aaaaa0 .container .cuadro-texto div.text { border-color: #44BBA4; font-size: 22px; font-family: "Nivel3"; width: 100%; } @media (max-width: 1200px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 575px) { } #id_b_formas_de_pago_extos0 { background-color: var(--color_pl_5); } #id_b_formas_de_pago_extos0 .container { background-color: var(--color_pl_5); border-color: #7CB434; margin-top: 30px; margin-bottom: 30px; } #id_b_formas_de_pago_extos0 .container .cuadro { border-color: #F89429; margin-top: 30px; } #id_b_formas_de_pago_extos0 .container .cuadro-icono img { height: 30px; } #id_b_formas_de_pago_extos0 .container .cuadro-icono { border-color: #7CB434; } #id_b_formas_de_pago_extos0 .container .cuadro-imagen { width: 100%; } #id_b_formas_de_pago_extos0 .container .cuadro-texto { border-color: #F89429; width: 100%; } #id_b_formas_de_pago_extos0 .container .cuadro-texto h3 { color: var(--color_pl_3); border-color: #7CB434; font-size: 22px; font-family: "Nivel2"; width: 100%; } #id_b_formas_de_pago_extos0 .container .cuadro-texto h5 { color: var(--color_pl_3); border-color: #7CB434; font-size: 22px; font-family: "Nivel2"; width: 100%; } #id_b_formas_de_pago_extos0 .container .cuadro-texto div.text { color: var(--color_pl_3); border-color: #7CB434; font-size: 22px; font-family: "Nivel3"; width: 100%; } @media (max-width: 1200px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 575px) { } #id_b_quienes_somos_extos0 { background-color: var(--color_pl_5); } #id_b_quienes_somos_extos0 .container { background-color: var(--color_pl_5); border-color: #7CB434; margin-top: 30px; margin-bottom: 30px; } #id_b_quienes_somos_extos0 .container .cuadro { border-color: #F89429; margin-top: 30px; } #id_b_quienes_somos_extos0 .container .cuadro-icono img { height: 30px; } #id_b_quienes_somos_extos0 .container .cuadro-icono { border-color: #7CB434; } #id_b_quienes_somos_extos0 .container .cuadro-imagen { width: 100%; } #id_b_quienes_somos_extos0 .container .cuadro-texto { border-color: #F89429; width: 100%; } #id_b_quienes_somos_extos0 .container .cuadro-texto h3 { color: var(--color_pl_3); border-color: #7CB434; font-size: 22px; font-family: "Nivel2"; width: 100%; } #id_b_quienes_somos_extos0 .container .cuadro-texto h5 { color: var(--color_pl_3); border-color: #7CB434; font-size: 22px; font-family: "Nivel2"; width: 100%; } #id_b_quienes_somos_extos0 .container .cuadro-texto div.text { color: var(--color_pl_3); border-color: #7CB434; font-size: 22px; font-family: "Nivel3"; width: 100%; } @media (max-width: 1200px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 575px) { } #id_b_productos_anner0 { background-color: var(--color_pl_5); } #id_b_productos_anner0 .container { background-color: var(--color_pl_5); border-color: #44BBA4; width: 100%; margin-top: 30px; margin-bottom: 30px; } #id_b_productos_anner0 .container img { border-color: #44BBA4; } #id_b_productos_anner0 .container .cuadro-texto { top: 45%; left: 1%; right: 1%; } #id_b_productos_anner0 .container .cuadro-texto h1 { color: var(--color_pl_3); border-color: #44BBA4; width: 100%; text-align: center; font-size: 22px; font-family: "Nivel2"; } #id_b_productos_anner0 .container .cuadro-texto .contendor-tit { display: flex; justify-content: center; } #id_b_productos_anner0 .container .cuadro-texto h5 { color: var(--color_pl_3); border-color: #44BBA4; width: 100%; text-align: center; font-size: 14px; font-family: "Nivel2"; } #id_b_productos_anner0 .container .cuadro-texto .contendor-baj { display: flex; justify-content: center; } @media (max-width: 1200px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 575px) { } .casa { aaaaaaaaaaaaaa: aaaaaaaaa; }