body {width:100%; margin:0 0 0 0; background-color: white;}

header { margin: auto; text-align: center; border-width: 0px 0px 3px 0px; border-style: solid; border-color: #07488a; display: inline-block; padding:10px 0px 17px 0px; width: 320px;}

nav { margin: auto; text-align: center; display: inline-block; border-width: 1px 0px 3px 0px; border-style: solid; border-color: #07488a; padding:10px 0px 10px 0px; width:320px; }

nav.left {margin-right: 100px; }
nav.right {margin-left: 100px; }

a.nav {font-family: Segoe Print, Comic Sans MS, serif; font-size:22px; color: #07488a; font-weight: bold; text-decoration: none; margin:10px 20px 10px 20px; padding:5px 5px 5px 5px; border-radius: 5px;}

a.nav:link {font-family: Segoe Print, Comic Sans MS, serif; font-size:22px; color: #07488a; font-weight: bold; text-decoration: none; }

a.nav:visited {font-family: Segoe Print, Comic Sans MS, serif; font-size:22px; color: #07488a; font-weight: bold; text-decoration: none;}

a.nav:hover {font-family: Segoe Print, Comic Sans MS, serif; font-size:22px; color: #07488a; font-weight: bold; background-color: #22bcba;}

article { margin: auto; max-width: 1200px; text-align: center;}

article.baner { margin: auto; margin-top: -165px; max-width: 1200px; text-align: center;}
img.baner {width:100%;}

p {font-family: Times New Roman, serif; font-size: 20px; line-height: 1.4em; text-align: left; color: #07488a; margin: 15px 15px 15px 15px; }

h1 {margin: auto; font-family:Times New Roman, serif; text-align: center; color:#07488a; font-weight: normal; font-size: 50px; margin: 50px 50px 50px 50px;}
h2 {margin: auto; font-family:Times New Roman, serif; text-align: center; color:#07488a; font-weight: normal; font-size: 36px; margin: 15px 15px 15px 15px;}

a.baner {position: relative; left:30%; top: 550px; display: inline-block; font-family: Times New Roman, serif; font-size:20px; color: #07488a; font-weight: bold; text-decoration: none; text-align: center; padding: 10px 10px 10px 10px; margin: 20px 10px 20px 10px; background-color: #22bcba; border-radius: 10px; box-shadow: 3px 3px 3px #07488a; border-width: 1px; border-style:solid; border-color: #22bcba; width: 170px;}

a.baner:link {font-family: Times New Roman, serif; color: #07488a; background-color: #22bcba;}

a.baner:visited {font-family: Times New Roman, serif; color: #07488a; background-color: #22bcba;}

a.baner:hover {font-family: Times New Roman, serif; color: #07488a; background-color: #ffffff; text-decoration: none;}

section.tabela {margin: auto; display:table-cell; width:33%;}
p.tabela {font-family: Times New Roman, serif; font-size: 22px; text-align: center; color: #07488a; margin: 20px 20px 20px 20px;}
h2.tabela {margin: auto; font-family:Times New Roman, serif; text-align: center; color:#07488a; font-weight: normal; font-size: 22px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #07488a; padding: 20px 20px 20px 20px; margin: 20px 40px 20px 40px;}

a.wiecej {font-family: Times New Roman, serif; font-size:18px; color: #07488a; font-weight: bold; text-decoration: none; text-align: center; padding: 4px 10px 2px 10px; background-color: #22bcba; border-radius: 10px; box-shadow: 2px 2px 2px #07488a; border-width: 1px; border-style:solid; border-color: #22bcba;}

a.wiecej:link {font-family: Times New Roman, serif; color: #07488a; background-color: #22bcba;}

a.wiecej:visited {font-family: Times New Roman, serif; color: #07488a; background-color: #22bcba;}

a.wiecej:hover {font-family: Times New Roman, serif; color: #07488a; background-color: #ffffff; text-decoration: none;}

footer {margin: 0 auto; max-width: 1200px; text-align: center; background-color: #cfcfcf; }
h1.stopka {margin: auto; font-family:Segoe Print, Comic Sans MS, sans-serif; text-align: center; color:#07488a; font-weight: normal; font-size: 38px; margin: 10px 10px 10px 10px;}
p.stopka {margin: auto; font-family:Segoe Print, Comic Sans MS, sans-serif; text-align: center; color:#07488a; font-weight: normal; font-size: 28px; margin: 10px 10px 10px 10px;}

a {color: #07488a; text-decoration: none;}
a:link {color: #07488a; text-decoration: none; }
a:visited {color: #07488a; text-decoration: none;}
a:hover {color: black; text-decoration: none; }

ul { list-style-type: disc; font-family: Times New Roman, serif; font-size: 20px; line-height: 1.4em; text-align: left; color: #07488a; }
li { font-family: Times New Roman, serif; font-size: 20px; line-height: 1.4em; text-align: left; color: #07488a; margin-left: 15px;}

div.cookie {position:fixed; bottom:0px; left:0px; right:0px; z-index:10; background-color:rgba(255,255,255,0.7);}
label.cookie {position:fixed; bottom:5px; right:10px; z-index:11; background-color:rgba(255,255,255,0.7); border-color:#07488a; border-width:1px; border-style: solid; border-radius:5px; cursor:pointer;}
input[type=checkbox].cookie {display: none }
input[type=checkbox].cookie:checked ~ div.cookie { display:none; }
input[type=checkbox].cookie:checked ~ label.cookie { display:none; }

@media only screen and (max-width:1200px) 
{
	nav.left {margin-right: 20px;}
	nav.right {margin-left: 20px;}
	a.baner {top:500px; left:25%;}
}

@media only screen and (max-width:1020px) 
{
	nav {display:block; width:100%;}
	header {display: block;}
	nav.left {margin-right: 0px;}
	nav.right {margin-left: 0px;}
	header {border-style: none; }
	a.baner {top:400px; left:20%;}
	section.tabela {display: block; width:100%; margin-bottom: 75px;}
}

@media only screen and (max-width:750px) 
{
	a.baner {top: 320px; left:0px;}
}

@media only screen and (max-width:550px) 
{
	a.baner {top: 270px; left:0px;}
}

@media only screen and (max-width:460px) 
{
	a.baner {top: 200px; left:0px; margin: 5px 5px 5px 5px; width: 165px; padding:3px 5px 3px 3px; }
	article.baner { margin-top: -82px; max-width: 1200px; text-align: center;}
	h1 {width:90%; margin: 50px 20px 50px 20px; font-size: 40px;}
	h2 {margin: 50px 20px 50px 20px; }
}