html, body {
	font-family: Verdana, sans-serif;
	font-size: 16px;
	color: #fff;
	background: #000;
	margin: 0px;
	padding: 0px;
	height: 100%;
	line-height: 1.3em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

	@media all and (min-width:100px) and (max-width:700px) {
		body {
			font-size: 14px;
		}
	}

form, p { margin: 0; padding: 0; }
iframe { overflow:hidden; margin: 0; padding: 0; }
img { border: 0px; }


/* Common styles
	* --------------------------------------- */
  	.section{
		overflow:hidden;
		padding: 0;
	}
	.wrap{
		width: 100%;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	.box{
		text-align: left;
		color: #808080;
		font-size: 1.2em;
		line-height: 1.6em;
	}

	/* Fixed header and footer.
	* --------------------------------------- */
	.mobile {
		display: none;
	}
	#header, #footer,
	#header2, #footer2{
		position: fixed;
		height: 23px;
		display: block;
		width: 100%;
		background: #ffd503;
		z-index:9;
		text-align:center;
		color: #000;
		padding: 18px 0;
	}

	#header{
		top: 0px;
		display: block;
	}

		#header a,
		#header2 a {
			padding: 0 20px;
			color: #000;
			font-weight: bold;
			text-decoration: none;
			font-variant: small-caps;

		}

			@media all and (min-width:100px) and (max-width:700px) {
				#header, #footer{
					height: 40px;
					padding: 5px 0;
				}
				#header a {
					padding: 0 10px;
				}
				.mobile {
					display: block;
				}
			}

		#header .logom,
		#header2 .logom {
			position: absolute;
			left: 0;
			top: -20px;
		}

	#header.active {
		top: 0px;
		display: block;
	}
	#footer{
		bottom: 0px;
	}

	h1 {
		padding: 0;
		margin: 40px 0 30px 0;
		color: #ffd503;
	  	font-size: 25px;
		text-shadow: none;
		text-transform: uppercase;

	}

	@media all and (min-width:100px) and (max-width:700px) {
		h1 {
			padding: 0;
			margin: 20px 0;
			color: #ffd503;
		  	font-size: 24px;
			text-shadow: none;
		}
	}

	/* Section 0
	* --------------------------------------- */

	.section0 img {
		width: 65px;
		height: 65px;
		outline: 0;
		border: 1px solid #FFF;
		border-radius: 8px;
		margin: 0px 10px 5px 0px;
	}

	.section0 .kolumny {
		column-count: 2;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		margin: 15px 0 0 0;
	}

	@media all and (min-width:100px) and (max-width:700px) {

		.section0 .kolumny {
			column-count: 1;
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-width: 90%;
			-webkit-column-width: 90%;
			-moz-column-width: 90%;
			margin: 15px 0 0 0;
		}

	}

	/* Section 1
	* --------------------------------------- */

	.section1 img {
		width: 213px;
		height: 295px;
	}

	.section1 .dtable {
		margin: 15px auto 0 auto;
		width: 600px;
	}



	@media all and (min-width:100px) and (max-width:700px) {

		.section1 .dtable {
			display: block !important;
			width: 90%;
		}

		.section1 .dcell {
			display: block !important;
			margin-top: 15px;
		}

	}

	/* Section 2
	* --------------------------------------- */

	.section2 .kontaktpl {
		width: 100%;
		display: block;
		position: relative;
		text-align: left;
		column-count: 3;
		-webkit-column-count: 3;
		-moz-column-count: 3;
	}

	.section2 .kontaktcz {
		width: 100%;
		display: block;
		position: relative;
		text-align: left;
		column-count: 3;
		-webkit-column-count: 3;
		-moz-column-count: 3;
	}

	.section2 .kontaktpl > span,
	.section2 .kontaktcz > span {
		display: block;
		font-size: 0.9em;
		position: relative;
	}

		.section2 .kontaktpl > span > a,
		.section2 .kontaktcz > span > a {
			color: #ffd503;
			font-size: 0.9em;
			text-decoration: none;
		}

		.section2 .nazwisko {
			font-weight: bold;
			font-size: 16px;
			position: relative;
		}

		.section2 .kontaktpl .flagi,
		.section2 .kontaktcz .flagi {
			display: inline-block;
			width: 110px;
			text-align: left;
		}

			.section2 .flagi img {
				padding: 0 5px 0 0;
			}

		.section2 .kontaktcz .flagi {
			text-align: left;
		}

			.section2 .kontaktcz .flagi img {
				padding: 0 0 0 5px;
			}

		.section2 .telefon {
			font-size: 13px;
		}

		.section2 .stanowisko {
			font-style: italic;
		}

	@media all and (min-width:100px) and (max-width:700px) {
		.section2 .kontaktpl,
		.section2 .kontaktcz {
			float: none;
			width: 100%;
			text-align: center;
		}
		.section2 .kontaktcz {
			padding: 30px 0 0 0;
		}
		.section2 .kontaktpl .flagi,
		.section2 .kontaktcz .flagi {
			display: inline-block;
			width: auto;
			text-align: right;
		}
	}


	/* Section 3
	* --------------------------------------- */

	.section3 img {
		outline: 0;
		margin: 0px 0px 20px 40px;
		float: right;
	}

	@media all and (min-width:100px) and (max-width:700px) {

		.section3 img {
			margin: 20px;
			float: none;
			width: 90%;
		}

	}



.szerokoscStrony {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

	@media all and (min-width:100px) and (max-width:700px) {
		.szerokoscStrony {
			width: 100%;
		}
	}

/* #stopka {
	width: 100%;
	background: #a90230;
	color: #fff;
	padding: 10px 0;
	text-align: right;
	margin: 30px 0 0 0;
} */



.podkreslenie { height: 1px; border-bottom: 2px solid #0066CC; }
.podkreslenie2 { height: 1px; border-bottom: 1px dotted #0066CC; margin: 5px 0; }
.niebieski { color: #0066CC; }
.czerwony { color: #a90230; }
.czarny { color: #000000; }
.zolty { color: #ffd503; }
.szary { color: #666; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f30 { font-size: 30px; }
.b { font-weight: bold; }
.no_u { text-decoration: none; }
.r { text-align: right; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.top { vertical-align: top; }
.pad50x0 { padding: 50px 0; }
.pad25x0 { padding: 25px 0; }
.pad10 { padding: 10px; }
.pad5x0 { padding: 5px 0; }
.pad5 { padding: 5px; }
.pad0 { padding: 0px; }
.czysc { clear: both; }
.dtable { display: table; }
.drow { display: table-row; }
.dcell { display: table-cell; }
.blad { color: #c80a32; }
.ok { color: green; }
.tloSzare { background: #f4f4f4; }
.tloSzare2 { background: #e4e4e4; }