/**
 * @section              Strona materialu
 */
/* ------------------------------------------------------------------------- */
.stronaTagu .blok.menu,
.stronaKategorii .blok.menu,
.stronaMaterialu .blok.menu {
  padding-top: 15px;
  background-color: #fff;
}

.stronaMaterialu > .kontener {
    max-width: 75rem;
    margin: 0 auto;
}

#material .fotoK1,
#material .wideo {
  margin-top: 10px !important;
}

#material .materialSzczegoly {
  clear: both;
}

#material .fotoK1 img,
#material .fotoK2 img {
  width: 100%;
}

#material .fotoK2 {
  width: 300px;
  float: left;
  clear: left;
  padding: 5px 30px 10px 0;
}

#material #tresc h2 {
  line-height: 1.4;
  font-size: 23px;
  font-weight: normal;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

@media (min-width: 1000px) {
  .stronaMaterialu .naglowekTlo #ad-gora1,
  .stronaTagu .naglowekTlo #ad-gora1 {
    margin: 0;
  }
}

@media (max-width: 1000px) {
  .stronaMaterialu .blok.menu {
    padding-top: 5px;
  }
}

.stronaMaterialu h1 {
  font-family: 'PT Serif', serif;
  line-height: 1.05;
  font-size: 40px;
  color: #1e2832;
  margin-top: 10px;
  font-weight: normal;
}

.regionalne.serwisy #material .wideo {
    margin-bottom: 0;
    float: none;
}

#znacznik-wideo iframe {
  max-width: 100%;
}

#kontener-wideo:not(.plywajacy) #naglowek-wideo {
  display: none;
}

#kontener-wideo.plywajacy {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 9999;
  width: 250px;
  background-color: #000;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#kontener-wideo.plywajacy iframe {
  width: 250px;
  height: 145px;
  display: inherit;
}

#kontener-wideo.plywajacy.zminimalizowany iframe {
  height: 0 !important;
}

#kontener-wideo.plywajacy #przenies-wideo {
  display: block;
  height: 45px;
  width: 45px;
  right: 0;
  top: 0;
  position: absolute;
  background: url("/g/regionalne/ikony/przycisk_zwin.svg?20160418") no-repeat center center;
  transition: background-color .2s ease-in-out;
}

#kontener-wideo.plywajacy.zminimalizowany #przenies-wideo {
  background-image: url("/g/regionalne/ikony/przycisk_rozwin.svg?20160418");
}

.widokDesktop #kontener-wideo.plywajacy #przenies-wideo:hover {
  background-color: #d54b2d;
}

#kontener-wideo.plywajacy #naglowek-wideo {
  background-color: #606d73;
  text-transform: uppercase;
  text-align: left;
  line-height: 45px;
  color: #fff;
  padding-left: 15px;
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
}

@media (max-width: 799px) {
  #kontener-wideo.plywajacy {
    right: 3px;
    bottom: 3px;
    width: 190px !important;
  }
  
  #kontener-wideo.plywajacy iframe {
    width: 190px;
    height: 115px;
  }
  
  #kontener-wideo.plywajacy #naglowek-wideo {
    font-size: 12px;
  }
}

.stronaMaterialu .zajawka {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.5;
  color: #1e2832;
}

.materialSzczegoly > * {
  display: inline-block;
  font-family: 'PT Sans', sans-serif;
}

.materialSzczegoly .aktualizacja {
  font-size: 10px;
  text-transform: uppercase;
  color: #a4a7ae;
}

.materialSzczegoly .aktualizacja time {
  font-size: 12px;
  text-transform: none;
  color: #686a6f;
}

.materialSzczegoly .zrodlo {
  float: right;
}

.materialSzczegoly .nazwisko {
  color: #d54b2d;
  font-size: 13px;
}

.materialSzczegoly p {
  line-height: 30px;
  margin: 0;
}

.materialSzczegoly a,
.materialSzczegoly .drugiAutor {
  font-size: 13px;
  color: #d54b2d;
  font-weight: bold;
}

.materialSzczegoly .avatar {
  width: 30px;
  height: 30px;  
  border-radius: 50%;
  overflow: hidden;
  margin-right: 6px;
}

.materialSzczegoly .aktualizacja time,
.materialSzczegoly .nazwisko {
  margin-right: 16px;
  white-space: nowrap;
}

.materialSzczegoly .avatar,
.materialSzczegoly .nazwisko {
  float: left;
}

#tresc {
  padding-left: 180px;
  font-size: 17px;
  line-height: 1.5;
}

.komunikat-specjalny {
  margin:0 auto;
  font-weight: bold;
  color:red;
  font-size:36px;
  text-align: center;
}

#material[data-rozmiar="0"] #tresc,
#material[data-rozmiar="0"] .zajawka {
  font-size: 14px;
}

#material[data-rozmiar="1"] #tresc,
#material[data-rozmiar="1"] .zajawka {
  font-size: 15px;
}

#material[data-rozmiar="2"] #tresc,
#material[data-rozmiar="2"] .zajawka {
  font-size: 16px;
}

#material[data-rozmiar="4"] #tresc,
#material[data-rozmiar="4"] .zajawka {
  font-size: 18px;
}

#material[data-rozmiar="5"] #tresc,
#material[data-rozmiar="5"] .zajawka {
  font-size: 20px;
}

#material[data-rozmiar="6"] #tresc,
#material[data-rozmiar="6"] .zajawka {
  font-size: 22px;
}

#material figure[class*="zdj"] {
  border: 1px solid #eaebed;
  margin: 15px;
  padding: 0;
}

#material figure[class*="zdj"] img {
  padding: 2px;
  display: block;
  margin: 0 auto;
}

#material figure.zdjLewa {
  margin-left: 0;
  float: left;
}

#material figure.zdjPrawa {
  margin-right: 0;
  float: right;
}

#material figure:not(.k1) {
  max-width: 60%;
}

#material figure.k2 {
  width: 256px;
}

#material figure.k11 {
  width: 101px;
}

#material figure.k27 {
  width: 386px;
}

#material figure.p {
  width: 591px;
  max-width: 100%;
}

#material figcaption {
  font-size: 11px;
  border-top: 1px solid #eaebed;
  line-height: 1.3;
  padding: 5px 2px;
  color: #686a6f;
  display: block;
  max-width: 100%;
}

#material figure .autorZdjecia {
  color: #1e2832;
}

#material figure .autorZdjecia:before {
  content: '\00a9';
  margin-right: 2px;
}

#material figure.zdjSrodek {
  margin: 15px auto;
  clear: both;
}

@media screen and (min-width: 641px) and (max-width: 800px) {
  #material figure.p:not(.zdjSrodek),
  #material .fotoK2  {
    max-width: 60%;
  }
}

@media screen and (max-width: 640px) {
  #material figure[class*="zdj"]:not(.k11) {
    max-width: 100%;
    width: auto;
    float: none;
    margin: 15px 0;
  }

  #material figure.k11 {
    clear: both;
  }

  #material .fotoK2 {
    max-width: 45%;
  }
}

@media screen and (max-width: 480px) {
  #material .fotoK2 {
    width: 100%;
    max-width: 100%;
    float: none;
    padding: 15px 0;
  }
}

#tresc *:not(.cytat, .rozszerz) {
  max-width: 100%;
}

#tresc .cytat {
  display: block;
  position: relative;
  font-weight: bold;
  border-top: 3px solid #d1d2d4;
  border-bottom: 1px solid #eaebed;
  margin: 25px 15px 15px -180px;
  padding: 10px 0 15px 60px;
  min-height: 65px;
  float: left;
  clear: left;
  color: #34363c;
  width: calc(100% - -180px);
}

#tresc .rozszerz {
  display: block;
  position: relative;
  margin: 20px auto;
  clear: both;
  width: calc(100% - -180px);
  margin-left: -180px;
}

#tresc .cytat:before {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  background: url("/g/regionalne/sprite.png?20150427") no-repeat -36px -480px #fff;
  border: 1px solid #c0c4cc;
  color: #7b8289;
  left: 0;
}

#tresc a {
  color: #36c;
}

#tresc a:hover {
  color: #000;
}

#tresc ul,
#tresc ol, 
#tresc dl {
  list-style-position: inside;
  margin: 15px 0;
}

#tresc li {
  font-size: 17px;
}

#tresc ul li {
  list-style-type: square;
}

#tresc li:before {
  content: "";
  padding-left: 10px;
}

#tresc > iframe,
#tresc > center > iframe,
#tresc > span > iframe {
  max-width: 100%;
}

.wstawka {
  margin-left: -180px !important;
  float: left;
  padding: 20px 30px 20px 0;
  width: 300px;
  clear: both;
}

.wstawka:first-child {
  padding-top: 0;
  margin-top: -5px;
}

.wstawka.waska {
  width: 210px;
  padding-right: 20px;
}

.wstawka.poziomyKontenerSondy {
  margin-left: 0 !important;
  width: 100%;
  padding: 20px 0;
  float: none;
}

.zdjecieGlowne {
  margin: 10px 0 0;
}

.zdjecieGlowne img {
  width: 100%;
}

.row.wideo > .columns > iframe {
  width: 100%;
}

.zdjeciePodpis {
  margin: 0;
  padding: 5px 0 8px;
  font-size: 13px;
  line-height: 1.25;
  color: #8c8e95;
  border-bottom: 1px solid #eaebed;
}

.zdjeciePodpis span {
  color: #1e2832;
  font-size: 12px;
}

@media all and (max-width: 999px) {
  #tresc {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  
  #tresc .cytat {
    margin: 25px 0 15px;
    padding: 10px 0 15px 40px;
    width: 100%;
  }
  
  #tresc .rozszerz {
    width: 100%;
    margin: 0;
  }
  
  #tresc .cytat:before {
    border: none;
    transform: scale(1.2);
    background-color: transparent;
  }
  
  .wstawka {
    margin: 0 !important;
    width: 100%;
  }
  
  .wstawka.waska {
    padding: 10px 20px 0 0;
  }
}

@media all and (max-width: 640px) {
  #tresc,
  .zajawka {
    font-size: 16px;
    line-height: 1.3;
  }

  .komunikat-specjalny {
    font-size:32px;
  }
  
  #tresc {
    line-height: 1.5;
  }
  
  .stronaMaterialu h1 {
    font-size: 24px;
  }
  
  .wstawka > .materialyPodobne,
  .wstawka > .materialyZKategorii {
    display: none !important;
  }
  
  #tresc .cytat {
    line-height: 1.3;
    font-size: 18px;
  }
  
  #tresc .cytat:before {
    top: 3px;
  }
}

@media all and (max-width: 480px) {
  .zdjeciePodpis,
  .zdjeciePodpis span {
    font-size: 11px;
  }
}

@media all and (max-width: 420px) {
  .wstawka.waska {
    width: 100%;
    padding-right: 0;
  }
}

/**
 * @section              Strona materialu
 * @note                 Polecane wideo pod materialem
 */
/* ------------------------------------------------------------------------- */
#polecane-wideo {
  margin: 0 .9375rem 15px -.9375rem
}

#polecane-wideo .polecaneWideoZawartosc {
  background-color: #263248;
  margin: 0 .9375rem;
  padding: .9375rem;
}

#polecane-wideo .naglowek {
  text-align: center;
}

#polecane-wideo h2 {
  color: #f4f4f4 !important;
  font-size: 26px;
  font-family: "PT Sans", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.3;
}

#polecane-wideo .ikona {
  display: block;
  margin: 25px 0;
}

#polecane-wideo h3 {
  font-size: 18px;
  color: #fff !important;
  font-family: "PT Serif", serif !important;
  transition: .2s color ease-in-out;
  line-height: 1.3;
  font-weight: normal !important;
}

#polecane-wideo li:nth-child(3) {
  border: solid rgba(234,235,237,.2);
  border-width: 0 1px;
}

#polecane-wideo a:hover h3 {
  color: #ebb038 !important;
}

#polecane-wideo li .kontenerZdjecia img {
  width: 100%;
  background-color: #fff;
}

#polecane-wideo .oznaczenie.wideo {
  display: none;
}

#polecane-wideo .zarzadzanie .waga,
#polecane-wideo .zarzadzanie a:hover {
  color: #fff;
}

.polecaneWideoZawartosc .wideoWrapper {
  background-color: rgba(36,37,37, .95);
  display: none;
  height: 100%;
  width: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}

.polecaneWideoZawartosc .wideoWrapper .wideoContainer {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.polecaneWideoZawartosc .wideoWrapper .wideoZamknij {
  padding: 13px;
  background-color: #d54b2d;
  top: 10px;
  right: 10px;
  position: absolute;
  cursor: pointer;
  display: inline-block;
  z-index: 1;
  height: 51px;
}

.polecaneWideoZawartosc .wideoWrapper .wideoZamknij:hover {
  background-color: #707c90;
}

.polecaneWideoZawartosc .wideoWrapper .wideoCenter {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -220px 0 0 -390px;
}

.polecaneWideoZawartosc .wideoWrapper .wideoCenter,
.polecaneWideoZawartosc .wideoWrapper .wideoCenter iframe {
  max-width: 100%;
}

@media (max-width: 999px) {
  #polecane-wideo {
    margin: 0 -.9375rem 15px;
  }

  #polecane-wideo .polecaneWideoZawartosc {
    margin: 0;
  }
}

@media (max-width: 780px) and (min-width: 640px) {
  #polecane-wideo li {
    width: 33.3333%;
  }

  #polecane-wideo li.naglowek {
    padding: 0 4%;
  }

  #polecane-wideo li:nth-child(3) {
    border-right: 0;
  }

  #polecane-wideo li:last-child {
    display: none;
  }
}

@media (max-width: 640px) and (min-width: 480px) {
  #polecane-wideo li:not(.naglowek) {
    width: 50%;
  }

  #polecane-wideo .naglowek {
    width: 100%;
    text-align: left;
  }

  #polecane-wideo .naglowek span {
    float: left;
    margin: -5px 10px 0 0;
  }

  #polecane-wideo .naglowek img {
    width: 40px;
  }

  #polecane-wideo li:nth-child(3) {
    border-right: 0;
  }

  #polecane-wideo li:last-child {
    display: none;
  }
}

