*{margin: 0;padding: 0;font-family: Tahoma, Roboto;}

:root {
	--color-azul-solint: #14A8DF;
	--color-azul-secundario: #002875;
}

/* Extender Bootstrap */
:root {
	--bs-gap: 1.5rem;
	--bs-column-gap: var(--bs-gap);
	--bs-row-gap: var(--bs-gap);
}
.d-flex { display: flex; }
.flex-column { flex-direction: column; }
.flex-shrink-1 { flex-shrink: 1; }
.flex-grow-1 { flex-grow: 1; }
.gap-1 { gap: .25rem; }
.gap-2 { gap: .5rem; }
.gap-3 { gap: 1rem; }
.gap-4 { gap: 1.5rem; }
.gap-5 { gap: 3rem; }
.align-items-center { align-items: center; }
.justify-content-center { justify-content: center; }
.m-0 { margin: 0; }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: .25rem; }
.mt-2 { margin-top: .5rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.mt-5 { margin-top: 3rem; }
.p-1 { padding: .25rem; }
.p-2 { padding: .5rem; }
.p-3 { padding: 1rem; }
.p-4 { padding: 1.5rem; }
.p-5 { padding: 3rem; }

.border { border: 1px solid; }
.rounded { border-radius: .5rem; }
.rounded-3 { border-radius: 1rem; }

.w-100 { width: 100%; }
.h-100 { height: 100%; }

.f-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.f-row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.g-1, .gy-1 { --bs-gutter-y: .25rem; }
.g-2, .gy-2 { --bs-gutter-y: .5rem; }
.g-3, .gy-3 { --bs-gutter-y: 1rem; }
.g-4, .gy-4 { --bs-gutter-y: 1.5rem; }
.g-5, .gy-5 { --bs-gutter-y: 3rem; }
.g-1, .gx-1 { --bs-gutter-x: .25rem; }
.g-2, .gx-2 { --bs-gutter-x: .5rem; }
.g-3, .gx-3 { --bs-gutter-x: 1rem; }
.g-4, .gx-4 { --bs-gutter-x: 1.5rem; }
.g-5, .gx-5 { --bs-gutter-x: 3rem; }
.f-col { flex: 1 0 0; }
.f-col-1 { flex: 0 0 auto; width: 8.33333333%; }
.f-col-2 { flex: 0 0 auto; width: 16.66666667%; }
.f-col-3 { flex: 0 0 auto; width: 25%; }
.f-col-4 { flex: 0 0 auto; width: 33.33333333%; }
.f-col-5 { flex: 0 0 auto; width: 41.66666667%; }
.f-col-6 { flex: 0 0 auto; width: 50%; }
.f-col-7 { flex: 0 0 auto; width: 58.33333333%; }
.f-col-8 { flex: 0 0 auto; width: 66.66666667%; }
.f-col-9 { flex: 0 0 auto; width: 75%; }
.f-col-10 { flex: 0 0 auto; width: 83.33333333%; }
.f-col-11 { flex: 0 0 auto; width: 91.66666667%; }
.f-col-12 { flex: 0 0 auto; width: 100%; }
@media (min-width: 576px) {
	.f-col-sm-1 { flex: 0 0 auto; width: 8.33333333%; }
	.f-col-sm-2 { flex: 0 0 auto; width: 16.66666667%; }
	.f-col-sm-3 { flex: 0 0 auto; width: 25%; }
	.f-col-sm-4 { flex: 0 0 auto; width: 33.33333333%; }
	.f-col-sm-5 { flex: 0 0 auto; width: 41.66666667%; }
	.f-col-sm-6 { flex: 0 0 auto; width: 50%; }
	.f-col-sm-7 { flex: 0 0 auto; width: 58.33333333%; }
	.f-col-sm-8 { flex: 0 0 auto; width: 66.66666667%; }
	.f-col-sm-9 { flex: 0 0 auto; width: 75%; }
	.f-col-sm-10 { flex: 0 0 auto; width: 83.33333333%; }
	.f-col-sm-11 { flex: 0 0 auto; width: 91.66666667%; }
	.f-col-sm-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 768px) {
	.f-col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
	.f-col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
	.f-col-md-3 { flex: 0 0 auto; width: 25%; }
	.f-col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
	.f-col-md-5 { flex: 0 0 auto; width: 41.66666667%; }
	.f-col-md-6 { flex: 0 0 auto; width: 50%; }
	.f-col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
	.f-col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
	.f-col-md-9 { flex: 0 0 auto; width: 75%; }
	.f-col-md-10 { flex: 0 0 auto; width: 83.33333333%; }
	.f-col-md-11 { flex: 0 0 auto; width: 91.66666667%; }
	.f-col-md-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 992px) {
	.f-col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
	.f-col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
	.f-col-lg-3 { flex: 0 0 auto; width: 25%; }
	.f-col-lg-4 { flex: 0 0 auto; width: 33.33333333%; }
	.f-col-lg-5 { flex: 0 0 auto; width: 41.66666667%; }
	.f-col-lg-6 { flex: 0 0 auto; width: 50%; }
	.f-col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
	.f-col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
	.f-col-lg-9 { flex: 0 0 auto; width: 75%; }
	.f-col-lg-10 { flex: 0 0 auto; width: 83.33333333%; }
	.f-col-lg-11 { flex: 0 0 auto; width: 91.66666667%; }
	.f-col-lg-12 { flex: 0 0 auto; width: 100%; }
}
.fs-6 { font-size: 1rem !important; }
.fs-5 { font-size: 1.25rem !important; }
.fs-4 { font-size: 1.5rem !important; }
.fs-3 { font-size: 1.75rem !important; }
.fs-2 { font-size: 2rem !important; }
.fs-1 { font-size: 2.5rem !important; }

/* Bootstraposas pero inventadas */
.mt-6 { margin-top: 4.5rem; }
.mt-7 { margin-top: 6rem; }

.g-6, .gy-6 { --bs-gutter-y: 4.5rem; }
.g-7, .gy-7 { --bs-gutter-y: 6rem; }
.g-6, .gx-6 { --bs-gutter-x: 4.5rem; }
.g-7, .gx-7 { --bs-gutter-x: 6rem; }

.fs-1_25em { font-size: 1.25em; }
.fs-1_5em { font-size: 1.5em; }

/* Tema */
.color-azul-solint { color: var(--color-azul-solint); }
.color-azul-secundario { color: var(--color-azul-secundario); }

.pie i.fa.fa-phone {font-size: 14px;padding: 0 5px;}
.numeros strong {font-weight: 500;}
.pie p.otra {margin: 16px 0;}
.pie ul.numeros {margin: 30px 0 0;}
.cabeza i.fa.fa-shopping-cart {float: right;padding: 5px 0 0 10px;font-size: 18px;}
i.fa.fa-whatsapp {padding: 0 5px;font-size: 20px;color: #333333;}
i.fa.fa-phone {padding: 0 10px 0 0;font-size: 18px;}
img.xxx {max-width: 230px;}
.icoreds {
    font-size: 20px;
    color: black !important;
	margin: 0 0 0 5px;
	transition: 0.3s;
}
.icoreds:hover {
	color: #14a8df !important;
}
.cabeza, .cuerpo, .pie {float: left;width: 100%;}
.cuerpo {margin-top: 95px;padding-bottom: 30px;}
.contenido {width: 920px;margin: 0 auto;}
.cabeza { position: fixed; z-index: 999;background: #EBEBEB;text-align: right;padding: 0 30px 0 20px;}
.cabeza .datos {float: right;margin: 8px 0;}
.cabeza p.telefono {color: #333333;font-size: 15px;margin: 10px 10px 0 0;display: inline-block;}
.cabeza p.idioma {float: left;margin: 4px 20px 0;color: #fff;}
.cabeza .idioma a {color: #fff;}
.cabeza .carrito {color: #fff;position: relative;display: inline-block;vertical-align: middle;margin: 15px 0 0 10px;background-size: 100%;cursor: pointer;float: right;}
.cabeza .telefono img {float: left;margin: 0 5px 0 0;}
.cabeza .fondo_verde {background: #fff;float: left;width: 100%;}
.cabeza a.logo {float: left;color: #fff;font-size: 40px;margin: 9px 0 0;}
.menu > a {float: right;}
.cabeza .menos span { background: #14A8DF; color: #fff; width: 14px; position: absolute; border-radius: 20px; top: -7px; right: -9px; cursor: pointer; text-align: center; font-size: 11px;}
.menu {float: right;width: auto;}
.menu li {height: auto;text-align: center;font-size: 15px;position: relative;display: flex;padding: 15px 0px 0px;}
.menu .list-nav >li.activo >a, .menu .list-nav >li:hover >a {color: #14b0e6;text-decoration: none;}
.menu li a {color: #0a4958;font-size: 15px;display: inline-block;padding: 5px 15px 5px;}
.pie {background:  #14a8df no-repeat center;color: #fff;background-size: auto 100%;text-align: center;}
.pie .col-md-3 {box-shadow: none;  }
.pie p.logo {font-size: 30px;}
.pie li a {color: #fff;font-size: 14px;font-weight: 300;padding: 15px 8px 15px 15px;float: left;}
.pie ul li {list-style: none;margin: 0 0;display: inline-block;vertical-align: middle;}
.pie li a:hover {text-decoration: underline;}
.pie p a {color: #fff;font-size: 15px;}
.pie p {margin: 0px 0 0;font-size: 13px;}
.pie ul {margin: 1px 0 0;}
.pie p.copy {float: left;padding: 0;margin: 20px 0 25px;width: 100%;text-align: center;}
/*Carrito*/
.fixed_capa {position: fixed; width: 100%; z-index: 9999; height: 100%; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; cursor: pointer; display: none;}
.pop_carrito {position: fixed;width: 25%;right: -26%;height: 100%;background: rgb(255, 255, 255);top: 0;z-index: 9999;padding: 0 20px;}
.pop_carrito h3 {font-size: 30px;color: #fff;z-index: 11;margin: 30px 0 0px;color: #151515;width: 100%;float: left;position: relative;left: 0;}
.pop_carrito .change_cart { float: left; width: 100%; overflow-y: auto; position: relative; max-height: 70%;}
.pop_carrito .producto_pop {float: left;width: 100%;padding: 10px 2%;border-bottom: 1px solid #9DE0F5;}
.pop_carrito label.nombre_pop { color: #151515; float: left; margin: 0px 0 6px 5%; width: 73%; font-size: 12px; line-height: 16px;}
.pop_carrito input.cantidades { float: left; width: 25%; margin: 5px 0 0 5%; padding: 3px 5px; border: 1px solid #7CD6F1;}
.pop_carrito label.precio_pop {float: right;color: #fff;margin: 10px 0 0;}
.pop_carrito .remove {color: #C9002C;cursor: pointer;float: right;margin: 5px 0 0;clear: both;}
.pop_carrito .totales_pop { float: left; color: #fff; width: 100%; margin: 20px 0 0; padding: 0 0 10px; border-bottom: 1px solid;}
.pop_carrito label.left {float: left;clear: both;}
.pop_carrito label.right {float: right;width: auto;}
.pop_carrito .total_pop {float: left;width: 100%;margin: 20px 0 0;}
.pop_carrito label.left.azul {color: #6ba3a1;}
.pop_carrito label.right.azul {color: #6ba3a1;}
.pop_carrito a.total_rojo { background: #29AEE0; padding: 10px; float: left; width: 100%; margin: 20px 0 0; text-align: center; color: #fff; font-size: 20px; text-decoration: none; font-weight: 700; border: 1px solid #29B8E0; transition: 1s;}
.pop_carrito .sin_carrito { float: left; font-size: 20px; margin: 100% 0 0; position: relative; text-align: center; vertical-align: middle; color: #000; text-decoration: none;}
#imaginary_container{ display: inline-block;margin: 0 0 0 10px;width: 174px;vertical-align: middle;}
.stylish-input-group .input-group-addon{background: white !important;border: none;}
.stylish-input-group .form-control{border: none;box-shadow:0 0 0;border-color:#ccc;}
.stylish-input-group button{border:0;background:transparent;}
nav { vertical-align: middle;display: inline-block !important;}
i.fa.fa-volume-control-phone {margin: 0 6px 0 0;font-size: 16px;}
.btn.btn-azul-solint {
	background: var(--color-azul-solint);
	border-color: var(--color-azul-solint);
	color: #fff;
	transition: 1s;
}
.btn.btn-azul-solint:hover {
	background: #fff;
	color: var(--color-azul-solint);
}
.btn.btn-outline-azul-solint {
	background: white;
	border-color: var(--color-azul-solint);
	color: var(--color-azul-solint);
	transition: 1s;
}
.btn.btn-outline-azul-solint:hover {
	background: var(--color-azul-solint);
	color: #fff;
}
a.guia_compra.btn.btn-primary { background: #14A8DF; border-color: #1499DF; transition: 1s; margin: 0 15px;}
a.guia_compra.btn.btn-primary:hover {background: #fff;color: #14A8DF;}
p.razon_social {line-height: 22px;clear: both;}
.pie_der {float: right;margin: -30px 0 0;}
.pie .input-group.stylish-input-group span.input-group-addon {padding: 0 12px;}
.pie input.form-control {height: 23px;}
.pie p.carrito {background-image: url(../images/carrito_pie.png);}
.lismall ul {position: absolute;width: 220px;right: 0;background: #1597cb;display: none;top: 100%;border: 1px solid #2a6b94;transition: 1s;opacity: 0;}
.menu li.lismall_sub {display: block;text-align: left;padding: 0;border-bottom: 1px solid #286d97;float: left;width: 100%;}
.lismall:hover ul {display: block;opacity: 1;}
.menu a.linlmn_sub { color: #fff;float: left;width: 100%;padding: 10px 20px;transition: 1s;}
.menu a.linlmn_sub:hover, .menu .activo > a.linlmn_sub { background: #fff; color: #1597cb; text-decoration: none;}
.title_masp span {cursor: pointer;text-decoration: underline;}
h4#myModalLabel {margin: 0px 0;font-size: 20px;color: #333333;font-weight: 700;}
#contacto_form_01 label {color: #1a1a1a;font-size: 16px;font-weight: 100;}
#contacto_form_01 input,#contacto_form_01 textarea {width: 100%; margin: 0 0 15px; height: 28px; border: none; border-bottom: 2px solid #31B3E3; padding: 0 10px;}
label.lbl_nombre:before {content: "\f007";}
label.lbl_email:before {content: "\f0e0";}
label.lbl_telefono:before {content: "\f10b";}
label.lbl_mensaje:before {content: "\f075";}
#contacto_form_01 label:before {color: #14A8DF;font-family: FontAwesome;font-size: 18px;vertical-align: middle;margin: 0 10px 0 0;}
textarea#comentarios_01 {resize: none;height: 130px;background: #EBEBEB;}
input#enviar_01 { height: auto; width: auto; padding: 5px 30px; background: #14A8DF; border: none; color: #fff; font-size: 18px; float: none; margin: 10px auto 0; border-radius: 5px; text-transform: uppercase; border: 1px solid #21A8DF; transition: 1s;}
input#enviar_01:hover {color: #14A8DF;background: #fff;}
form#contacto_form_01 {text-align: center;}
.carg{ opacity: 0.5;   pointer-events: none;}
.datos { text-align: left;}
.pop_carrito label.imagen {width: 22%;overflow: hidden;float: left;height: auto;margin: 0 0 10px;}
.pop_carrito .imagen img {width: 100%;}
.pop_carrito a.total_rojo:hover {color: #29AEE0;background: #fff;}
label.precio_pro {float: right;text-align:  right;margin: 4px 0 0;font-size: 16px;}
label.pre_sob {float: right;width: 43%;margin: 0 0 5px 5%;text-align:  right;}
.telefono a i.fa.fa-whatsapp, .telefono .verde, .telefono a, .telefono a:hover, .telefono a:focus {color: #329636;}
.pie p.copy .otra {margin: 0 0 0 30px;}
ul#menresponsive {float: right;width: 100%;display: flex;flex-wrap: wrap;}
.col-lg-2 p a {float: left;width: 100%;padding: 10px 0;margin: 0 0 -20px;}
.col-lg-2 a.logo {    float: left;    width: 100%;}
span.input-group-addon {    padding: 0;}
.input-group-addon:first-child button {    padding: 6px 12px;}
.lnkf{    text-decoration: underline;margin: 0 0 0 15px;}
.lnksnd{
	float: left; width: 100%;text-align: center; margin: 5px 0 20px 0;
}
.gris a.lnksnda{
	color: #14A8DF !important; font-size: 14px; font-family: tahoma;text-decoration: underline; font-weight: 600;
}
.saltoChafa {
	display: none;
}
@media (max-width: 1413px) {
	.cuerpo:not(.cuerpo-lps) {margin-top: 137px;}
}
@media (max-width: 1228px) {
	.cuerpo:not(.cuerpo-lps) {margin-top: 183px;}
}
@media (max-width: 1105px) {
	.cuerpo:not(.cuerpo-lps) {margin-top: 136px;}
	.menu li a {padding-left: 5px;padding-right: 5px;}
}
@media (max-width: 1068px) {
	.cuerpo:not(.cuerpo-lps) {margin-top: 183px;}
}
@media (max-width: 1033px) {
	.cuerpo:not(.cuerpo-lps) {margin-top: 151px;}
	div#imaginary_container {margin: 10px 0 0 10px;}
	.menu li {padding: 5px 0 0;}
}
@media (max-width: 1000px) { .pie { height: auto; }}
@media (max-width: 845px) {
	a.guia_compra.btn.btn-primary {margin-top: 10px;}
	form#contacto_form {
		margin-bottom: 25px;
	}
}
@media (max-width: 991px) {
	.pie img.xxx {    width: 100%;}
	.pop_carrito {width: 30%;right: -31%;}
	.pie li a { font-size: 15px;}
}
@media (max-width: 800px) {
	.saltoChafa {
		display: inline;
	}
	.cabeza {padding: 0 10px;}
	.cuerpo:not(.cuerpo-lps) {margin-top: 111px;}
	.menu > nav {display: none !important;}
	.menu {float: right;width: 100px;margin: 0 0 0 20px;}
	.cabeza .carrito {float: left;margin: 14px 14px 0 0px;}
	.menu > a {    float: left;}
	span.input-group-addon {/* padding: 6px 5px; */}
	input.form-control {padding: 6px 4px;}
	.mean-container .mean-nav ul li a br {    display: none;}
	.mean-container .mean-nav ul li li a:hover {    background: #fff;    color: #14a8df !important;    opacity: 1;}
	.lismall ul {    display: block;}
	.mean-container .mean-nav ul li li.activo a, .mean-container .mean-nav ul li:hover li.activo a { opacity: 1;    background: #fff; color: #1597cb !important;}
	.pop_carrito {width: 40%;right: -41%;}
}
@media (max-width: 678px) {
	.saltoChafa {
		display: none;
	}
	img.xxx {max-width: 140px;}
	.cabeza p.telefono {width: 28%;margin: 10px 0 0 0;float: left;}
	a.guia_compra.btn.btn-primary {float: left;margin-left: 2%;margin-right: 2%;}
	div#imaginary_container {width: 20%;float: left;margin-left: 0%;}
	.cuerpo:not(.cuerpo-lps) {margin-top: 98px;}
	.resHidden{display: none;}
	.subMenu li{width: 100%;}
	.subMenu li a{text-align: center;width: 100%;}
}
@media (max-width: 586px) {
	.cabeza p.telefono {width: 65%;float: right;margin-bottom: 6px;}
	img.xxx {max-width: 120px;}
	.cabeza a.logo {margin: 0;}
	.menu {margin: 0;}
	.cuerpo:not(.cuerpo-lps) {margin-top: 117px;}
	div#imaginary_container {width: 28%;}
	.pie .col-lg-2.col-md-2.col-sm-2.col-xs-2 {    width: 25%;}
	.pie .col-lg-10.col-md-10.col-sm-10.col-xs-10 {    width: 75%;    margin: 0 0 30px;}
	.pop_carrito {    width: 50%;    right: -51%;}
	#klfwa_contenedorBoton.klfwa-abajo_derecha {
		right: inherit !important;
		left: 20px !important;
	}
}
@media (max-width: 400px) {
	.pie .col-lg-2.col-md-2.col-sm-2.col-xs-2 {    width: 30%;}
	.pie .col-lg-10.col-md-10.col-sm-10.col-xs-10 {    width: 70%;}
}
@media (max-width: 350px) {
	.cuerpo:not(.cuerpo-lps) { margin-top: 138px;}
	.cabeza p.telefono {    width: 60%;}
	a.guia_compra.btn.btn-primary {    padding: 6px 5px;}
	div#imaginary_container {    width: 25%;}
}