/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400 700;
  src: url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMZhLw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc2dphjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOKk4j1ebLhAm8SrXTc2dphjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOCk4j1ebLhAm8SrXTc2dphjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOak4j1ebLhAm8SrXTc2dphjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOqk4j1ebLhAm8SrXTc2dphjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPKk4j1ebLhAm8SrXTc2dphjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPqk4j1ebLhAm8SrXTc2dphjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcWdthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOKk4j1ebLhAm8SrXTcWdthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOCk4j1ebLhAm8SrXTcWdthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOak4j1ebLhAm8SrXTcWdthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOqk4j1ebLhAm8SrXTcWdthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPKk4j1ebLhAm8SrXTcWdthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPqk4j1ebLhAm8SrXTcWdthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTch9thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOKk4j1ebLhAm8SrXTch9thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOCk4j1ebLhAm8SrXTch9thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOak4j1ebLhAm8SrXTch9thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOqk4j1ebLhAm8SrXTch9thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPKk4j1ebLhAm8SrXTch9thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPqk4j1ebLhAm8SrXTch9thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc2dthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOKk4j1ebLhAm8SrXTc2dthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOCk4j1ebLhAm8SrXTc2dthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOak4j1ebLhAm8SrXTc2dthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOqk4j1ebLhAm8SrXTc2dthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPKk4j1ebLhAm8SrXTc2dthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPqk4j1ebLhAm8SrXTc2dthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc69thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOKk4j1ebLhAm8SrXTc69thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOCk4j1ebLhAm8SrXTc69thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOak4j1ebLhAm8SrXTc69thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOqk4j1ebLhAm8SrXTc69thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPKk4j1ebLhAm8SrXTc69thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPqk4j1ebLhAm8SrXTc69thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcB9xhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOKk4j1ebLhAm8SrXTcB9xhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOCk4j1ebLhAm8SrXTcB9xhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOak4j1ebLhAm8SrXTcB9xhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOqk4j1ebLhAm8SrXTcB9xhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPKk4j1ebLhAm8SrXTcB9xhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPqk4j1ebLhAm8SrXTcB9xhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcPtxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOKk4j1ebLhAm8SrXTcPtxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOCk4j1ebLhAm8SrXTcPtxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOak4j1ebLhAm8SrXTcPtxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOqk4j1ebLhAm8SrXTcPtxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPKk4j1ebLhAm8SrXTcPtxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPqk4j1ebLhAm8SrXTcPtxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcWdxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOKk4j1ebLhAm8SrXTcWdxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOCk4j1ebLhAm8SrXTcWdxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOak4j1ebLhAm8SrXTcWdxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOqk4j1ebLhAm8SrXTcWdxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPKk4j1ebLhAm8SrXTcWdxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPqk4j1ebLhAm8SrXTcWdxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTccNxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOKk4j1ebLhAm8SrXTccNxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOCk4j1ebLhAm8SrXTccNxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOak4j1ebLhAm8SrXTccNxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnOqk4j1ebLhAm8SrXTccNxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPKk4j1ebLhAm8SrXTccNxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnPqk4j1ebLhAm8SrXTccNxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50qjIw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ojIw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ujIw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ijIw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp506jIw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50yjIw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50qjIw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ojIw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ujIw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ijIw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp506jIw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50yjIw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50qjIw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ojIw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ujIw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ijIw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp506jIw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50yjIw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50qjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ojIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ujIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ijIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp506jIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50yjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50qjIw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ojIw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ujIw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ijIw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp506jIw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50yjIw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50qjIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ojIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ujIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ijIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp506jIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50yjIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50qjIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ojIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ujIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ijIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp506jIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50yjIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50qjIw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ojIw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ujIw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ijIw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp506jIw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50yjIw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50qjIw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ojIw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ujIw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50ijIw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp506jIw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50yjIw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHRiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 200;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLgHQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLt_QiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLrPQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLl_XiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLmbXiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLgHXiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLijXiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbGmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZEbWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYaammT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZEammT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtammT.ttf) format('truetype');
}
body {
  font-family: "Josefin Sans", "Trebuchet Ms", "SF Pro", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #559f72;
}
a {
  color: #194c2d;
}
a:visited {
  color: #194c2d;
}
a:hover {
  color: #000000;
}
sup {
  vertical-align: super;
  font-size: x-small;
}
div.ajaxWait {
  height: 100px;
  background-image: url("../res/v2/spinners/spin-1x-1.1s-200px-200px-green.gif");
}
div.displayPrecio {
  display: inline-block;
  vertical-align: top;
  color: #000000;
  font-size: 1.3rem;
  font-family: "Tahoma", "SF Pro", Helvetica, sans-serif;
}
div.displayPrecio span {
  display: inline-block;
  vertical-align: top;
  font-weight: normal;
}
div.displayPrecio span.dpEnt {
  font-size: 1em;
}
div.displayPrecio span.dpDec,
div.displayPrecio span.dpMon {
  padding-top: 2.5px;
  font-size: 0.58em;
}
div.displayPrecio span.dpDec {
  margin-left: 1px;
}
div.displayPrecio span.dpMon {
  margin-left: 3px;
}
div.displayPrecio.displayPrecioTachado {
  color: #a2a7a2;
  text-align: left;
}
div.displayPrecio.displayPrecioTachado span.dpEnt,
div.displayPrecio.displayPrecioTachado span.dpDec,
div.displayPrecio.displayPrecioTachado span.dpMon {
  text-decoration: line-through;
}
div.displayPrecio.displayPrecioTachado span.dpEnt {
  font-size: 0.8em;
}
div.displayPrecio.displayPrecioTachado span.dpDec,
div.displayPrecio.displayPrecioTachado span.dpMon {
  padding-top: 2.5px;
  font-size: 0.5em;
}
div.displayPrecio.displayPrecioTachado span.dpDto {
  display: block;
  color: #0d9143;
  font-size: 0.5em;
  margin-top: -6px;
}
div.res_boton_grafico_formulario {
  position: relative;
  width: auto;
  height: 25px;
  margin: 0 auto 8px auto;
  cursor: pointer;
}
div.res_boton_grafico_formulario input {
  display: inline-block;
  margin: 0;
  height: 25px;
  padding: 0 1.5rem 0 1.5rem;
  color: #0F1111;
  background-color: #e3bd71;
  border: none;
  border-radius: 12px;
  font-size: 0.8rem;
  cursor: pointer;
}
div.res_boton_grafico_formulario input:focus {
  outline: none;
}
div.res_boton_grafico_formulario input:hover {
  color: #0F1111;
  background-color: #ffd786;
}
div.res_boton_grafico_formulario.bgf-modo2 input {
  color: #ffffff;
  background-color: #0d9143;
}
div.res_boton_grafico_formulario.bgf-modo2 input:hover {
  background-color: #559f72;
}
div.res_boton_grafico_formulario.bgf-modo4 input,
div.res_boton_grafico_formulario.bgf-modo4b input,
div.res_boton_grafico_formulario.bgf-modo5 input {
  font-size: 0.85rem;
  color: #0d9143;
  background-color: transparent;
}
div.res_boton_grafico_formulario.bgf-modo4 input:hover,
div.res_boton_grafico_formulario.bgf-modo4b input:hover,
div.res_boton_grafico_formulario.bgf-modo5 input:hover {
  text-decoration: underline;
  color: #194c2d;
  background-color: transparent;
}
div.res_boton_grafico_formulario.bgf-modo4b input {
  padding: 0 1.5rem 0 0;
}
div.res_boton_grafico_formulario.bgf-modo5 input {
  color: #b9dfc6;
}
div.res_boton_grafico_formulario.bgf-modo5 input:hover {
  color: #ffffff;
}
div.MildTextButton {
  height: 18px;
}
div.MildTextButton > a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background-color: transparent;
  font-size: 0.85rem;
  font-family: "Inter", sans-serif;
}
div.MildTextButton > a:hover {
  color: #194c2d;
  background-color: transparent;
  text-decoration: underline;
}
div.MildTextButton > a > span {
  display: block;
  width: 100%;
  text-align: left;
  vertical-align: middle;
  color: #0d9143 !important;
}
div.MildTextButton.mtb-modo2 {
  display: inline-block;
}
div.MildTextButton.mtb-modo2 > a {
  padding: 0 1em 0 1em;
  background-color: #0d9143;
}
div.MildTextButton.mtb-modo2 > a:hover {
  background-color: #559f72;
  text-decoration: none;
}
div.MildTextButton.mtb-modo2 > a:hover > span {
  color: #ffffff !important;
}
div.MildTextButton.mtb-modo2 > a > span {
  text-align: center;
  color: #ffffff !important;
}
/* Basic Form (clientes, direcciones) */
.basicForm > fieldset {
  position: relative;
  background-color: #efefef;
  color: #202020;
}
.basicForm > fieldset legend {
  background-color: transparent;
  color: #559f72;
  cursor: default;
}
.basicForm > fieldset label {
  font-size: 0.9em;
}
.basicForm > fieldset > span,
.basicForm > fieldset > label > span,
.basicForm > fieldset > table.fields span:not(.textejemplo):not(.toggleArea) {
  font-size: 0.9em;
  color: #194c2d;
  display: block;
  margin: 4px 0 2px 0;
}
.basicForm > fieldset > input,
.basicForm > fieldset > label > input,
.basicForm > fieldset > table.fields input {
  border: 1px solid #a2a7a2;
}
.basicForm > fieldset > input,
.basicForm > fieldset > label > input,
.basicForm > fieldset > table.fields input,
.basicForm > fieldset textarea,
.basicForm > fieldset select {
  padding: 0.5em;
  margin: 0 0 0.5em 0;
  font-size: 0.9em;
  color: #202020;
  background-color: #ffffff;
}
.basicForm > fieldset span.textejemplo {
  font-family: Consolas, "SF Mono", "DejaVu Sans Mono", "Roboto Mono", Menlo, monospace;
  color: #194c2d;
  font-size: 0.9em;
}
.basicForm > fieldset table.fields > tbody > tr > td {
  vertical-align: middle;
}
.basicForm > fieldset table.fields > tbody > tr > td:first-child {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  padding-right: 0.5em;
  text-align: right;
  cursor: default;
}
.basicForm > fieldset table.fields > tbody > tr > td p {
  padding: 1em 0 0.2em 0;
  color: #247744;
  cursor: default;
}
.basicForm > fieldset table.fields > tbody > tr > td em {
  vertical-align: text-bottom;
  font-style: normal;
  font-size: 0.9em;
  color: #808080;
  cursor: default;
}
div#wrapper div#istorecontainer div#istorecontents {
  background-color: #b9dfc6;
  padding-bottom: 0;
}
div#wrapper div#istorecontainer div#istorecontents div#istoremain {
  min-height: calc(100vh - (120px + 48px));
}
div#wrapper div#istorecontainer div#istorecontents div#istoremain table.istoremaintable {
  min-height: calc(100vh - (120px + 48px));
}
div#wrapper div#istorecontainer div#istorecontents div#istoremain table.istoremaintable > tbody > tr > td.tdmedio {
  min-height: calc(100vh - (120px + 48px));
}
.tdbase {
  position: relative;
  height: 100%;
  vertical-align: top;
}
table.mainLayout {
  width: 100%;
  height: 100%;
}
table.mainLayout td {
  vertical-align: top;
}
table.mainLayout td.lateralColumn {
  width: 200px;
  background-color: #194c2d;
}
table.mainLayout td.contentColumn {
  width: calc(100% - 200px);
}
table.mainLayout td.contentColumn .topArea .topMessage {
  min-height: 6px;
  text-align: center;
  width: 80%;
  margin: 4px auto 4px auto;
  padding: 2px 0 2px 0;
  border-radius: 4px;
  color: #194c2d;
  letter-spacing: 4px;
  text-transform: uppercase;
  cursor: default;
}
.resEstructuraSecundaria {
  background-color: #247744;
  height: 100%;
  width: 100%;
}
.resEstructuraSecundaria .resEstructuraSecundariaCol {
  vertical-align: top;
  width: 100%;
}
.boxMainContentArea > table > tbody > tr > td {
  vertical-align: top;
}
.boxMainContentArea .titleForBoxMainContentArea {
  font-size: 1rem;
  padding: 0.5rem 0 0 1rem;
  font-weight: bold;
}
.boxMainContentArea p {
  color: #194c2d;
  font-size: 0.9rem;
}
.boxMainContentArea p.message {
  padding: 1rem;
  font-size: 1rem;
}
.boxMainContentAreaType1 table td h5 {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 5px;
  margin: 10px 0 0 0;
  text-align: center;
  border: 3px solid deeppink;
  border-radius: 10px;
  cursor: default;
}
.boxMainContentAreaType1 table td h5.descatalogado {
  color: #000000;
  background-color: #f6d50e;
}
.boxMainContentAreaType1 table td h5.nostock {
  color: #ffffff;
  background-color: #f51513;
}
.boxMainContentAreaType2 {
  background-color: yellow;
}
.boxMainContentAreaType3 {
  background-color: orange;
}
.boxMainContentAreaType4 {
  background-color: saddlebrown;
}
div.textoplanopanellateral {
  color: #cab165;
  padding: 4px 6px 4px 6px;
  line-height: 16px;
  text-align: left;
  font-size: 12px;
}
div.textoplanopanellateral strong {
  color: #ddce91;
  font-weight: bold;
}
div.textoplanopanellateral em {
  color: #ac913c;
  font-style: italic;
}
table.panellateral {
  width: 200px;
  margin: 0 0 15px 0;
}
table.panellateral td.pl_a {
  height: 39px;
  background-image: url("../res/panelat_a_01.gif");
  background-repeat: no-repeat;
}
table.panellateral td.pl_a > div {
  padding: 20px 0 0 0;
  text-align: center;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
}
table.panellateral td.pl_b {
  width: 200px;
  background-image: url("../res/panelat_b_01.gif");
  background-repeat: repeat-y;
}
table.panellateral td.pl_b > div {
  margin: 0 10px 0 10px;
}
table.panellateral td.pl_c {
  height: 7px;
  background: url("../res/panelat_c_01.gif") no-repeat;
}
.tdPanelInterior {
  background-color: #681A29;
  border: 1px solid #000000;
  margin: 0 6px 8px 6px;
  padding: 12px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
/* El buscador */
div.mm form#lb_form_buscar {
  width: 223px;
  vertical-align: top;
  overflow: auto;
}
div.mm form#lb_form_buscar input[type="text"] {
  display: block;
  float: left;
  border: 1px solid black;
  font-size: 14px;
  color: #707070;
  border-radius: 4px;
  margin: 0 0 0 4px;
  padding: 2px 5px 2px 5px;
  width: 137px;
  height: 25px;
  background-color: #A9BD93;
  background-image: linear-gradient(bottom, #DAF0CC 0%, #A9BD93 100%);
}
div.mm form#lb_form_buscar input[type="text"]:focus {
  color: #000000;
}
div.mm form#lb_form_buscar input[type="submit"] {
  display: block;
  float: left;
  width: 54px;
  height: 25px;
  margin: 1px 0 0 2px;
  border: 0 none;
  cursor: pointer;
  background: transparent url("../res/boton_buscar.png") no-repeat 0 0;
}
div.mm form#lb_form_buscar input[type="submit"]:hover {
  background-position: 0 -25px;
}
div.basecourtain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
}
div.centerPanel {
  position: fixed;
  width: 320px;
  height: 390px;
  left: 50%;
  top: 455px;
  transform: translate(-50%, -50%);
  background-color: #d8d8d8;
  border-radius: 4px;
  padding: 24px;
  box-shadow: 8px 8px 27px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 8px 8px 27px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 8px 8px 27px rgba(0, 0, 0, 0.8);
}
.textosecprinc,
.ofertasTitulo {
  font-size: 18px;
  font-style: italic;
  color: #5C8C53;
  text-align: center;
  padding: 0.5em 0 16px 0;
}
.textosecprinc {
  border-top: 1px solid #5C8C53;
}
.divNombreFamiliaLateral {
  text-align: left;
  display: table-cell;
  font-size: 12px;
  color: #9D6A3C;
  font-weight: bold;
  text-transform: none;
  font-variant: small-caps;
  line-height: 12px;
  padding: 6px 10px 6px 10px;
  width: 180px;
}
.tdNombreSector {
  text-align: left;
  display: table-cell;
  font-size: 18px;
  color: #9D6A3C;
  font-weight: bold;
  text-transform: none;
  font-variant: small-caps;
  line-height: 19px;
  letter-spacing: -1px;
  padding: 6px 0 6px 10px;
}
.tdTextoSector {
  color: #FFCC33;
  padding-left: 10px;
}
img.sslbadge {
  width: 150px;
}
div.LogoAenor blockquote {
  margin: 4px 16px 0 16px;
  font-size: 11px;
  line-height: 12px;
  text-align: center;
}
div.LogoEnvio blockquote {
  margin: 4px 4px 2px 4px;
  text-align: justify;
  font-size: 12px;
}
.tabtabmsg {
  border: 1px ridge #999999;
  background-color: #dddddd;
}
.tabrowmsg3 {
  background-color: #222C21;
}
.tabrowmsg2 {
  background-color: #222C21;
}
.tabrowmsg1 {
  background-color: #222C21;
}
.tabceldamsg {
  color: #000000;
  padding: 1px 5px 1px 5px;
}
.tabrowcabmsg {
  border: 1px outset #006666;
}
.tabceldacabmsg {
  color: #1C1C1C;
  border: 1px outset;
  text-align: center;
  background-color: #C8C8C8;
}
.textomsglabel {
  color: #3C4262;
  font-weight: bold;
  text-align: right;
  padding: 1px 5px 1px 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: none;
  border-left-style: none;
}
.textomsgdata {
  color: #000000;
  background-color: #FFFFFF;
}
/************************************
ri in main page
************************************/
div#riAllData {
  position: relative;
  cursor: default;
  height: 199px;
  transform-origin: 50% 0;
}
div#riAllData div.cartel {
  position: absolute;
  left: -21px;
  top: -10px;
  width: 238px;
  height: 209px;
  background-image: url("../res/cartel_redondo.png");
  background-repeat: no-repeat;
}
div#riAllData div.riac {
  position: absolute;
  left: -4px;
  top: 50px;
  width: 200px;
  height: 133px;
  overflow: hidden;
}
div#riAllData div.riac > div {
  width: 150px;
  margin: 0 auto 5px auto;
  text-align: center;
  line-height: 11px;
}
div#riAllData div.riac div.goInfoButton {
  width: 120px;
}
div#riAllData div.riac div.goInfoButton a {
  background-color: #364730;
  padding: 2px 2px 2px 2px;
}
div#riAllData div.riac div.goInfoButton a:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
div#riAllData table.res_boton_grafico {
  margin: 0 auto;
}
div#riAllDataShow {
  display: none;
  position: absolute;
  overflow: hidden;
  left: 50px;
  top: 50px;
  width: 600px;
  height: 400px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  z-index: 10001;
}
div#riAllDataShow h1,
div#riAllDataShow h2 {
  text-align: center;
  text-transform: uppercase;
  cursor: default;
}
div#riAllDataShow h1 {
  font-size: 32px;
  color: #b9cca6;
}
div#riAllDataShow h2 {
  font-size: 13px;
  color: #7a9b59;
}
div#riAllDataShow table {
  width: 560px;
  margin: 16px 16px 16px 16px;
}
div#riAllDataShow table tbody tr {
  background-color: #000000;
}
div#riAllDataShow table tbody tr:hover {
  background-color: #224c27;
}
div#riAllDataShow table tbody tr td {
  padding: 8px 4px 8px 4px;
  vertical-align: middle;
  border-bottom: 1px dashed #142813;
  cursor: default;
}
div#riAllDataShow table tbody tr td.info {
  font-size: 16px;
}
div#riAllDataShow table tbody tr td.name span {
  color: #4d6d49;
}
/* Los banners */
div.banners {
  width: 200px;
  text-align: center;
  margin: 0 0 8px 0;
}
div.banners img.banner {
  border: 1px solid #000000;
}
/* simpleInfoTable */
/* Se copia también en el CSS del config para hacer el preview allí de la tabla */
div.simpleInfoTable {
  max-width: 350px;
  color: #194c2d;
  padding: 0;
  font-size: 0.9rem;
  border-radius: 2px;
}
div.simpleInfoTable > div.sITLineHard {
  height: 4px;
  background-color: #194c2d;
  margin: 0.5em 0 0.5em 0;
}
div.simpleInfoTable > div.sITLineSoft {
  height: 1px;
  background-color: #194c2d;
  margin: 0.5em 0 0.5em 0;
}
div.simpleInfoTable > div.sITTextLine {
  position: relative;
}
div.simpleInfoTable > div.sITTextLineSimple > span {
  display: block;
  width: auto;
  color: #b9dfc6;
  background-color: #194c2d;
  text-align: center;
  padding: 0.7em 1em 0.5em 1em;
  cursor: default;
  font-size: 0.8em;
  font-weight: bold;
}
div.simpleInfoTable > div.sITTextLineDual > span.sITLeft {
  display: inline-block;
  width: auto;
  white-space: nowrap;
}
div.simpleInfoTable > div.sITTextLineDual > span.sITRight {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  white-space: nowrap;
}
/* Para el rfttext */
span.FormatoConModifGrande {
  font-size: 16px;
  font-weight: bold;
}
/* EL POPUP */
div.iStorePopUp div.oMContents {
  border-radius: 6px;
  border-color: #247744;
  background-color: #559f72;
}
div.iStorePopUp div.oMContents div.popUpTitle {
  background-color: #247744;
  color: #b9dfc6;
}
div.iStorePopUp div.oMContents div.popUpTitle span {
  color: #ffffff;
}
div.iStorePopUp div.oMContents div.popUpMessage span {
  color: #000000;
}
div.iStorePopUp div.oMContents div.popUpBTN {
  border-radius: 12px;
  background-color: #247744;
  border: 0;
  color: #e0e0e0;
}
div.iStorePopUp div.oMContents div.popUpBTN:hover {
  background-color: #0d9143;
  color: #ffffff;
}
div.iStorePopUp div.oMContents input.popUpInputText {
  border-color: #247744;
  color: #000000;
  background-color: #b9dfc6;
  font-family: Consolas, "SF Mono", "DejaVu Sans Mono", "Roboto Mono", Menlo, monospace;
}
div.imageViewer div.oMContents {
  border-radius: 4px;
  background-color: transparent;
}
div.imageViewer div.oMContents h1 {
  color: #b9dfc6;
  text-shadow: -2px -2px 0 #0F1111, 2px -2px 0 #0F1111, -2px 2px 0 #0F1111, 2px 2px 0 #0F1111;
}
/* Partes del área de login */
div.textoerrorlogin,
div.textosuccesslogin {
  width: auto;
  color: #202020;
  background-color: #efefef;
  font-size: 0.9em;
  line-height: normal;
  text-align: left;
  padding: 4px 16px 4px 16px;
  border-radius: 4px;
}
div.textoerrorlogin div.loginForgotTrigger,
div.textosuccesslogin div.loginForgotTrigger {
  text-align: center;
}
div.textoerrorlogin {
  color: red;
}
div.textoerrorlogin > div.MildTextButton > a > span {
  text-align: center;
}
div.textosuccesslogin {
  color: #194c2d;
}
div.res_comp_activation {
  font-size: 1rem;
}
div.res_comp_activation div.iscMsgPanelAlerta {
  font-size: 1em;
}
div.res_comp_activation div.textoerrorlogin,
div.res_comp_activation div.textosuccesslogin {
  width: 300px;
  padding: 20px;
  margin: 20px;
}
div.entradaloginbox,
div.inOrderLoginBox {
  position: relative;
  font-size: 1rem;
}
div.entradaloginbox h1,
div.inOrderLoginBox h1,
div.entradaloginbox h2,
div.inOrderLoginBox h2 {
  cursor: default;
  margin: 0 0 1em 0;
}
div.entradaloginbox h1,
div.inOrderLoginBox h1 {
  color: #194c2d;
  text-align: center;
  white-space: pre;
  font-size: 1em;
  text-transform: uppercase;
}
div.entradaloginbox h2,
div.inOrderLoginBox h2 {
  color: #247744;
  text-align: left;
  font-size: 1em;
}
div.entradaloginbox > form,
div.inOrderLoginBox > form {
  margin-top: 98px;
}
div.entradaloginbox div.loginHeader,
div.inOrderLoginBox div.loginHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 112px;
  background-color: #194c2d;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