@media (max-width: 479px) {
  #polecane-wideo li {
    padding-bottom: 0;
    width: 100%;
  }

  #polecane-wideo li:nth-child(3) {
    border-width: 1px 0;
    padding-top: 15px;
    margin-bottom: 15px;
  }

  #polecane-wideo li:last-child {
    display: block;
  }

  #polecane-wideo h3 {
    font-size: 21px;
  }

  #polecane-wideo .naglowek {
    text-align: left;
  }

  #polecane-wideo .naglowek span {
    float: left;
    margin: -5px 10px 0 0;
  }

  #polecane-wideo .naglowek img {
    width: 40px;
  }
}

@media (max-width: 780px) and (max-height: 481px) {
  .polecaneWideoZawartosc .wideoWrapper .wideoCenter {
    margin: -15% 0 0;
    left: 0;
  }

  .polecaneWideoZawartosc .wideoWrapper .wideoCenter,
  .polecaneWideoZawartosc .wideoWrapper .wideoCenter iframe {
    width: 100%;
    height: 85%;
  }
}

@media (max-width: 479px) and (max-height: 780px) {
  .polecaneWideoZawartosc .wideoWrapper .wideoCenter {
    margin: -30% 0 0;
    left: 0;
  }

  .polecaneWideoZawartosc .wideoWrapper .wideoCenter,
  .polecaneWideoZawartosc .wideoWrapper .wideoCenter iframe {
    width: 100%;
    height: 70%;
  }
}

/**
 * @section              Strona materialu
 * @note                 Formularz dodawania komentarza
 */
/* ------------------------------------------------------------------------- */
#material-komentarze * {
  font-family: "PT Sans", sans-serif;
}

#material-komentarze > header {
  padding-top: 3px;
  margin: 0 0 5px;
}

#material-komentarze img {
  width: 100%;
}

#material-komentarze > header:before,
#material-komentarze #art-komentarze:before {
  content: '';
  display: block;
  border-top: 3px solid #d1d2d4;
}

#material-komentarze h2 {
  float: left;
  font-size: 30px;
  font-weight: bold;
}

#material-komentarze h2 span {
  font-size: 20px;
  font-weight: normal;
  vertical-align: 3px;
  color: #7E848B;
}

#material-komentarze .sortowanie {
  float: right;
  margin-top: 10px;
}

#material-komentarze .sortowanie a {
  color: #36c;
  font-size: 12px;
  font-weight: bold;
  padding: 0 10px;
}

#material-komentarze .sortowanie .wybrane {
  color: #686a6f;
  font-weight: normal;
  cursor: default;
}

#material-komentarze .sortowanie a + a:before {
  content: '';
  display: inline-block;
  border: 2px solid #c0c4cc;
  position: relative;
  top: -2px;
  left: -12px;
}

#material-komentarze .regulamin .regulaminLink {
  color: #36c;
}

#material-komentarze .sortowanie a:hover,
#material-komentarze .regulaminLink:hover,
#art-komentarze .tresc .mniej:hover,
#art-komentarze .tresc .wiecej:hover {
  color: #000;
}

#material-komentarze .avatar div {
  border: 1px solid #fff;
  box-shadow: 0 0 0 2px #eaebed;
}

#material-komentarze label {
  color: #1e2832;
  font-size: 14px;
}

#material-komentarze .tresc,
#material-komentarze .tresc textarea {
  margin-bottom: 2px;
}

#material-komentarze .autor b {
  display: block;
  text-transform: none;
  font-size: 14px;
  line-height: 1;
}

#material-komentarze .autor b,
#material-komentarze .pozostalo b {
  color: #d54b2d;
  font-weight: normal;
}

#material-komentarze .pozostalo b {
  color: #F1211F;
}

#material-komentarze .autor,
#art-komentarze .tresc .autor,
#material-komentarze .regulamin,
#material-komentarze .pozostalo {
  color: #a4a7ae;
  font-size: 10px;
  text-transform: uppercase;
  padding: 0;
}

#material-komentarze .pozostalo {
  text-align: right;
}

@media all and (max-width: 640px) {
  #material-komentarze .sortowanie {
    display: none;
  }

  #material-komentarze > header:before,
  #material-komentarze #art-komentarze:before {
    margin: 0 -.9375rem;
  }

  #material-komentarze h2 {
    font-size: 21px;
    padding-top: 10px;
  }

  #material-komentarze #dodaj-komentarz .avatar {
    float: right !important;
    margin-top: -35px;
    width: 100px;
  }

  #material-komentarze #dodaj-komentarz .autor {
    margin: -40px 80px 30px 0;
  }

  #material-komentarze .regulamin {
    margin-bottom: 0;
  }

  #material-komentarze .pozostalo {
    text-align: left;
  }

  #material-komentarze .formKomentarz .komunikat {
    margin-bottom: 50px;
  }

  #material-komentarze p.right {
    text-align: center;
    float: none !important;
    clear: both;
  }
}

/**
 * @section              Strona materialu
 * @note                 Lista komentarzy
 */
/* ------------------------------------------------------------------------- */
#art-komentarze,
#art-komentarze .komentarzWiersz,
#art-komentarze .forumEdytujOdp,
#art-komentarze .formZglos {
  overflow: hidden;
}

#art-komentarze .koment {
  padding: 10px 0 15px;
  overflow: hidden;
  clear: both;
}

#art-komentarze > .koment:last-child {
  margin-bottom: 20px;
}

#art-komentarze > .koment:after,
#art-komentarze .komentarzPodrzedny .koment:after,
#material-komentarze.ipboard:after,
#material-komentarze.ipboard #art-komentarze > .koment:after {
  border-bottom: 1px solid #eaebed;
  content: '';
  display: block;
  bottom: -10px;
  z-index: 0;
  position: relative;
  margin: 0 .9375rem;
}

#art-komentarze .komentarzPodrzedny {
  top: 15px;
  clear: both;
  position: relative;
}

#art-komentarze .komentarzPodrzedny .komentarzPodrzedny .komentarzPodrzedny .komentarzPodrzedny {
  margin-left: 0 !important;
  width: 100% !important;
}

#art-komentarze .komentarzPodrzedny .komentarzWiersz {
  padding-top: 10px;
}

#art-komentarze .komentarzPodrzedny .koment {
  padding-top: 0;
}

#art-komentarze .komentarzPodrzedny .koment:last-child:after {
  content: none;
}

#art-komentarze .komentarzPodrzedny:before {
  content: '';
  display: block;
  position: absolute;
  top: -25px;
  left: 19%;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  background: #fff;
  border: solid #eaebed;
  border-width: 0 1px 1px 0;
  z-index: 1;
}

#art-komentarze hr {
  border-color: #eaebed;
  margin: 10px .9375rem 0;
}

#art-komentarze .koment header,
#art-komentarze .koment .avatar {
  padding-top: 10px;
}

#art-komentarze .koment header {
  position: relative;
}

#art-komentarze .koment.wyrozniony header {
  padding-left: 32px;
}

#art-komentarze .koment.wyrozniony header:before {
  content: '';
  width: 25px;
  height: 25px;
  border: 0;
  background-position: 0 bottom;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
}

#art-komentarze .koment header strong {
  font-size: 14px;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  margin: 2px 250px -2px 0;
  display: block;
}

#art-komentarze.moderator .koment header strong {
  margin-right: 310px;
}

#art-komentarze .koment .koment .koment header strong,
#art-komentarze.moderator .koment .koment .koment header strong {
  margin: 25px 0 -2px;
}

#art-komentarze .koment.wyrozniony header strong {
  margin-right: 330px;
}

#art-komentarze .metryka {
  margin-bottom: 10px;
}

#art-komentarze .metryka span,
#art-komentarze .metryka time,
#art-komentarze .tresc .mniej,
#art-komentarze .tresc .wiecej,
#art-komentarze .komentarzNarzedzia a {
  font-size: 12px;
}

#art-komentarze .metryka b {
  font-weight: normal;
  color: #d54b2d;
  display: inline-block;
}

#art-komentarze .metryka time,
#art-komentarze .metryka span,
#art-komentarze .metryka time:before,
#art-komentarze .komentarzNarzedzia a {
  color: #a4a7ae;
}

#art-komentarze .metryka time:before {
  content: ' \2013 ';
  padding: 0 2px;
}

#art-komentarze .metryka span {
  margin-top: 10px;
}

#art-komentarze .komentarzNarzedzia {
  position: absolute;
  top: 2px;
  right: 0;
}

#art-komentarze .komentarzNarzedzia a,
#art-komentarze .wyrozniony header:before {
  float: left;
  margin: 0 2px;
  width: 25px;
  height: 25px;
  border: 1px solid #eaebed;
  background: url('/g/regionalne/komentarze.png') 0 0 no-repeat;
  transition: border-color, color .2s ease-in-out;
}

#art-komentarze .komentarzNarzedzia a:hover {
  border-color: #d54b2d;
  color: #d54b2d;
}

#art-komentarze .komentarzNarzedzia .komentarzEdytuj {
  background-position: 0 -89px;
}

#art-komentarze .komentarzNarzedzia .komentarzEdytuj:hover {
  background-position: -211px -89px;
}

#art-komentarze .komentarzNarzedzia .komentarzUsun {
  background-position: 0 -184px;
}

#art-komentarze .komentarzNarzedzia .komentarzUsun:hover {
  background-position: -211px -184px;
}

#art-komentarze .komentarzNarzedzia .komentarzZglosNaruszenie,
#art-komentarze .kciuki a {
  background-position: 0 4px;
  line-height: 23px;
  width: auto;
  padding: 0 5px 0 25px;
}

#art-komentarze .komentarzNarzedzia .komentarzZglosNaruszenie:hover {
  background-position: -211px 4px;
}

#art-komentarze .kciuki a:empty {
  padding: 0;
  width: 25px;
}

#art-komentarze .kciuki {
  display: inline-block;
}

#art-komentarze .komentarzNarzedzia .kciukGora {
  color: #018702;
  white-space: nowrap;
  background-position: 0 -279px;
}

#art-komentarze .komentarzNarzedzia .kciukGora:hover {
  background-position: -211px -279px;
}

#art-komentarze .komentarzNarzedzia .kciukDol {
  color: #F1211F;
  white-space: nowrap;
  background-position: 0 -372px;
}

#art-komentarze .komentarzNarzedzia .kciukDol:hover {
  background-position: -211px -372px;
}

#art-komentarze .tresc p {
  font-size: 14px;
  line-height: 1.3;
}

#art-komentarze .tresc .mniej,
#art-komentarze .tresc .wiecej {
  margin-left: 10px;
  cursor: pointer;
  transition: color .2s ease-in-out;
  color: #36c;
}

#art-komentarze .pokaz-ukryj {
  font-size: 14px;
  padding: 7px 15px;
  border: 1px solid #eaebed;
  margin: 10px 0 10px 10px;
  transition: color, border-color .2s ease-in-out;
}

#art-komentarze .pokaz-ukryj:after {
  content: '';
  width: 15px;
  height: 15px;
  margin-left: 5px;
  float: right;
  background: url('/g/regionalne/sprite.png?20150427') no-repeat;
}

#art-komentarze .pokaz-ukryj.watek-ukryj:after {
  background-position: -45px 2px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

#art-komentarze .pokaz-ukryj.watek-ukryj,
#art-komentarze .pokaz-ukryj.watek-pokaz:hover {
  border-color: #eaebed;
  color: #a4a7ae;
}

#art-komentarze .pokaz-ukryj.watek-pokaz,
#art-komentarze .pokaz-ukryj.watek-ukryj:hover {
  border-color: #d54b2d;
  color: #d54b2d;
}

#art-komentarze .pokaz-ukryj.watek-ukryj:hover:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  background-position: -6px 2px;
}

#art-komentarze .pokaz-ukryj.watek-pokaz:after {
  background-position: -6px 3px;
}

#art-komentarze .pokaz-ukryj.watek-pokaz:hover:after {
  background-position: -45px 3px;
}

#art-komentarze .formKomentarz,
#art-komentarze .forumEdytujOdp,
#art-komentarze .forumZglos {
  clear: both;
}

#art-komentarze .formKomentarz p,
#art-komentarze .formUsunOdp p {
  margin-bottom: 10px;
}

#art-komentarze .formKomentarz input.button {
  text-transform: capitalize;
}

#material-komentarze #komentarze-wiecej,
#material-komentarze #komentarze-wszystkie {
  display: block;
  margin: 5px auto 20px;
}

#art-komentarze .kciukiKomunikat {
  position: absolute;
  background-color: #fff;
  width: auto;
  display: block;
  padding: 0 10px;
  white-space: nowrap;
  bottom: -25px;
  right: 1px;
  font-size: 12px;
  border: 1px solid #eaebed;
  color: #a4a7ae;
}

#art-komentarze .forumEdytujOdp,
#art-komentarze .forumZglos {
  border: 1px solid #eaebed;
  padding: 15px;
  background-color: #f6f6f6;
  overflow: hidden;
}

#art-komentarze .forumEdytujOdp p.right,
#art-komentarze .forumZglos p.right,
#art-komentarze .forumZglos .przyciskUsun {
  margin-bottom: 0;
}

#art-komentarze .forumEdytujOdp > b,
#art-komentarze .forumZglos > b {
  margin-bottom: 10px;
  display: block;
}

#art-komentarze #usun-zablokuj-watek input {
  padding: 5px;
  margin: 5px 0;
}

#material-komentarze.ipboard {
  margin-bottom: 30px;
}

#material-komentarze.ipboard #art-komentarze::before {
  display: none;
}

#material-komentarze.ipboard header,
#material-komentarze.ipboard h2 {
  margin-bottom: 0;
}

#material-komentarze.ipboard a {
  color: #1E2832;
  transition: color .2s ease-in-out;
}

#material-komentarze.ipboard h2 a {
  color: #34363C;
}

#material-komentarze.ipboard a:hover {
  color: #d54b2d;
}

#material-komentarze.ipboard .linkiForum {
  clear: both;
  margin-bottom: 5px;
  font-size: 14px;
}

#material-komentarze.ipboard #art-komentarze > .koment:first-child header {
  padding-top: 0;
}

#material-komentarze.ipboard #art-komentarze > .koment:last-child {
  margin-bottom: 0;
}

@media all and (min-width: 1000px) and (max-width: 1075px) {
  #art-komentarze .komentarzPodrzedny .komentarzPodrzedny .komentarzPodrzedny {
    margin-left: 0 !important;
    width: 100% !important;
  }
}

