@charset "UTF-8";
/* =========================================================================
   VILMAR - Laboratory : tabele HTML (inlocuiesc vechile imagini GIF)
   Fisier adaugat manual, in afara exportului Adobe Muse.
   Se incarca DUPA css/vilmar-laboratory.css si suprascrie ce trebuie.
   ========================================================================= */

/* --- containerul care inainte purta imaginea tabelului "destructive" -----
   Acum contine textul introductiv + cele doua titluri + cele doua tabele,
   toate in flux normal (nu mai sunt pozitionate absolut de Muse).          */
#u53039 {
  background-image: none !important;
  background: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin-top: 20px !important;
  overflow: visible;
}

/* textul introductiv, mutat in interiorul containerului */
#u53039 #u45630-9 {
  position: static !important;
  float: none !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  left: auto !important;
  top: auto !important;
}

/* Muse rezerva inaltimea paginii pentru fundalul fix; tabelele au inaltime
   variabila, deci lasam pagina sa se dimensioneze dupa continut. */
#pu45631 {
  padding-bottom: 0 !important;
}

/* --- titluri de sectiune (pastreaza stilul .titre_produits al site-ului) - */
.lab-tables .lab-title {
  margin: 46px 0 20px 0;
  padding: 0;
  line-height: 1.12;
}
.lab-tables .lab-scroll + .lab-title {
  margin-top: 56px;
}

/* --- tabelele ----------------------------------------------------------- */
.lab-scroll {
  width: 100%;
  margin: 0 0 55px 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.lab-scroll:last-child {
  margin-bottom: 0;
}

table.lab-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #FFFFFF;
  font-family: proxima-nova, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: #000000;
  text-align: left;
}
table.lab-table th,
table.lab-table td {
  border: 1px solid #000000;
  padding: 11px 12px;
  vertical-align: middle;
  text-align: left;
}
table.lab-table thead th {
  background-color: #000000;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  vertical-align: bottom;
}
table.lab-table tr.lab-colnum td {
  background-color: #F2F2F2;
  color: #666666;
  font-size: 12px;
  text-align: center;
  padding: 5px 12px;
}
table.lab-table tr.lab-section td {
  background-color: #D9D9D9;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
table.lab-table td.lab-no {
  text-align: center;
  white-space: nowrap;
}

/* latimi de coloana */
table.lab-table col.c-no   { width: 6%; }
table.lab-table col.c-test { width: 31%; }
table.lab-table col.c-mat  { width: 27%; }
table.lab-table col.c-ref  { width: 36%; }

/* =========================== DESKTOP (>= 769px) ========================== */
@media (min-width: 769px), print {
  #u53039 {
    height: auto !important;
  }
}

/* =========================== TABLETA (481-768px) ========================= */
@media (min-width: 481px) and (max-width: 768px) {
  #u53039 {
    height: auto !important;
  }
  .lab-tables .lab-title {
    font-size: 28px;
    margin-top: 40px;
  }
  .lab-tables .lab-scroll + .lab-title {
    margin-top: 48px;
  }
  table.lab-table {
    font-size: 13px;
    min-width: 600px;
  }
  table.lab-table th,
  table.lab-table td {
    padding: 9px 10px;
  }
}

/* ============================ MOBIL (<= 480px) =========================== */
@media (max-width: 480px) {
  #u53039 {
    height: auto !important;
  }
  .lab-tables .lab-title {
    font-size: 22px;
    margin: 34px 0 14px 0;
  }
  .lab-tables .lab-scroll + .lab-title {
    margin-top: 40px;
  }
  .lab-scroll {
    margin-bottom: 40px;
  }
  table.lab-table {
    font-size: 12px;
    min-width: 560px;
  }
  table.lab-table th,
  table.lab-table td {
    padding: 8px 9px;
  }
  table.lab-table thead th,
  table.lab-table tr.lab-section td {
    font-size: 11px;
  }
}