div.entradaloginbox div.loginHeader img,
div.inOrderLoginBox div.loginHeader img {
  display: block;
  margin: 16px auto 16px;
  height: 85px;
}
div.entradaloginbox div.iscMsgPanelAlerta,
div.inOrderLoginBox div.iscMsgPanelAlerta {
  font-size: 0.9em;
}
div.entradaloginbox div.loginRow,
div.inOrderLoginBox div.loginRow {
  margin-bottom: 0.8em;
}
div.entradaloginbox div.loginRow label,
div.inOrderLoginBox div.loginRow label,
div.entradaloginbox div.loginRow div.inputLogin,
div.inOrderLoginBox div.loginRow div.inputLogin,
div.entradaloginbox div.loginRow div.inputPassword,
div.inOrderLoginBox div.loginRow div.inputPassword {
  display: block;
  width: 100%;
  margin: 0 auto 4px auto;
}
div.entradaloginbox div.loginRow label > input,
div.inOrderLoginBox div.loginRow label > input,
div.entradaloginbox div.loginRow div.inputLogin > input,
div.inOrderLoginBox div.loginRow div.inputLogin > input,
div.entradaloginbox div.loginRow div.inputPassword > input,
div.inOrderLoginBox div.loginRow div.inputPassword > input {
  width: 304px;
}
div.entradaloginbox div.loginRow label,
div.inOrderLoginBox div.loginRow label {
  color: #194c2d;
}
div.entradaloginbox div.loginRow div.inputPassword input.inputPasswordSafe,
div.inOrderLoginBox div.loginRow div.inputPassword input.inputPasswordSafe {
  width: 304px;
}
div.entradaloginbox div.loginRow div.inputPassword input.inputPasswordVisible,
div.inOrderLoginBox div.loginRow div.inputPassword input.inputPasswordVisible {
  width: 304px;
  padding: 3px 8px 4px 8px;
  font-size: 1em;
}
div.entradaloginbox div.loginRow input.cbLogin,
div.inOrderLoginBox div.loginRow input.cbLogin,
div.entradaloginbox div.loginRow input.cbResetPassword,
div.inOrderLoginBox div.loginRow input.cbResetPassword {
  display: block;
  margin: 0 auto 4px auto;
}
div.entradaloginbox div.loginRow input#loginSleLogin,
div.inOrderLoginBox div.loginRow input#loginSleLogin {
  font-family: Consolas, "SF Mono", "DejaVu Sans Mono", "Roboto Mono", Menlo, monospace;
}
div.entradaloginbox div.loginRow input#loginSleLogin,
div.inOrderLoginBox div.loginRow input#loginSleLogin,
div.entradaloginbox div.loginRow input#loginSlePwd,
div.inOrderLoginBox div.loginRow input#loginSlePwd {
  font-size: 1em;
}
div.entradaloginbox div.loginRow.loginRowAlta,
div.inOrderLoginBox div.loginRow.loginRowAlta,
div.entradaloginbox div.loginRow.loginRowSubmit,
div.inOrderLoginBox div.loginRow.loginRowSubmit,
div.entradaloginbox div.loginRow.loginRowRestablecer,
div.inOrderLoginBox div.loginRow.loginRowRestablecer,
div.entradaloginbox div.loginRow.loginRowReenviarCorreoActivacion,
div.inOrderLoginBox div.loginRow.loginRowReenviarCorreoActivacion,
div.entradaloginbox div.loginRow.loginRowCerrar,
div.inOrderLoginBox div.loginRow.loginRowCerrar {
  margin: 0.5em auto 0.5em auto;
  width: 200px;
  text-align: center;
}
div.entradaloginbox div.loginRow.loginRowAlta,
div.inOrderLoginBox div.loginRow.loginRowAlta,
div.entradaloginbox div.loginRow.loginRowRestablecer,
div.inOrderLoginBox div.loginRow.loginRowRestablecer,
div.entradaloginbox div.loginRow.loginRowReenviarCorreoActivacion,
div.inOrderLoginBox div.loginRow.loginRowReenviarCorreoActivacion,
div.entradaloginbox div.loginRow.loginRowCerrar,
div.inOrderLoginBox div.loginRow.loginRowCerrar {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
div.entradaloginbox div.loginRow.loginRowAlta > div.MildTextButton > a > span,
div.inOrderLoginBox div.loginRow.loginRowAlta > div.MildTextButton > a > span,
div.entradaloginbox div.loginRow.loginRowRestablecer > div.MildTextButton > a > span,
div.inOrderLoginBox div.loginRow.loginRowRestablecer > div.MildTextButton > a > span,
div.entradaloginbox div.loginRow.loginRowReenviarCorreoActivacion > div.MildTextButton > a > span,
div.inOrderLoginBox div.loginRow.loginRowReenviarCorreoActivacion > div.MildTextButton > a > span,
div.entradaloginbox div.loginRow.loginRowCerrar > div.MildTextButton > a > span,
div.inOrderLoginBox div.loginRow.loginRowCerrar > div.MildTextButton > a > span {
  text-align: center;
}
div.entradaloginbox div.loginRow.loginRowRestablecer,
div.inOrderLoginBox div.loginRow.loginRowRestablecer,
div.entradaloginbox div.loginRow.loginRowReenviarCorreoActivacion,
div.inOrderLoginBox div.loginRow.loginRowReenviarCorreoActivacion {
  margin-top: 1em;
}
div.entradaloginbox div.loginRow.loginRowUsername,
div.inOrderLoginBox div.loginRow.loginRowUsername,
div.entradaloginbox div.loginRow.loginRowPass,
div.inOrderLoginBox div.loginRow.loginRowPass {
  width: 322px;
}
div.entradaloginbox div.loginRow.loginRowReenviarCorreoActivacion,
div.inOrderLoginBox div.loginRow.loginRowReenviarCorreoActivacion {
  width: 322px;
}
div.entradaloginbox div.loginRowCerrarButton,
div.inOrderLoginBox div.loginRowCerrarButton {
  position: absolute;
  top: 6px;
  right: 8px;
}
div.entradaloginbox div.loginRowCerrarButton a > span,
div.inOrderLoginBox div.loginRowCerrarButton a > span {
  color: #b9dfc6 !important;
}
div.entradaloginbox div.loginRowCerrarButton a:hover,
div.inOrderLoginBox div.loginRowCerrarButton a:hover {
  text-decoration: none;
}
div.entradaloginbox div.loginRowCerrarButton a:hover > span,
div.inOrderLoginBox div.loginRowCerrarButton a:hover > span {
  color: #ffffff !important;
}
div.entradaloginbox div.loginRow.loginRowCerrar {
  position: absolute;
  margin: 0;
  bottom: 4px;
  right: 0.5em;
}
div.entradaloginbox div.loginRow.loginRowCerrar > div.MildTextButton > a > span {
  text-align: right;
}
div.inOrderLoginBox h1,
div.inOrderLoginBox h2 {
  text-align: left;
  margin: 0 0 1em 1em;
}
div.inOrderLoginBox h1 {
  color: #247744;
}
div.inOrderLoginBox h2 {
  color: #194c2d;
}
div.inOrderLoginBox > form {
  margin-top: 0;
}
div.inOrderLoginBox div.iscMsgPanelAlerta {
  font-size: 1em;
}
.cbAceptar {
  border: 0;
  width: 90px;
  height: 25px;
  margin: 3px 0 3px 0;
  cursor: pointer;
}
.cbAceptar {
  background: transparent url("../res/boton_aceptar.png") no-repeat 0 0;
}
.cbAceptar:hover {
  background-position: 0 -25px;
}
.sleLogin {
  font-size: 1em;
  line-height: 1em;
  color: #194c2d;
  background-color: #ffffff;
  text-align: left;
  border: 1px solid #202020;
  padding: 4px 8px 4px 8px;
  border-radius: 4px;
}
div.close {
  position: absolute;
  z-index: 20001;
  top: 2px;
  right: 2px;
  width: 32px;
  height: 32px;
}
div.close a {
  display: block;
  width: 32px;
  height: 32px;
  background: transparent url("../res/close_button_la_barata_red.png") no-repeat 0 0;
}
div.close a:hover {
  background-position: 0 -32px;
}
table.res_boton_grafico tbody tr td {
  vertical-align: middle;
}
table.res_boton_grafico tbody tr td a {
  text-transform: uppercase;
  letter-spacing: -0.1px;
  font-weight: bold;
  color: #000000;
}
table.res_boton_grafico tbody tr td a:hover {
  color: #505050;
}
div.boton_area {
  width: 100%;
  text-align: center;
  padding: 2px 0 8px 0;
}
.boton {
  margin: 0 auto;
}
.textobotonpanelgraf {
  font-size: 14px;
  color: #D7C55B;
  text-transform: uppercase;
  cursor: default;
}
.textobotonpanelgraf span {
  display: block;
  padding: 3px 0 0 0;
}
table.cabecera table.res_boton_grafico {
  margin: 2px 0 0 0;
}
table.cabecera form {
  margin: 0 0 0 0;
}
div#istoreheader {
  height: calc(120px + 48px);
}
div#istoreheader header {
  position: relative;
}
div#istoreheader header div.top {
  height: 120px;
  display: flex;
  justify-content: center;
  background-color: transparent;
  align-items: stretch;
  align-content: stretch;
}
div#istoreheader header div.top div.headerimage {
  flex-shrink: 1;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