@media all and (max-width: 640px) {
  #art-komentarze .komentarzPodrzedny {
    margin-left: 0 !important;
    width: 100% !important;
  }

  #art-komentarze .komentarzPodrzedny .komentarzWiersz {
    padding-top: 0;
  }

  #art-komentarze .avatar {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
  }

  #art-komentarze .koment {
    padding: 10px 0;
  }

  #art-komentarze .koment:after,
  #art-komentarze .koment header .metryka time:before,
  #art-komentarze .komentarzPodrzedny:before,
  #art-komentarze .komentarzPodrzedny .koment:after {
    display: none;
  }

  #art-komentarze .komentarzWiersz {
    position: relative;
    padding-bottom: 35px;
    overflow: hidden;
  }

  #art-komentarze .komentarzWiersz .tresc,
  #art-komentarze .komentarzWiersz header {
    position: static;
  }

  #art-komentarze .koment header {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
  }

  #art-komentarze .koment.wyrozniony header {
    padding: 2px 0 0;
  }

  #art-komentarze .koment header strong {
    margin: 0 !important;
    order: 2;
    -webkit-order: 2;
    font-size: 15px;
    margin-bottom: 10px
  }

  #art-komentarze .koment.wyrozniony header:before {
    top: 14px;
    left: 15px;
  }

  #art-komentarze .koment header .metryka {
    order: 1;
    -webkit-order: 1;
    margin: 0 55px 10px 0;
    font-size: 12px;
  }

  #art-komentarze .koment.wyrozniony header .metryka {
    margin-left: 35px;
  }

  #art-komentarze .koment header .metryka span {
    margin-top: -30px;
  }

  #art-komentarze .koment header .metryka time {
    display: block;
  }

  #art-komentarze .komentarzNarzedzia {
    position: absolute;
    bottom: 0;
    background-color: #F6F6F6;
    width: 100%;
    top: auto !important;
    margin: 0;
    padding: 5px .9375rem 3px;
    border-bottom: 1px solid #eaebed;
  }

  #art-komentarze .koment .tresc p {
    font-size: 14px;
  }

  #art-komentarze .komentarzNarzedzia .kciuki {
    float: right;
  }

  #art-komentarze .komentarzNarzedzia .komentarzZglosNaruszenie,
  #art-komentarze .komentarzNarzedzia .komentarzZglosNaruszenie:hover {
    border: 0;
  }

  #art-komentarze .komentarzNarzedzia .komentarzEdytuj,
  #art-komentarze .komentarzNarzedzia .komentarzUsun,
  #art-komentarze .komentarzNarzedzia .kciuki a {
    background-color: #fff;
  }

  #art-komentarze .kciukiKomunikat {
    z-index: 1;
    bottom: 30px;
  }

  #material-komentarze.ipboard #art-komentarze .komentarzWiersz,
  #material-komentarze.ipboard #art-komentarze .komentarzWiersz p {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

/**
 * @section              Nota wydawnicza
 * @note                 Style dla oznaczen w stopce serwisu i artykule
 */
/* ------------------------------------------------------------------------- */
#material > footer {
  clear: both;
}

#material #nota-wydawnicza > div {
  background: url('/g/nota_wydawnicza.png?20150114') -5px -69px no-repeat;
}

#material #nota-wydawnicza {
  position: relative;
  clear: both;
}

#material #nota-wydawnicza > div {
  background-position: right -2px;
  width: 50px;
  height: 30px;
  cursor: pointer;
}

#material #nota-wydawnicza > div:hover {
  background-position: right -32px;
}

#material #nota-wydawnicza div[class*="ukryj"] {
  width: 24px;
}

#material #nota-wydawnicza .ukryjP {
  background-position: left -2px;
}

#material #nota-wydawnicza .ukryjP:hover {
  background-position: left -32px;
}

#material #nota-wydawnicza .chmurka {
  font-family: Verdana,"Bitstream Vera Sans",Arial,Helvetica,sans-serif;
  position: absolute;
  padding: 10px;
  border: 2px solid #008000;
  box-shadow: 0 0 10px rgba(0, 128, 0, .65);
  border-radius: 5px;
  text-align: center;
  color: #4d4d4d;
  font-style: italic;
  background: #fff;
  width: 550px;
  max-width: 100%;
  top: 30px;
  right: 0;
  z-index: 1;
  display: none;
  font-size: 12px;
}

#material .dziennikPreferowany {
  padding-top: 10px;
}

#material #nota-wydawnicza > div:hover .chmurka {
  display: block;
}

#material #nota-wydawnicza .chmurka a {
  font-weight: normal;
  color: #000;
  text-decoration: underline;
}

#material #nota-wydawnicza .chmurka a:hover {
  text-decoration: none;
}


/**
 * @section              elementy po lewej stronie artykulu
 */
/* ------------------------------------------------------------------------- */

.wstawka * {
  font-family: 'PT Sans', sans-serif;
}

.wstawka strong:first-child {
  padding: 10px 5px 5px;
  text-transform: uppercase;
  font-size: 16px;
  color: #d54b2d;
  padding: 10px 15px 5px 0;
  margin: 0;
  font-weight: bold;
  display: block;
}

.wstawka > div {
  border-color: #eaebed;
  border-style: solid;
  border-width: 3px 0 1px 0;
  margin: 10px 0;
}

/**
 * @section              elementy pod artykulem
 */
/* ------------------------------------------------------------------------- */
.wstawka.dol {
  clear: both;
  overflow: hidden;
  margin: 20px 0 !important;
  width: 100%;
  padding: 0;
}

.wstawka.dol > div {
  border-bottom: 0;
}

/**
 * @section              zalaczniki
 */
/* ------------------------------------------------------------------------- */
.wstawka > div.zalaczniki {
  border-bottom: 0;
  margin-top: 10px;
}

#tresc #material-zalaczniki li {
  list-style: none;
}

#material-zalaczniki li,
#material-zalaczniki > div {
  line-height: 1.4;
  margin-bottom: 10px;
  min-height: 65px;
  position: relative;
  border-bottom: 1px solid #eaebed;
}

#material-zalaczniki a {
  color: #1e2832;
  transition: color .2s ease-in-out;
}

#material-zalaczniki a:hover {
  color: #d54b2d;
}

#material-zalaczniki li:before {
  content: none;
}

#material-zalaczniki a:before,
#material-zalaczniki a:after {
  content: "";
  width: 40px;
  height: 50px;
  padding: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#material-zalaczniki a > span {
  display: block;
  padding-left: 45px;
  font-size: 12px;
}

#material-zalaczniki .autor,
#material-zalaczniki .rozmiar {
  color: #686a6f;
}

.zalacznikPlik:before {
  background: url("/g/regionalne/sprite_zalaczniki.png?20150324") center -8px no-repeat #fff;
}

.zalacznikPlik:after {
  background: url("/g/regionalne/sprite_zalaczniki.png?20150324") center -8px no-repeat #fff;
  opacity: 1;
  transition: opacity .2s ease-in-out;
}

.zalacznikPlik:hover:after {
  opacity: 0;
}

.zalacznikPlik:before {
  background-position: center -99px;
}

.zalacznikPlik.doc:after {
  background-position: center -190px;
}

.zalacznikPlik.doc:before {
  background-position: center -281px;
}

.zalacznikPlik.xls:after {
  background-position: center -372px;
}

.zalacznikPlik.xls:before {
  background-position: center -463px;
}

.zalacznikPlik.ppt:after {
  background-position: center -554px;
}

.zalacznikPlik.ppt:before {
  background-position: center -645px;
}

.zalacznikPlik.mp3:after {
  background-position: center -736px;
}

.zalacznikPlik.mp3:before {
  background-position: center -827px;
}

.zalacznikPlik.wav:after {
  background-position: center -918px;
}

.zalacznikPlik.wav:before {
  background-position: center -1009px;
}

/**
 * @section              zalaczniki - dol
 */
/* ------------------------------------------------------------------------- */
.wstawka.dol #material-zalaczniki {
  overflow: hidden;
  position: relative;
}

.wstawka.dol h3 b {
  color: #1e2832;
  font-size: 16px;
}

.wstawka.dol #material-zalaczniki > div {
  border-bottom: 0;
  margin-top: 10px;
}

.wstawka.dol #material-zalaczniki .zalacznik {
  border-bottom: 0;
  border-left: 1px solid #eaebed;
  margin: 0 0 -100px -1px;
  overflow: hidden;
  min-height: 52px;
  padding: 5px 0 100px 0;
}

.wstawka.dol #material-zalaczniki a {
  margin-right: 10px;
  overflow: hidden;
  display: block;
  min-height: 52px;
}

.wstawka.dol #material-zalaczniki a > span {
  padding-left: 55px;
}

.wstawka.dol #material-zalaczniki a:before,
.wstawka.dol #material-zalaczniki a:after {
  left: 5px;
  top: 5px;
}

.wstawka.dol #material-zalaczniki span b {
  font-size: 12px;
}

.touch .wstawka.dol .zalaczniki .slick-prev:before {
  background: url("/g/regionalne/sprite.png?20150512") 0 -335px no-repeat;
  position: absolute;
  display: block;
  width: 30px;
  content: '';
  height: 30px;
  top: -5px;
  left: -35px;
}

.zalaczniki .nawigacjaSlajdu {
  background: url("/g/regionalne/sprite.png?20150512") no-repeat transparent;
  border: 1px solid #eaebed;
  top: 52px;
  width: 24px;
  height: 24px;
}

.zalaczniki .nawigacjaSlajdu:hover,
.zalaczniki .nawigacjaSlajdu:focus,
.zalaczniki .nawigacjaSlajdu:active {
  background-color: transparent;
  border: 1px solid #eaebed;
}

.zalaczniki .nawigacjaSlajdu.poprzedni {
  background-position: 2px -92px;
}

.zalaczniki .nawigacjaSlajdu.poprzedni {
  right: 45px;
  left: auto;
}

.zalaczniki .nawigacjaSlajdu.nastepny {
  background-position: -21px -92px;
  right: 15px;
}

.zalaczniki .nawigacjaSlajdu.poprzedni:hover {
  background-position: 2px -113px;
}

.zalaczniki .nawigacjaSlajdu.nastepny:hover {
  background-position: -21px -113px;
}

.zalaczniki .nawigacjaSlajdu:hover {
  border-color: #d54b2d;
}

/**
 * @section              tagi
 */
/* ------------------------------------------------------------------------- */
.stronaTagu .tagi,
#material-tagi {
  clear: both;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PT Sans', sans-serif;
}

#material-tagi {
  border-top: 1px solid #eaebed;
  margin: 10px 0;
  padding: 10px 0;
}

.stronaTagu .tagi > ul,
#material-tagi > ul {
  display: inline;
  margin: 0;
}

.stronaTagu .tagi li,
#material-tagi li {
  margin: 5px;
  display: inline-block;
}

.stronaTagu .tagi li a,
#material-tagi li a {
  text-transform: none;
  padding: 3px 10px;
  background-color: #eaebed;
  font-weight: normal;
  color: #34363c;
  font-size: 12px;
  transition: all .2s ease-in-out;
}

.stronaTagu .tagi li a:hover,
#material-tagi li a:hover {
  background-color: #d54b2d;
  color: #fff;
}

.stronaTagu .tagi li a:before,
#material-tagi li a:before {
  display: none;
}

@media all and (max-width: 640px) {
  .stronaTagu .tagi li,
  #material-tagi li {
    margin: 2px 0;
  }

  .stronaTagu .tagi li a,
  #material-tagi li a {
    padding: 4px 6px;
  }
}

/**
 * @section              blokada 18+
 */
/* ------------------------------------------------------------------------- */
.serwisy .zaslonaCiemna {
  background-color: rgba(10, 10, 10,.976);
}

#zaslona-18plus {
  width: 840px;
  max-width: 92%;
  left: 50%;
  box-shadow: inset 0 0 0 10px #7b8494;
  padding: 40px 70px 30px 40px;
  background: url('/g/regionalne/zaslona_18plus.png?20150414') no-repeat 96% 86% #fff;
  position: relative;
  margin-top: 0 !important;
}

#zaslona-18plus:before {
  content: '18+';
  font-size: 200px;
  color: #f6f6f6;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  font-family: 'PT Serif', serif;
  margin: -120px 0 0 -160px;
}

#zaslona-18plus h1,
#zaslona-18plus:before {
  font-weight: bold;
}

#zaslona-18plus h1 {
  font-size: 30px;
  color: #34363c;
  border-bottom: 3px solid #eaebed;
  padding-bottom: 15px;
  margin: 0 40px 20px 0;
}

#zaslona-18plus #komunikat p,
#zaslona-18plus h1 {
  font-family: 'PT Sans', sans-serif;
}

#zaslona-18plus #komunikat p {
  font-size: 17px;
  color: #1e2832;
  line-height: 1.35;
  margin-bottom: 25px;
}

#zaslona-18plus #komunikat p + p {
  margin-right: 165px;
  position: relative;
}

#zaslona-18plus #komunikat #przyciski-warstwa {
  margin: 60px 0 5px;
}

#zaslona-18plus #przyciski-warstwa .button.pomarancz {
  margin-right: 10px;
}

#zaslona-18plus .button {
  height: 40px;
  line-height: 31px;
}

#zaslona-18plus .clear {
  color: #34363c;
}

#zaslona-18plus #komunikat .clear,
#zaslona-18plus #komunikat .clear input {
  margin-bottom: 0;
}

#zaslona-18plus .clear label {
  margin: 0;
  vertical-align: text-top;
  font-size: 13px;
}

@media all and (max-width: 1024px) {
  .touch .zaslonaCiemna {
    background-color: rgba(0,0,0,.916);
  }
}

@media all and (max-width: 900px) {
  #zaslona-18plus {
    padding: 20px 30px;
    background-image: none;
  }

  #zaslona-18plus h1,
  #zaslona-18plus #komunikat p + p {
    margin-right: 0;
  }

  #zaslona-18plus #przyciski-warstwa {
    text-align: center;
  }
}

@media all and (max-width: 640px) {
  #zaslona-18plus {
    margin: 35% 3% !important;
    width: 94%;
    top: 0;
    left: 0;
  }

  #zaslona-18plus h1 {
    font-size: 27px;
    margin-bottom: 10px;
  }

  #zaslona-18plus #komunikat p {
    font-size: 15px;
    margin-bottom: 15px;
  }

  #zaslona-18plus #komunikat #przyciski-warstwa {
    margin-top: 25px;
  }
}

