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

/*logo*/
#sp-header .logo a {font-size: 24px; line-height: 26px;font-weight: 800;}
#sp-header .logo a:hover {color: #146a8d;}

/*logo*/
@media  (max-width:575px){
#sp-header .logo a {
  font-size: 16px; line-height: 18px;
  }
}

/*Tabelka*/
.tabelka td,
.tabelka th {
    padding: 5px;
}

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

/* Poprawki stopka */
#sp-user1 {
 text-align: center;
}

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

/* 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;
}

.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,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  display: block;  
  padding: 10px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item  ul > li >a {
   padding: 4px 10px;
}

/*Loga w materiałach */

.mat-loga img
 {
  -webkit-transition:all .3s linear;
  transition:all .3s linear;
  transform: scale(1);
  opacity: 1;
  filter: none;
  -webkit-filter: grayscale(0);
 
 }
.mat-loga:hover img
 {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);

  opacity: 0.6 ;
  filter: alpha(opacity=40);
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.mat-ref:hover p
 {
  opacity: 0.6 ;
  filter: alpha(opacity=40);
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.mat-ref a
 {
  color: #333;
}

/* Kontakt Mapa Polski */
#mapa-polska .polska {
  list-style: none;

  /*position: relative;*/
  margin: 0;
  padding: 0;
  top: -250px;
  left: 50%;
}

#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  (min-width:576px) {
  #mapa-polska .polska {
    background: url(/img/mapa.png) no-repeat 0 0;
    background-size: 430px 410px;
    width: 430px;
    height: 410px;
  }
  #mapa-polska .polska li.rytro a:hover span {
    top: 52px;
    width: 80px;
    left: -10px;
  }  
 
  #mapa-polska .polska .rytro a {
    position: relative;
    width: 40px;
    height: 80px;
    left: 255px;
    top: 320px;
  }
}  
@media  (max-width:575px) {
  #mapa-polska .polska {
    background: url(/img/mapa.png) no-repeat 0 0;
    background-size: 320px 305px;
    width: 320px;
    height: 305px;
  }
  #mapa-polska .polska li.rytro a:hover span {
    top: 37px;
    width: 80px;
    left: -10px;
  }  
  #mapa-polska .polska .rytro a {
    position: relative;
    width: 35px;
    height: 60px;
    left: 185px;
    top: 240px;
  }  
}  

/* OffCanvas menu */

.offcanvas-menu .offcanvas-inner ul.menu .mp1 > a,
.offcanvas-menu .offcanvas-inner ul.menu .mp1 > span {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  padding: 15px 0px;
}

.offcanvas-menu .offcanvas-inner ul.menu .mp2 > a,
.offcanvas-menu .offcanvas-inner ul.menu .mp2b > a,
.offcanvas-menu .offcanvas-inner ul.menu .mp3 > a {
display: block;
text-transform: uppercase;
font-size: 18px;
padding: 15px 0px;
}

.offcanvas-menu .offcanvas-inner ul.menu .mp2 > ul > li > a,
.offcanvas-menu .offcanvas-inner ul.menu .mp3 > ul > li > 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;  
}


@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;}
#sp-footer {font-size: 12px;}
}