div#istoreheader header div.top div.headerimage.left {
  background-image: url('../res/v2/header/left.jpg');
}
div#istoreheader header div.top div.headerimage.right {
  background-image: url('../res/v2/header/right.jpg');
}
div#istoreheader header div.logo {
  position: absolute;
  top: 0;
  left: calc(50% - (250px / 2));
  height: 120px;
  overflow: visible;
}
div#istoreheader header div.logo a.logo {
  position: relative;
  display: block;
  width: 250px;
  height: 162px;
  background-image: url("../res/v2/img_logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
}
div#istoreheader header div.logo a.logo._navidad {
  background-image: url("../res/v2/img_logo_navidad.png");
}
div#istoreheader header div.logo a.logo._sanantoniu {
  background-image: url("../res/v2/img_logo_sanantoniu.png");
}
div#istoreheader header div.bottom {
  position: relative;
  background-color: #194c2d;
  height: 48px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
div#istoreheader header div.bottom nav {
  position: absolute;
  top: 0;
  width: 48%;
  height: 100%;
  display: flex;
}
div#istoreheader header div.bottom nav > div.nav-item {
  position: relative;
  align-self: center;
  margin: 0 1em 0 1em;
}
div#istoreheader header div.bottom nav > div.nav-item section {
  display: none;
  flex-direction: column;
  position: absolute;
  top: calc(48px - 24px);
  padding: 0 0.5em 0 0.5em;
  z-index: 9;
  background-color: #194c2d;
}
div#istoreheader header div.bottom nav > div.nav-item section > div.section-item {
  margin-bottom: 0.5em;
}
div#istoreheader header div.bottom nav > div.nav-item a {
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.3em;
}
div#istoreheader header div.bottom nav > div.nav-item a:hover {
  color: #559f72;
}
div#istoreheader header div.bottom nav > div.nav-item.item-with-icon > a {
  display: flex;
  height: 23px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  text-align: right;
}
div#istoreheader header div.bottom nav > div.nav-item.item-with-icon > a span {
  align-self: center;
  margin-left: 2em;
}
div#istoreheader header div.bottom nav > div.nav-item.item-info:focus-within section {
  display: flex;
  width: 300px;
  left: -0.5em;
}
div#istoreheader header div.bottom nav > div.nav-item.item-cart > a {
  background-image: url("../res/v2/icons/cesta-de-la-compra-white.png");
}
div#istoreheader header div.bottom nav > div.nav-item.item-login > a {
  background-image: url("../res/v2/icons/usuario-white.png");
}
div#istoreheader header div.bottom nav > div.nav-item.item-user > a {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  text-transform: none;
  background-image: url("../res/v2/icons/usuario-white.png");
}
div#istoreheader header div.bottom nav > div.nav-item.item-user:focus-within section {
  display: flex;
  width: 200px;
  top: calc(48px - 16px);
  right: -1em;
  text-align: right;
}
div#istoreheader header div.bottom nav > div.nav-item.item-search form {
  display: flex;
}
div#istoreheader header div.bottom nav > div.nav-item.item-search form input[type="text"] {
  width: 7em;
  border: none;
  outline: none;
  font-family: "Josefin Sans", "Trebuchet Ms", "SF Pro", Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  background-color: #b9dfc6;
  color: #194c2d;
  margin-right: 3px;
  margin-left: -5px;
  border-radius: 2px;
  opacity: 0.5;
}
div#istoreheader header div.bottom nav > div.nav-item.item-search form input[type="text"]:hover,
div#istoreheader header div.bottom nav > div.nav-item.item-search form input[type="text"]:focus {
  opacity: 1;
}
div#istoreheader header div.bottom nav > div.nav-item.item-search form input[type="submit"] {
  width: 23px;
  height: 23px;
  border: 0;
  background-color: #194c2d;
  background-image: url("../res/v2/icons/lupa-white.png");
  background-repeat: no-repeat;
  background-size: contain;
}
div#istoreheader header div.bottom nav > div.nav-item.item-search form input[type="submit"]:hover {
  opacity: 0.7;
}
div#istoreheader header div.bottom nav.right {
  right: 0;
  justify-content: flex-end;
}
div#istoreheader header div.message {
  position: absolute;
  right: 0;
  bottom: 48px;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0.5em 1em 0.5em 1em;
  border-top-left-radius: 4px;
}
div#istoreheader header div.message blockquote {
  text-shadow: 3px 3px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}