@media all and (max-width: 480px) {
  #zaslona-18plus {
    margin-top: 90% !important;
  }

  #zaslona-18plus:before {
    font-size: 150px;
    margin: -90px 0 0 -120px;
  }

  #zaslona-18plus h1 {
    font-size: 24px;
    padding-bottom: 10px;
  }

  #zaslona-18plus .button {
    margin-right: 0 !important;
    width: 200px;
  }

  #zaslona-18plus .clear label {
    display: inline;
  }
}

/**
 * @section              blokada materialu
 */
/* ------------------------------------------------------------------------- */
#paywall-zaslona,
#paywall-zaslona-belka {
  margin: 25px 0;
  background: #F0F0F0;
  border-left: 1px solid #EAEBED;
  border-right: 1px solid #EAEBED;
  border-bottom: 3px solid #D1D2D4;
  text-align: center;
  clear: both;
}

#paywall-zaslona .oferta {
  margin: 15px;
  padding: 0 10px;
  border-radius: 15px;
  border: 1px solid #EAEBED;
  background-color: #FFF;
}

#paywall-zaslona .oferta a {
  color: #d54b2d;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 20px;
  display: block;
}

#paywall-zaslona .oferta a:hover {
  color: #af3c23;
}

#paywall-zaslona a:hover,
#paywall-zaslona a:hover span {
  color: #000;
}

#paywall-zaslona .title {
  background: #263248;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  margin: 0 -1px;
  padding: 10px 0;
  position: relative;
  color: #fff;
}

#paywall-zaslona h4 {
  color: #686a6f;
  line-height: 1.3;
  font-size: 16px;
  margin: 15px 0;
}

#paywall-zaslona .szczegoly h4,
#mat-podobne h4 {
  font-size: 16px;
  margin: 0 0 10px;
}

#paywall-zaslona span,
#paywall-zaslona .szczegoly a {
  color: #d54b2d;
  font-weight: bold;
}

#paywall-zaslona .szczegoly * {
  color: #686a6f;
  line-height: 1.3;
  font-size: 14px;
}

#paywall-zaslona .szczegoly p {
  margin: 0 0 15px;
  padding: 0 15px;
}

#paywall-zaslona .szczegoly ul,
#paywall-zaslona .szczegoly ol {
  width: 60%;
  display: inline-block;
  margin: 0 0 15px;
}

#paywall-zaslona .szczegoly ul li,
#paywall-zaslona .szczegoly ol li {
  text-align: left;
  margin: 0 0 4px;
}

#paywall-zaslona .przyciski {
  margin: 0;
  padding: 10px 0 0;
}

#paywall-zaslona .przyciski a {
  display: inline-block;
  background: #8393B5;
  color: #fff;
  margin: 0 0 10px;
  padding: 8px 0;
  width: 70%;
  min-width: 150px;
  max-width: 350px;
  font-size: 14px;
  transition: background-color .2s ease-in-out;
  text-transform: uppercase;
}

#paywall-zaslona .przyciski a:first-child {
  background: #263248;
}

#paywall-zaslona .przyciski a:hover {
  background: #d54b2d;
}

#paywall-zaslona .dopisek {
  padding-bottom: 15px;
  font-size: .8rem;
}

#paywall-zaslona .dopisek span {
  color: #686a6f;
  font-weight: normal;
}

#paywall-zaslona .dopisek a {
  color: #263248;
}

#paywall-zaslona .dopisek a:hover {
  color: #d54b2d;
}
#mat-podobne {
  background: #fff;
}

#mat-podobne h4 {
  padding-top: 18px;
}

#mat-podobne ul {
  margin-bottom: 0;
}

#mat-podobne li {
  padding-bottom: 10px;
  text-align: left;
}

#mat-podobne li:before {
  display: none;
}

#mat-podobne h3 {
  font-size: 16px;
  font-family: 'PT Serif', serif;
}

#mat-podobne a:hover h3 {
  color: #d54b2d
}

#paywall-zaslona .linki {
  margin: 0;
  padding: 3px 0;
}

#paywall-zaslona .linki a {
  font-size: 12px;
  padding: 0 8px;
}

#paywall-zaslona .linki a:first-child {
  border-right: 1px solid #c0c4cc;
  padding-left: 10px;
}

@media all and (max-width: 640px) {
  #paywall-zaslona > h4 {
    font-size: 18px;
  }

  #mat-podobne ul {
    padding-bottom: 15px;
  }

  #mat-podobne h3 {
    margin: 0;
  }
}

@media all and (max-width: 360px) {
  #paywall-zaslona .title:after {
    display: none;
  }
}

/**
 * @section            Zasłona PLUS na SR
 */
/* ------------------------------------------------------------------------- */

#paywall-zaslona-belka,
#paywall-zaslona.zaslonaPlus {
  background-color: #fff;
  border: solid 1px #f2f2f2;
  clear: both;
}

#paywall-zaslona-belka .tytul,
#paywall-zaslona.zaslonaPlus .tytul {
  background-color: #f2f2f2;
  font-size: 1.2rem;
  padding: 14px 8px 14px 55px;
  position: relative;
  margin: 0 -1px;
  font-family: PT Sans, sans-serif;
  font-weight: 400;
}

#paywall-zaslona-belka .tytul:after,
#paywall-zaslona.zaslonaPlus .tytul:after {
  background: #cf5a5a url(../../../g/serwis_plus/ikony/zaslona_nie.svg) 1px center no-repeat;
  width: 47px;
  height: 100%;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

#paywall-zaslona-belka .tytul:after,
#paywall-zaslona.zaslonaPlus.zajawkaPlusa .tytul:after {
  background: #22a293 url(../../../g/serwis_plus/ikony/zaslona_tak.svg) 1px center no-repeat;
}

#paywall-zaslona.zaslonaPlus h4 {
  margin: 2rem auto 0;
  padding: 0 1.5rem;
}

#paywall-zaslona.zaslonaPlus .materialyZPlusa h4 {
  background: url("/g/serwis_plus/ikony/plus.svg") no-repeat;
  background-position: 0 10px;
}

#paywall-zaslona.zaslonaPlus ul,
#paywall-zaslona.zaslonaPlus h4 {
  text-align: left;
}

#paywall-zaslona.zaslonaPlus h4,
#paywall-zaslona.zaslonaPlus ul {
  width: auto;
  max-width: 500px;
}

#paywall-zaslona.zaslonaPlus .tytul,
#paywall-zaslona.zaslonaPlus h4,
#paywall-zaslona.zaslonaPlus span {
  font-weight: 400 !important;
}

#paywall-zaslona.zaslonaPlus .tytul span,
#paywall-zaslona.zaslonaPlus .h4 span,
#paywall-zaslona.zaslonaPlus .zaloguj a {
  color: #cf5a5a;
}

#paywall-zaslona.zaslonaPlus ul {
  padding: 0 1rem 0 3rem;
  margin: .5rem auto 1.5rem;
}

#tresc #paywall-zaslona.zaslonaPlus ul li {
  list-style-type: none;
  padding: .1rem 0 0;
  position: relative;
}

#tresc #paywall-zaslona.zaslonaPlus .materialyZPlusa {
  margin: 2rem;
}

#tresc #paywall-zaslona.zaslonaPlus .materialyZPlusa article {
  max-width: 32%;
  padding: 0px 4px;
  display: inline-block;
  vertical-align: top;
}

#tresc #paywall-zaslona.zaslonaPlus .materialyZPlusa h4 {
  font-family: 'PT Serif', serif;
  color: #1e2832;
  margin: 0;
  padding: .5rem 0 0;
  font-size: .95rem;
  transition: color .2s ease-in-out;
  text-indent: 20px;
}

#paywall-zaslona-belka a:hover .tytul,
#tresc #paywall-zaslona.zaslonaPlus .materialyZPlusa a:hover h4,
#paywall-zaslona.zaslonaPlus .tytul a:hover,
#paywall-zaslona.zaslonaPlus ul li a:hover {
  color: #d54b2d;
}

#tresc #paywall-zaslona.zaslonaPlus ul li:before {
  position: absolute;
  top: 8px;
  left: -1.5rem;
  width: 1rem;
  height: 1rem;
  content: "";
  background: url(../../../g/serwis_plus/ikony/plus.svg) no-repeat;
}

#paywall-zaslona.zaslonaPlus .przyciski {
  border-bottom: 0;
  padding-bottom: .5rem;
}

#paywall-zaslona.zaslonaPlus .przyciski a {
  background-color: #cf5a5a;
  text-transform: uppercase;    
  padding: .7rem 2rem;
  width: auto;
  font-size: 1.1rem;
}

#paywall-zaslona.zaslonaPlus .przyciski a:hover {
  background-color: #c63a3a;
}

#paywall-zaslona.zaslonaPlus.zajawkaPlusa .przyciski a {
  background-color: #22a293;
}

#paywall-zaslona.zaslonaPlus.zajawkaPlusa .przyciski a:hover {
  background-color: #1c867a;
}

#paywall-zaslona.zaslonaPlus .zaloguj {
  font-size: .8rem;
  margin-bottom: 2rem;
}

#paywall-zaslona-belka .tytul,
#paywall-zaslona.zaslonaPlus .tytul,
#paywall-zaslona.zaslonaPlus h4,
#tresc #paywall-zaslona.zaslonaPlus ul li,
#paywall-zaslona.zaslonaPlus .zaloguj span,
#paywall-zaslona.zaslonaPlus .tytul a,
#paywall-zaslona.zaslonaPlus ul li a {
  color: #666;
}

#paywall-zaslona.zaslonaPlus .zaloguj a {
  font-weight: 700;
}

#paywall-zaslona.zaslonaPlus .zaloguj a:hover {
  color: #c63a3a;
}

@media all and (max-width: 480px) {
  #tresc #paywall-zaslona.zaslonaPlus .materialyZPlusa {
    margin: 1rem;
  }
  
  #tresc #paywall-zaslona.zaslonaPlus .materialyZPlusa article {
    max-width: 100%;
    display: block;
    text-align: left;
    margin-bottom: 8px;
  }
  
  #tresc #paywall-zaslona.zaslonaPlus .materialyZPlusa img {
    max-width: 35%;
    vertical-align: top;
  }
  
  #tresc #paywall-zaslona.zaslonaPlus .materialyZPlusa h4 {
    display: inline-block;
    width: 63%;
    padding: 0 0 0 5px;
    font-size: .9rem;
    background-position: 4px 2px;
  }
}

@media all and (max-width: 360px) {
  #paywall-zaslona.zaslonaPlus .tytul {
    padding-left: 8px;
  }
  
  #paywall-zaslona.zaslonaPlus .tytul:after {
    display: none;
  }
  
  #tresc #paywall-zaslona.zaslonaPlus .materialyZPlusa {
    margin: .5rem;
  }
}


/**
 * @section              materialy podobne
 */
/* ------------------------------------------------------------------------- */

#tresc .materialyPodobne {
  border-bottom-width: 3px;
}

#tresc .materialyPodobne ul {
  margin: 10px 0;
}

#tresc .materialyPodobne li {
  list-style: none;
  border-top: 1px solid #eaebed;
}

#tresc .materialyPodobne li:first-child {
  border-top: none;
}

#tresc .materialyPodobne li a strong {
  font-family: 'PT Sans', sans-serif;
  color: #1e2832;
  font-size: 16px;
  line-height: 1.1;
  transition: color .2s ease-in-out;
  margin: 7px 0;
  font-weight: bold;
  text-transform: none;
  padding: 0;
}

#tresc .materialyPodobne li a:hover strong {
  color: #d54b2d;
}

#tresc .materialyPodobne li:before {
  content: none;
}

/**
 * @section              z kategorii
 */
/* ------------------------------------------------------------------------- */
#tresc .materialyZKategorii {
  border-width: 3px 0;
  overflow: hidden;
}

#tresc .materialyZKategorii a strong {
  font-family: 'PT Sans', sans-serif;
  color: #1e2832;
  font-size: 16px;
  line-height: 1.2;
  transition: color .2s ease-in-out;
  margin: 7px 0 12px;
  font-weight: bold;
  display: block;
}

#tresc .materialyZKategorii a:hover strong {
  color: #d54b2d;
}

#tresc .materialyZKategorii a:first-of-type strong {
  border-bottom: 1px solid #eaebed;
  padding-bottom: 10px;
  display: block;
}

/**
 * @section              sonda
 */
/* ------------------------------------------------------------------------- */

.sondaMaterial .pytanie {
  font-weight: bold;
}

.sondaMaterial .pytanie {
  background-color: #f6f6f6;
  color: #1e2832;
  padding: 10px 15px;
}

.sondaMaterial .pytanie {
  font-size: 14px;
  line-height: 1.15;
  padding: 10px 5px;
}

.poziomyKontenerSondy .sondaMaterial h3,
.poziomyKontenerSondy .sondaMaterial .pytanie {
  padding-left: 15px;
}

.wstawka .sondaMaterial dl {
  padding: 10px 5px;
}

.poziomyKontenerSondy.wstawka .sondaMaterial dl {
  padding: 10px 25px;
}

.wstawka .sondaMaterial dt b {
  font-size: 14px;
}

.sondaMaterial form {
  margin: 5px 15px;
}

.sondaMaterial form > p {
  margin-bottom: 8px;
  padding-left: 15px;
}

.sondaMaterial form > p > label {
  color: #1e2832;
}

.sondaMaterial input[type="radio"] {
  position: absolute;
}

.sondaMaterial input[type="submit"] {
  padding: 6px 15px;
  min-width: 100px;
}

@media all and (min-width: 1000px) { 
  .pionowyKontenerSondy .sondaMaterial form {
    margin: 5px 0;
  }
  
  .wstawka.poziomyKontenerSondy > div {
    border-width: 3px 1px 1px 1px;
  }
}

@media all and (max-width: 999px) { 
  .wstawka.pionowyKontenerSondy,
  .wstawka.poziomyKontenerSondy {
    margin-left: 0 !important;
    width: 100%;
    padding: 20px 0;
  }
  
  .poziomyKontenerSondy.wstawka .sondaMaterial dl {
    padding: 10px 5px;
  }
  
  .sondaMaterial .pytanie,
  .sondaMaterial h3 {
    padding-left: 5px !important;
  }
}

