/* Copia local de https://ui.dansksang.dk/css/default.css (2026-09-09). El @import de Lato desde Google se ha eliminado: Lato se carga en local desde fonts.css */

/* Default overwrites */
*																{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, blockquote, pre, p,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
h1, h2, h3, h4, h5, h6											{ margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; -webkit-appearance:none !important; }
table, caption, tbody, tfoot, thead, tr, td, th					{ margin: 0px; padding: 0px; border-collapse: collapse; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, object, main, img		{ display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
address															{ font-style: normal; }
html															{ display: block; height: 100% !important; }
body															{ background-size: cover; background-attachment: fixed; color: #252525; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; -webkit-font-smoothing: antialiased !important; line-height: 25px; }

header															{ width: 100%; max-width: 1200px; height: 60px; line-height: 60px; text-align: center; margin: 0 auto; }
#content														{ display: flex; max-width: 1200px; margin: 0 auto; }

/* section															{ width: 100%; padding: 20px 20px; } */
#navigation														{ background-color: #b5dab6; width: 100%; max-width: 200px; }
#navigation li													{ list-style: none; }
#navigation li > a:link,
#navigation li > a:active,
#navigation li > a:visited										{ display: block; color: #252525; text-decoration: none; font-weight: 600; padding: 10px 20px; }
#navigation li > a:hover,
#navigation li > a.active										{ background-color: #77b279; color: #ffffff; }
#navigation li ul												{ display: none; }
#navigation li.active ul										{ display: block; }
#navigation li li a:link,
#navigation li li a:active,
#navigation li li a:visited										{ font-size: 12px; padding: 0 20px 0 30px; }
#navigation li li a:hover,
#navigation li li a.active								{ background-color: #77b279; color: #ffffff; }

h1																{ font-size: 22px; line-height: 1.5em; margin-bottom: 5px; }
h2																{ font-size: 20px; line-height: 1.5em; margin-bottom: 5px; }
h3																{ font-size: 16px; line-height: 1.5em; margin-bottom: 5px; }
p																{ margin-bottom: 10px; }

a:link,
a:active,
a:visited														{ color: #5983ca; text-decoration: none; }
a:hover															{ text-decoration: underline; }

button															{ background-color: #cecece; width: 100%; height: 40px; font-size: 16px; border: 0; cursor: pointer; margin-bottom: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
button:hover													{ background-color: #e2e2e2; }
button.link														{ background-color: #458948; color: #ffffff; }
button.link:hover												{ background-color: #569e59; }
button.accept													{ background-color: #458948; color: #ffffff; }
button.accept:hover												{ background-color: #569e59; }
button.cancel													{ background-color: #ed5d5d; color: #ffffff; }
button.cancel:hover												{ background-color: #ec6969; }
button.fit														{ width: auto; padding: 0 10px; }
button.small													{ height: 30px; font-size: 14px; }
button.ml10														{ margin-left: 10px; }
button.half														{ float: left; width: 50%; }

input[type=text],
input[type=email],
input[type=password],
input[type=date]											{ width: 100%; height: 40px; font-family: 'Lato', sans-serif; font-size: 16px; border: 1px solid #cecece; margin-bottom: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0 10px; }
input[type=text].small,
input[type=email].small,
input[type=password].small,
input[type=date].small										{ height: 30px; font-size: 14px; }
textarea													{ width: 100%; height: 100px; font-family: 'Lato', sans-serif; font-size: 16px; border: 1px solid #cecece; margin-bottom: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; resize: none; }

select															{ display: block; width: 100%; height: 40px; margin-bottom: 10px; }

.flexbox_container												{ position: relative; display: none; /* height: 0; */ flex-wrap: wrap; padding: 10px; overflow: hidden; }
.flexbox_container_inner										{ display: flex !important; flex-wrap: wrap; flex: 0 0 100%; }
.flexbox_container.active										{ /* height: auto; */ display: block; /* display: flex !important; */ }
.flexbox_100													{ width: 100%; position: relative; }
.flexbox_75														{ width: 75% !important; position: relative; }
.flexbox_67														{ width: 67% !important; position: relative; }
.flexbox_2														{ width: 50% !important; position: relative; }
.flexbox_50														{ width: 50% !important; position: relative; }
.flexbox_33														{ width: 33% !important; position: relative; }
.flexbox_25														{ width: 25% !important; position: relative; }
.flexbox_0														{ display: block; width: 100%; position: relative; }

.br																{ clear: both; }
.br:after {
  clear:both;
  display:block;
  content: "";
}

section															{ width: 100% !important; }
.notification													{ display: none; background-color: #77b279; color: #ffffff; padding: 10px; }
.notification.active											{ display: inline-block; }
.notification.warning											{ background-color: #ed5d5d; }

/* Paddings */
.padding_10														{ padding: 10px; }

.center															{ text-align: center; }
.center img 													{ margin: 0 auto; }

/* Tabs */
.tabs															{ position: relative; width: 100%; }
.tabs .tabs_btns												{ position: absolute; top: 0; height: 40px; z-index: 2; }
.tabs .tabs_btns > div											{ height: 40px; line-height: 40px; background-color: #ffffff; display: inline-block; padding: 0 30px; cursor: pointer; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #dedede; }
.tabs .tabs_btns > div.tab_active								{ border-top: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #ffffff; }
.tabs .tabs_content												{ position: absolute; z-index: 1; top: 39px; width: 100%; padding: 20px 0; border-top: 1px solid #dedede; }

/* Table */
table															{ width: 100%; }
table thead th													{ font-weight: normal; text-align: left; border-bottom: 1px solid #000000; padding: 5px; }
table tbody td													{ border-bottom: 1px solid #000000; padding: 5px; }
table.no_border tbody td										{ border-bottom: 0; }
table tbody td.last,
table thead th.last												{ text-align: right; } 

/* Cookiebar */
#cookie_bar														{ position: relative; background-color: #458948; position: fixed; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px; color: #ffffff; padding: 0 100px 0 10px; }
#cookie_bar a:link,
#cookie_bar a:active,
#cookie_bar a:visited											{ color: #ffffff; text-decoration: underline; }
#cookie_bar button												{ position: absolute; right: 5px; top: 5px; background-color: #569e59; width: 90px; height: 30px; color: #ffffff; font-weight: 14px; }
#cookie_bar button:hover										{ background-color: #458948; }

/* Accordion */
.accordion														{ width: 100%; }
.accordion_header											{ background-color:#e7e4e4 ; width: 100%; height: 40px; line-height: 40px; padding: 0 10px; cursor: pointer; }
.accordion_header.up										{ background-image: url('../gfx/up.png'); background-repeat: no-repeat; background-position: 99% 50%; background-size: 20px; }
.accordion_header.down										{ background-image: url('../gfx/down.png'); background-repeat: no-repeat; background-position: 99% 50%; background-size: 20px; }
.accordion_content											{ display: none; width: 100%; padding: 10px 0 0 10px; }
.accordion_active											{ display: block; }

.image-container

{
    display: inline-block;
    position: relative;
}
.note-float-center{
	display: flex!important;
	margin-left: auto;
	margin-right: auto;
}
.full-screen {
    transition: 150ms;
    position: absolute;
    top: 10px;
    left: 10px;
    height: fit-content;
    width: fit-content;
    background-color: rgba(255, 255, 255, 0.5);
    border-color: transparent;
    border-radius: 50%;
    padding: 16px; /* button size*/
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    cursor: pointer;
	background-color: rgba(255, 255, 255, 1);
	max-width: 1900px !important;
}

.full-screen #product_view #product_details #product_image img	{ width: 100%; max-width: 100%; }

.full-screen::before {
    content: "";
    position: absolute;
    width: 40%;
    height: 40%;
    background-image: url("data:image/svg+xml, %3Csvg height='14px' version='1.1' viewBox='0 0 14 14' width='14px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-width='1'%3E%3Cg fill='%23000000' id='Core' transform='translate(-215.000000, -257.000000)'%3E%3Cg id='fullscreen' transform='translate(215.000000, 257.000000)'%3E%3Cpath d='M2,9 L0,9 L0,14 L5,14 L5,12 L2,12 L2,9 L2,9 Z M0,5 L2,5 L2,2 L5,2 L5,0 L0,0 L0,5 L0,5 Z M12,12 L9,12 L9,14 L14,14 L14,9 L12,9 L12,12 L12,12 Z M9,0 L9,2 L12,2 L12,5 L14,5 L14,0 L9,0 L9,0 Z' id='Shape' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.full-screen:hover {
    background-color: rgba(255, 255, 255, 1);
}


@media only screen and (max-width:1000px) {
	#navigation													{ display: none; position: fixed; z-index: 1; top: 60px; left: 0; right: 0; bottom: 0; width: 100%; max-width: none !important; }
	#navigation ul li a:link,
	#navigation ul li a:active,
	#navigation ul li a:visited							{ text-align: center; }
}
@media only screen and (max-width:500px) {
	.flexbox_75,
	.flexbox_67,
	.flexbox_2,
	.flexbox_50,
	.flexbox_33,
	.flexbox_25														{ width: 100% !important; }
}

.embed-container {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
.embed-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}