/* Középre igazított, nem teljes szélességű táblázat */
.w3-theme-l5 table.center-table {
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  #margin:20px;            /* ha középre: margin:20px auto; */
  padding:10px !important;
  #border:1px solid #ff00ff !important; 
  border: 1px solid #f6f6f6       !important; /* vastagság, stílus, szín */
  #border-collapse: collapse;    /* cellák keretei ne duplázódjanak */
  border-collapse: separate;     /* ha border-spacing-et is használnál */
  border-spacing: 8px 16px !important;
}

/* Középre igazított bekezdés */
p.center-text { text-align: center !important; }

.table-custom {
  margin:20px;            /* ha középre: margin:20px auto; */
  padding:10px;
  border:1px solid #000;
  border-collapse: separate; /* ha border-spacing-et is használnál */
}

.img-separator {
  width: 50%;
  height: auto;
}


.img-header {
  width: 80%;
  height: auto;
}

.img-footer {
  width: 60%;
  height: auto;
}
	
.center-img {
  display: block;       /* ne inline legyen */
  margin: 0 auto;       /* vízszintes közép */
  text-align: center;   /* fallback */
}


.table-3col {
  width: 100% !important;
  max-width: 80%  !important;;   /* a teljes blokk maximum szélessége */
  border-collapse: collapse !important;
}

.table-3col td {
  width: 33.33% !important;          /* három egyforma oszlop */
  text-align: cenCter !important;      /* kép középen */
  vertical-align: middle !important;  /* ha több sor lenne, középre igazítja */
  padding: 5px !important;            /* kis belső térköz */
}


.table-3col img {
  width: 100%;
  height: auto;
  max-height: 20vh;
  object-fit: contain;
}
#table-3col img {
#  width: 100% !important;   /* kitölti a cella teljes szélességét */
#  height: 20vh !important;  /* arányosan zsugorodik */
#}

.table-2col {
  width: 80% !important;
  border-collapse: collapse !important;
  max-width: 80%  !important;;   /* a teljes blokk maximum szélessége */
  margin: 0 auto;      /* középre igazítja a blokkot */
  padding: 0 1rem;     /* egy kis belső margó a szélekhez */


}

.table-2col td {
  width: 50.00% !important;           /* 2 egyforma oszlop */
  text-align: center !important;      /* kép középen */
  vertical-align: middle !important;  /* ha több sor lenne, középre igazítja */
  padding: 5px !important;            /* kis belső térköz */
}

.table-2col img {
  width: 100%;
  maxwidth: auto;
  height: 100%;
  max-height: 50vh;
  object-fit: cover;
  border-radius: 4px;

}