div.istorecustom_res_titulo_botoncarrito > table {
  float: right;
  margin: 3px 0 0 0;
}
div.goInfoButton {
  margin: 6px 0 0 0;
}
div.goInfoButton a {
  display: block;
  color: #f0f0f0;
  background-color: #501421;
  padding: 2px 8px 2px 8px;
  border-radius: 16px;
}
div.goInfoButton a:hover {
  text-decoration: underline;
  color: #c0c0c0;
  background-color: rgba(0, 0, 0, 0.5);
}
/* El link para quick carrito */
a.quickcarrito1,
a.quickcarrito2,
a.deletecarrito {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: 0;
}
a.quickcarrito1 {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../res/v2/icons/cesta-de-la-compra-green.png");
}
a.quickcarrito1:hover {
  background-image: url("../res/v2/icons/cesta-de-la-compra.png");
}
a.quickcarrito2 {
  width: 40px;
  height: 40px;
  background-size: 65% 65%;
  background-image: url("../res/v2/icons/cesta-de-la-compra-green.png");
}
a.quickcarrito2:hover {
  background-image: url("../res/v2/icons/cesta-de-la-compra.png");
}
a.deletecarrito {
  width: 27px;
  height: 25px;
  background-image: url("../res/v2/icons/cesta-de-la-compra-green-x-small.png");
}
a.deletecarrito:hover {
  background-image: url("../res/v2/icons/cesta-de-la-compra-green-x-big.png");
}
div.QuickCarritoMuestra {
  position: relative;
  user-select: none;
  outline: 0;
}
div.QCMWithC1 {
  width: 63px;
}
div.QCMWithC1 > input[type="text"] {
  display: none;
}
div.QCMWithC1 div.inputPlusMinusWrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 39px;
  height: 38px;
  /*background-color : #ff0000;*/
}
div.QCMWithC1 div.inputPlusMinusWrapper div.iPMButton {
  opacity: 0.3;
}
div.QCMWithC1 div.inputPlusMinusWrapper div.iPMPlus {
  top: 0;
  right: 0;
}
div.QCMWithC1 div.inputPlusMinusWrapper div.iPMMinus {
  top: 19px;
  right: 0;
}
div.QCMWithC1 div.inputPlusMinusWrapper input {
  position: absolute;
  left: 0;
  top: 1px;
  width: 20px;
  height: 26px;
  font-size: 18px;
  color: #194c2d;
  background-color: transparent;
  border: 0 none;
  pointer-events: none;
  text-shadow: 3px 3px 2px #ffffff, -3px 3px 2px #ffffff, -3px -3px 0 #ffffff, 3px -3px 0 #ffffff;
}
div.QCMWithC1 div.iPMValueOne input {
  visibility: hidden;
}
/* Selector de tipo de selección de items en lista */
div.typeSelectorArea {
  display: flex;
  justify-content: flex-start;
  background-color: #247744;
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
}
div.typeSelectorArea div.typeSelectorTablaItems {
  display: flex;
  align-items: center;
  width: auto;
  padding: 1em 2em 1em 2em;
}
div.typeSelectorArea div.typeSelectorTablaItems p {
  color: #000000;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
  padding: 0.4em 0 0.4em 0;
  margin: 0 1em 0 0;
}
div.typeSelectorArea div.typeSelectorTablaItems ul {
  width: auto;
  display: flex;
}
div.typeSelectorArea div.typeSelectorTablaItems ul li {
  cursor: pointer;
  color: #b9dfc6;
  border-radius: 3px;
  padding: 0.4em 1em 0.4em 1em;
}
div.typeSelectorArea div.typeSelectorTablaItems ul li span,
div.typeSelectorArea div.typeSelectorTablaItems ul li strong {
  display: inline-block;
  vertical-align: baseline;
}
div.typeSelectorArea div.typeSelectorTablaItems ul li strong {
  font-weight: 700;
  text-transform: uppercase;
}
div.typeSelectorArea div.typeSelectorTablaItems ul li:hover {
  color: #b9dfc6;
  background-color: #559f72;
}
div.typeSelectorArea div.typeSelectorTablaItems ul li.selected {
  color: #194c2d;
  background-color: #b9dfc6;
}
div#softcarritoPanel {
  display: none;
  position: fixed;
  width: 220px;
  height: 180px;
  left: 20px;
  top: 40px;
  background-color: #559f72;
  border-radius: 6px;
  border: 8px solid #247744;
  box-shadow: 0 0 20px 4px #000000;
  z-index: 2000;
}
div#softcarritoPanel h1 {
  color: #b9dfc6;
  background-color: #247744;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  cursor: default;
}
div#softcarritoPanel div.totales,
div#softcarritoPanel div.num,
div#softcarritoPanel div.art {
  position: absolute;
  width: 160px;
  left: 30px;
}
div#softcarritoPanel div.totales dt,
div#softcarritoPanel div.num dt,
div#softcarritoPanel div.art dt {
  cursor: default;
}
div#softcarritoPanel div.totales {
  height: 50px;
  top: 30px;
  background-color: #b9dfc6;
  border-radius: 4px;
}
div#softcarritoPanel div.totales dt {
  margin: 4px 0 0 4px;
  color: #000000;
}
div#softcarritoPanel div.totales dd {
  margin: 0 4px 4px 0;
  font-family: "Tahoma", "SF Pro", Helvetica, sans-serif;
  font-size: 2em;
  color: #0F1111;
  text-align: right;
}
div#softcarritoPanel div.num,
div#softcarritoPanel div.art {
  height: 20px;
  font-family: "Tahoma", "SF Pro", Helvetica, sans-serif;
  font-size: 1.1em;
}
div#softcarritoPanel div.num dt,
div#softcarritoPanel div.art dt {
  color: #0F1111;
  float: left;
}
div#softcarritoPanel div.num dd,
div#softcarritoPanel div.art dd {
  color: #0F1111;
  float: right;
  cursor: default;
}
div#softcarritoPanel div.num {
  top: 86px;
}
div#softcarritoPanel div.art {
  top: 100px;
}
div#softcarritoPanel div.btn-createcarrito {
  position: absolute;
  width: 160px;
  height: 25px;
  bottom: 7px;
  left: 30px;
}
div#softcarritoPanel div.btn-createcarrito input {
  width: 100%;
}
#carritoBtnConfirmarCambios {
  visibility: hidden;
}
/* El carrito lateral */
div.carritoLateralTit {
  width: 180px;
  text-align: center;
  padding: 4px 0 4px 0;
  border-bottom: 1px dotted #764522;
}
div.carritoLateralTit a {
  color: #78ba84;
}
div.carritoLateralTit a:hover {
  color: #bee4ad;
}
div.carritoLateralList {
  width: 180px;
  overflow: hidden;
  border-bottom: 1px dotted #764522;
}
div.carritoLateralList table {
  width: 180px;
}
div.carritoLateralList table td {
  vertical-align: top;
}
div.carritoLateralList table td.CLcantidad {
  text-align: right;
  width: 24px;
}
div.carritoLateralList table td.CLcantidad a {
  color: #78ba84;
}
div.carritoLateralList table td.CLcantidad a:hover {
  color: #bee4ad;
}
div.carritoLateralList table td.CLnombr a:hover {
  color: #fcf1c5;
}
tr.tras_carrito td {
  vertical-align: top;
}
tr.tras_carrito td div.tabla_portes {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  width: 212px;
}
tr.tras_carrito td h3 {
  background-color: #559f72;
  color: #ffffff;
  font-size: 0.9em;
  border-radius: 4px;
  padding: 0.5em;
  margin-right: 0.5em;
}
div.area_direccion,
div.tabla_portes,
div.feselector,
div.feaviso {
  position: relative;
  background-color: #e0e0e0;
  padding: 0 0.5em 0 0.5em;
  margin: 0 0.5em 0.5em 0;
  border-radius: 4px;
}
div.area_direccion table.direcciones td {
  padding: 0 8px 0 4px;
}
div.area_direccion table.direcciones td.hayenvioalt {
  opacity: 0.8;
}
div.area_direccion table.direcciones td.dirdata {
  font-size: 0.9em;
}
div.area_direccion table.direcciones td.dirAcciones {
  padding-top: 1em;
}
div.area_direccion table.direcciones span.envioaltno {
  opacity: 0.8;
}
div.feselector legend,
table.bajocarrito .tituloBasico {
  font-size: 1.1em;
  color: #559f72;
  text-align: left;
  padding: 0.2em 0 0.7em 0;
  cursor: default;
}
div.feselector legend em,
table.bajocarrito .tituloBasico em {
  display: block;
  font-style: normal;
  font-size: 0.8em;
}
div.feselector {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
}
div.feselector table {
  margin: 0 auto;
  width: 100%;
}
div.feselector table td {
  position: relative;
}
div.feselector a {
  display: block;
  overflow: auto;
  margin: 0 0 0.6em 0;
  padding: 0.2em 0.6em 0.2em 0.6em;
  border-radius: 8px;
  background-color: #efefef;
}
div.feselector a.feitemselected {
  background-color: #ffffff;
}
div.feselector div.feradio {
  float: left;
  margin: 10px 8px 0 0;
}
div.feselector div.feitem {
  float: left;
  width: 100px;
}
div.feselector div.feitem img {
  width: inherit;
  opacity: 0.2;
}
div.feselector div.feitem img:hover {
  opacity: 0.5;
}
div.feselector div.feitem span.fenombre {
  display: block;
  margin: 4px 0 0 0;
  font-size: 0.9em;
  color: #889b79;
}
div.feselector div.feitem span.fetiempo {
  color: #194c2d;
}
div.feselector div.feitemselected {
  opacity: 1;
}
div.feselector div.feitemselected:hover {
  opacity: 1;
}
div.feselector div.feitemselected img {
  opacity: 1;
}
div.feselector div.feitemselected img:hover {
  opacity: 1;
}
div.feselector div.feprice {
  float: left;
  margin: 12px 0 0 8px;
  font-size: 0.9em;
  color: #000000;
  font-family: "Tahoma", "SF Pro", Helvetica, sans-serif;
}
div.feselector div.faptofrio {
  position: absolute;
  top: 0;
  right: 0;
  color: #000000;
}
div.feselector blockquote {
  width: 200px;
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
}
div.feselector blockquote,
div.feavisoSection {
  font-size: 1em;
  font-weight: normal;
  color: #194c2d;
  padding: 4px 0 0 36px;
  margin: 0 auto 16px auto;
  background-image: url("../res/icono_warning_40px.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 30px;
  min-height: 38px;
}
div.feselector blockquote {
  font-size: 0.9em;
}
div.feselector blockquote strong,
div.feavisoSection strong {
  font-weight: bold;
  color: #000000;
}
div.feavisoSection {
  width: 300px;
}
div.iStoreTablaPortesMain {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
}
div.iStoreTablaPortesMain p.iStoreTablaPortesTxt {
  text-align: left;
  font-family: "Tahoma", "SF Pro", Helvetica, sans-serif;
  font-size: 0.75em;
  color: #a2a7a2;
  padding-bottom: 0.9em;
}
div.iStoreTablaPortesMain p.iStoreTablaPortesTxt span.iStoreTablaPortesTxtSel {
  color: #194c2d;
  font-weight: bold;
}
div.iStoreTablaPortesMain div.fedesc {
  padding: 0.5em 0 0.5em 0;
  margin: 0 0 0.5em 0;
  text-align: center;
  background-color: #ffffff;
  border-radius: 4px;
}
div.iStoreTablaPortesMain div.fedesc p.femaindesc {
  font-size: 0.9em;
  color: #194c2d;
}
div.iStoreTablaPortesMain span.fetiempo {
  color: #194c2d;
}
div.iStoreTablaPortesMain div.feicon,
div.iStoreTablaPortesMain li.feicon {
  text-align: center;
  margin: 0 0 16px 0;
}
div.iStoreTablaPortesMain div.portesNoLogin div.portesValor {
  display: none;
}
div.iStoreTablaPortesMain div.portesNoLogin div.portesTabla {
  padding: 3px 0 3px 0;
  border: 2px dashed transparent;
  opacity: 1;
  border-radius: 8px;
}
/* Ítems de regalo */
table.tablapedidoarticulos {
  background-color: #efefef;
  color: #194c2d;
  max-width: 1000px;
  font-size: 1rem;
}
table.tablapedidoarticulos > tbody > tr {
  /* Ítems cercanos a regalo */
}
table.tablapedidoarticulos > tbody > tr > td.tdcarritopedidototalesTit,
table.tablapedidoarticulos > tbody > tr > td.tdcarritopedidototales,
table.tablapedidoarticulos > tbody > tr > td.tdcarritopedidototalesFinal {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  height: 1.8em;
  text-align: right;
  font-size: 0.9em;
  vertical-align: middle;
}
table.tablapedidoarticulos > tbody > tr > td.tdcarritopedidototalesTit {
  color: #a2a7a2;
}
table.tablapedidoarticulos > tbody > tr > td.tdcarritopedidototales,
table.tablapedidoarticulos > tbody > tr > td.tdcarritopedidototalesFinal {
  color: #000000;
  border-top-style: solid;
  border-top-color: #a2a7a2;
  border-top-width: 1px;
  font-family: "Tahoma", "SF Pro", Helvetica, sans-serif;
}
table.tablapedidoarticulos > tbody > tr > td.tdcarritopedidototalesFinal {
  font-size: 1.1em;
  font-weight: bold;
}
table.tablapedidoarticulos > tbody > tr > td.cestaSinArticulos {
  padding: 2em 1em 2em 1em;
}
table.tablapedidoarticulos > tbody > tr.tabcabrow td.tdcarritocabecera {
  height: 1.8em;
  vertical-align: middle;
  color: #194c2d;
  background-color: #559f72;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
}
table.tablapedidoarticulos > tbody > tr.tritemsb td.tdcarrito {
  position: relative;
  color: #194c2d;
  padding: 0.2em;
  font-size: 0.9em;
  vertical-align: middle;
}
table.tablapedidoarticulos > tbody > tr.tritemsb td.tdcarrito[data-fn="__peso_por_cantidad_kg"] {
  text-align: right;
  color: #a2a7a2;
}
table.tablapedidoarticulos > tbody > tr.tritemsb td.tdcarrito[data-fn="precio"],
table.tablapedidoarticulos > tbody > tr.tritemsb td.tdcarrito[data-fn="precio_final"] {
  text-align: right;
  color: #000000;
  font-family: "Tahoma", "SF Pro", Helvetica, sans-serif;
}
table.tablapedidoarticulos > tbody > tr.tritemsb td.tdcarrito input {
  color: #000000;
}
table.tablapedidoarticulos > tbody > tr.tritemsb td.tdcarrito div.iconForCart {
  width: 38px;
  height: 38px;
}
table.tablapedidoarticulos > tbody > tr.tritemsb td.tdcarrito span.itemNecesitaFrio {
  position: absolute;
  top: 8px;
  right: 4px;
}
table.tablapedidoarticulos > tbody > tr.ri {
  background-color: transparent;
}
table.tablapedidoarticulos > tbody > tr.ri > td {
  position: relative;
  height: 2.8em;
  vertical-align: middle;
  font-size: 0.9em;
}
table.tablapedidoarticulos > tbody > tr.ri > td.riname {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
}
table.tablapedidoarticulos > tbody > tr.ri > td.ricantidad {
  text-align: center;
  font-weight: normal;
  color: #000000;
}
table.tablapedidoarticulos > tbody > tr.ri > td.riinfo {
  text-align: left;
  font-weight: normal;
  color: #a2a7a2;
}
table.tablapedidoarticulos > tbody > tr.riheader {
  color: #b9dfc6;
  background-color: #559f72;
  text-align: center;
  vertical-align: middle;
}
table.tablapedidoarticulos > tbody > tr.riheader > td {
  height: 1.8em;
}
table.tablapedidoarticulos > tbody > tr.riheader > td span {
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 0.5em;
}
table.tablapedidoarticulos > tbody > tr.ricloser {
  background-color: #559f72;
}
table.tablapedidoarticulos > tbody > tr.ricloser td {
  vertical-align: middle;
}
table.tablapedidoarticulos > tbody > tr.ricloser td.riheader {
  position: relative;
  height: 2.5em;
}
table.tablapedidoarticulos > tbody > tr.ricloser td.riheader div.riclosericon {
  position: absolute;
  left: -9px;
  top: 22px;
  width: 64px;
  height: 64px;
  background-image: url("../res/v2/images/regalo_64px_green.png");
  background-repeat: no-repeat;
  background-size: contain;
}
table.tablapedidoarticulos > tbody > tr.ricloser td.ripicturename {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
}
table.tablapedidoarticulos > tbody > tr.ricloser td.ripicturename > div {
  display: flex;
  align-items: center;
  background-color: #efefef;
  border-radius: 5px;
  padding: 0.5em;
  height: 2.4em;
  margin: 0 0.5em 0 0;
}
table.tablapedidoarticulos > tbody > tr.ricloser td.ripicturename > div > span {
  display: block;
  padding: 0 0.4em 0 0;
}
table.tablapedidoarticulos > tbody > tr.ricloser td.riinfo {
  font-size: 0.9em;
}
table.tablapedidoarticulos > tbody > tr.ricloserheader {
  background-color: transparent;
}
table.tablapedidoarticulos > tbody > tr.ricloseradvice td:first-child {
  width: 64px;
}
table.tablapedidoarticulos > tbody > tr.ricloseradvice td.riadvice {
  height: 2em;
  font-size: 1em;
}
table.tablapedidoarticulos > tbody > tr.ricloseradvice td.riadvice span {
  font-size: 0.8em;
  vertical-align: text-bottom;
}
table.tablapedidoarticulos > tbody > tr.ricloserfooter {
  height: 1em;
}
table.tablapedidoarticulos td.noItemsInBasketControls div.MildTextButton {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
table.bajocarrito {
  width: 100%;
  font-size: 1rem;
}
table.bajocarrito td > div {
  margin-bottom: 8px;
}
table.bajocarrito td.col1 {
  padding: 0 0 10px 10px;
}
table.bajocarrito td.col3 > table {
  margin: 0 auto 8px auto;
}
table.bajocarrito td.col3 div.MildTextButton {
  font-size: 1em;
  width: 170px;
  margin-left: auto;
  margin-right: auto;
}
table.bajocarrito td.col3 div.buttonContainerCheckout > div {
  width: 170px;
  margin-left: auto;
  margin-right: auto;
}
table.bajocarrito td.col3 div.buttonContainerCheckout > div > input {
  width: 100%;
}
table.bajocarrito td.boton_final {
  vertical-align: bottom;
}
table.bajocarrito td div.messageAfterButton {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  width: 170px;
  font-size: 0.9em;
  padding: 0;
  margin: 0 auto 0 auto;
  text-align: left;
  color: #194c2d;
  cursor: default;
}
table.bajocarrito p.notice {
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  color: #194c2d;
  background-color: #acff00;
  padding: 8px 8px 8px 8px;
  border-radius: 4px;
  margin: 0 4px 0 4px;
  cursor: default;
}
/* Los selectores de formas de pago */
div.formaspagoselector {
  margin: 0 0 0 0;
  /* Cada forma de pago */
}
div.formaspagoselector > div {
  position: relative;
  overflow: auto;
  margin: 0 0 0.6em 0;
  padding: 0.6em;
  background-color: #e0e0e0;
  color: #194c2d;
  border-radius: 3px;
  /* El texto a modo de comentario B (la modificación del precio) */
  /* Aquí va el logotipo */
  /* Las entradas de datos */
  /* Los input de tipo radio */
  /* Las etiquetas de formularios */
}
div.formaspagoselector > div blockquote {
  font-size: 1em;
  color: #808080;
  margin-left: 2.6em;
  /* El texto a modo de comentario */
}
div.formaspagoselector > div blockquote.description {
  padding: 0.5em;
  margin-top: 0.5em;
  margin-right: 14em;
  margin-bottom: 0.5em;
  margin-left: 2em;
  font-size: 1.1em;
  color: #247744;
  background: #d8d8d8;
  border-radius: 2px;
}
div.formaspagoselector > div > blockquote {
  pointer-events: none;
  cursor: default;
}
div.formaspagoselector > div h6 {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 8px;
  right: 8px;
  /* Logotipo en modo CSS (Cuando no existe el archivo con el logo) */
}
div.formaspagoselector > div h6.fpLogo {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 100px;
  height: 50px;
  /*outline: 1px dotted red;*/
}
div.formaspagoselector > div.Bizum h6.fpLogo {
  background-image: url('../res/external/bizum/btn_horizontal200x95.png');
}
div.formaspagoselector > div.Bizum h6.fpLogo:hover {
  background-image: url('../res/external/bizum/btn_horizontal200x95_hover.png');
}
div.formaspagoselector > div.PayPal h6.fpLogo {
  background-image: url('../res/external/paypal/PayPal-Logo-200px.png');
}
div.formaspagoselector > div.Redsys h6.fpLogo {
  background-image: url('../res/external/redsys/redsys-pago-seguro-300x85.png');
  width: 140px;
  height: 47px;
}
div.formaspagoselector > div input[type="text"],
div.formaspagoselector > div select {
  outline: none;
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  border: 1px solid #a2a7a2;
  margin: 1px;
  padding: 2px;
}
div.formaspagoselector > div select {
  padding: 0;
}
div.formaspagoselector > div input[type="radio"] {
  margin-right: 8px;
  vertical-align: top;
}
div.formaspagoselector > div label {
  vertical-align: middle;
  font-size: 14px;
}
div.formaspagoselector > div table tr {
  /* Las celdas de las tablas */
}
div.formaspagoselector > div table tr td {
  padding: 0 4px 0 8px;
}
div.formaspagoselector > div table.defs tr {
  /* Tabla para definiciones */
}
div.formaspagoselector > div table.defs tr td {
  vertical-align: text-bottom;
  /* Valor de las definiciones */
}
div.formaspagoselector > div table.defs tr td pre {
  font-size: 16px;
}
div.formaspagoselector > div > table {
  opacity: 0;
  pointer-events: none;
}
div.formaspagoselector > div > table > tbody > tr > td[align="right"],
div.formaspagoselector > div > table > tbody > tr > td i {
  cursor: default;
}
div.formaspagoselector > div.selected {
  background-color: #ffffff;
  border-left: 4px solid #0d9143;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 7px 0px;
}
div.formaspagoselector > div.selected > label,
div.formaspagoselector > div.selected > h6 {
  opacity: 1;
}
div.formaspagoselector > div.selected > blockquote,
div.formaspagoselector > div.selected > table {
  opacity: 1;
  pointer-events: initial;
}
div.formaspagoselector > div.selected > blockquote.description {
  background-color: #f3f3f3;
}
div.formaspagoselector > div:not(.selected):hover {
  background-color: #d8d8d8;
}
div.formaspagoselector > div:not(.selected):hover > blockquote.description {
  background-color: #e0e0e0;
}
form#formpedidobacktocarrito table {
  margin: 0 auto;
}
div.PedidosPintaFormaPagoElegida {
  color: #808080;
}
div.PedidosPintaFormaPagoElegida strong {
  color: #202020;
  font-weight: bold;
}
/* Para el fieldset de dirección alternativa */
div#direnvioalt {
  position: relative;
  background-color: #efefef;
  margin: 16px 6px 8px 6px;
  padding: 8px 16px 16px 16px;
  border-radius: 4px;
}
div#direnvioalt fieldset {
  margin: 4px 0 0 0;
}
div#direnvioalt fieldset legend {
  background-color: #194c2d;
}
div#direnvioalt fieldset h6 {
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 8px;
  right: 4px;
  font-size: 0.9em;
  width: 171px;
}
div#direnvioalt fieldset div.MildTextButton {
  text-align: center;
}
/* Muestra la dirección de envío cuando se está componiendo el pedido */
div#direnvio {
  position: relative;
}
div#direnvio > h3 {
  text-align: left;
  font-size: 1rem;
  margin: 0 0 0.5em 0;
  font-style: normal;
  color: #808080;
  text-transform: uppercase;
}
div#direnvio > div.direnvioGroup {
  display: flex;
}
div#direnvio table {
  margin: 0 0.5em 0 1em;
  padding: 0;
  font-family: "Tahoma", "SF Pro", Helvetica, sans-serif;
  font-size: 0.8rem;
}
div#direnvio table tr {
  color: #808080;
}
div#direnvio table tr td:nth-child(2) {
  font-weight: bold;
  color: #194c2d;
}
div#direnvio div.pedResumenDocumentos {
  padding: 0.5em;
  background-color: #e0e0e0;
  color: #202020;
  border-radius: 3px;
  cursor: default;
}
div#direnvio div.pedResumenDocumentos p {
  margin: 0 0 0.5em 0;
  padding: 0;
  font-size: 0.9em;
  color: #202020;
  text-align: left;
}
div#direnvio div.pedResumenDocumentos p span {
  display: inline-block;
  width: 20px;
  color: #202020;
  font-size: 1.5em;
  vertical-align: baseline;
}
div.msgsituacionpedido {
  width: auto;
  height: 86px;
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  padding: 16px;
  margin: 0 0 1rem 0;
  color: #000000;
  background-color: #e0e0e0;
  cursor: default;
  border-radius: 3px;
}
div.msgsituacionpedido img {
  margin-right: 8px;
}
.pedidos_compone {
  position: relative;
  max-width: 800px;
  background-color: #efefef;
  padding-right: 1rem;
}
.pedidos_compone h1 {
  font-size: 1rem;
  color: #194c2d;
  text-transform: uppercase;
}
.pedidos_compone h5 {
  margin: 0 0 0 1rem;
  padding: 1rem;
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1rem;
  background-color: #b9dfc6;
  color: #0F1111;
  cursor: default;
  border-radius: 3px;
}
.pedidos_compone p {
  margin: 8px 48px 0px 48px;
  padding: 8px 0 8px 0;
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  color: #f0f0f0;
  cursor: default;
}
.pedidos_compone p.completado {
  margin: 16px 48px 32px 48px;
  padding: 8px 0 8px 0;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  color: #ffffff;
  cursor: default;
}
.pedidos_compone p.pedinfo {
  display: block;
  margin: 16px auto 32px auto;
  padding: 8px 0 8px 0;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  color: #ffffff;
  background-color: #5e1724;
  cursor: default;
  border-radius: 8px;
  box-shadow: 8px 8px 10px #000000;
}
.pedidos_compone p.pedinfo.error {
  color: black;
  background-color: yellow;
}
.pedidos_compone div.esquemaSituacion {
  width: 460px;
}
.pedidos_compone div.infoAgenciaTransporte {
  position: absolute;
  top: 8px;
  right: 1rem;
  width: 300px;
}
.pedidos_compone div.infoAgenciaTransporte div.msgsituacionpedido {
  display: flex;
  flex-direction: row-reverse;
}
.pedidos_compone div.infoAgenciaTransporte div.msgsituacionpedido div.pedlugardeenvio {
  font-size: 0.8em;
  margin-bottom: 0.8em;
}
.pedidos_compone div.selectorFormasPago {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  margin-top: 3rem;
  padding: 0 0 0 1rem;
}
.pedidos_compone div.comentarioIncluir {
  margin-top: 3rem;
  padding: 0 0 0 1rem;
}
.pedidos_compone div.comentarioIncluir textarea.sleDatosUsuario {
  display: block;
  width: calc(100% - (0.7em * 2));
  height: 100px;
  font-size: 1.1em;
  padding: 0.7em;
  background-color: #f3f3f3;
  border-radius: 3px;
  outline: none;
}
.pedidos_compone div.comentarioIncluir textarea.sleDatosUsuario:hover,
.pedidos_compone div.comentarioIncluir textarea.sleDatosUsuario:focus {
  background-color: #ffffff;
}
.pedidos_compone div.carritoReview {
  padding: 0 0 0 1rem;
}
.pedidos_compone div.carritoReview .carritoReviewGroup {
  display: flex;
}
div.continuarCompra,
div.finCompra {
  text-align: right;
  color: #194c2d;
}
div.continuarCompra {
  margin: 1em 0 0.5em 0;
}
div.continuarCompra blockquote {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
  font-size: 1.1em;
}
.msgpanel {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
  color: #194c2d;
  background-color: #d8d8d8;
  border: 0;
  border-radius: 3px;
  margin: 0 1em 1em 1em;
}
.msgpanel h3 {
  color: #808080;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
.textomsgpanelAtt {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #559f72;
  padding-left: 0.5em;
}
.iscMsgPanelAlerta {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  color: #0F1111;
  background-color: #acff00;
  margin: 1em 0 1em 1rem;
  padding: 0.6em;
  border-radius: 3px;
  border-left: 4px solid red;
}
.iscMsgPanelInfo {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  color: #194c2d;
  background-color: #b9dfc6;
  margin: 1em 0 1em 1rem;
  padding: 0.6em;
  border-left: 4px solid #0d9143;
}
/* Partes del área de clientes */
div.boxMainContentEspReg div.titleForBoxMainContentArea {
  margin-bottom: 1em;
  color: #b9dfc6;
}
div.boxMainContentEspReg div.errordatoscliente {
  width: calc(100% - (1em * 2));
  background-color: #ffe2e2;
  border-radius: 0;
  margin: 0;
  padding: 1em;
  font-size: 1rem;
}
div.boxMainContentEspReg div.errordatoscliente h4 {
  font-size: 1.2em;
  color: #194c2d;
  text-align: left;
  margin: 0 0 0.8em 0;
  cursor: default;
}
div.boxMainContentEspReg div.errordatoscliente p {
  color: red;
  font-size: 1em;
  margin: 0 0 0 1em;
}
form[name="datoscli"] {
  visibility: hidden;
  font-size: 1rem;
  background-color: #e0e0e0;
  margin: 0 0 0 0;
  padding: 1em;
}
form[name="datoscli"] fieldset {
  margin-bottom: 1em;
  border-radius: 6px;
  padding: 0.5em;
}
form[name="datoscli"] fieldset label {
  margin-left: 0.5em;
}
form[name="datoscli"] fieldset.formInfo {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
}
form[name="datoscli"] td:first-child {
  min-width: 150px;
}
form[name="datoscli"] td.espregtipocliente label {
  margin-right: 32px;
}
form[name="datoscli"] td.espRegAction {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  padding: 8px 0 8px 0;
}
form[name="datoscli"] td input[name="sle_email"] {
  font-family: Consolas, "SF Mono", "DejaVu Sans Mono", "Roboto Mono", Menlo, monospace;
}
form[name="datoscli"] span.textejemplo {
  display: none;
  vertical-align: text-bottom;
}
form[name="datoscli"] div.botonBaja {
  vertical-align: text-bottom;
  margin: 0 0 0 1em;
}
form[name="datoscli"] div.regButtonArea {
  padding: 32px 8px 32px 8px;
  text-align: right;
}
form[name="datoscli"] tr.hiddenPasswordFields,
form[name="datoscli"] tr.hiddenPerformBaja {
  display: none;
}
form[name="datoscli"] tr.fieldError > td:first-child {
  color: red;
}
form[name="datoscli"] tr.fieldError input {
  border-left: 0.4em solid red;
  padding-left: 0.3em;
  background-color: #ffe2e2;
}
span.toggleArea {
  color: #194c2d;
  opacity: 0.7;
  cursor: pointer;
}
span.toggleArea:hover {
  opacity: 1;
}
.boxMainContentArea p.msgAfterModifyUser {
  font-size: 1.3em;
  padding: 1em 0 0 1em;
  color: #b9dfc6;
}
.ofertasPanel {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.ofertasPanel .moferta {
  position: relative;
  width: 175px;
  margin: 0 4px 8px 4px;
  padding: 8px;
  border-radius: 4px;
  background-color: #f3f3f3;
  background-repeat: no-repeat;
  background-image: url("../res/v2/images/card-puente-romano-lineal-mirror-green-trans-200px.png");
  background-position: center 226px;
  background-size: 50%;
}
.ofertasPanel .moferta:hover {
  background-color: #ffffff;
  transition: all 0.2s ease-in-out;
}
.ofertasPanel .moferta > div.mofertaimg div.imgoferta {
  border-radius: 3px;
  width: 100%;
  min-height: 150px;
  height: 170px;
}
.ofertasPanel .moferta > div.mofertatext a {
  display: block;
  color: #194c2d;
  font-size: 0.8rem;
  line-height: 0.9rem;
  font-weight: normal;
  letter-spacing: -0.2px;
  padding: 2px 0 0 0;
  height: calc((0.9rem * 3) + 2px);
}
.ofertasPanel .moferta > div.mofertaprice {
  text-align: right;
}
.ofertasPanel .moferta > div.mofertacart {
  position: absolute;
  bottom: 8px;
  left: 8px;
}
.ofertaNombreFam {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #FFCC33;
  font-weight: bold;
  font-variant: small-caps;
  text-align: center;
  padding: 4px 0 4px 0;
}
.ofertaTextoFam {
  color: #66CC66;
  text-align: center;
  padding: 4px 0 4px 0;
}
.ofertaNombreSec {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #FFCC33;
  font-weight: bold;
  font-variant: small-caps;
  text-align: center;
  padding: 4px 0 4px 0;
}
.ofertaTextoSec {
  color: #66CC66;
  text-align: center;
  padding: 4px 0 4px 0;
}
span.item_descuento_en_lista {
  font-weight: bold;
  color: #ee2211;
}
p.carrito_no_free_delivery {
  font-size: 12px;
  color: #ff3300;
  font-weight: bold;
}
p.carritoEnhanced {
  font-size: 16px;
  color: #33ff00;
  font-weight: bold;
}
div.sticker {
  position: absolute;
  width: 62px;
  height: 58px;
  pointer-events: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
}
div.sticker_free_deliver {
  top: 30%;
  right: 10%;
  background-image: url("../res/envio_gratuito_sticker.png");
}
div.sticker_no_stock {
  top: 40%;
  left: 0;
  background-image: url("../res/no_stock_sticker.png");
}
div.sticker_descatalogado {
  top: 60%;
  right: 15%;
  background-image: url("../res/descatalogado_sticker.png");
}
div.sticker_en_lista.sticker_free_deliver {
  top: -8px;
  left: -40px;
}
div.sticker_en_lista.sticker_no_stock {
  top: -8px;
  left: 10px;
}
div.sticker_en_lista.sticker_descatalogado {
  top: -8px;
  left: 55px;
}
.tablapreitemscabecera {
  margin: 0;
  width: 100%;
  color: #194c2d;
}
.tablapreitemscabecera tr {
  background-color: #559f72;
}
.tablapreitemscabecera tr td {
  vertical-align: baseline !important;
  font-size: 0.8rem;
  padding: 0.5em 0 0.5em 0;
}
.tablapreitemscabecera tr td.tdcabeceranumitems {
  font-weight: bold;
  text-align: center;
  cursor: default;
}
.tablapreitemscabecera tr td.tdcabecerafamilias {
  font-weight: bold;
  color: #000000;
}
.tablapreitemscabecera tr td.tdcabecerahojas {
  text-align: right;
  cursor: default;
}
.tablapreitemscabecera tr td.tdcabeceramostrando {
  text-align: center;
  cursor: default;
}
.tpic-a td.showhide {
  width: 100px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
}
.tpic-a td.showhide:hover {
  color: #194c2d;
}
.tablaitems {
  margin: 0 1px;
  padding: 2px;
  width: calc(100% - ((2px * 2) + (1px * 2)));
}
.tablaitems tbody tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
.tablaitems tbody tr:nth-child(odd) {
  background-color: transparent;
}
.tablaitems tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.tablaitems tbody tr td {
  position: relative;
  user-select: none;
  outline: 0;
  color: #194c2d;
}
.tablaitems tbody tr td.tdItemIcon {
  padding: 1px 0 1px 0;
  width: 40px;
}
.tablaitems tbody tr td.tdItemIcon img {
  border-radius: 3px;
}
.tablaitems tbody tr td.tdItemIcon div.imgitemicon {
  border-radius: 3px;
  width: 40px;
  height: 40px;
}
.tablaitems tbody tr td.tdItemName {
  width: calc((100% - 12px) - (40px + (70px + 12px) + 64px));
}
.tablaitems tbody tr td.tdItemPrice {
  width: 70px;
  text-align: right;
  background-color: rgba(255, 255, 255, 0.2);
}
.tablaitems tbody tr td.tdItemCart {
  width: 64px;
  padding: 0;
  text-align: center;
}
.tablaitems tbody tr td.tditemDimmed {
  opacity: 0.4;
}
.tablaitems tbody tr td.tditemDimmed div.precioshow {
  display: none;
}
.tablaitems tbody tr td.softcarrito {
  display: none;
  width: 40px;
  height: 40px;
  padding: 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../res/v2/icons/cesta-de-la-compra_soft_carrito.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.tablaitems tbody tr td.softcarrito:hover {
  background-color: rgba(0, 255, 0, 0.2);
}
.tablaitems tbody tr td.softcarritoSelected {
  background-position: 0 -40px;
}
.tablaitems tbody tr td > a {
  display: block;
}
.tablaitems.tablaitemsSoftCarrito tbody tr td.tdItemName {
  width: calc((100% - 12px) - (40px + (140px + 12px) + 40px));
}
.tablaitems.tablaitemsSoftCarrito tbody tr td.tdItemPrice {
  width: 140px;
  text-align: left;
}
.tablaitems.tablaitemsSoftCarrito tbody tr td.tdItemCart {
  display: none;
}
.tablaitems.tablaitemsSoftCarrito tbody tr td.softcarrito {
  display: table-cell;
}
.tablaitems.tablaitemsSoftCarrito tbody tr div.precioshow {
  display: flex;
}
.tablaitems div.precioshow {
  display: none;
  align-items: center;
  position: absolute;
  right: 0;
  top: 4px;
  height: 32px;
  color: #194c2d;
  font-family: "Tahoma", "SF Pro", Helvetica, sans-serif;
  text-align: left;
  vertical-align: bottom;
}
.tablaitems div.precioshow h1,
.tablaitems div.precioshow h2,
.tablaitems div.precioshow h3,
.tablaitems div.precioshow h4 {
  display: block;
  text-align: left;
  font-weight: normal;
  color: #194c2d;
  padding: 0;
  margin: 0;
}
.tablaitems div.precioshow h1,
.tablaitems div.precioshow h3 {
  font-size: 1.5em;
}
.tablaitems div.precioshow h2 {
  font-size: 1em;
  letter-spacing: -1px;
  font-weight: normal;
  color: #247744;
  opacity: 1;
  border-radius: 2px;
  margin: 0 3px 0 3px;
  padding: 1px 3px 1px 3px;
  min-width: 3em;
}
.tablaitems div.precioshow h2 span {
  font-weight: normal;
}
.tablaitems div.precioshow h4 {
  position: absolute;
  right: 6px;
  top: -3px;
  height: 13px;
  font-size: 0.7em;
  font-weight: normal;
  color: #ffffff;
  background-color: #194c2d;
  text-align: center;
  border-radius: 2px;
  margin: 0 0 0 0;
  padding: 0 3px 0 3px;
  cursor: pointer;
}
.tablaitems div.precioshow h4:hover {
  background-color: #0d9143;
}
.tditemscabecera a {
  display: block;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  color: #6a371f;
  background-color: #4C2816;
  margin: 0 1px 0 0;
}
.tditemscabecera a:hover {
  background-color: #542c18;
}
.tritems3 {
  background-color: #494723;
  margin: 1px;
  padding: 1px;
}
.tritemssel {
  background-color: #494723;
  padding: 1px;
}
.tditem {
  font-size: 1.3em;
  padding: 0 4px 0 8px;
  vertical-align: middle !important;
}
.tditem a img:hover {
  opacity: 0.6;
}
.tablaprecarrito {
  background-color: #D7A2A2;
  margin: 1px;
  padding: 1px;
  width: 100%;
}
.tdprecarrito {
  margin: 1px;
  font-size: 9px;
  color: #000000;
  text-align: left;
}
.tablacarrito {
  background-color: #FFCCFF;
  margin: 0 1px;
  padding: 2px;
  width: 100%;
}
.tablacarritoresumen {
  background-color: #D7A2A2;
  margin: 1px;
  padding: 1px;
  border: 1px solid #000000;
}
.tdcarritoresumen {
  margin: 1px;
  font-size: 12px;
  color: #000000;
  background-color: #222C21;
  padding: 1px;
  text-align: right;
}
div.itemDetail > blockquote {
  background-color: #559f72;
  color: #000000;
  font-size: 1rem;
  padding: 0.8em;
}
div.itemDetail div.itemDetailContents {
  position: relative;
  padding: 1em;
  margin: 0 0 4em 0;
  color: #194c2d;
}
div.itemDetail div.itemDetailContents > h1 {
  font-size: 1.8rem;
  margin: 0 0 0.3em 0;
}
div.itemDetail div.itemDetailContents > nav {
  font-size: 0.9rem;
  vertical-align: baseline;
  margin-bottom: 1em;
}
div.itemDetail div.itemDetailContents > section.primary {
  display: flex;
}
div.itemDetail div.itemDetailContents > section.primary > div.itemImage img {
  border-radius: 4px;
}
div.itemDetail div.itemDetailContents > section.primary > div.itemImage > div.imgitem {
  width: 400px;
  height: 400px;
  border-radius: 4px;
  cursor: zoom-in;
}
div.itemDetail div.itemDetailContents > section.primary > div.itemImage > div.imgitemicon {
  width: 70px;
  height: 70px;
  border-radius: 3px;
}
div.itemDetail div.itemDetailContents > section.primary > div.info {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
}
div.itemDetail div.itemDetailContents > section.primary > div.info > div {
  font-size: 0.9rem;
  margin: 0 0 2em 0.8em;
}
div.itemDetail div.itemDetailContents > section.primary > div.info > div.itemDescription iframe {
  width: 100%;
}
div.itemDetail div.itemDetailContents > section.primary > div.purchase {
  font-size: 1rem;
  width: 180px;
  height: fit-content;
  margin: 0 0 0 0.6rem;
  padding: 0 0.6rem 0 0.6rem;
  border: 1px solid #a2a7a2;
  background-color: #efefef;
  border-radius: 3px;
}
div.itemDetail div.itemDetailContents > section.primary > div.purchase > div > div {
  margin: 0 0 1rem 0;
}
div.itemDetail div.itemDetailContents > section.primary > div.purchase > div.itemPrecios div.panelItemPrecios div.displayPrecio {
  font-size: 2rem;
}
div.itemDetail div.itemDetailContents > section.primary > div.purchase > div.itemCarrito form.formItemAnadir {
  border-top: 1px solid #a2a7a2;
  padding: 0.6em 0 0 0;
}
div.itemDetail div.itemDetailContents > section.primary > div.purchase > div.itemCarrito form.formItemAnadir div.addToCarritoButton {
  display: block;
}
div.itemDetail div.itemDetailContents > section.primary > div.purchase > div.itemCarrito h5 {
  margin: 0 0 1em 0;
}
div.itemDetail div.itemDetailContents > section.primary > div.purchase > div.itemPortes {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
}
div.itemDetail div.itemDetailContents > section.primary > div.purchase > div.itemPortes div.panelItemPortes {
  border-top: 1px solid #a2a7a2;
  padding: 0.6em 0 0 0;
}
div.itemDetail div.itemDetailContents > section.primary > div.purchase > div.itemPortes div.panelItemPortes span {
  display: block;
}
div.itemDetail div.itemDetailContents > section.primary > div.purchase > div.itemPortes div.panelItemPortes span.pesoDesc {
  font-size: 0.8em;
  margin: 0 0 0.6em 0;
}
div.itemDetail div.itemDetailContents > section.primary > div.purchase > div.itemPortes div.panelItemPortes span.peso {
  text-align: right;
  color: #000000;
}
div.itemDetail div.itemDetailContents > section.primary > div.purchase > div.itemPortes div.panelItemPortes span.peso em {
  color: #a2a7a2;
}
div.itemDetail div.itemDetailContents > section.primary > div.purchase > div.itemPortes div.panelItemPortes span.envioGratuito {
  text-align: right;
  font-size: 0.9em;
  color: #0d9143;
}
div.itemDetail div.itemDetailContents > section.primary > div.purchase > div.itemPortes div.panelItemPortes span.necesitaFrio {
  margin-top: 1em;
  text-align: left;
  font-size: 0.8em;
  color: #07c1df;
  text-shadow: #ffffff 0 0 2px;
  cursor: default;
}
div.itemDetail div.itemDetailContents > section.primary > div.purchase > div.itemPortes div.panelItemPortes span.necesitaFrio:hover {
  color: #067686;
  text-shadow: #00ffff 0 0 10px;
}
div.itemDetail div.itemDetailContents .iditem {
  display: none;
  font-size: 0.7rem;
  color: #ffffff;
  background-color: #194c2d;
  padding: 2px 4px;
  border-radius: 2px;
}
form.formItemAnadir {
  font-size: 1.2rem;
}
form.formItemAnadir div.inputPlusMinusWrapper {
  width: 78px;
  height: 32px;
}
form.formItemAnadir div.inputPlusMinusWrapper input.sleCarritoCantidad {
  width: 28px;
  height: 18px;
  text-align: left;
  border: 1px solid #a2a7a2;
  padding: 1px 4px 1px 4px;
  color: #000000;
}
div.extraContent {
  background-color: #b9dfc6;
  min-height: calc(100vh - 233px);
  font-size: 1rem;
}
div.extraContent .textoMsgTitextraCompone {
  font-size: 2em;
  padding: 0.5em;
  text-transform: uppercase;
  color: #559f72;
  cursor: default;
}
div.extraContent table.iscExtraDrawDocEnLista td {
  font-size: 1.2em;
  color: #194c2d;
  text-align: left;
  vertical-align: top;
}
div.extraContent table.iscExtraDrawDocEnLista td.imagenLink img {
  margin: 0 16px 0 0;
  height: 60px;
  visibility: hidden;
}
div.extraContent table.iscExtraDrawDocEnLista td.tituloLink {
  vertical-align: middle;
}
div.extraContent .textoMsgTit {
  font-size: 1.2em;
  color: #559f72;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  padding: 1em 0 0 0;
  margin: 0 0 1em 0;
  cursor: default;
}
div.extraContent .extraDoc .extraDocResumen,
div.extraContent .iscExtraDrawReceta .extraDocResumen,
div.extraContent .extraDoc .extraDocTexto,
div.extraContent .iscExtraDrawReceta .extraDocTexto,
div.extraContent .extraDoc .extraRecetaResumen,
div.extraContent .iscExtraDrawReceta .extraRecetaResumen,
div.extraContent .extraDoc .extraRecetaTexto,
div.extraContent .iscExtraDrawReceta .extraRecetaTexto {
  font-family: "Inter", "SF Pro", Verdana, Arial, Helvetica, sans-serif;
  max-width: 30em;
  margin: 0 auto;
  color: #194c2d;
  font-size: 1em;
  line-height: 1.3em;
  text-align: justify;
}
div.extraContent .extraDoc .extraRecetaTexto,
div.extraContent .iscExtraDrawReceta .extraRecetaTexto {
  line-height: 1.1em;
}
div.extraContent table.iscExtraDrawRecetaPortada > tbody > tr > td {
  width: 50%;
  vertical-align: top;
}
div.extraContent table.iscExtraDrawRecetaPortada div.recetaComentario {
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
  max-width: 18em;
  margin: 0 auto;
}
div.extraContent table.iscExtraDrawRecetaPortada div.recetaComentario h2 {
  color: #559f72;
  margin: 0 0 1em 0;
  font-size: 1.1em;
}
div.extraContent table.iscExtraDrawRecetaPortada div.recetaComentario p {
  color: #194c2d;
  text-align: justify;
}
div.extraContent table.iscExtraDrawRecetaEnLista {
  margin: 0 0 0 1em;
}
div.extraContent table.iscExtraDrawRecetaEnLista td {
  font-size: 1em;
  text-align: left;
  vertical-align: top;
}
div.extraContent table.iscExtraDrawRecetaEnLista td.imagenLink img {
  margin: 0 16px 0 0;
  height: 100px;
}
div.extraContent table.iscExtraDrawRecetaEnLista td.imagenLink img:hover {
  opacity: 0.7;
}
div.extraContent table.iscExtraDrawRecetaEnLista td.tituloLink {
  font-size: 1.1em;
  color: #194c2d;
  vertical-align: middle;
}
table.extraLateralElement {
  font-size: 1rem;
}
table.extraLateralElement > tbody > tr:nth-child(2) > td {
  height: 2em;
}
table.extraLateralElement > tbody > tr > td.tituloRecetaLateral {
  text-align: left;
  font-size: 0.8em;
}
table.extraLateralElement > tbody > tr > td.tituloRecetaLateral > a {
  color: #b9dfc6;
}
table.extraLateralElement > tbody > tr > td.tituloRecetaLateral > a:hover {
  color: #ffffff;
}
table.extraLateralElement.selected a {
  color: #ffffff !important;
  cursor: default;
}
.docIdent-priv,
.docIdent-cookies,
.docIdent-legal {
  padding: 1rem;
  margin: 2rem auto 0 auto;
  width: 800px;
  background-color: #e0e0e0;
  border-radius: 4px;
  font-size: 1rem;
}
.docIdent-priv div.titleForBoxMainContentArea,
.docIdent-cookies div.titleForBoxMainContentArea,
.docIdent-legal div.titleForBoxMainContentArea {
  font-size: 1.2em;
  color: #247744;
}
.docIdent-priv div.resDocumentoPinta,
.docIdent-cookies div.resDocumentoPinta,
.docIdent-legal div.resDocumentoPinta {
  font-family: "Inter", "SF Pro", Verdana, Arial, Helvetica, sans-serif;
  margin: 1em 1em 1em 1em;
  font-size: 0.85em;
  color: #559f72;
  text-align: justify;
}
.docIdent-priv div.resDocumentoPinta strong,
.docIdent-cookies div.resDocumentoPinta strong,
.docIdent-legal div.resDocumentoPinta strong {
  font-weight: bold;
  color: #0d9143;
}
.docIdent-priv div.resDocumentoPinta h4,
.docIdent-cookies div.resDocumentoPinta h4,
.docIdent-legal div.resDocumentoPinta h4 {
  font-weight: normal;
  color: #0d9143;
  font-size: 1.1em;
}
.docIdent-priv div.resDocumentoPinta a,
.docIdent-cookies div.resDocumentoPinta a,
.docIdent-legal div.resDocumentoPinta a {
  color: #194c2d;
}
.docIdent-priv div.resDocumentoPinta a:hover,
.docIdent-cookies div.resDocumentoPinta a:hover,
.docIdent-legal div.resDocumentoPinta a:hover {
  color: #000000;
}
/* El menú principal y demás elementos que están con él*/
div.mm {
  position: relative;
  height: 43px;
  background: transparent url("../res/lbr_libre.png") repeat-x bottom;
}
div.mm form#lb_form_buscar {
  position: absolute;
  top: 2px;
  left: 0;
  width: 232px;
  height: 43px;
}
div.mm div.fecha {
  position: absolute;
  top: 10px;
  right: 0;
}
div.mm div.fecha span {
  color: #9d723d;
  font-size: 12px;
  padding: 3px 8px 3px 8px;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
}
div.mm ul {
  position: absolute;
  top: 0;
  left: 232px;
  height: 43px;
}
div.mm ul li {
  float: left;
}
div.mm ul li.oculto {
  display: none;
}
div.mm ul li a {
  display: block;
  width: 97px;
  height: 43px;
  background-image: url("../res/labarata_web_menu_sprites.png");
  background-repeat: no-repeat;
  transition: all 0s ease-in-out;
}
div.mm ul li.tien a {
  background-position: 0 -43px;
}
div.mm ul li.tien a:hover {
  background-position: 0 -86px;
}
div.mm ul li.tien a.selected {
  background-position: 0 0;
}
div.mm ul li.rece a {
  background-position: -97px -43px;
}
div.mm ul li.rece a:hover {
  background-position: -97px -86px;
}
div.mm ul li.rece a.selected {
  background-position: -97px 0;
}
div.mm ul li.info a {
  background-position: -388px -43px;
}
div.mm ul li.info a:hover {
  background-position: -388px -86px;
}
div.mm ul li.info a.selected {
  background-position: -388px 0;
}
div.mm ul li.pers a {
  background-position: -194px -43px;
}
div.mm ul li.pers a:hover {
  background-position: -194px -86px;
}
div.mm ul li.pers a.selected {
  background-position: -194px 0;
}
div.mm ul li.pedi a {
  background-position: -485px -43px;
}
div.mm ul li.pedi a:hover {
  background-position: -485px -86px;
}
div.mm ul li.pedi a.selected {
  background-position: -485px 0;
}
/* El div que muestra el mensaje de cerrado por vacaciones */
div.istorecerradomsg {
  padding: 10px 4px 10px 4px;
  margin: 8px auto 0 auto;
  width: 500px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  background: #2f602d;
  border: 1px solid black;
  border-radius: 5px;
}
div#iStoreCerradoOverlay {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: 426px;
  pointer-events: none;
}
div#iStoreCerradoOverlay div.iStoreCerradoOverlayGFX {
  width: 528px;
  height: 426px;
  margin: 0 auto;
  background: url("../res/img-cerrado-por-vacaciones-brown.png");
  cursor: pointer;
  pointer-events: all;
}
/* La cesta que mola */
div.cesta {
  position: relative;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 154px;
  height: 172px;
  margin: 0 0 0 16px;
}
div.cesta > a {
  display: block;
  overflow: auto;
  width: 154px;
  height: 172px;
}
div.cesta img {
  position: absolute;
}
div.cesta img.cesta-over {
  top: 0;
  left: 0;
  z-index: 99;
}
div.cesta img.item {
  box-shadow: 0 0 5px #000;
  left: 26px;
  top: 77px;
  z-index: 90;
  transform: rotate(-15deg);
}
div.cesta img.item0 {
  left: 40px;
  top: 74px;
  z-index: 89;
  transform: rotate(15deg);
}
div.cesta img.item1 {
  z-index: 88;
  left: 68px;
  top: 74px;
  transform: rotate(-15deg);
}
div.cesta img.item2 {
  z-index: 87;
  left: 17px;
  top: 63px;
  transform: rotate(-15deg);
}
div.cesta img.item3 {
  z-index: 86;
  left: 72px;
  top: 56px;
  transform: rotate(-70deg);
}
div.cesta img.item4 {
  z-index: 85;
  left: 51px;
  top: 48px;
  transform: rotate(-23deg);
}
div.cesta img.item5 {
  z-index: 84;
  left: 17px;
  top: 41px;
  transform: rotate(43deg);
}
div.cesta img.item6 {
  z-index: 83;
  left: 50px;
  top: 32px;
  transform: rotate(-12deg);
}
div.cesta img.item7 {
  z-index: 82;
  left: 74px;
  top: 31px;
  transform: rotate(109deg);
}
div.cesta img.item8 {
  z-index: 81;
  left: 27px;
  top: 24px;
  transform: rotate(64deg);
}
/* La firma de abajo */
div.signature {
  position: relative;
  font-size: 0.6rem;
  font-style: normal;
  font-family: "Inter", "SF Pro", Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #559f72;
  background-color: #194c2d;
  padding: 8px 0 8px;
}
div.signature > div.firstline {
  cursor: default;
}
div.signature > div.firstline strong {
  font-weight: bold;
}
div.signature > div.firstline a {
  color: #559f72;
}
div.signature > div.firstline a:hover {
  color: #b9dfc6;
}
div.signature > div.secondline {
  margin: 3px 0 0 0;
  font-family: Consolas, "SF Mono", "DejaVu Sans Mono", "Roboto Mono", Menlo, monospace;
  color: #247744;
  cursor: default;
}
div.signature > div.secondline:hover {
  color: #b9dfc6;
}
div.signature > div.secondline:hover span {
  color: #559f72;
}
/* Side seals (en el panel lateral)*/
div.sideseals {
  position: relative;
  width: 200px;
  height: 64px;
  margin: 0 0 16px 0;
}
div.sideseals div.seal {
  position: absolute;
  top: 0;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  z-index: 200;
}
div.sideseals div.seal-a {
  left: 2px;
  background-image: url("../res/seals/seal-pegatina-cabrales-la-barata.png");
}
div.sideseals div.seal-b {
  left: 68px;
  background-image: url("../res/seals/seal-pegatina-gamoneu-la-barata.png");
}
div.sideseals div.seal-c {
  left: 136px;
  background-image: url("../res/seals/seal-pegatina-beyos-la-barata.png");
}
div.sideseals div.seal:hover,
div.sideseals div.sealActive {
  width: 200px;
  height: 200px;
}
/*
La notificación de Cookies
*/
div#cookieNotification {
  position: fixed;
  top: -128px;
  left: 0;
  width: 100%;
  height: 64px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1002;
  cursor: pointer;
  transition: all 0.9s ease-in-out;
  font-size: 1rem;
}
div#cookieNotification div.contents {
  position: relative;
  margin: 10px 8px 8px 120px;
  color: #efefef;
  font-size: 1em;
}
div#cookieNotification div.contents a {
  color: #b9dfc6;
  text-decoration: underline;
}
div#cookieNotification div.contents a:hover {
  color: #559f72;
}
div#cookieNotification div.contents div.imgIcon {
  position: absolute;
  top: -10px;
  left: -120px;
  width: 99px;
  height: 64px;
  background-repeat: no-repeat;
  background-image: url("../res/cookies_plate-64px.png");
  background-size: contain;
}
div#cookieNotification div.contents div.imgIcon a {
  display: block;
  width: 100%;
  height: 100%;
}
div.cookieNotificationshown {
  top: 0 !important;
}
span.cookieNotificationReset {
  display: block;
  width: 100%;
  border-top: 1px solid #a2a7a2;
  cursor: pointer;
  font-family: Consolas, "SF Mono", "DejaVu Sans Mono", "Roboto Mono", Menlo, monospace;
  color: #559f72;
  font-weight: normal;
  font-size: 0.9em;
}
span.cookieNotificationReset:hover {
  color: red;
}
/**
Ajustes en el video de inicio
 */
