/* Style kawałków */

body {background-color: #004b73; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size:9pt; color: black;}

#top-block {clear: both; margin: 0; padding: 0; background: transparent;}
#top-block::after {
  content: "";
  display: table; /* Zgodnie z najlepszymi praktykami, upewnia się, że pseudo-element zajmuje przestrzeń */
  clear: both; /* To "rozwiązuje" problem z pływaniem */
}
#logoss {float: left; clear: both; padding: 20px; background: transparent; width: 375px;}
#lbt {float: right; clear: right; color: white; font-size: 8pt; padding: 5px; background: transparent;}
#tbm-menu {float: right; clear: right; padding: 10px; color: silver; background: transparent;}
#top-menu {float: left; clear: left; color: white; background: transparent; margin: 0; padding: 0 10px 15px 10px;}
#secondary-menu {float: left; clear: left; background-color: transparent; color: white; padding: 0 20px 0 20px; margin: 0;}

#middle-block {background-color: white; margin: 0; padding: 5px; color: black;}

#bottom-block {clear: both; margin: 0; padding: 20px; text-align: right; background: transparent; color: white;}
#mainlink {float: left;}
#copyrights {float: right;}

hr {border-top-style: solid; border-right-style: none; border-left-style: none; border-bottom-style: none; border-size: 1px; border-color: red;}

a.lm {color: #004b73; text-decoration: none; width: 100%;}
a.lm:visited {color: #004b73; text-decoration: none;}
a.lm:hover {color: white;  text-decoration: none; background-color: #004b73;}
a.bright {color: white; text-decoration: none;}
a.bright:hover {color: silver; text-decoration: none;}
a.brightheavy {color: white; font-size: 10pt; font-weight: bold;}

h1,h2,h3,h4,h5,h6 {text-align: center;}

table, td, th {border: 1px solid black; padding: 3px; margin: 1% auto 1% auto; }
table {border-collapse: collapse;}
th {font-weight: bold; background-color: #82c8ff;}
.tda, .ddc {background-color: #CCCCCC;}
.tdb, .ddj {background-color: #EEEEEE;}
.center {text-align: center;}

section {width: 95%; background: transparent; margin: 5px auto 0 auto; padding: 5px 0 5px 0;}
.section-title {color: black; margin: 5px 0 0 0;}
.section-auth {color: red; margin: 5px 0 0 0; text-align: left;}

section.restricted {bacground-color: blue; border-right-style: none; border-left-style: none; border-bottom-style: solid; border-top-style: solid; border-width: 1px;}
div.flex {display: flex; flex-direction:column; justify-content: center; align-items: flex-start; min-width: 0;}


@media only screen and (orientation: portrait) {
 #logoss {text-align: center; padding: 2%; background-color: blue; width: 98%; margin: 0 auto 0 auto;}
}

.statusbtn {margin: 3px; padding: 15px; border-width: 1px; border-color: black; border-radius: 6px; border-style: solid;}
.statusbtn:hover {padding: 14px; border-color: darkgray; border-width: 2px;}

/*
@media only screen and (orientation: landscape) {
 #logoss {text-align: center; padding: 2%; background: blue; width: 98%; margin: 0 auto 0 auto;}
} */