@media all and (max-width: 640px) {
  .sondaMaterial form > p > input[type="radio"] {
    position: absolute;
  }
  
  .sondaMaterial form > p > label {
    display: block;
    margin: 0 5px;
    padding: 7px 0 7px 13px;
  }
  
  .sondaMaterial form > p > label:before {
    top: 5px;
  }
  
  .sondaMaterial span {
    margin-bottom: 3px;
  }
}

/**
 * @section              narzedziownik
 */
/* ------------------------------------------------------------------------- */
#narzedzia {
  position: absolute;
  left: -65px;
  width: 65px;
  margin: 0;
  padding: 5px 5px 0;
  background-color: #fff;
  z-index: 100;
}

#narzedzia > li {
  list-style: none;
  width: 100%;
  height: 42px;
  position: relative;
  margin-bottom: 6px;
  background-color: #f6f6f6;
}

#narzedzia > li,
#narzedzia > li > div {
  background-color: #f6f6f6;
}

#narzedzia > li:hover {
  width: 70px;
}

#narzedzia > .facebook:hover,
#narzedzia > .facebook.hover {
  width: 265px;
}

#narzedzia > .twitter:hover {
  width: 210px;
}

#narzedzia > .googleplus:hover {
  width: 205px;
}

#narzedzia > .drukuj:hover {
  width: 155px;
}

#narzedzia > .komentarze:hover {
  width: 142px;
}

#narzedzia > li > div {
  position: absolute;
  display: none;
  top: 0;
  left: 65px;
  min-height: 42px;
}

#narzedzia > li:hover > div {
  display: block;
}

#narzedzia > li.wyzsze > div {
  min-height: 64px;
}

#narzedzia > li > a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/g/regionalne/narzedziownik_sprite.png?20150427") left -25px no-repeat;
  font-size: 13px;
  color: #1e2832;
  line-height: 2.7;
}

#narzedzia > li > a .wartosc {
  width: 55px;
  text-align: center;
}

#narzedzia > li > a .ukryty {
  display: none;
  position: absolute;
  top: 14px;
  right: 10px;
  line-height: 1;
  white-space: nowrap;
}

#narzedzia > .wyzsze .ukryty {
  top: 25px;
}

#narzedzia > :hover .ukryty,
#narzedzia > .hover .ukryty  {
  display: block;
}

#narzedzia > li.wyzsze {
  height: 64px;
}

#narzedzia .bezTekstu > a {
  text-indent: -999px;
  overflow: hidden;
}

#narzedzia .facebook > a {
  background-position: -3px -6px;
}

#narzedzia .facebook:hover > a,
#narzedzia .facebook.hover > a {
  background-position: -58px -6px;
}

#narzedzia .googleplus > a {
  background: url('/../g/regionalne/stopka_sprite.png?20150923') no-repeat;
  background-position: 8px -278px;
}

#narzedzia .googleplus:hover > a {
  background-position: 8px -516px;
}

#narzedzia .twitter > a {
  background-position: left -75px;
}

#narzedzia .twitter:hover > a {
  background-position: -55px -75px;
}

#narzedzia .przeslij > a {
  background-position: left -216px;
}

#narzedzia .przeslij:hover > a {
  background-position: -55px -216px;
}

#narzedzia .drukuj > a {
  background-position: left -264px;
}

#narzedzia .drukuj:hover > a {
  background-position: -55px -264px;
}

#narzedzia .wielkosc > a {
  background-position: left -311px;
}

#narzedzia .wielkosc:hover > a {
  background-position: -55px -311px;
}

#narzedzia .komentarze > a {
  background-position: left -357px;
}

#narzedzia .komentarze:hover > a {
  background-position: -55px -357px;
}

#narzedzia .facebook iframe {
  border: 0;
  display: block;
}

#narzedzia .facebook .ukryty {
  right: -5px;
}

#narzedzia .przeslij div {
  width: 355px;
  height: 165px;
  padding: 15px 20px;
}

#narzedzia .przeslij.rozwiniety div {
  height: 205px;
}

#narzedzia .przeslij.rozwiniety > div > span {
  display: block;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  font-size: 12px;
  padding: 3px 0;
}

#narzedzia .przeslij.rozwiniety > div > .info {
  color: #263248;
}

#narzedzia .przeslij.rozwiniety > div > .blad {
  color: #d54b2d;
}

#narzedzia .wielkosc > div {
  width: 113px;
}

#narzedzia fieldset {
  margin: -4px 0 0;
  border: none;
  padding: 0;
}

#narzedzia fieldset label {
  margin-top: 10px;
}

#narzedzia fieldset input {
  padding: 5px;
  margin-bottom: 0;
}

#narzedzia fieldset input.blad {
  border-color: #d54b2d;
}

#narzedzia fieldset span.blad {
  color: #d54b2d;
  display: none;
  font-size: 10px;
  right: 30px;
  position: absolute;
}

#narzedzia fieldset .blad.widoczny {
  display: block;
}

#narzedzia fieldset button {
  padding: 8px 30px;
  display: block;
  margin: 20px auto 0;
  font-size: 14px;
  background-color: #263248;
  transition: background .2s ease-in-out;
}

#narzedzia fieldset button:hover {
  background-color: #d54b2d;
}

#narzedzia fieldset legend {
  background-color: transparent;
  font-size: 14px;
}

#narzedzia .wielkosc > div > div {
  width: 53px;
  height: 36px;
  float: left;
  background-color: #fff;
  display: block;
  margin: 3px 3px 3px 0;
  cursor: pointer;
  overflow: hidden;
  text-indent: -999px;
  background: url("/g/regionalne/aa_sprite.png?20150427") top left no-repeat;
}

#narzedzia .wielkosc > div .pomniejsz {
  background-position: top right;
}

#narzedzia .wielkosc > div .powieksz:hover {
  background-position: bottom left;
}

#narzedzia .wielkosc > div .pomniejsz:hover {
  background-position: bottom right;
}

@media all and (min-width: 1270px) and (max-width: 1330px) { 
  #narzedzia {
    width: 48px;
    left: -33px;
  }
  
  #narzedzia > li:hover {
    width: 48px;
  }
  
  #narzedzia > li > div {
    left: 48px;
  }
  
  #narzedzia > li > a .wartosc {
    width: 38px;
  }
  
  #narzedzia .ukryty {
    right: 20px;
  }
  
  #narzedzia > .facebook:hover {
    width: 250px;
  }
  
  #narzedzia .facebook > a {
    background-position: -10px -6px;
  }

  #narzedzia .facebook:hover > a,
  #narzedzia .facebook.hover > a {
    background-position: -65px -6px;
  }

  #narzedzia .googleplus > a {
    background-position: -2px -278px;
  }

  #narzedzia .googleplus:hover > a {
    background-position: -2px -516px;
  }

  #narzedzia .twitter > a {
    background-position: -10px -75px;
  }

  #narzedzia .twitter:hover > a {
    background-position: -65px -75px;
  }

  #narzedzia .przeslij > a {
    background-position: -10px -216px;
  }

  #narzedzia .przeslij:hover > a {
    background-position: -65px -216px;
  }

  #narzedzia .drukuj > a {
    background-position: -10px -264px;
  }

  #narzedzia .drukuj:hover > a {
    background-position: -65px -264px;
  }

  #narzedzia .wielkosc > a {
    background-position: -10px -311px;
  }

  #narzedzia .wielkosc:hover > a {
    background-position: -65px -311px;
  }

  #narzedzia .komentarze > a {
    background-position: -10px -357px;
  }

  #narzedzia .komentarze:hover > a {
    background-position: -65px -357px;
  }
}

@media all and (max-width: 1270px) { 
  #narzedzia {
    display: none;
  }
}

/**
 * @section              Galeria zdjec
 */
/* ------------------------------------------------------------------------- */
.galeriaMaterial .glowneZdjecie,
.galeriaMaterial .miniatury li a {
  background-color: #000;
}

.galeriaMaterial .miniatury .zaslonaGalerii a {
  background-color: #fff;
}

.galeriaMaterial .glowneZdjecie {
  position: relative;
}

.galeriaMaterial a img {	 
  width: 100%;	 
}

.galeriaMaterial a:hover img {
  opacity: .85;
}

.galeriaMaterial .glowneZdjecie > .liczbaZdjec,
.galeriaMaterial .glowneZdjecie > .powiekszenie {
  position: absolute;
  width: 100%;
  text-align: right;
  color: #fff;
}

.galeriaMaterial .glowneZdjecie > .liczbaZdjec {
  top: 0;
  background: linear-gradient(rgba(0,0,0,.4), transparent);
  font-size: 12px;
  padding: 10px 10px 30px;
}

.galeriaMaterial .glowneZdjecie > .powiekszenie {
  bottom: 0;
  background: linear-gradient(transparent, rgba(0,0,0,.4));
  padding: 4px;
}

.galeriaMaterial .glowneZdjecie > .powiekszenie span {
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-align: left;
  text-indent: -999px;
}

.galeriaMaterial .glowneZdjecie > .liczbaZdjec b {
  font-size: 18px;
  position: relative;
}

.galeriaMaterial .glowneZdjecie > .liczbaZdjec b:before,
.galeriaMaterial .listaMiniatur > a,
.galeriaMaterial .glowneZdjecie > .powiekszenie span {
  background: url("/g/regionalne/sprite_galeria.png?20150401") top center no-repeat;
  position: relative;
}

.przejdzDoGalerii {
  width: 150px;
  height: 45px;
  background-color: #d54b2d;
  float: right; 
}

.przejdzDoGalerii p {
  color: #f6f6f6;
  font-size: 13px;
  line-height: 1.1em;
  text-align: left;
  float: right;
  width: 135px;
  margin-top: 8px;
}

.przejdzDoGalerii p:before {
  background: url("/g/regionalne/sprite_galeria.png?20150506") no-repeat center -265px;
  content: "";
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 18px;
}

.galeriaMaterial .glowneZdjecie > .liczbaZdjec b:before {
  content: "";
  background-position: center -60px;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: -30px;
}

.galeriaMaterial .opisZdjecia {
  border: 1px solid #eaebed;
  border-top: none;
  color: #686a6f;
  margin-bottom: 0;
  font-size: 13px;
  padding: 7px 15px;
  font-family: "PT Sans", sans-serif;
}

.galeriaMaterial .autorZdjecia {
  color: #1e2832;
  white-space: nowrap;
}

.galeriaMaterial .miniatury {
  margin: 16px 6px 6px;
}

.galeriaMaterial .miniatury li a {
  margin: -6px;  
}

.galeriaMaterial #wersja-rozwinieta {
  display: none;
}

.galeriaMaterial .listaMiniatur {
  border-top: 3px solid #eaebed;
  margin: 15px -6px;
}

.galeriaMaterial .listaMiniatur > a {
  display: block;
  margin: -22px auto 0;
  color: #1e2832;
  font-size: 12px;
  background-color: #fff;
  width: 140px;
  padding: 15px 0 15px 45px;
  background-position: 3px -177px;
}

.galeriaMaterial .listaMiniatur > a.rozwiniete {
  width: 145px;
  padding: 15px 0 15px 55px;
  background-position: 7px -97px;
}

#tresc .galeriaMaterial .listaMiniatur .pokazMiniatury {
  color: #1e2832;
}

#tresc .galeriaMaterial .listaMiniatur .pokazMiniatury:hover {
  color: #d54b2d;
}

.galeriaMaterial .listaMiniatur > a:hover {
  color: #d54b2d;
  background-position: 3px -217px;
}

.galeriaMaterial .listaMiniatur > a.rozwiniete:hover {
  background-position: 7px -137px;
}

.galeriaMaterial .small-block-grid-3#wersja-zwinieta > li:nth-of-type(3n+1),
.galeriaMaterial .medium-block-grid-4#wersja-zwinieta > li:nth-of-type(4n+1),
.galeriaMaterial .small-block-grid-3#skrocone > li:nth-of-type(3n+1),
.galeriaMaterial .medium-block-grid-4#skrocone > li:nth-of-type(4n+1) {
  clear: none;
}

@media all and (max-width: 480px) { 
  .galeriaMaterial .glowneZdjecie > .liczbaZdjec span:before {
    display: none;
  }
}

/* Kontener z position:static dla paska plywajacego - dla zniwelowania efektu skoku */
#kontener-static {
  height: 50px;
  position: relative;
}


/**
 * @section              Strona tagu
 */
/* ------------------------------------------------------------------------- */
.stronaTagu .naglowekSekcja {
  border-bottom: 4px solid #eaebed;
  margin-bottom: 15px;
}

.stronaTagu .naglowekSekcja strong {
  color: #a4a7ae;
  font-family: "PT Sans", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
}

.stronaTagu .naglowekSekcja strong h1 {
  color: #d54b2d;
  font-size: 30px;
  margin-left: 5px;
  display: initial;
  font-family: 'PT Sans', sans-serif;
}

.stronaTagu .elementRegionalne .tagi {
  padding: 5px 0 10px;
  margin-top: 5px;
  border-top: 1px dashed #eaebed;
}

.stronaTagu .elementRegionalne.szeroki,
.stronaTagu .elementRegionalne {
  border-width: 2px;
}

@media all and (max-width: 999px) {
  .stronaTagu .naglowekSerwisu {
    margin-bottom: 2px;
  }
}

@media all and (max-width: 640px) {
  .stronaTagu .naglowekSekcja {
    margin-top: 5px;
  }

  .stronaTagu .naglowekSekcja strong {
    font-size: 14px;
  }

  .stronaTagu .naglowekSekcja strong h1 {
    font-size: 24px;
    display: block;
    margin: -3px 0 5px;
    line-height: 1.15;
  }

  .stronaTagu .tagi > span {
    display: none;
  }
}

/**
 * @section              Powiatówka - ogólne
 */
/* ------------------------------------------------------------------------- */
.regionalne.serwisy #ad-gora1:not(:empty),
.regionalne.serwisy .naglowekSerwisu .adBoks:not(.tapeta):not(.layer) {
  padding-top: 15px !important;
}

.regionalne.serwisy .menu,
.regionalne.serwisy #serwis-menu,
.regionalne.serwisy .listaMaterialow > div:not(.stronicowanie) {
  margin-top: 10px;
}

