:root {
  
  --tb:#18127e;
  --ty:#7385aa;
  --bip-red:#c00418;
  --bip-blue:#0052a5;
  --bg-smoke:#F0F0F0;
  --d1:#324f63;
  --d2:#ccdbe5;
  --d3:#eef3f6;
  --bg-niebieski:#2c98f0;
  --bg-bazowy:#2E5BA9;
  --bg-a:#7385aa;
  --bg-jasnyniebieski:#80c6ff;
  --bg-szary:#f5f5f5;
  --bg-koszula:#b5cfd6;
  --w3-blue:#2196f3;
  --w3-blue-l1:#4daaf6;
  --w3-blue-l2:#79bff8;
  --w3-blue-l3:#a6d4fa;
  --w3-blue-l4:#d2eafd;
  --w3-blue-l5:#f2f9fe;
}

* {
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Encode Sans Expanded', sans-serif;
  
  letter-spacing:0.05em;
  line-height:1.8;
}

div.wraper {
  position:relative;
  padding:0 4px;
  margin:0 auto;
  max-width:1200px;
  transition:0.2s ease;
}

#wraper {
  width:100%;
}

body {
  
  color:black;
  background-color:white;
}

h1 {
  font-size:1.2rem;
}

h2 {
  font-size:1.1rem;
}

h3 {
  font-size:1rem
}

h4 {
  font-size:0.9rem;
}

h1, h2, h3, h4, h5, h6 {
  padding:2% 0;
}

p {
  font-size:1rem;
  margin:0 0 0.5rem;
}

a {
  transition:all .25s ease-in-out;
  text-decoration:none;
  color:inherit;
  padding:0 5px;
  border-radius:5px;
}

:focus {
  outline:2px dotted var(--bip-red);
  transition:none;
}

blockquote {
  margin:10px 0 20px 0;
  padding:0 5px;
}


header {
  margin:30px 0;
}

header h1, header h2, header h3 {
  text-align:left;
  padding:0;
}

header h1 {
  font-size:1rem;
  text-shadow:6px 6px 10px var(--d2);
}

header h2 {
  font-size:0.9rem;
}

header h3 {
  font-size:0.7rem;
}

.header {
  overflow:hidden;
}

div.header-right {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  min-width:30%;
}

div.header-left, div.topmenu {
  display:flex;
  flex-direction:row;
}

div.header-left {
  align-items:center;
}

div.header-left div.bip a {
  display:block;
  width:135px;
  height:57px;
}

div.header-left div.bip img {
  width:100%;
  height:100%;
}

div.header-left div.podmiot a {
  display:block;
  width:50px;
  height:50px;
  padding:0;
  margin-right:10px;
}

div.header-left div.podmiot>div:first-child {
  float:left;
  margin-top:5px;
}

div.header-left div.podmiot img {
  height:100%;
  width:100%;
  margin:0 10px 0 0;
}

div.podmiot a {
  display:block;
}

div.header-left a:hover {
  background:none;
}

div.topmenu {
  justify-content:flex-end;
  text-transform:uppercase;
  font-size:0.9em;
  margin:3px 0;
}

div.topmenu ul {
  text-align:right
}

div.topmenu li {
  display:inline;
  list-style-type:none;
}

div.topmenu a {
  margin:5px 0 5px 5px;
  padding:2px 5px;
  white-space:nowrap;
}

.searcher {
  width:100%;
  border:2px solid var(--ty);
  border-radius:5px;
}

.searcher input[type="text"] {
  border:0;
  padding:2px 5px;
  margin-right:2px;
  border-radius:2px 0 0 2px;
}

.searcher button {
  background-color:var(--ty);
  border:0;
  padding:5px 10px;
  border-radius:0 2px 2px 0;
}

.header-left img {
  width:135px;
}

header img.st {
  width:100px;
}

.form form {
  display:flex;
  width:100%;
}

.form input[type="text"] {
  width:100%;
}

.form {
  width:100%;
}

.form button[type="submit"] {
  color:white;
}

label[for="fr"] {
  display:none;
}



#path {
  padding:10px;
  margin:10px 0;
  color:white;
  background:var(--ty);
}

#path a {
  display:inline-block;
  padding:0 5px;
  border-radius:5px;
}

#path a:hover {
  color:black;
  background-color:white;
}

#path li {
  display:inline-block;
}

#path li:after {
  content:" /";
  color:white;
}

#path li:last-child:after {
  content:"";
}

#path li:last-child {
  color:var(--tb);
  font-weight:600;
  background-color:white;
  border-radius:5px;
}



footer {
  background:gainsboro;
  padding:10px;
  margin-top:30px;
}
footer p {
  font-size:0.9em;
}

footer a {
  padding:0;
}

footer a:hover {
  padding:0 5px;
}



.flex {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:2px;
}

.flex-row {
  display:flex;
  flex-direction:row;
}

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

div.footer-flex {
  display:flex;
  justify-content:space-between;
}

footer div {
  padding:10px 20px;
}

div.title {
  margin-left:25px;
  padding:0 0 0 25px;
  border-left:1px solid;
  min-width:380px;
}

div.title>strong {
  font-size:1.2em;
}

div.title>span {
  display:block;
}

article {
  padding:0 10px;
  overflow-x:auto;
}

article table {
  width:100%;
  border-collapse:collapse;
  border:1px solid;
}

article tr, article th, article td {
  border:1px solid;
}

article td {
  padding:1px 2px;
}

article table.noborder, article table.noborder tr, article table.noborder th, article table.noborder td {
  border:0;
}

article>a, article p a {
  color:var(--bip-red);
  
  padding:0 5px;
}

div.post {
  margin-bottom:20px;
}