div#welcomeVideo div.close {
  background-color: #194c2d;
}
div#welcomeVideo div.close span {
  color: #ffffff;
}
div#welcomeVideo div.close:hover {
  background-color: #194c2d;
  opacity: 0.7;
}
div.welcomeVideoLauncher {
  border-radius: 3px;
  padding: 4px;
}
div.welcomeVideoLauncher span {
  background-color: transparent;
  background-image: url("../res/v2/icons/camara-de-video-con-boton-de-reproduccion-64px-white.png");
}
div.welcomeVideoLauncher span:hover {
  background-color: transparent;
  opacity: 0.8;
}
div.welcomeVideoLauncher:hover {
  background-color: #194c2d;
}
/* El  menu de sectores por botones, horizontal*/
div.sectoresmenu {
  overflow: hidden;
  width: auto;
  margin: 0 auto 0 auto;
  text-align: center;
}
div.sectoresmenu ul {
  margin: 0;
  padding: 0;
  list-style: none outside;
  text-align: center;
}
div.sectoresmenu ul li {
  overflow: hidden;
  vertical-align: top;
  display: inline-block;
  zoom: 1;
  margin: 0 0 4px 0;
  padding: 0;
  width: 111px;
  height: 35px;
}
div.sectoresmenu ul li a {
  display: block;
  width: 111px;
  height: 35px;
  margin: 0;
  padding: 3px 0 0 0;
  font-size: 13px;
  line-height: 13px;
  font-variant: small-caps;
  text-align: center;
  color: #e4b165;
  background-image: url("../res/barra_sup_block.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  transition: all 0s ease-in-out;
}
div.sectoresmenu ul li a:hover {
  padding: 5px 0 0 2px;
  background-position: 0 -35px;
}
div.sectoresmenu ul li.selected a {
  color: #F7D653;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -1px;
  padding: 3px 0 0 0;
  /* Como el a en el li normal */
  background-position: 0 -70px;
}
div.sectoresmenu ul li.allSectors a {
  color: #76cb78;
  font-weight: bold;
}
/* El  menu de sectores por botones, horizontal*/
div.sectoresmenulateral {
  overflow: hidden;
  width: auto;
  margin: 0 auto 0 auto;
  text-align: center;
}
div.sectoresmenulateral ul {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  text-align: left;
  box-sizing: border-box;
}
div.sectoresmenulateral ul li {
  overflow: hidden;
  display: inline-block;
  margin: 0 0 0 0;
  padding: 0;
  width: 100%;
  height: 2rem;
  background-color: #194c2d;
  border-bottom: 1px solid #247744;
}
div.sectoresmenulateral ul li a {
  display: flex;
  justify-content: left;
  align-items: center;
  width: calc(100% - 5px);
  height: 100%;
  margin: 0;
  padding-left: 5px;
  font-size: 0.8rem;
  line-height: 0.8rem;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
  color: #559f72;
  transition: all 0.1s ease-in-out;
}
div.sectoresmenulateral ul li a:hover {
  background-color: #b9dfc6;
  color: #194c2d;
}
div.sectoresmenulateral ul li:nth-child(1) {
  border-top: 1px solid #247744;
}
div.sectoresmenulateral ul li.selected a {
  color: #194c2d;
  background-color: #b9dfc6;
}
div.sectoresmenulateral ul li.allSectors a {
  opacity: 0.8;
  font-weight: bold;
}
/* Lista de Pedidos */
div.pedidoLista_compone {
  position: relative;
  background-color: #efefef;
  padding-right: 1rem;
  padding-bottom: 1rem;
}
div.pedidoLista_compone a {
  color: #0d9143;
  font-family: "Tahoma", "SF Pro", Helvetica, sans-serif;
}
div.pedidoLista_compone a:hover {
  color: #559f72;
  text-decoration: underline;
}
div.pedidoLista_compone div.titleForBoxMainContentArea {
  color: #194c2d;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
div.pedidoLista_compone div.listaPedidosHeader {
  display: flex;
  color: #194c2d;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.8rem;
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
}
div.pedidoLista_compone div.listaPedidosHeader > div {
  width: 50%;
}
div.pedidoLista_compone div.listaPedidosHeader > div.listaPedidosHeaderAction div.MildTextButton > a > span {
  text-align: right;
}
div.pedidoLista_compone table.listaPed {
  margin-left: 1rem;
  margin-right: 1rem;
  color: #202020;
  font-size: 0.9rem;
  font-family: "Inter", Verdana, Arial, Helvetica, sans-serif;
}
div.pedidoLista_compone table.listaPed thead {
  background-color: #194c2d;
  color: #b9dfc6;
}
div.pedidoLista_compone table.listaPed thead th {
  padding: 0.5em;
}
div.pedidoLista_compone table.listaPed tbody {
  color: #202020;
}
div.pedidoLista_compone table.listaPed tbody tr {
  background-color: #d8d8d8;
}
div.pedidoLista_compone table.listaPed tbody tr td {
  padding: 0.5em;
}
div.pedidoLista_compone table.listaPed tbody tr td.pedNumberLink {
  font-family: Consolas, "SF Mono", "DejaVu Sans Mono", "Roboto Mono", Menlo, monospace;
}
div.pedidoLista_compone table.listaPed tbody tr td.pedFecha {
  font-family: Consolas, "SF Mono", "DejaVu Sans Mono", "Roboto Mono", Menlo, monospace;
  text-align: center;
}
div.pedidoLista_compone table.listaPed tbody tr td.pedEstado {
  color: #194c2d;
}
div.pedidoLista_compone table.listaPed tbody tr:nth-child(even) {
  background-color: #e0e0e0;
}
.pedido_detail {
  max-width: 100%;
  background-color: #e0e0e0;
  margin-left: 1rem;
  margin-right: 1rem;
  font-size: 1rem;
}
.pedido_detail .pedidoReviewGroup {
  display: flex;
  color: #194c2d;
  font-size: 1em;
}
.pedido_detail .pedidoReviewGroup > div {
  margin: 0.5em;
  padding: 1em;
  border-radius: 3px;
  background-color: #b9dfc6;
}
.pedido_detail .pedidoArticles {
  margin-bottom: 1em;
}
.pedido_detail .pedidoArticles .tablapedidoarticulos {
  width: 800px;
}
.pedido_detail .pedidoAdditionalGroup {
  display: flex;
}
div.siteInfo {
  padding: 1em;
  font-size: 1rem;
  color: #194c2d;
}
div.siteInfo a {
  color: #0d9143;
}
div.siteInfo a:hover {
  color: #559f72;
}
div.locationInfo div {
  margin: 0 0 1em 0;
}
div.locationInfo div.locationInfoContact {
  display: flex;
}
div.locationInfo div.locationInfoContact div.locationInfoContactBlock {
  margin: 0 2em 0 0;
}
div.locationInfo div.locationInfoContact div.locationInfoContactBlock dl {
  margin-bottom: 0.5em;
}
div.locationInfo div.showMap {
  position: relative;
  border-radius: 4px;
}
div.locationInfo div.showMap span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
div.locationInfo div.showMap iframe {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 600px;
  border: 0;
}
div.locationInfo div.showMap p a {
  font-family: "Inter", "SF Pro", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8rem;
}
div.locationInfo div.showPicture {
  text-align: center;
}
div.locationInfo div.showPicture img {
  border-radius: 4px;
}
iframe.mainMap {
  border-radius: 4px;
  width: 825px;
  height: 550px;
  border: 0 none;
  margin: 0;
  overflow: hidden;
}