.stronaTagu .adSrodek #prawa4 {
  border-top: 0;
}

.stronaTagu .adSrodek #prawa1 {
  margin-top: 10px;
}

/**
 * @section              Powiatówka - odstepy
 */
/* ------------------------------------------------------------------------- */
.regionalne.serwisy .listaMaterialow,
.regionalne.stronaMaterialu #prawa-kolumna > div:not(:first-child),
.regionalne.stronaMaterialu #prawa-kolumna > section:not(:first-child) {
  margin-top: 15px;
}

.regionalne.serwisy .glownyKontener > div > div ~ .listaMaterialow,
.regionalne.serwisy .glownyKontener > div > section ~ .listaMaterialow {
  padding-top: 15px;
}

.regionalne.serwisy .glownyKontener > div > section,
.regionalne.serwisy .glownyKontener > div > div,
.regionalne:not(.stronaMaterialu) #prawa-kolumna > div,
.regionalne:not(.stronaMaterialu) #prawa-kolumna > section,
.stronaTagu #prawa-kolumna > section,
.stronaTagu #prawa-kolumna > div {
  padding-top: 5px;
  margin-top: 15px;
  border-top: 3px solid #eaebed;
  clear: both;
}

.regionalne.serwisy .glownyKontener > div > section:first-child,
.regionalne.serwisy .glownyKontener > div > div:first-child,
.stronaTagu #prawa-kolumna > section:first-child,
.stronaTagu #prawa-kolumna > div:first-child,
.regionalne.serwisy #prawa-kolumna > section:first-child,
.regionalne.serwisy #prawa-kolumna > div:first-child {
  border-top: 0;
  margin-top: 0;
}


.regionalne:not(.stronaMaterialu) #prawa-kolumna > div:first-child,
.regionalne:not(.stronaMaterialu) #prawa-kolumna > section:first-child {
  margin-top: 0;
}

.regionalne.serwisy #prawa-kolumna .ranking ol {
  margin-bottom: 0;
}

#strona-tagu #prawa-kolumna {
  margin-top: 24px;
}

/**
 * @section              Powiatówka - Reklama
 * @note                 Ostylowanie reklam tablet i mobile
 */
/* ------------------------------------------------------------------------- */

.regionalne.serwisy .reklamaMobilna.mobile {
  margin: 0 auto 15px;
  text-align: center;
}

.regionalne.serwisy .reklamaMobilna {
  margin-top: 15px;
  margin-bottom: 15px;
}

.regionalne.serwisy .naglowekSerwisu .reklamaMobilna {
  margin-top: 0;
  margin-bottom: 0;
}

.regionalne.serwisy .szerokaDol .reklamaMobilna {
  margin-top: 15px;
}

.regionalne.serwisy .adBoks:not(.tapeta):not(.layer) {
  padding-top: 10px !important;
  text-align: center;
}

.regionalne.serwisy ul.listaZajawek li.reklama {
  border-top: 1px solid #eaebed;
}

.stronaTagu #glowna-kolumna #srodek2 {
  margin-top: 15px;
}


/**
 * @section              Powiatówka - Boks naglowkowy
 * @note                 Boks nagłówkowy z pogodą
 */
/* ------------------------------------------------------------------------- */

.boksNaglowkowy {
  border-bottom: 3px solid #bfc1c6;
  padding-bottom: 15px;
}

.boksTytulowy {
  font-family: 'PT Sans', sans-serif;
  position: relative;
  border-bottom: 1px solid #f0f1f2;
  background: left center no-repeat;
  margin-top: 20px;
  overflow: hidden;
  min-height: 113px;
  background-size: cover;
}

.boksTytulowy.rozbudowany {
  background-position: right center;
}

.naglowekMFKontener {
  max-width: 1200px;
  padding: 0 15px;
  margin: 20px auto 0;
}

.naglowekMotofakty {
  font-family: 'PT Sans', sans-serif;
  position: relative;
  background: left center no-repeat;
  overflow: hidden;
  height: 173px;
}

.logoDziennik {
  max-height: 35px;
  max-width: 150px;
  margin-top: 75px;
  margin-left: 5%;
}

.logoMotofakty {
  max-height: 35px;
  margin-top: 75px;
  margin-left: 2%;
}

.logoDziennik,
.logoMotofakty {
  position: relative;
  z-index: 1;
}

.naglowekMFKontener .urlTlo {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  text-indent: -100%;
  overflow: hidden;
}

.boksTytulowyKolor {
  background-color: rgba(0,0,0,.3);
  width: 100%;
  height: 100%;
  position: absolute;
}

.boksTytulowy.rozbudowany {
  border-top: 1px solid #d0d6dc;
}

.boksTytulowy abbr {
  color: inherit;
  border: none;
}

.boksTytulowy h1,
.boksTytulowy .opis {
  color: #f6f6f6;
  position: relative;
  text-shadow: 2px 2px 1px rgba(0,0,0,.3);
  line-height: 1.1;
}

.boksTytulowy h1 {
  padding: 10px 20px 0;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
}

.boksTytulowy.rozbudowany h2 {
  padding: 30px 30px 0;
  font-size: 38px;  
}

.boksTytulowy .opis {
  line-height: 1.2;
  font-size: 16px;
  padding: 0 20px;
  font-weight: normal;
}

.boksTytulowy.rozbudowany .opis {
  font-size: 20px;
  padding: 0 30px;
}

.boksTytulowy .prawyBoks {
  right: 0;
  top: 0;
  font-size: 22px;
  text-transform: uppercase;
  color: #c0c4cc;
  height: 100%;
  position: relative;
}

.boksTytulowy .prawyBoksRozmycie {
  background: right center no-repeat;
  background-size: cover;
  position: absolute;
  display: none;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  filter: blur(5px); 
  -webkit-filter: blur(5px);
}

.boksTytulowy .prawyBoksKolor {
  background: rgba(17,27,45,.6);
  right: 0;
  top: 0;
  height: 100%;
}

.boksTytulowy .prawyBoks .dzisiaj:before {
  content: "";
  width: 120px;
  height: 120px;
  position: absolute;
  left: 50px;
  top: 50px;
} 

.boksTytulowy .prawyBoks .columns {
  padding: 0;
}

.boksTytulowy .prawyBoks .gora {
  padding: 20px;
  display: none;
}

.boksTytulowy .prawyBoks .dol {
  width: 100%;
  bottom: 0px;
}

.boksTytulowy .prawyBoks .dol > a {
  display: none;
}

.boksTytulowy .prawyBoks .dol > a:hover {
  text-decoration: underline;
}

.boksTytulowy .dzisiajTekst {
  margin: 0;
  position: relative;
}

.boksTytulowy .dzisiajTekst li {
  display: block;
  clear: both;
  color: #f6f6f6;
  text-shadow: 1px 1px rgba(0,0,0,.4);
}

.boksTytulowy .prawyBoks .dzisiajTekst li > time,
.boksTytulowy .prawyBoks .dzisiajTekst li > span {
  float: right;
}

.boksTytulowy .prawyBoks .dzisiajTekst li:first-child {
  border-bottom: 1px solid rgba(255,255,255,.3);
  font-size: 14px;
}

.boksTytulowy .prawyBoks .dzisiajTekst li:last-child {
  text-transform: none;
  color: #a4a7ae;
}

.boksTytulowy .dzisiaj {
  padding: 40px 20px 40px 185px;
  position: relative;
  text-shadow: 3px 2px rgba(21,31,50,.5);
}

.boksTytulowy .dzisiaj > p {
  color: #eaebed;
  font-size: 80px;
  line-height: 1;
  padding: 20px 0;
  margin-bottom: 0;
}

.boksTytulowy .dzisiaj > p > small {
  display: block;
  text-transform: none;
  font-size: 18px;
  color: #a4a7ae;
  text-shadow: 1px 1px rgba(0,0,0,.2);
}

.boksTytulowy .dzisiaj > p > small > span {
  color: #eaebed;
}

.boksTytulowy .prawyBoks .linkPogoda {
  display: block !important;
  position: absolute;
  bottom: 10px;
  right: 3px;
  font-size: 12px;
  text-transform: none;
  color: #a0aeca;
}

.boksTytulowy.rozbudowany .prawyBoks .dol > a:after,
.boksTytulowy .prawyBoks .linkPogoda:after {
  content: " \00BB";
}

.boksTytulowy .kolejneDni {
  background-color: rgba(21,31,50,.7);
  overflow: hidden;
  clear: both;
  margin: 0;
}

.boksTytulowy.rozbudowany .kolejneDni {
  border-top: 1px solid #181e28;
  padding-left: 5px;
}

.boksTytulowy .kolejneDni > li {
  list-style: none;
  min-height: 50px;
  margin: 10px 0 15px;
  padding: 5px 12px;
  width: 33.333%;
  font-size: 12px;
  line-height: 1.3;
  float: left;
  border-right: 1px solid rgba(255,255,255,.1);
}

.boksTytulowy .kolejneDni > li:last-child {
  border: none;
}

.boksTytulowy .kolejneDni span {
  display: block;
}

.boksTytulowy .kolejneDni .dzienTygodnia {
  font-size: 14px;
}

.boksTytulowy .kolejneDni .temperatura {
  font-size: 16px;
  line-height: 3;
  padding-left: 55px;
  position: relative;
}

.boksTytulowy .kolejneDni .temperatura:before {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 10px;
  top: 10px;
  content: "";
}

.boksTytulowy.rozbudowany .kolejneDni .dzis {
  display: none;
}

.boksTytulowy .prawyBoks .dzisiaj:before,
.boksTytulowy .kolejneDni .temperatura:before {
  background-size: contain;
  background-repeat: no-repeat;
}

.boksTytulowy.rozbudowany .prawyBoks .dol > a {
  color: #a0aeca;
  font-size: 12px;
  float: right;
  text-transform: none;
  padding: 5px 10px 10px;
  display: inline;
}

.bezchmurnie:before {
  background-image: url(/g/pogoda/bezchmurnie.svg);
}

.czesciowe:before {
  background-image: url(/g/pogoda/czesciowe.svg);
}

.czesciowe.deszcz:before {
  background-image: url(/g/pogoda/czesciowe_deszcz.svg);
}

.czesciowe.snieg:before {
  background-image: url(/g/pogoda/czesciowe_snieg.svg);
}

.czesciowe.snieg.deszcz:before {
  background-image: url(/g/pogoda/czesciowe_snieg_deszcz.svg);
}

.calkowite:before {
  background-image: url(/g/pogoda/calkowite.svg);
}

.calkowite.deszcz:before {
  background-image: url(/g/pogoda/calkowite_deszcz.svg);
}

.calkowite.snieg:before {
  background-image: url(/g/pogoda/calkowite_snieg.svg);
}

.calkowite.snieg.deszcz:before {
  background-image: url(/g/pogoda/calkowite_snieg_deszcz.svg);
}

.noc.bezchmurnie:before {
  background-image: url(/g/pogoda/noc_bezchmurnie.svg);
}

.noc.czesciowe:before {
  background-image: url(/g/pogoda/noc_czesciowe.svg);
}

.noc.czesciowe.deszcz:before {
  background-image: url(/g/pogoda/noc_czesciowe_deszcz.svg);
}

.noc.czesciowe.snieg:before {
  background-image: url(/g/pogoda/noc_czesciowe_snieg.svg);
}

.noc.czesciowe.snieg.deszcz:before {
  background-image: url(/g/pogoda/noc_czesciowe_snieg_deszcz.svg);
}

@media (min-width: 700px) {
  .boksTytulowy > h2 {
    max-width: calc(100% - 450px);
  }
  
  .boksTytulowy.rozbudowany {
    height: 440px;
  }
  
  .boksTytulowy .prawyBoks,
  .boksTytulowy .prawyBoksKolor,
  .boksTytulowy .prawyBoks .dol {
    position: absolute;
  }
  
  .boksTytulowy .prawyBoks,
  .boksTytulowy .prawyBoksRozmycie,
  .boksTytulowy .prawyBoksKolor {
    width: 430px;
  }
  
  .boksTytulowy .prawyBoksRozmycie,
  .boksTytulowy .prawyBoks .gora,
  .prawyBoks .dol > a {
    display: block;
  }
}

@media (max-width: 999px) {
  .boksTytulowy {
    margin-top: 0;
  }
  
  .regionalne.serwisy .menu,
  .regionalne.serwisy #serwis-menu {
    margin-top: 4px;
  }
  
  #prawa-kolumna {
    display: none;
  }
}

@media (max-width: 920px) {
  .boksTytulowy h1 {
    font-size: 16px;
    padding: 8px 10px 0;
  }
  
  .boksTytulowy .opis {
    font-size: 12px;
    line-height: 1.1;
    padding: 0 10px;
  }
  
  .boksTytulowy.rozbudowany h2 {
    font-size: 24px;
  }
  
  .boksTytulowy.rozbudowany .opis {
    font-size: 18px;
  }
}

@media (max-width: 699px) {
  .boksTytulowy h1 {
    font-size: 20px !important;
    padding: 5px 10px 0 !important;
    margin: 5px 0;
  }
  
  .boksTytulowy .opis {
    font-size: 14px !important;
    line-height: 1.3;
    padding: 0 10px !important;
  }

  .boksTytulowy.rozbudowany .kolejneDni .dzis {
    display: block;
  }

  .boksTytulowy.rozbudowany .kolejneDni li:last-child {
    display: none;
  }
  
  .boksTytulowy.rozbudowany .prawyBoks .dol > a {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 3px;
  }
}

