body, td, br, p, center {font-family: Arial, sans-serif; font-size: 13px; color: #545454}

img {border-color: #000000}

body {  margin-top: 20px; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; padding: 0px; background-color: #e7e7de; }

.menule {color: #545454; font-size:13px; font-family: Arial; line-height:14px;}

.menupr {color: #545454; font-size:13px; font-family: Arial; line-height:14px;}

.glowna {color: #545454; font-size:13px; font-family: Arial;}

.okienko {background-color: #ffffff;}

.szhead {width:980px; color: #545454; border-width:0px;}

.szstopka {width:980px; background-color: #ffffff; color: #545454; font-size:13px; font-family: Arial; border-width:0px;}

.szmenule {width:240px; background-color: #ffffff; color: #545454; font-size:13px; font-family: Arial; border-width:0px;}

.szglow2  {width:740px; background-color: #ffffff; color: #545454; font-size:13px; font-family: Arial; border-width:0px;}

.szglow3  {width:980px; background-color: #ffffff; color: #545454; font-size:13px; font-family: Arial; border-width:0px;}

.szer2 {width:720px;}

.szer3 {width:960px;}

a:link { color:#545454; text-decoration: none; }
a:visited { color:#545454; text-decoration: none; }
a:active { color:#545454; text-decoration: none; }
a:hover { color: #e77614; text-decoration: underline; }

a.dwa:link { color:#970c0c; text-decoration: none; }
a.dwa:visited { color:#970c0c; text-decoration: none; }
a.dwa:active { color:#970c0c; text-decoration: none; }
a.dwa:hover { color: #81c72f; text-decoration: underline; }

a.trzy:link { color:#ffffff; text-decoration: none; }
a.trzy:visited { color:#ffffff; text-decoration: none; }
a.trzy:active { color:#ffffff; text-decoration: none; }
a.trzy:hover { color: #ffffff; text-decoration: underline; }

a.cztery:link { color:#D12C00; text-decoration: none; }
a.cztery:visited { color:#D12C00; text-decoration: none; }
a.cztery:active { color:#D12C00; text-decoration: none; }
a.cztery:hover { color: #D12C00; text-decoration: underline; }

a.piec:link { color:#dd3f36; text-decoration: none; }
a.piec:visited { color:#dd3f36; text-decoration: none; }
a.piec:active { color:#dd3f36; text-decoration: none; }
a.piec:hover { color: #dd3f36; text-decoration: underline; }

a.szesc:link { color:#e77614; text-decoration: none; }
a.szesc:visited { color:#e77614; text-decoration: none; }
a.szesc:active { color:#e77614; text-decoration: none; }
a.szesc:hover { color: #e77614; text-decoration: underline; }

a.siedem:link { color:#0F218B; text-decoration: none; }
a.siedem:visited { color:#0F218B; text-decoration: none; }
a.siedem:active { color:#0F218B; text-decoration: none; }
a.siedem:hover { color: #0F218B; text-decoration: underline; }

a:link img { border-color: #545454; }
a:visited img { border-color: #545454; }
a:hover img { border-color: #545454; }
a:active img { border-color: #545454; }

body {scrollbar-base-color : #dedede;}

.rogl {display: block; font-size: 1px; background: #dddddd; left: 0px; overflow: hidden; width: 1px; position: relative; top: 0px; height: 1px; }

.rogp { display: block; font-size: 1px; right: 0px; background: #dddddd; overflow: hidden; width: 1px; position: relative; top: 0px; height: 1px; }

.tlopag { height:23px; background-color: #149add; }

.tlopasek { background-color: #149add; }

.tlopasek2 { background-color: #b54321; }

.tlopasek3 { background-color: #d5d5cd; }

.litpag {color: #ffffff;}

.litbiale {color: #ffffff;}

.litdzialy {color: #D12C00;}

.litdata {color: #D12C00;}

.litdzialy2 {color: #0F218B;}

.litnaw {color: #D12C00; font-size:17px;}

.litnag {color: #D12C00; font-size:17px;}

.littyt {color: #15299a;}

.kolorb {color: #FFFFFF;}

.kolorc {color: #dd3f36;}

.tlonag { width:4px; background-color: #D12C00; }

.litnag {color: #D12C00; font-size:17px;}

.kolorhs { background-color: #dddddd; }


.adm1 { width:10%; font-size:10px;}
.adm2 { width:90%; font-size:10px;}



.kreska { border-width:1px; border-style: solid; border-left-color: #ffffff; border-right-color: #ffffff; border-top-color: #dededd; border-bottom-color: #ffffff; }

.cien { background: #cac6c3; position: relative; top: 2px; left: 2px; }

.ramka { border: 1px solid white; background: white; color: #545454; position: relative; top: -2px; left: -2px; }

.cien2 { background: #454641; position: relative; top: 0px; left: 0px; }

.ramka2 { border: 1px solid #454641; background: #454641; color: #ffffff; position: relative; top: 0px; left: 0px; }

.menu_tytul {
  font-size:12px;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  margin: 0px;
  padding: 0px;
  color: #0F218B;
  cursor:pointer;
}

.menu_opcje {
  font-size:11px;
  position: absolute;
  white-space: nowrap;
  visibility: hidden;
  background-color: #ffffff;
  border: 0px solid #ffffff;
  padding: 0px;
  margin: 1px;
  color: #0F218B;
  z-index: 1;
}


.pole { BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; BORDER-LEFT: #FFFFFF 1px solid; BORDER-BOTTOM: #FFFFFF 1px solid; BACKGROUND-COLOR: #FFFFFF }

.guzik { BORDER-RIGHT: #454641 0px solid; BORDER-TOP: #454641 0px solid; BORDER-LEFT: #454641 0px solid; BORDER-BOTTOM: #454641 0px solid; BACKGROUND-COLOR: #dd3f36; color: #FFFFFF; }


.table{
  width: 100%; 
  max-width: 980px;
  border-collapse: collapse;
  margin: auto;
}
@media (max-width: 992px) {
  .szhead, .szstopka, .szmenule, .szglow2, .szglow3, .szer2, .szer3 {
    width: 100%;
    max-width: 100%;
  }
  tr{
    display: block;
  }
  td, th {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }
}


.pagination {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 20px 0;
  justify-content: center;
}

.pagination li {
  margin: 0 5px;
}

.pagination li a {
  color: #333;
  text-decoration: none;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.pagination li a:hover {
  background-color: #f5f5f5;
}

.pagination li.active a {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
}

.pagination li a[aria-label="Previous"],
.pagination li a[aria-label="Next"] {
  font-weight: bold;
}

.pagination li a[aria-label="Previous"]:hover,
.pagination li a[aria-label="Next"]:hover {
  background-color: #e9ecef;
}

.row {
display: flex;
gap: 20px;
}

.col {
flex: 1;  
display: flex;
flex-direction: column;
}

.col label,
.col select,
.col input {
width: 100%;              /* wymusza, że select i label nie rozszerzają kolumny */
box-sizing: border-box;
}

/* kolumna 1/4 */
.col-1-4 {
flex: 1;
}

/* kolumna 3/4 */
.col-3-4 {
flex: 3;
}

.form-label {
font-weight: 600;
margin-bottom: 4px;
}

.form-control {
padding: 6px 8px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 4px;
}

.btn {
cursor: pointer;
border: 1px solid #444;
background: #f2f2f2;
border-radius: 4px;
padding: 6px 12px;
}
.btn:hover {
background: #e2e2e2;
}

/* RESPONSYWNOŚĆ */
@media (max-width: 768px) {
.row {
  flex-wrap: wrap;
}
.col {
  flex: 1 1 100%;  /* na mniejszych ekranach jedna kolumna na całą szerokość */
}
}