.dzial_opis {text-align: justify; padding: 20px 30px; line-height: 1.4;}
.aktualnosci {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin: 10px;
}

.aktualnosci_list_layout {text-align: left; padding: 4px 10px;  height: inherit; display: inline-block; margin: 0px; width: 100%; }
.aktualnosci_list_layout a h2 {margin: 5px 0; padding: 0;}
.aktualnosci_list_layout a h2 {display: inline; color: inherit; font-size: 14px; padding: 0; margin: 5px; font-weight: normal;}
.aktualnosci_list_layout:hover a h2 {color: white}


.data_news {
  font-family: 'Roboto';
  display: inline-block;
  padding: 0; color: #c20217;
  font-size: 13px; font-weight: bold;
}
.data_news_kal {
  font-family: 'Roboto';
  display: inline-block;
  padding: 0; color: #0A59A3;
  font-size: 13px; font-weight: bold;
}
.aktualnosci_list_layout:hover {background-color: #bbb; box-shadow: 3px 3px 6px 2px #2e414f24; color: white}
.aktualnosci_list_layout:hover .list_layout_title h2 {color: white}


a.list_layout_title {color: inherit;}
a.list_layout_title:hover {color: inherit}

.facebook_timeline {width: 35%;  display: block; float: right;}

.list_layout_zwiastun {color: white}

.newsy_oferta {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.dane_newsa.oferta {padding: 10px;   width: 250px; margin: 10px; height: inherit; display: inline-block; background-image: linear-gradient(#a4c5dD,  #6495BD,#0A59A3); }
.dane_newsa.oferta .cover_img {display: block;vertical-align: top; float: left; width: 100%; }
.dane_newsa.oferta .cover_img img { width: 100%;  padding-bottom: 10px;  opacity: 0.5;}

.dane_newsa.oferta:hover {padding: 10px;   width: 250px; margin: 10px; height: inherit; display: inline-block; background-image: linear-gradient(#eee,#aaa); }

.dane_newsa.oferta h2 {color: #5682A7; margin: 0; font-size: 15px; font-weight: bold;padding: 0 5px; font-family: 'Roboto';}
.dane_newsa.oferta h2 a {color: #eee}

.dane_newsa.oferta p {color: gray; margin: 6px 0; line-height: 1.4; font-size: 13px; padding: 0 6px; text-align: left;}
.dane_newsa.oferta p a {color: white}
.oferta .list_layout {display: inline-block; width: 100%; vertical-align: top; margin-left: 0px}

.dane_newsa.oferta:hover {background-color: #ccc; }
.dane_newsa.oferta:hover p a {color: #444}
.dane_newsa.oferta:hover h2 a {color: #444}

.extra {padding: 10px;   width: 95%; margin: 10px; height: inherit; display: inline-block; background-color: white;  box-shadow: 2px 2px 4px 1px #2e414f14;}
.extra .cover_img {display: block;vertical-align: top; float: left; margin-right: 2%; width: 220px;}
.extra .cover_img img { width: 100%;  }
.extra h2 {color: #5682A7; margin: 0; font-size: 19px; font-weight: bold;padding: 0 10px; font-family: 'Roboto'; text-align: justify; line-height: 1.3}
.extra h2 a {color: black}
.extra p {color: gray; margin: 10px 0; line-height: 1.4; font-size: 17px; padding: 0 10px; text-align: justify;}
.extra p a {color: black}
.extra .list_layout {display: inline-block; width: 100%; vertical-align: top; margin-left: 0px}

.kol2 {padding: 10px;   width: 45%; margin: 10px; height: inherit; display: inline-block; background-color: white;  box-shadow: 2px 2px 4px 1px #2e414f14;}
.kol2 .cover_img {display: block;vertical-align: top; float: left; margin-right: 2%; width: 220px;}
.kol2 .cover_img img { width: 100%;  }
.kol2 h2 {color: #5682A7; margin: 0; font-size: 19px; font-weight: bold;padding: 0 10px; font-family: 'Roboto'; text-align: left; line-height: 1.3}
.kol2 h2 a {color: black}
.kol2 p {color: gray; margin: 10px 0; line-height: 1.4; font-size: 15px; padding: 0 10px; text-align: justify;}
.kol2 p a {color: black}
.kol2 .list_layout {display: inline-block; width: 100%; vertical-align: top; margin-left: 0px}


.menu_dzialu {
}

.menu_dzialu li {
  display:block;
  float:none;
}

.menu_dzialu li > a:hover {
  background: red;
  color:white;
}




@media screen and (max-width:768px) {

  .aktualnosci {display: inline; margin:0;}
  .newsy_oferta {display: inline-block;text-align: center}
  .boxes4  {display: inline-block;text-align: center; }
  .rklma img {width: 100%}
  .dane_newsa.oferta {width: 80%; }
  .extra .cover_img {float: none; margin-bottom: 20px;}
  .oferta .list_layout {width: 80%;}
  
  .kol2 {width: 100%; margin: 0}
  .kol2 .cover_img {display: block;vertical-align: top; float: left; margin-right: 2%; width: 98%}

}