@media (max-width: 460px) {
  .boksNaglowkowy {
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
    border: none;
  }
  
  .boksTytulowy .kolejneDni > li {
    width: 50%;
    margin: 2px 0 15px;
    padding: 2px 12px 0;
  }

  .boksTytulowy.rozbudowany .kolejneDni li:nth-last-child(2),
  .boksTytulowy .kolejneDni li:last-child,
  .kolejneDni .dzienTygodnia {
    display: none;
  }

  .naglowekMotofakty {
    display: block;
    height: 80px;
  }

  .logoDziennik,
  .naglowekMFKontener .urlTlo {
      display: none;
  }

  .logoMotofakty {
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

}

@media all and (max-height: 800px) and (min-width: 700px)  { 
  .boksTytulowy.rozbudowany {
    height: 300px;
  }
  
  .boksTytulowy.rozbudowany .prawyBoks .gora {
    padding: 10px 20px 0;
  }
  
  .boksTytulowy.rozbudowany .dzisiaj {
    padding: 0 20px 0 200px;
  }
  
  .boksTytulowy.rozbudowany .prawyBoks .dzisiaj:before {
    top: 15px;
  }
  
  .boksTytulowy.rozbudowany .kolejneDni > li {
    margin: 2px 0;
  }
  
  .boksTytulowy.rozbudowany .kolejneDni .temperatura {
    line-height: 2.5;
    background-position: -4px -156px;
  }
  
  .boksTytulowy.rozbudowany .prawyBoks .dol > a {
    padding: 5px;
  }
  
  .boksTytulowy.rozbudowany h2 {
    padding: 30px 30px 0;
  }
}

.boksSzczegolowy {
  background-color: #eaebed;
  height: 50px;
  margin: 0;
}

.elementRegionalne time,
.boksSzczegolowy *,
.elementRegionalne .oznaczenie {
  font-family: 'PT Sans', sans-serif;
}

.boksSzczegolowy li {
  list-style: none;
  line-height: 1;
  padding: 5px 5px 0 0;
}

.boksSzczegolowy > li:first-child {
  padding-left: 5px !important;
}

.boksSzczegolowy li:last-child {
  border-right: 0;
}

.boksSzczegolowy h3 {
  position: relative;
  background-color: #eaebed;
  margin: 0;
  border: 1px solid #fff;
  transition: border .2s ease-in-out;
}

.boksSzczegolowy li:hover > ul {
  display: block;
  border: 1px solid #d54b2d;
  border-top: 0;
}

.boksSzczegolowy li:hover > h3 {
  border-color: #d54b2d;
}

.boksSzczegolowy h3 a {
  display: block;
  color: #1e2832;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  padding: 11px 10px 11px 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: color .2s ease-in-out;
  font-family: 'PT Sans', sans-serif;
}

.boksSzczegolowy h3 a > i {
  font-size: 25px;
  position: absolute;
  top: 7px;
  left: 13px;
}

.boksSzczegolowy li:hover > h3 a {
  color: #d54b2d;
  background-color: #f6f6f6;
}

.boksSzczegolowy ul {
  margin: 0;
  padding: 5px 10px;
  position: absolute;
  display: none;
  z-index: 10;
  background-color: #f6f6f6;
  width: calc(100% - 10px);
  transition: border .2s ease-in-out;
}

.boksSzczegolowy ul li {
  padding-left: 12px;
}

.boksSzczegolowy ul li:before {
  content: "- ";
  position: absolute;
  left: 15px;
}

.boksSzczegolowy ul li a {
  font-size: 13px;
  color: #34363c;
  line-height: 1;
  display: block;
  padding: 4px 15px;
}

.boksSzczegolowy ul li a:hover {
  text-decoration: underline;
}

@media all and (max-width: 999px) {
  .boksSzczegolowy li:hover > ul {
    display: none;
  }
}

/**
 * @section              Powiatówka - Lista artykułów
 * @note                 Lista artykułów w środkowej kolumnie
 */
/* ------------------------------------------------------------------------- */

.elementRegionalne {
  border-bottom: 1px solid #eaebed;
}

.elementRegionalne:first-child > a {
  margin-top: 0;
}

.elementRegionalne.szeroki {
  border-width: 3px;
}

.jedynka .elementRegionalne.szeroki {
  border-bottom: 0;
}

.elementRegionalne > a {
  display: block;
  overflow: hidden;
  margin: 15px 0 15px -3px;
  padding-left: 3px !important;
}

.elementRegionalne time {
  color: #686a6f;
  font-size: 12px;
}

.elementRegionalne time > span {
  color: #a4a7ae;
  font-size: 10px;
  text-transform: uppercase;
}

.elementRegionalne h3,
.elementRegionalne h2 {
  font-size: 24px;
  transition: color .2s ease-in-out;
  font-family: 'PT serif', serif;
  font-weight: normal;
  line-height: 1.2;
}

.no-touch .elementRegionalne a:hover h3,
.no-touch .elementRegionalne a:hover h2 {
  color: #d54b2d;
}

.elementRegionalne .szerokiBoks h3,
.elementRegionalne .szerokiBoks h2 {
  font-size: 28px;
}

.elementRegionalne .zajawka {
  margin: 0;
}

.elementRegionalne .szerokiBoks .zajawka {
  color: #34363c;
  font-size: 17px;
}

.elementRegionalne .oznaczenie {
  color: #d54b2d;
  font-size: 12px;
  text-transform: uppercase;
  padding-right: 15px;
}

@media all and (min-width: 641px) and (max-width: 750px), all and (min-width: 1000px) and (max-width: 1200px) { 
  .elementRegionalne .waskiBoks .zajawka {
    display: none;
  }
}

@media all and (min-width: 641px) {
  .elementRegionalne.szeroki {
    position: relative;
  }

  .elementRegionalne.szeroki .szerokiBoks .naZdjeciu {
    background-color: rgba(49,58,67,.7);
    position: absolute;
    padding: 10px 20px;
    bottom: 20px;
    width: 70%;
    border: 1px solid #f6f6f6;
    border-left-width: 0;
    transition: background .2s ease-in-out;
    z-index: 1;
  }
  
  .no-touch .elementRegionalne.szeroki a:hover .szerokiBoks .naZdjeciu {
    background-color: rgba(49,58,67,.85);
  }
  
  .elementRegionalne.szeroki .szerokiBoks .naZdjeciu time {
    color: #f6f6f6;
  }
  
  .srodekKol .elementRegionalne.szeroki .szerokiBoks .naZdjeciu h3,
  .listaMaterialow .elementRegionalne.szeroki .szerokiBoks .naZdjeciu h2,
  .jedynka .elementRegionalne.szeroki .szerokiBoks .naZdjeciu h2 {
    font-size: 34px !important;
    line-height: 1.2;
    text-shadow: 1px 1px 5px rgba(0,0,0,.3);
    color: #f6f6f6 !important;
    transition: color .2s ease-in-out;
  }
  
  .no-touch .srodekKol .elementRegionalne.szeroki a:hover .szerokiBoks .naZdjeciu h3,
  .no-touch .listaMaterialow .elementRegionalne.szeroki a:hover .szerokiBoks .naZdjeciu h2,
  .no-touch .jedynka .elementRegionalne.szeroki a:hover .szerokiBoks .naZdjeciu h2 {
    color: #ebb038 !important;
  }
  
  .no-touch .prawaKol .elementRegionalne.szeroki a:hover .szerokiBoks .naZdjeciu h3 {
    color: #d54b2d !important;
  }
}

@media all and (max-width: 640px) {
  .elementRegionalne .kontenerZdjecia {
    margin-bottom: 5px;
  }
  
  .elementRegionalne h2 {
    font-size: 21px !important;
  }
  
  .elementRegionalne:not(.szeroki) .kontenerZdjecia {
    padding-right: 0;
  }
  
  .elementRegionalne:not(.szeroki) .oznaczenieTresci > li.flaga {
    line-height: 1;
  }
  
  .elementRegionalne:not(.szeroki) h3,
  .elementRegionalne:not(.szeroki) h2,
  #strona-tagu .elementRegionalne.szeroki h3 {
    font-size: 18px !important;
    margin: 0;
  }
  
  .elementRegionalne time {
    display: none;
  }
  
  .elementRegionalne.szeroki > a .naZdjeciu h3 {
    margin-bottom: 0;
  }
  
  .elementRegionalne .szerokiBoks .zajawka {
    font-size: 13px;
  }
}

@media all and (max-width: 439px) {
  .elementRegionalne:not(.szeroki) h3,
  .elementRegionalne:not(.szeroki) h2,
  #strona-tagu .elementRegionalne.szeroki h3 {
    font-size: 15px !important;
  }
}

/**
 * @section              Powiatówka Prawa kolumna - Lista artykułów - układ blogowy
 * @note                 Lista artykułów w prawej kolumnie - układ blogowy
 */
/* ------------------------------------------------------------------------- */
.prawaKol .elementRegionalne.szeroki {
  position: static;
}

.prawaKol .elementRegionalne.szeroki .szerokiBoks .naZdjeciu,
.no-touch .prawaKol .elementRegionalne.szeroki a:hover .szerokiBoks .naZdjeciu {
  position: static;
  background-color: transparent;
  padding: 0;
  width: 100%;
  border: 0;
}

.prawaKol .elementRegionalne.szeroki .szerokiBoks .naZdjeciu h3 {
  color: #1e2832 !important;
  font-size: 21px !important;
  line-height: 1.3;
  text-shadow: none;
}

.prawaKol .elementRegionalne.szeroki a {
  margin-bottom: 0;
}

.prawaKol .elementRegionalne.szeroki .kontenerZdjecia {
  margin-bottom: 5px;
}

.no-touch .prawaKol .elementRegionalne.szeroki a:hover .szerokiBoks .naZdjeciu h3 {
  color: #d54b2d !important;
}

.prawaKol .elementRegionalne.szeroki .szerokiBoks .naZdjeciu time {
  font-size: 12px;
  color: #686a6f;
}

.prawaKol .elementRegionalne .zajawka {
  display: none !important;
}

.prawaKol .elementRegionalne h3,
.prawaKol .elementKafelkowy h3 {
  font-size: 18px;
}

.prawaKol .elementKafelkowy time {
  display: block;
}

.prawaKol .elementKafelkowy time:before {
  content: none;
}

.prawaKol article:not(.szeroki) .oznaczenieTresci.obecnaFlaga .flaga ~ .oznaczenie {
  display: none;
}

@media (max-width: 1200px) {
  .prawaKol .stronicowanie .ukryteNaMobilnych {
    display: none;
  }
}

/**
 * @section              Powiatówka - Lista artykułów - układ kafelkowy
 * @note                 Lista artykułów w środkowej kolumnie - układ kafelkowy
 */
/* ------------------------------------------------------------------------- */
.listaMaterialow.kafelki > ul > li {
  position: relative;
  padding-bottom: .625rem;
}

.listaMaterialow.kafelki > ul > li:nth-child(2) ~ li article {
  border-top: 1px solid #eaebed;
  padding-top: .625rem;
}

.listaMaterialow.kafelki > ul > li:nth-child(2n+1):after {
  content: '';
  display: block;
  position: absolute;
  top: .625rem;
  right: 0;
  bottom: .625rem;
}

.listaMaterialow.kafelki > ul > li:first-child:after {
  top: 0;
}

.elementKafelkowy .kontenerZdjecia {
  margin-bottom: 5px;
}

.elementKafelkowy b,
.elementKafelkowy time {
  font-family: "PT Sans", sans-serif;
}

.elementKafelkowy b {
  color: #d54b2d;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: normal;
  display: inline-block;
  line-height: 1.3;
}

.elementKafelkowy time {
  font-size: 12px;
  color: #686a6f;
}

.elementKafelkowy time:before {
  content: '';
  border: 2px solid #eaebed;
  margin: -4px 5px 3px 3px;
  display: inline-block;
  height: 0;
  width: 0;
}

.elementKafelkowy span {
  text-transform: uppercase;
  color: #a4a7ae;
}

.elementKafelkowy h3,
.elementKafelkowy h2 {
  font-size: 24px;
  transition: color .2s ease-in-out;
  line-height: 1.2;
}

.elementKafelkowy:hover h3,
.elementKafelkowy:hover h2 {
  color: #d54b2d;
}

@media all and (max-width: 999px) {
  .elementKafelkowy time span {
    display: none;
  }

  .elementKafelkowy h3,
  .elementKafelkowy h2 {
    font-size: 21px;
  }
}

@media all and (min-width: 640px) and (max-width: 999px) {
  .listaMaterialow.kafelki > ul > li:nth-child(2n):after {
    content: '';
    display: block;
    position: absolute;
    top: .625rem;
    right: 0;
    bottom: .625rem;
  }

  .listaMaterialow.kafelki > ul > li:first-child:after,
  .listaMaterialow.kafelki > ul > li:nth-child(2):after {
    top: 0;
  }

  .listaMaterialow.kafelki > ul > li:nth-child(3n):after {
    display: none !important;
  }

  .listaMaterialow.kafelki > ul > li:nth-child(2) ~ li article {
    padding-top: 0;
    border-top: 0;
  }

  .listaMaterialow.kafelki > ul > li:nth-child(3) ~ li article {
    border-top: 1px solid #eaebed;
    padding-top: 15px;
  }
}

@media all and (max-width: 639px) {
  .listaMaterialow.kafelki li:nth-child(2) article {
    border-top: 1px solid #eaebed;
    padding-top: .625rem;
  }

  .elementKafelkowy h3 {
    font-size: 18px;
  }

  .listaMaterialow.kafelki > ul > li:after,
  .elementKafelkowy time {
    display: none !important;
  }

  .elementKafelkowy .kontenerZdjecia {
    float: left;
    width: 39%;
    margin-right: 1.825rem;
  }

  .elementKafelkowy h3,
  .elementKafelkowy h2,
  .elementKafelkowy b {
    margin-left: calc(39% - 1*(-1.825rem));
    display: block;
  }
}

@media all and (max-width: 439px) {
  .elementKafelkowy h3,
  .elementKafelkowy h2 {
    font-size: 15px;
  }
}

/**
 * @section              Powiatówka - menu z serwisu specjalnego
 * @note                 Menu konfigurowane z panelu
 */
/* ------------------------------------------------------------------------- */
#serwis-menu .zPodmenu {
  position: relative;
}

#serwis-menu .rozwijane {
  margin: 0;
  width: auto;
  left: 0;
  min-width: 200px;
}

/**
 * @section              Powiatówka - menu z serwisu specjalnego
 * @note                 Menu konfigurowane z panelu
 */
/* ------------------------------------------------------------------------- */
#jedynka-tygodnik-box h2 {
  text-align: center;
  background-color: #009f4d;
  padding: 5px 15px 8px;
  margin: 10px 0 -15px;
  position: relative;
  z-index: 1;
  font-weight: normal;
}

#jedynka-tygodnik-box h2 img {
  max-height: 35px;
}

#jedynka-tygodnik-box h2 span {
  display: block;
  color: #eaebed;
  font-family: "PT Sans", sans-serif;
  font-size: 16px;
}

