html,body {height: 100%;}
body {background:#B2F0FF;background-imagess: url(/img/windrose.svg);color: black; font: normal 1em 'Lato', sans-serif;min-width:320px;}

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.center{text-align:center;}
div.clear, p.clear{clear:both;}
img{display:block;}
img.res{width:100%;height:auto;}
sup {position: relative; top: -0.35em; font-size: .8em; }

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

#sandwich_menu {display:none;position:absolute; bottom:.5em;left:.5em;font-size:.7em;}
#sandwich_menu span{color:white;cursor:pointer;margin:.5rem 0;text-align:center;line-height:.6em;}
#sandwich_menu span span {font-size:1em;}
.wcag2 {display:nones;position:absolute; bottom:.5em;right:.5em;font-size:1.6em;cursor:pointer;color:white;}

.fsize70{font-size:.7em;}
.fsize80{font-size:.8em;}
.fsize90{font-size:.9em;}
.fsize110{font-size:1.1em;}
.fsize120{font-size:1.2em;}
.fsize130{font-size:1.3em;}
.font-readable{-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  text-rendering: optimizelegibility !important;
  letter-spacing: .05em;}
  
  
/*
#page-settings{display:flex;justify-content:flex-end;}
#page-settings ul li.label{display:block;}
#page-settings ul ul {border-left: 1px #CCC solid;}
.highcontrast #page-settings ul ul {border-left: 1px yellow solid;}
*/
  
#page-settings{display:none;justify-content:flex-end;padding:0;background:white;}
#page-settings ul{display:flex;align-items:center;list-style-type: none;margin: 0;padding: 0;}
#page-settings ul li.contrast, #page-settings ul li.resizer{display:none;}
#page-settings ul li.label{display:block;margin:.2em;padding:.5em; font-size:.8em;}
#page-settings ul ul {margin:0 .1em;padding:.1em;border-left: 1px #CCC solid;}
#page-settings button{border:1px #000 solid;margin:.2em;padding:.5em .7em;background:white;cursor:pointer;}
#page-settings button.wcag{color:white;background:blue;border:1px blue solid;margin:.4em;}
#page-settings button.highcontrast-by{color:yellow;background:black;}

#page{display:flex; flex-direction: column;backgrounds:orange;height: 100%;min-height: 100%;max-width:87.5em;margin:0 auto;}

header {position:relative;background:#002A38;color:white;padding:0;}
header img{width:100%;height:auto;}
header .buttons{position:absolutesss;z-indexxx:100;bottommm:0;lefttt:0;righttt:0;paddinggg:.2em;background:orange;}

#main{position:relative;display:flex;flex-direction:row;flex:1;background:white;}
div.news{background:#4FCA31;padding:.5em;}
.marquee{background:lightyellow;color:red;font-size:1.2em; padding:.5em 1em;
margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
webkit-border-top-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-radius-topleft: 16px;
-moz-border-radius-bottomright: 16px;
border-top-left-radius: 16px;
border-bottom-right-radius: 16px;}
.marquee span {
display: inline-block;
  padding-left: 100%;
  animation: marquee 25s linear infinite;
    }
@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
.marquee span a{color:red;}
div.groups{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
grid-gap: .5em;
padding:.5em .5em;
background:#4FCA31;
}
.groups_item {padding:.4em .6em;text-align:center;background:orange;font-family:'Oswald', sans-serif;font-size:1.25em;color:white;letter-spacingsss: .1em;cursor:pointer;
-webkit-border-top-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-radius-topleft: 16px;
-moz-border-radius-bottomright: 16px;
border-top-left-radius: 16px;
border-bottom-right-radius: 16px;}
.groups_item:hover{background:darkorange;}


div.gallery{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
grid-gap: 1em;
padding: 1em .5em;
}

div.gallery a img {width:100%;height:auto;}


nav {background: #4FCA31; display:block;flex:0;min-width:220px;}

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

main{flex:1;padding:1em;}
main p.path{font-family: 'Oswald', sans-serif;font-size: 0.9em; line-height: 2em; color: #002A38;}
main p.path a {text-decoration: none; color: #002A38; margin: 0;}
main > div.home{
  /*display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  grid-gap: 1em;*/}
main > div.item{}

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:.75em 0;border-top:.25em solid #4FCA31;}
section h2{background:white;color:#005660;border-top:.25em solid #005660;border-bottom:1px solid #005660;}
section p {margin: 1em .5em;}
section h2 + p{margin-top:.5em;}
section h2 ~ p{margin-bottom:.75em;}

section div.right_menu {background: #4FCA31; display:block;flex:0;margin-bottom:1em;}

footer {background:green;padding:.6em; color: rgba(255,255,255,.9);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;margin:.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:#4FCA31;color:white;line-height:1.2em;-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;}
article h2{background:#4FCA31;color:white;font-size:1.3em;line-height:1.2em;-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;}
article + p{margin:0 .5em;}
article p.data{font-size:.8em;font-weight:normal;color:grey;background:lightgrey;padding:.2em .8em;}
article div.opis {
padding: 1em .75em;
-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;displaysss:block;flex:1;}

article div.opis table {display:table;flex:none;border-collapse: collapse;}
article div.opis tbody {display:block;flex:none;}
article div.opis tr {display:table-row;flex:none;}
article div.opis td {display:table-cell;flex:none; padding:.2em;border: 1px solid grey;}

article p {line-height:1.5em;margin:.5em 0;}
/*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:40em;width:100%;height:auto;margin:0 auto;margin-top:.75em;}

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

article div.tagi{margin:1em 0;}
/*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;}




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

.cloud{ 
   position:relative;
   background-image:url(/img/cloud1.svg); background-size: 100% 100%;
   padding:3em .4em .75em .4em;text-align:center;font-family:'Oswald', sans-serif;font-size:1.5em;color:black;cursor:pointer;
}
/*
.cloud{ 
   position:relative;
   margin: 0 auto;
   margin-top:1.5em;
   margin-bottom:.5em;
   width:90%;
   height:3em;
   background:#ECEFF1;
   box-shadow: .25em .25em rgba(0,0,0,0.2);
   border-radius:3em;
   paddings:1.5em .4em;text-alignss:center;font-family:'Oswald', sans-serif;font-size:1.25em;color:black;cursor:pointer;
}
.cloud::after, .cloud::before{
    content:"";
    position:relative;
    display:inline-block;
    background:inherit;
    border-radius:inherit;
}
.cloud::after{
    width:2em;
    height:2em;
    top:-3em;
    left:-2.25em;
    backgroundss:blue;
}
.cloud::before{
    width:4em;
    height:4em;
    top: -1.5em;
    left:3.5em;
    backgrounds:red;
}

.cloud:hover{transform: scale(1.1);}
.cloud span{position:absolute;bottom:.75em;left:0;right:0;text-align:center;}*/
.cloud img{position:absolute;top:-.25em;left:1em;max-height:3em;}
.cloud:hover img{transform: scale(1.1);}

#search_form{display:none;position:absolute; top:0;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%;}


body.highcontrast, .highcontrast header, .highcontrast footer{background:black;}
.highcontrast a, .highcontrast #top .up, .highcontrast header p.name, .highcontrast header p.name span, .highcontrast #sandwich_menu span, .highcontrast #sandwich_menu span span, .highcontrast .wcag2, .highcontrast main p.path, .highcontrast main p.path a, .highcontrast footer, .highcontrast footer p a{color:yellow;}
.highcontrast nav{background:black;color:yellow;}
.highcontrast section div{background:black;border-top:.25em solid yellow;-webkit-box-shadow: none; box-shadow:none;}
.highcontrast #page-settings{background:black;}
.highcontrast #page-settings button{border:1px yellow solid;margin:.2em;padding:.5em .7em;background:black;color:yellow;cursor:pointer;}
.highcontrast #page-settings button.wcag{color:white;background:blue;border:1px blue solid;margin:.4em;}
.highcontrast #page-settings button.highcontrast-by{color:black;background:yellow;}
.highcontrast #page-settings ul li.label{color:yellow;}

.highcontrast article{background:black;-webkit-box-shadow: none; box-shadow:none;border:1px yellow solid;}
.highcontrast article h1, .highcontrast article h2{background:black;color:yellow;}
.highcontrast article div.opis, .highcontrast article p.data, .highcontrast article p.link, .highcontrast nav p.lang a{color:yellow;}


@media screen and (max-width:1600px) {

}

@media screen and (max-width:1367px) {

  .cols_3{width:49%;}
  ol.download li {width: 19%;}
}

@media screen and (max-width:1080px){
  

}
@media screen and (max-width:1023px){
  body{font-sizes: 14px;}
  nav {display:none;position:absolute;max-width:320px;-webkit-box-shadow: 0px 0px 4px 0px #000; box-shadow: 0px 0px 4px 0px #000;}
  #sandwich_menu{display:block;}
  ol.download li {width: 24%;}
}
@media screen and (max-width:799px){  
  nav {position:relative;font-size:1.2em;}
}
@media screen and (max-width:767px){
  body{font-sizes: 13px;}
  #main{display:block;}
  section {display:nones;} 
  section div{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 1em;}
  ol.download li {width: 32.33333333333%;}
}

@media screen and (max-width:599px){
  body{font-sizes: 12px;}
  /*
  #page-settings{display:none;justify-content:center;padding:0;}
  #page-settings ul{display:flex;align-items:center;list-style-type: none;margin: 0;padding: 0;}
  #page-settings ul li.contrast, #page-settings ul li.resizer{display:none;}
  #page-settings ul li.label{display:none;margin:.2em;padding:.5em; font-size:.8em;}
  #page-settings ul ul {margin:0 .1em;padding:.1em;}
  #page-settings button{border:1px #000 solid;margin:.2em;padding:.5em .7em;background:white;cursor:pointer;}
  #page-settings button.wcag{color:white;background:blue;border:1px blue solid;margin:.4em;}
  #page-settings button.highcontrast-by{color:yellow;background:black;}
  
  
  
  #page-settings{display:flex;justify-content:flex-end;}
  #page-settings ul li.label{display:block;}
  #page-settings ul ul {border-left: 1px #CCC solid;}
  .highcontrast #page-settings ul ul {border-left: 1px yellow solid;}
  */
  #page-settings{justify-content:center;}
  #page-settings ul li.label{display:none;}
  #page-settings ul ul {border-left:none;}
  header p.name span{display:none;}
  nav {position:relative;font-size:1.4em;max-width:100%;-webkit-box-shadow: none; box-shadow: none;}

  section div{grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));}
  .cols_3{width:99%;}
}

@media screen and (max-width:479px){
  
  ol.download li {width: 49%;}
}



@media (min-width: 640px){
 

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

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

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

 
}