article, aside, details, dialog, figcaption, figure, footer, header, main, nav, section {display: block;}
audio, canvas, embed, keygen, meter, progress, video {display: inline-block;}
[hidden] {display: none;}

/* ogólne ------------------ */
* {margin:0px; padding: 0px; outline: none;}
body {font: 18px Lato,Arial,Helvetica,sans-serif; line-height: 1.6; background: #EDE6DE; background-image: url(tlo.png); background-repeat: repeat-y; background-position: top; background-size: 100%;}
#TOP {width: 90%; overflow: hidden; margin: 5% 5% 0 5%;}
a {color: #fff;}



/* tresc ------------ */
#TRESC2 {font-size: 1.1em; width:100%; float: left; background: #1c1c1c; z-index: 0; border-top-right-radius: 200px;}
.tresc2 {padding: 3%;}
.tresc2 h1 {color: #E9E0D6; font-size:3.5em; padding: 0 3%;}
.tresc2 h2 {color: #E9E0D6; font-size:2.3em; padding: 0 3%;}
.tresc2 h3 {color: #968c81; font-size:2em; width:70%; padding: 0 3%;}
.tresc2 h4 {color: #E9E0D6; font-size: 1.2em;}
.tresc2 h5 {color: #968c81; font-size: 1.1em;}

#ukoronowani ul.menu1, #ukoronowani ul.menu1 li {display: block; list-style: none;}
#ukoronowani ul.menu1 li {float: left; margin: 3% 5% 5% 5%; font-weight: bold; font-size:1.6em;}
#ukoronowani ul.menu1 a {display: block; width: 330px; text-align: center; text-decoration: none; padding: 70px 0;}
#ukoronowani ul.menu1 a:link {border: 1px solid #ffffff; background: #ED5000; color:#ffffff;border-radius: 5px; box-shadow: 0 0px 3px #ED5000;}
#ukoronowani ul.menu1 a:visited {border: 1px solid #ffffff; background: #ED5000; color:#ffffff;border-radius: 5px; box-shadow: 0 0px 3px #ED5000;}
#ukoronowani ul.menu1 a:hover {border: 1px solid #ED5000; background: #ffffff; color:#555555;border-radius: 5px; box-shadow: 0 0px 3px #ED5000;}
#ukoronowani ul.menu1 a:focus {border: 1px dashed #ED5000; background: #ebebeb; color:#555555; border-radius: 5px; box-shadow: 0 0px 3px #ED5000;}
.tresccalosc {font-size: 0.9em; width:100%; float: left; background: #eeeeee; color: #555555; z-index: 0;}
.tresccalosc ul {margin:1% 0; padding:0 0 0 20px;}
.tresccalosc ul li {list-style: circle; margin: 1% 0;}
.tresccalosc ul.linki {margin: 0; padding:0 5px;}
.tresccalosc ul.linki li {list-style-type: none; font-weight: bold;}
.tresccalosc ul.linki li a {margin:10px;}
.tresccalosc ul.linki li a:link {text-decoration: none; display:block; padding: 10px; border: 1px solid #ED5000; background: #ffffff; color:#555555;border-radius: 5px; box-shadow: 0 0px 3px #ED5000;}
.tresccalosc ul.linki li a:visited {text-decoration: none; display:block; padding: 10px; border: 1px solid #ED5000; background: #ffffff; color:#555555;border-radius: 5px; box-shadow: 0 0px 3px #ED5000;}
.tresccalosc ul.linki li a:hover {text-decoration: none; display:block; padding: 10px; border: 1px solid #ffffff; background: #ED5000; color:#ffffff;border-radius: 5px; box-shadow: 0 0px 3px #ED5000;}
.tresccalosc ul.linki li a:focus {text-decoration: none; display:block; padding: 10px; border: 1px dashed #ED5000; background: #ffffff; color:#555555; border-radius: 5px; box-shadow: 0 0px 3px #ED5000;}



.tresccalosc p {margin:2% 0;}
.tresccalosc h4 {font-size: 1.4em; margin:0 0 4% 0;}
.left img {width: 290px; float: left; margin: 3%;}
.right img {width: 290px; float: right; margin: 3%;}
.left1 img {width: 100%; float: left; margin: 0;}
.right1 img {width: 100%; float: left; margin: 0;}
.img1 {text-align: center;}
.img4 {text-align: center;}
.img1 img {max-width: 98%; height: auto; border-bottom: 10px solid #ED5000; border-left: 10px solid #ED5000;}
.img4 img {max-width: 100%; height: auto; padding:5% 2%;}


.tresc33 {width:94%; float: left; margin: 3%}

/* responsywne wideo */

.video-wrap {width: 100%; max-width: 600px; margin: 0 auto;}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

/* stopka ------------ */
#STOPKA {font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #968c81; background-color: #000;  clear: both; overflow: hidden;}
#STOPKA a:link, #STOPKA a:visited {color: #968c81; text-decoration: underline;}
#STOPKA a:hover {color: #dddddd; text-decoration: none;}
#STOPKA a:focus {color: #fff; text-decoration: none;}
.stopka1 {width:50%; float: left;}
.stopka1 p {margin: 5%;}
.stopka2 {width:50%; float: right;}
.stopka2 ol {float: right; list-style-type: none; margin: 5%;}

.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1
}

.tab button {
	background-color: inherit;
	float: center;
	border: none;
	outline: 0;
	cursor: pointer;
	padding: 14px 5px;
	transition: .3s;
	width: 33%;
	font-size: 1.1em;
}

.tab button:hover {
	background-color: #ddd
}

.tab button.active {
	background-color: #ccc
}

/* media ------------ */

@media only screen and (max-width: 1160px) {
#TRESC2 {font-size: 0.9em;  border-top-right-radius: 160px;}
}

@media only screen and (max-width: 975px) {
#TRESC2 {font-size: 0.8em;  border-top-right-radius: 140px;}
#ukoronowani ul.menu1 a {width: 300px; padding: 60px 0;}
}

@media only screen and (max-width: 870px) {
#TRESC2 {font-size: 0.8em;  border-top-right-radius: 120px;}
#ukoronowani ul.menu1 a {width: 260px; padding: 60px 0;}
}

@media only screen and (max-width: 750px) {
#TOP {width: 100%; margin: 0;}
#TRESC2 {margin: 0; font-size: 1em; border-top-right-radius: 0px;}
#TRESC2 .tresc2 {padding: 3%;}
.tresc2 h1 {color: #E9E0D6; font-size:2.4em;}
.tresc2 h2 {font-size: 2em; padding: 0;}
.tresc2 h3 {font-size: 1.8em; width:100%; padding: 0;}
.tresc2 h4 {font-size: 1.2em;}
.tresc2 h5 {font-size: 1.1em;}
.tresc2 li a {padding: 8px 10px;}
.tresc2 ul li.tel a {display:block; margin-bottom:5%;}
.tresc2 ul li.mail a {display:none;}
#ukoronowani ul.menu1 a {width: 300px; padding: 60px 0;}
.tresc33 {width: 94%; float: left; padding: 0;}

.tresccalosc {font-size: 0.9em;}
.tresccalosc h4 {font-size: 1.3em;}
.left img {float: left; width:94%;}
.right img {float: left; width:94%;}
.left1 img {float: left; width:100%;}
.right1 img {float: left; width:100%;}
.stopka1 {width:100%; float: left;}
.stopka1 p {margin: 5% 5% 2% 5%;}
.stopka2 {width:100%; float: left;}
.stopka2 ol {float: right; list-style-type: none; margin: 2% 5% 5% 5%;}
.stopka2 li a {display: block; font-size: 1em; margin: 5% 0; padding: 10px 15px; text-decoration: none;}
.stopka2 a:link {border: 1px solid #E9E0D6; background: #1c1c1c; color:#E9E0D6; border-radius: 5px; box-shadow: 0 0px 3px #E9E0D6;}
.stopka2 a:visited {border: 1px solid #E9E0D6; background: #1c1c1c; color:#E9E0D6; border-radius: 5px; box-shadow: 0 0px 3px #E9E0D6;}
.stopka2 a:hover {border: 1px solid #E9E0D6; background: #ED5000; color:#E9E0D6; border-radius: 5px; box-shadow: 0 0px 3px #E9E0D6;}
.stopka2 a:focus {border: 1px dashed #E9E0D6; background: #1c1c1c; color:#E9E0D6; border-radius: 5px; box-shadow: 0 0px 3px #E9E0D6;}
.tab button {width: 100%; font-size: 1.1em;}
}

@media only screen and (max-width: 600px) {
#TOP {width: 100%;}
#TRESC2 .tresc2 {padding: 3%;}
.tresc2 h2 {font-size: 1.9em;}
.tresc2 h3 {font-size: 1.6em; width:100%;}
.tresc2 h4 {font-size: 1.1em;}
.tresc2 h5 {font-size: 1em;}
.tresc2 li a {font-size: 0.9em;}
.tresccalosc h4 {font-size: 1.1em;}
.tresccalosc p.button {margin: 35px 0 15px 0;}
.button a:link {padding: 9px;}
.button a:visited {padding: 9px;}
.button a:hover {padding: 9px;}
.button a:focus {padding: 9px;}
}

@media only screen and (max-width: 500px) {
#TOP { width: 100%;}
#TRESC2 .tresc2 {padding: 3%;}
.tresc2 h2 {font-size: 1.7em;}
.tresc2 h3 {font-size: 1.4em; width:100%;}
.tresc2 h4 {font-size: 1em;}
.tresc2 h5 {font-size: 0.9em;}
.tresc2 li a { font-size: 0.8em;}
.button2 a:link {padding: 8px;}
.button2 a:visited {padding: 8px;}
.button2 a:hover {padding: 8px;}
.button2 a:focus {padding: 8px;}
}

@media only screen and (max-width: 440px) {
#TOP {width: 100%;}
}

@media only screen and (max-width: 400px) {
#TOP { width: 100%;}
}

/*Przyciski Nawigacyjne*/