#jedynka-tygodnik-box .kontenerZdjecia {
  position: relative;
  display: block;
  height: 180px;
  overflow: hidden;
}

#jedynka-tygodnik-box .kontenerZdjecia:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 100%);

}

#jedynka-tygodnik-box h3 {
  font-size: 24px;
  font-family: "PT Serif", serif;
  line-height: 1.3;
}

#jedynka-tygodnik-box .kontenerZdjecia h3 {
  color: #f6f6f6;
  position: absolute;
  bottom: 0;
  z-index: 1;
  padding: 5px 15px;
}


/**
 * @section              Powiatówka - wyszukiwarka kandydatów
 * @note                 Plebiscyty
 */
/* ------------------------------------------------------------------------- */
.wyszukiwarkaKandydatow {
  font-family: "PT Sans", sans-serif;
}

.wyszukiwarkaKandydatow p {
  margin-bottom: .5rem;
}

.wyszukiwarkaKandydatow p a {
  color: #1e2832;
}

.prawaKol .wyszukiwarkaKandydatow p a {
  display: block;
}

.wyszukiwarkaKandydatow p a:hover {
  color: #D54B2D;
}

.wyszukiwarkaKandydatow fieldset {
  padding: 15px;
  background-color: #f6f6f6;
  margin-top: 10px;
}

.wyszukiwarkaKandydatow input {
  font-size: 13px;
  height: 30px;
  line-height: 1.5;
  padding: 5px;
  margin-bottom: 0;
}

.prawaKol .kandydaci li {
  width: 50%;
}

.prawaKol .medium-block-grid-3 > li:nth-of-type(3n+1) {
  clear: none;
}

.prawaKol .medium-block-grid-3 > li:nth-of-type(2n+1) {
  clear: left;
}

.kandydaci li a {
  border: 1px solid #eaebed;
}

.kandydaci .pasekGlosow {
  border-top: 0;
  padding: 10px 0;
  text-align: center;
}

.kandydaci .pasekGlosow .glosuj {
  margin: 0 auto;
  float: none;
}

.kandydaci a:hover + .pasekGlosow .glosuj,
.kandydaci .pasekGlosow .glosuj:hover {
  background-color: #8393B5 !important;
}

/**
 * @section           wynikiMeczow
 */
/* ------------------------------------------------------------------------- */
.wynikiMeczow {
  margin-top: 10px;
}

.wynikiMeczow *,
.tabelaLigowa * {
  font-family: "PT Sans", sans-serif;
}

.wynikiMeczow h3 {
  font-size: 12px;
  margin: 15px 0 4px 0;
  font-weight: normal;
}

.wynikiMeczow > h3,
.tabelaLigowa > h3 {
  font-size: 18px;
  background: url('/g/sport/gol24.svg') no-repeat 95% center #263248;
  background-size: auto 16px;
  margin: 10px 0 0;
  padding: 5px 10px;
  font-weight: bold;
}

.wynikiMeczow > h3 a,
.tabelaLigowa > h3 a {
  color: #fff;
  display: block;
}

.wynikiMeczow table,
.tabelaLigowa table {
  width: 100%;
  border-collapse: collapse;
  border: 0;
}

.wynikiMeczow td,
.wynikiMeczow th,
.tabelaLigowa td,
.tabelaLigowa th {
  background-color: #f6f6f6;
  border-bottom: 1px solid #fff;
  padding: 7px 2px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.wynikiMeczow td a,
.tabelaLigowa table td a {
  color: #1e2832;
}

.wynikiMeczow .dataMeczu,
.wynikiMeczow .grupa {
  text-align: left;
  padding: 4px 2px 4px 5px;
}

.wynikiMeczow .dataMeczu {
  background-color: #eaebed;
  color: #1e2832;
  font-size: 12px;
}

.wynikiMeczow tr.druzGodz td.godzina,
.wynikiMeczow tr.druzWynik td {
  background-color: #d54b2d;
  color: #fff;
  font-size: 12px;
  padding: 0 5px;
  line-height: 1.15;
  border-collapse: collapse;
}

.wynikiMeczow tr.druzGodz td.godzina {
  border-bottom-color: #d54b2d;
}

.wynikiMeczow tr.druzGodz td[rowspan="2"] {
  width: 45%;
  font-size: 16px;
}

.wynikiMeczow tr.druzGodz td.godzina {
  width: 10%;
}

.wynikiMeczow tr.druzWynik td {
  background-color: #e95636;
  font-size: 18px;
  font-weight: bold;
}

.wynikiMeczow .grupa {
  background-color: #dae9b9;
  font-size: 10px;
}

.wynikiMeczow .wynik {
  font-weight: bold;
}

.wynikiMeczow .wTrakcie {
  clear: both;
  background-color: #263248;
}

.wynikiMeczow .wTrakcie > .opisMeczu {
  min-height: 0;
  border-top: 1px solid #fff;
  padding: 4px;
  font-size: 10px;
  margin-bottom: 15px;
  display: table;
  width: 100%;
  background-color: #eaebed;
}

.wynikiMeczow .wTrakcie > .opisMeczu a {
  display: table-cell;
  text-align: right;
  color: #252525;
}

.wynikiMeczow .wTrakcie > .opisMeczu a:hover {
  text-decoration: none;
  opacity: .8;
}

.wynikiMeczow .wTrakcie > .opisMeczu span {
  text-align: left;
}

.wynikiMeczow .wTrakcie > .opisMeczu i {
  font-style: normal;
  color: #C20202;
}

.wynikiMeczow .wTrakcie img {
  height: 20px;
}

.wynikiMeczow .tabelaGrupowa {
  height: 200px;
  width: 100%;
  position: absolute;
  top: 34px;
  left: 0;
  padding: 10px;
  display: none;
  overflow: hidden;
  background-color: #263248;
}

.wynikiMeczow .tabelaGrupowa > table,
.wynikiMeczow .wTrakcie .druzyna .tlo {
  width: 100%;
  background-color: rgba(255,255,255,.2);
}

.wynikiMeczow .wTrakcie .druzyna .tlo a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.wynikiMeczow .wTrakcie .druzyna .tlo span,
.wynikiMeczow .wTrakcie .druzyna .tlo img {
  display: inline-block;
}

.wynikiMeczow .wTrakcie .druzyna .tlo span {
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
  padding: 5px 0 0;
}

.wynikiMeczow .wTrakcie .druzyna .tlo img {
  margin-top: -5px;
}

.wynikiMeczow .wTrakcie .druzyna.lewo .tlo {
  padding: 0 9px 0 0;
}

.wynikiMeczow .wTrakcie .druzyna.prawo .tlo {
  padding: 0 0 0 9px;
}

.wynikiMeczow .tabelaGrupowa > table td,
.wynikiMeczow .tabelaGrupowa > table td a,
.wynikiMeczow .tabelaGrupowa > table th,
.wynikiMeczow .wTrakcie .druzyna {
  border: none;
  color: #fff;
  font-size: 12px;
  line-height: 23px;
}

.wynikiMeczow .tabelaGrupowa > table td {
  background: none;
}

.wynikiMeczow .tabelaGrupowa > table .flaga {
  text-align: right;
  width: 10%;
}

.wynikiMeczow .tabelaGrupowa > table .nazwa {
  text-align: left;
  font-weight: bold;
  padding-left: 5px;
  width: 34%;
}

.wynikiMeczow .wTrakcie .druzyna {
  font-size: 14px;
  text-align: center;
  margin-top: 7px;
  padding: 0;
  width: 50%;
  float: left;
  background-color: #263248;
}

.wynikiMeczow .wTrakcie .karne {
  color: #fff;
  display: block;
  text-align: center;
  padding: 3px;
  clear: both;
}

.wynikiMeczow .wTrakcie .karne > span {
  display: block;
  background-color: #0b4901;
}

.wynikiMeczow .wTrakcie .karne i {
  font-style: normal;
}

.wynikiMeczow .wTrakcie .przerywnik {
  height: 50px;
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -7px;
  font-size: 32px;
  color: #fff;
}

.wynikiMeczow .wTrakcie .druzyna h3 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 3px;
  color: #fff;
}

.wynikiMeczow,
.tabelaLigowa {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.tabelaLigowa th {
  background-color: #d1d2d4;
  color: #1e2832;
}

.tabelaLigowa td {
  font-weight: normal;
  font-size: 14px;
}

.tabelaLigowa .nazwa {
  text-align: left;
  padding-left: 10px;
  transition: background-color .2s ease-in-out;
}

.tabelaLigowa .nazwa + td {
  width: 30px;
}

.wynikiMeczow tr:hover td[rowspan="2"],
.tabelaLigowa .nazwa:hover,
.tabelaLigowa td:first-child,
.tabelaLigowa .nazwa + td,
.tabelaLigowa .pkt + td {
  background-color: #eaebed;
}

.tabelaLigowa .pkt {
  background-color: #d54b2d;
  color: #fff;
}

@media all and (max-width: 1300px) {
  .wynikiMeczow > h3 a,
   .tabelaLigowa > h3 a {
    font-size: 16px;
    max-width: 66%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}

/**
 * @section              Wyszukiwarka kandydatów
 */
/* ------------------------------------------------------------------------- */

.wyboryWyszukiwarka div.wyboryArtykul a,
.wyboryWyszukiwarka span.wyboryArtykul,
.wyboryWyszukiwarka ul li,
.wyboryWyszukiwarka header p,
.wyboryWyszukiwarka header h2 {
  font-family: 'PT Sans', sans-serif;
}

.wyboryWyszukiwarka {
  height: auto;
  display: block;
  width: 100%;
  position: relative;
  border-top: 5px solid #d23a3a !important;
  background: url('/g/wybory_logo.png?20151019') no-repeat center -5px;
}

.wyboryWyszukiwarka header {
  height: 105px;
}

.wyboryWyszukiwarka header h2 {
  font-size: 42px !important;
  color: #000;
  font-weight: bold;
  line-height: .6;
  margin: 20px 15px 30px !important;
}

.wyboryWyszukiwarka header p {
  font-size: 14px;
  color: #1e2832;
  text-align: center;
}

.wyboryWyszukiwarka p span {
  color: #d23a3a;
}

.wyboryWyszukiwarka h2 span {
  font-weight: normal;
  font-size: 30px;
}

.wyboryWyszukiwarka ul {
  list-style-type: none;
  text-align: center;
  margin: 0;
  font-size: 0;
}

.wyboryWyszukiwarka ul li {
  display: inline-block;
  padding: 5px 0;
  font-size: 18px;
  text-transform: uppercase;
  color: #f6f6f6;
}

.wyboryWyszukiwarka ul li:hover {
  cursor: pointer;
}

.wyboryWyszukiwarka ul li.aktywna {
  font-weight: bold;
}

.wyboryWyszukiwarka ul li {
  width: 50%;
}

.wyboryWyszukiwarka .zakladka[data-cel="sejm"],
.wyboryWyszukiwarka li[data-cel="sejm"] {
  background-color: #1c6c9f;
} 

.wyboryWyszukiwarka .zakladka[data-cel="senat"],
.wyboryWyszukiwarka li[data-cel="senat"] {
  background-color: #1e5e85;
} 

.wyboryWyszukiwarka li[data-cel="senat"] {
  margin-right: -1px;
}

.wyboryWyszukiwarka .wybor {
  padding: 10px 15px 0;
}

.wyboryWyszukiwarka .wybor select {
  background-color: #fff;
  width: 100%;
  font-family: 'Source Sans Pro', sans-serif;
  color: #1e2832;
}

.wyboryWyszukiwarka hr {
  border: solid 1px #184c6c !important;
  margin: 0;
}

.wyboryWyszukiwarka span.wyboryArtykul {
  color: #a0aeca;
  font-size: 11px;
  margin: 10px 15px 0;
}

.wyboryWyszukiwarka div.wyboryArtykul a {
  display: block;
  padding-bottom: 10px;
  margin: 0 15px;
  color: #f6f6f6;
  font-size: 14px;
}

.wyboryWyszukiwarka div.wyboryArtykul a:hover {
  color: #a0aeca;
  transition: color .2s ease-in-out;
}

.wyboryWyszukiwarka div.wyboryArtykul a:before {
  content: " \00BB";
  color: #eed286;
  padding-right: 5px;
}

@media all and (max-width: 1205px) {
  .wyboryWyszukiwarka h2 span {
    font-size: 21px;
  }
}

/**
 * @section              Reklamy w układzie kafelkowym
 */
/* ------------------------------------------------------------------------- */
.kafelki .kafelkiSrodek {
  border: none;
  margin-top: 5px;
  padding: 0 0.625rem 0.625rem;
}

@media all and (min-width: 1000px) {
  .kafelki .kafelkiSrodek {
    width: 100%;
    clear: both;
  }

  .kafelki > ul > li:nth-of-type(2n) {
    clear: none;
  }

  .kafelki > ul > li:nth-of-type(2n+1) {
    border-right: 1px solid #eaebed;
    clear: left;
  }
}

@media all and (min-width: 640px) and (max-width: 999px) {
  .kafelki > ul > li:nth-of-type(n) {
    border-right: 1px solid #eaebed;
    clear: none;
  }

  .kafelki > ul > li:nth-of-type(3n+1) {
    clear: both;
  }
}

/**
 * @section        Content Stream
 * @note           Na listingach kategorii
 */
/* ------------------------------------------------------------------------- */
.contentStream .kontenerZdjecia {
  text-align: center;
  background-color: #eaebed;
  overflow: hidden;
}

.contentStream .kontenerZdjecia img {
  min-width: 90%;
  max-width: 100%;
}

.contentStream .kontenerZdjecia img[src*="300_210"] {
  width: 100%;
}

.elementKafelkowy.contentStream span,
.elementRegionalne.contentStream span {
  font-size: 12px;
  font-family: "PT Sans", sans-serif;
  color: #a4a7ae;
  text-transform: uppercase;
  display: block;
}

@media all and (min-width: 1220px) {
  .contentStream .kontenerZdjecia {
    height: 234px;
  }
}

/**
 * @section              Nadpisany background PLISTA du/373
 */
/* ------------------------------------------------------------------------- */
#Plista .plista_widget_sidebar .plistaHl {
    background-image: none;
}

/* Reklama w artykule: mobile + tablet */

#material #tresc #ad-quota-artykul {
  margin: 20px 0 15px;
  text-align: center;
}