body {
background: url(../images/tlo.jpg) no-repeat top center;
font-size: 13pt;
font-family: 'Ubuntu', Arial, sans-serif!important;
}


#logotyp {
width: 330px;
text-align: Center;
margin: 0 auto;
}

#bloczkistart {
max-width: 1140px;
margin: 0 auto;
margin-top: 2%;
}


#bloczkistart ul {
overflow: hidden;
}

.naglowekstart h2 {
display: block;
margin: 0;
padding: 14px;
background: #f9fbfb;
font-size: 16pt;
color: #799aa5;
text-align: center;
}

#bloczkistart ul li {
width: 29%;
margin: 1%;
padding: 1%;
min-height: 510px;
background: #fff;
list-style: none;
float: left;
box-shadow: 0px 0px 3px #aebfc5;
}

#bloczkistart ul li:hover {
box-shadow: 0px 0px 8px #aebfc5;
}


.fotostart img {
width: 100%;
height: auto;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}

.fotostart  {
position: relative;
overflow: hidden;
}

.bloczek span {
width: 350px;
position: absolute;
top: 0px;
left: 0px;
height: 204px;
background: rgba(218,40,26,0.8);
text-align: center;
line-height: 200px;
font-size: 60pt;
color: #fff;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
opacity: 0.0;
}

#bloczkistart li:hover .bloczek span {
font-size: 70pt;
opacity: 1.0;
}


#bloczkistart li:hover img {
transform: scale(1.1);
}

.opisstart {
font-size: 11pt;
padding: 20px;
min-height: 165px;
background: #aebfc5;
color: #fff;
}

.klawiszstart {
padding: 10px;
background: #aebfc5;
}

.klawisz span {
margin-right: 10px;
}

.klawisz{
display: block;width:290px;height:52px; background: #8da4ac; position:relative;z-index:100; border: 2px solid #fff; -webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;-ms-transition:0.5s all ease;
margin: 0 auto;
color: #fff;
text-decoration: none;
font-size: 14pt;
text-align: center;
line-height: 52px;
box-shadow: 0px 0px 5px #8da4ac;
}
.klawisz:before{left: 0;content:'';width:100%;height:0%;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;-ms-transition:0.5s all ease;position:absolute;z-index:-1;bottom:0;}
.klawisz:hover:before{content:'';background:#fff;width:100%;height: 100%; }
.klawisz:hover {color: #80a3af}
/*
     FILE ARCHIVED ON 23:35:46 Aug 14, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 21:13:04 Apr 19, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 164.772
  exclusion.robots: 0.099
  exclusion.robots.policy: 0.087
  RedisCDXSource: 9.073
  esindex: 0.009
  LoadShardBlock: 135.183 (3)
  PetaboxLoader3.datanode: 138.357 (4)
  load_resource: 450.3
  PetaboxLoader3.resolve: 375.433
*/