html,body {height: 100%;}
body {background:#f0f0f0;color: black; font: normal 16px 'Lato', sans-serif;min-width:320px;filter: blur(0px);}

strong {font-weight: bold;}
em{font-style:italic;}
h1 {font-size: 1.6em; line-height:1.8em; text-align: left; padding: .25em .5em; color: lightgrey; font-family: 'Oswald', sans-serif;}
h2 {font-size: 1.4em; text-align: left; padding: .25em .5em; font-family: 'Oswald', sans-serif;}
h3 {font-size: 1.2em; text-align: left; margin-bottom: 0.4em; clear:both; font-weight:bold;}
h4 {font-size: 1em; text-align: center; margin-bottom: 0.3em; clear:both;}

a {text-decoration:none;color: black;}
p{margin:.4em 0;line-height:1.3em;}
p.center{text-align:center;}
div.clear, p.clear{clear:both;}
img{display:block-inline;}
img.res{width:100%;height:auto;}
sup { position: relative; top: -0.5em; font-size: 80%; }

ol {list-style-type: decimal;margin-left:2.2em;}
ul {list-style-type: circle;margin-left:2.2em;}
ol.download{list-style-type:none;font-size:.8em;display:flex;flex-wrap: wrap;}
ol.download li {text-align:center; margin: .6em .5%; width: 15.66666666666667%;}
/*ol.download li:hover {background: #eee;}*/
ol.download li img {width:70%; max-width:160px; margin: 0 auto;}
li a{colors:white;}

#top{position:fixed;display:block;right:.2em;bottom:.2em;padding:.25em; width: 2.5em; height: 2.5em;-webkit-border-radius: 1.5em;-moz-border-radius:1.5em;border-radius: 1.5em;background: rgba(255,255,255,.4);text-align:center;}
#disabled{display:none;position:fixed;left:.25em;bottom:.25em;padding:.25em; width: 2.5em; height: 2.5em;-webkit-border-radius: 1.5em;-moz-border-radius:1.5em;border-radius: 1.5em;background: rgba(255,255,255,.4);text-align:center;}

#top .up{cursor:pointer;line-height:1.25em;}
#disabled .contrast, #disabled .decreaseFont, #disabled .increaseFont, #disabled .resetFont{display:none;}
#disabled .accessibility, #disabled .contrast, #disabled .decreaseFont, #disabled .increaseFont, #disabled .resetFont{margin:0 .25em; cursor:pointer;line-height:1.25em;}
#disabled .accessibility{line-height:1.25em;}

#left_menu, #right_menu{position:absolute; top:.5em; font-size:1.6em; color:lightgrey;}
#left_menu a, #right_menu a{color:lightgrey;}
#left_menu i, #right_menu i{cursor:pointer;margin:0 .1em;}
#left_menu{left:.5em;}
#left_menu .sandwich{display:none;}
span.sandwich span {font-size:1em;}
#right_menu{right:.5em;}

#page{display:flex; flex-direction: column;backgrounds:orange;height: 100%;min-height: 100%;}

header {position:relative;background:black url(/img/naglowek.png) center center no-repeat;color:white;paddings:.3em .2em;}
header p.name {color:#666;font-family: 'Lato', sans-serif;font-weight:bold;color:lightgrey;text-align:center;font-size: 1.6em; line-height:1.8em;}
header p.name span{font-weight:normal;font-style:italic;font-size:.8em;color:#666;}

#main{position:relative;display:flex;flex-direction:row;flex:1;backgrounds:green;}

nav {background: grey; display:block;flex:0;min-width:13em;}

nav p.lang{padding:1em .5em;text-align:center;font-size:.9em;}
nav p.lang a{display:block;margin:.25em 0;}

main{flex:1;padding:1em;}
main p.path{font-family: 'Oswald', sans-serif;font-size: 0.9em; line-height: 1.6em;margin-bottom:.5em; color: #666;}
main p.path a {text-decoration: none; color: #666; margin: 0;}
main > div.home{
/*
  column-count: 3; 
  column-gap: 1em;
  -moz-column-count: 3;
  -moz-column-gap: 1em;
  -webkit-column-count: 3;
  -webkit-column-gap: 1em;
  */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 1em;
  }
main > div.home article:nth-child(1) {
  grid-columns: 1/3;
}
main > div.item{}
main div.top_panel, main div.bottom_panel{padding:1em 0;}

section{flex:0;padding:1.5em 1em;min-width:14em;}
section div{background:white;font-size:.9em;-webkit-box-shadow: 0px 0px 4px 0px rgba(102,102,102,0.6); box-shadow: 0px 0px 4px 0px rgba(102,102,102,0.6);padding-bottom:.75em;}
section h2{background:white;color:#666;border-top:.25em solid grey;border-bottom:1px solid grey;}
section p {margin: 0 .5em;}
section p a {margin:.5em;}
section p a img {max-width:90%;height:auto;}
section h2 + p{margin-top:.5em;}
section h2 ~ p{margin-bottom:.75em;}

footer {background:#333;padding:.6em; color: rgba(255,255,255,.8);font-size:0.9em;bottom:0;left:0;right:0;}
footer p{margin:.5em 0;}
footer p.left {text-align: left;font-size:0.9em;}
footer p.right {text-align: right;font-size:0.9em;}
footer p a {color: rgba(255,255,255,.8); text-decoration: none;}

article{display:inline-block;background:white;margins:.5em 0;-webkit-box-shadow: 0px 0px 4px 0px rgba(102,102,102,0.6); box-shadow: 0px 0px 4px 0px rgba(102,102,102,0.6);}
article h1{background:grey;color:white;line-height:1.2em;}
article h2{background:lightgrey;color:#333;font-size:1.25em;line-height:1.2em;}
article p.data{font-size:.8em;font-weight:normal;color:grey;background:lightgrey;padding:.2em .8em;}
article div.opis {
display:block;
flex:none;
padding: .5em;
-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;}

article div.zdjecia_prawe{
  display:block;float:right;max-width:40%;margin:.5em .5em .25em;
}
article div.zdjecia_dolne{
  clear:both; margin:.25em .25em;;
}  

article div.stopka{
  clear:both;display:flex;flex-direction: row-reverse;border-top: 1px grey dotted;backgrounds:orange;margin:.25em 0;
}

article div.podpis{
  display:inline-block;width:100%;margin:.25em 0;padding:.25em 0;font-size:.8em;backgrounds:yellow;
}
article div.podpis p{text-align:right;font-style:italic;margin:.25em 1em;}

article p {}
/*article p:first-of-type{margin-top:.5em;}
article p:last-of-type{margin-bottom:.75em;}*/
article p.link{text-align: right; margin: .75em 1em;font-size:.8em;}
article img{display:block;max-width:100%;height:auto;}

article div.list{
margin-top:.6em;
/*
display:flex;flex-wrap: wrap;padding:.5em 0;
*/
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 1em;
}

article div.tagi{display:inline-block;width:100%;margin:.25em 0;padding:.25em 0;backgrounds:orange;}
/*article div.tagi a{margin:.25em .5em;padding:.25em .5em;background:white;color:grey;font-size:.8em;}*/
article div.tagi a{
float:left;
	height:2em;
	line-height:2em;
	position:relative;
	font-size:.7em;

  margin:.25em .25em .25em 1.8em;
	padding:0 1em 0 1em;
	background:lightgrey;
	color:white;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;	
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-right-radius:4px;	}
article div.tagi a:before{  
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-.98em;
	width:0;
	height:0;
	border-color:transparent lightgrey transparent transparent;
	border-style:solid;
	border-width:1em 1em 1em 0;		
	}
	
article div.tagi a:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:.25em;
	height:.25em;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px grey;
	-webkit-box-shadow:-1px -1px 2px grey;
	box-shadow:-1px -1px 2px grey;
	}
	
article div.tagi a:hover{background:#555;}	

article div.tagi a:hover:before{border-color:transparent #555 transparent transparent;}

div.list > article{-webkit-box-shadow: none; box-shadow: none;}

main > div.item > article {display:block;padding-bottom:.25em;}


div.nawigacja{backgrounds: yellow;margin: .5em 0;}
div.nawigacja {text-align:center;}
div.nawigacja span.btn_page, div.nawigacja span.btn_page_this, div.nawigacja span.btn_prev, div.nawigacja span.btn_next{display:inline-block;margin:.25em;padding:.25em; text-align: center;border:1px grey dotted;min-width:1.4em;}
div.nawigacja span.btn_page_this{border:1px grey solid;background:lightgrey;}
div.nawigacja span.btn_prev, div.nawigacja span.btn_next{}

.mapa {margin:1em 0;}
.mapa img{width:100%;}
.zoom p { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif;}

.zoom {
  display:inline-block;
  position: relative;
}

.zoom:after {
  content:'';
  display:block; 
  width:33px; 
  height:33px; 
  position:absolute; 
  top:0;
  right:0;
  background:url(/img/icon.png);
}

.zoom img {
  display: block;
}

.zoom img::selection { background-color: transparent; }

.zoom img:hover { cursor: url(/img/grab.cur), default; }
.zoom img:active { cursor: url(/img/grabbed.cur), default; }



label{margin-bottom:.6em; font-weight:bold;font-style:italic; color:white;}
input, textarea{font-size: 1em;line-height:1.3em;padding:.25em;border: 1px #555 solid;background:#EEE;}
input[type=submit]{background: #555;border: 1px #555 solid;padding:.35em;cursor:pointer;}
select{font-size: 1em;line-height:1em;border: 1px #BAA360 solid;background:#EEE;}

#search_form{display:none;position:absolute; top:3em;right:0;padding:1em;background:#666;webkit-box-shadow: 0px 0px 4px 0px rgba(102,102,102,0.6); box-shadow: 0px 0px 4px 0px rgba(102,102,102,0.6);}
#search_form input[type=submit]{color:white;background:none;border:none;}


.twocolumn{width: 100%;
  column-count: 2; 
  column-gap: 40px;
  -moz-column-count: 2;
  -moz-column-gap: 40px;
  -webkit-column-count: 2;
  -webkit-column-gap: 40px;
  -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
  -moz-column-rule-style: solid; /* Firefox */
  column-rule-style: solid;
  -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
  -moz-column-rule-width: 1px; /* Firefox */
  column-rule-width: 1px;
}

.cols_1,
.cols_2,
.cols_3,
.cols_4,
.cols_1_4,
.cols_3_4,
.cols_5,
.cols_1_5,
.cols_2_5,
.cols_3_5,
.cols_4_5,
.cols_6{position:relative;margin:6px 0.5%;float:left;display:block;font-size:0.95em;font-weight:normal; }
.cols_1{width:99%;}
.cols_2{width:49%;min-height:20px;}
.cols_3{width:32.333333%;min-height:60px;}
.cols_4{width:24%;}
.cols_1_4{width:24.5%;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.cols_3_4{width:73.5%;}
.cols_1_5{width:19.6%;}
.cols_2_5{width:39.2%;}
.cols_3_5{width:58.8%;}
.cols_4_5{width:78.4%;}
.cols_5{width:19%;}
.cols_6{width:15.666666%;}



@media screen and (max-width:1367px) {
  main > div.home{
    column-count: 2; 
    -moz-column-count: 2;
    -webkit-column-count: 2;
  }
  .cols_3{width:49%;}
  ol.download li {width: 19%;}
}

@media screen and (max-width:1080px){
  header{background:black;}
  nav {display:none;position:absolute;max-width:320px;-webkit-box-shadow: 0px 0px 4px 0px #000; box-shadow: 0px 0px 4px 0px #000;z-index:10;}
  #left_menu .sandwich{display:inline;}
  ol.download li {width: 24%;}  

}
@media screen and (max-width:1023px){
  body{font-sizes: 14px;}
  #main{display:block;}  
}
@media screen and (max-width:799px){  
  nav {position:relative;font-size:1.2em;}
  
}
@media screen and (max-width:767px){
  body{font-sizes: 13px;}
  main > div.home, article div.list{
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }  
  ol.download li {width: 32.33333333333%;}
}

@media screen and (max-width:599px){
  body{backgrounds:yellow;font-sizes: 12px;}
  nav {position:relative;font-size:1.4em;max-width:100%;-webkit-box-shadow: none; box-shadow: none;}
  main > div.home{
    column-count: 1; 
    -moz-column-count: 1;
    -webkit-column-count: 1;
  }
  .cols_3{width:99%;}
}

@media screen and (max-width:479px){
  body{backgrounds:red;}
  header p.name span:last-child{display:none;}
  ol.download li {width: 49%;}
}



@media (min-width: 640px){
 

 
}
 
@media (min-width: 768px){
 

 
}
 
@media (min-width: 1024px){
 

 
}
 
@media (min-width: 1200px){
 

 
}