/*tło*/
#sp-main-body .container {
background-color: rgba(255, 255, 255, 1);
}

/* Obrazki w poziomie */
 img {display: inline;}

/* Ukrycie loga */
 .logo a {display: none;}

/*Poprawki paska z kontaktami */
#sp-top-bar a {
  color:#1a8bba
}
#sp-top-bar a:hover {
  color: #126080;
}

/* Poprawka breadcrumb */
.breadcrumb .divider.fas.fa-map-marker-alt {display: none;}

/* Poprawki stopka */
#sp-footer .container-inner {
  padding: 0;
  border-top: none;
}
#sp-user1 {
 text-align: center;
}

/* Poprawki menu */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {text-transform: uppercase;}
.sp-megamenu-parent > li > span {letter-spacing: 1px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-weight: 300 !important;
  line-height: 24px;
}

body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {
  margin-left: unset;
}

.sp-megamenu-parent > li.active > .sp-menu-heading,
.sp-megamenu-parent > li:hover > .sp-menu-heading {color: #1a8bba;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a {
  background: #1a8bba;
  color:#fafafa;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  display: block;  
  padding: 10px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item  ul > li >a {
   padding: 4px 10px;
}

/* OffCanvas menu */
.offcanvas-menu .offcanvas-inner ul.menu .mp1 > a,
.offcanvas-menu .offcanvas-inner ul.menu .mp1 > span,
.offcanvas-menu .offcanvas-inner ul.menu .partnerzy_menu_top2 a{
  text-transform: uppercase;
  font-size: 18px;
	line-height: 20px;
  font-weight: 400;
  padding: 15px 0px;
}

.offcanvas-menu .offcanvas-inner ul.menu .mp2 > a {
display: block;
font-size: 16px;
line-height: 18px;
padding: 12px 7px 12px 0px;
}

.offcanvas-menu .offcanvas-inner ul.menu .mp3  > a {
display: block;
font-size: 16px;
padding: 10px 0px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li > ul li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover span {
  color: #1a8bba !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active span,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > ul li.active > a {
  color: #1a8bba !important;  
}
/*Przegląd artukułów*/
.art_przeglad .article,
.art_strona .article-details {
  margin: 50px 20px 10px 20px;
  padding: 0px 0px 10px 0px;
  line-height: 24px;
}

.art_przeglad .article-header,
.art_strona .article-header {
  margin-bottom: 10px;
}

.article-list .article .article-header h2 {
  margin: 0px;
}

.art_przeglad .article-body  h3,
.art_strona  h3{
  position: absolute;
  margin-top: -55px;
  color: #727272;
  font-size: 12px;
  font-weight: normal;
}

.art_strona .article-header h1 {
  font-size: 24px;
  font-weight: 600;
}


.art_przeglad .article  {
  border: 0px;	
  border-bottom: 1px solid #c9c9c9;
}

.art_strona .article-details .article-can-edit {
  margin: unset;
}

.adres_kontakt .item {
  margin: 30px 20px 10px 20px;
}



/* Kontakt Mapa Polski */

@media  (max-width:991px) {
.adres_kontakt .item {
font-size: 12px;
}
  #mapa-polska .polska {
    background: url(/img/mapa.png) no-repeat 0 0;
    background-size: 240px 229px;
    width: 240px;
    height: 229px;
  }
  #mapa-polska .polska li.krak a:hover span {
    top: 45px;
    width: 80px;
    left: -40px;
  }  
  #mapa-polska .polska .krak a {
    position: relative;
    width: 35px;
    height: 60px;
    left: 119px;
    top: 143px;
  }
}
@media  (min-width:992px) {

  #mapa-polska .polska {
    background: url(/img/mapa.png) no-repeat 0 0;
    background-size: 360px 344px;
    width: 360px;
    height: 344px;
  }
  #mapa-polska .polska li.krak a:hover span {
    top: 60px;
    width: 80px;
    left: -20px;
  }  
  #mapa-polska .polska .krak a {
    position: relative;
    width: 40px;
    height: 80px;
    left: 184px;
    top: 223px;
  }
}

@media screen and (max-width: 767px) {
#mapa-polska .polska {
  position: static;
  float: left;
  }
}

@media screen and (min-width: 768px) {
#mapa-polska .polska {
  position: relative;
  top: -250px;
  float: right;
  }
}

#mapa-polska .polska {
  list-style: none;
  margin: 0;
  padding: 0;

}

#mapa-polska .polska li {
  position: absolute;
}

#mapa-polska .polska li a {
  display: block;
  height: 100%;
  text-decoration: none; 
}

#mapa-polska .polska li a span {
  display: none;
}
 
#mapa-polska .polska li a:hover span {
  display: block;
  padding: 5px;
  background: #000;
  position: relative;
  font: 14px Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  opacity: .75;
  filter:alpha(opacity=75);
  color: #FFF;
  -moz-border-radius:.4em;
  -ms-border-radius:.4em;
  -webkit-border-radius:.4em;
  border-radius:.4em;
  text-align: center;
}

@media screen and (max-width: 767px) {
.sp-page-title {padding: 10px 0;}
.sp-page-title h2 {font-size: 18px !important; }
.sp-page-title .breadcrumb >li,
.sp-page-title .breadcrumb >li>a {font-size: 12px;}
.art_przeglad .article ,
.art_strona .article-details {margin: 40px 0px 10px 0px;}
.art_przeglad .article-header h2,
.art_strona .article-header h1 {font-size: 20px !important;}
.art_przeglad h4,
.art_strona h4  {font-size: 15px;}
.art_przeglad .article-list li,
.art_strona .article-details li {font-size: 12px;}
.art_przeglad h4 img,
.art_strona h4 img {width: 20%;height: auto;min-width: 100px;}
.art_strona .article-details  p > a {font-size: 12px;}
#sp-footer {font-size: 12px;}
}