div.post h2 {
  padding:10px 5px;
}

article h2 a, article h3 a, article h4 a, article h5 a {
  display:inline-block;
}

article h2 a {
  padding:0 5px;
}

.right {
  float:right;
}

.time {
  margin:10px 0;
  padding:0 5px;
  font-size:0.9em;
  font-weight:600;
  
  display:inline-block;
}

a:hover, .pages a:hover {
  color:white;
  background:var(--ty);
}

div.article {
  position:relative;
  margin-bottom:10px;
}

div.czas {
  position:absolute;
  top:18px;
  right:10px;
  padding:0 5px;
  font-size:0.8em;
  color:white;
  background:var(--bg-niebieski);
}

.edit {
  border:1px solid var(--bg-a);
}

.edit p {
  margin:0;
  background:var(--bg-a);
}

.edit ul {
  list-style:none;
  padding:0;
  margin:0;
}

.edit ul:after {
  content:"";
  display:table;
  clear:both;
}

.edit li {
  width:25%;
  float:left;
  display:block;
  text-align:center;
}

section {
  overflow:auto;
}

article h1 {
  padding:2% 0;
  margin-bottom:2%;
}

article ul, article ol {
  padding-left:30px;
  margin:16px 0;
}

article li {
  margin-bottom:5px;
}

article ul.posts {
  list-style:none;
  padding:0;
}

article ul.posts li {
  margin:10px 0;
  padding:5px 10px;
  border:1px solid gainsboro;
}

article ul.posts li:nth-child(even) {
  background:whitesmoke;
}

article img {
  max-width:100%;
}

div.obrazy {
  margin-bottom:15px;
}

div.obrazy>div {
  position:relative;
  height:36vw;
}

div.inside {
  color:white;
  padding:20px;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
}

.obrazy img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

div.row1 {
  display:flex;
  flex-wrap:wrap;
  margin:10px 0;
}

div.row1>div {
  width:33.3334%;
  height:18.75vw;
  padding:5px;
  max-height:240px;
}

div.row1 img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.folder {
  border:1px solid gainsboro;
  border-right:0;
  border-left:0;
  display:block;
  padding:10px;
  
  font-weight:600;
  background-color:whitesmoke;
  text-decoration:none;
  margin-bottom:5px;
}

.subfolder h2 {
  padding:0;
}

.subfolder a {
  border:1px solid gainsboro;
  border-right:0;
  border-left:0;
  display:block;
  padding:10px;
  font-weight:600;
  text-decoration:none;
  margin-bottom:5px;
}

.subfolder ul {
  list-style:none;
  padding-left:0;
  border-left:3px solid var(--bip-red);
}

.subpoint a {
  border:0;
}

.point, .subpoint, .underline {
  position:relative;
  padding:10px 0;
  
  margin-bottom:10px;
}

.point:before, .subpoint:before {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:10%;
  height:5px;
  z-index:1;
}

.point:after, .subpoint:after, .underline:after {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background:gainsboro;
}

.point:before {
  background:gainsboro;
}

.subpoint:before {
  background:gainsboro;
}

.meta {
  text-align:left;
  margin:10px 0;
  
  border-left:2px solid var(--bip-red);
  padding:5px;
  margin:20px 0;
}

.meta span {
  
  padding:2px 6px;
  background:var(--bg-szary);
}

.pages {
  text-align:center;
  margin:30px 15px;
  line-height:3.3em;
}

.pages a {
  display:inline-block;
  background:whitesmoke;
  padding:10px 20px;
  border:0;
  margin:2px;
}

a.act {
  background:gainsboro;
  font-weight:bold;
}

div.row1>div a {
  display:block;
  height:100%;
  width:100%
}

@media screen and (prefers-reduced-motion:reduce) {
  a, div.wraper {
    transition:none;
  }
}

@media only screen and (min-width:1200px) {
  div.obrazy>div {
    max-height:360px;
  }
}


@media only screen and (min-width:701px) {
  #wraper {
    transform:all;
  }

  div.row1>div {
    width:50%;
  }

  div.container {
    display:flex;
    justify-content:space-between;
    flex-wrap:nowrap;
    flex-direction:row;
    align-content:stretch;
  }

  nav {
    flex:0 0 28%;
  }

  section {
    flex:0 0 72%;
    padding-left:15px;
  }

  header {
    padding:0 10px;
  }
}

@media only screen and (max-width:860px) {
  div.footer-flex, .flex {
    flex-direction:column;
  }

  header {
    min-height:117px;
    overflow:hidden;
    margin:20px 0;
  }

  div.header {
    width:95%;
  }

  div.header-right {
    align-items:center;
    border-top:1px solid gainsboro;
    margin-top:15px;
    width:90%;
  }
}

@media only screen and (max-width:700px) {
  div.row1>div {
    width:50%;
    height:28.125vw;
  }

  div.obrazy>div {
    width:100%;
    height:56.25vw;
  }

  section {
    padding:0
  }

  header h3 {
    display:none;
  }

  footer div {
    padding:5px 10px;
  }
}

@media only screen and (max-width:530px) {
  div.row1>div, div.obrazy>div {
    width:100%;
    height:56.25vw;
  }
  
  div.header-left div.bip a {
    width:80px;
  }

  div.title {
    margin-left:8px;
    padding-left:8px;
    font-size:0.9em;
    min-width:auto;
  }
  
  .title span {
    font-weight:600;
  }

  header {
    min-height:inherit;
  }

  header h1 {
    font-size:0.9em;
  }

    .title strong, header h2, header img.st, div.podmiot>div:first-child {
    display:none;
  }
}

@media print {
  div.header-right, nav, footer, .noprint {
    display:none;
  }
}