/* Glowne */

	@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,700,700italic&subset=latin,latin-ext);
	@import url(https://fonts.googleapis.com/css?family=Lato:900&subset=latin,latin-ext);

	html, body
	{
		width: 100%;
		height: 100%;

		margin: 0px;
		padding: 0px;
	}

	body
	{
		font-family: "Open Sans", sans-serif;
		font-size: 16px;
		font-weight: 300;
		color: rgb(0,0,0);
		line-height: 170%;

		background-color: rgb(255,255,255);
	}

	.clean
	{
		width: 1px;
		height: 1px;
		font-size: 1px;
		display: block;
		clear: both;
		margin: 0px;
		padding: 0px;
	}

/* Stale */

	h1, h2
	{
		display: block;

		margin: 0px;

		padding-top: 10px;
		padding-right: 20px;
		padding-bottom: 10px;
		padding-left: 20px;

		color: rgb(1,69,142);
		font-family: "Lato", sans-serif;
		font-size: 45px;
		font-weight: 900;
		text-decoration: none;
		text-align: left;
		line-height: 120%;
	}

	h2
	{
		color: rgb(122,122,122);
		font-size: 30px;
	}

	ul, ol
	{
		display: block;

		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 40px;

		padding-top: 10px;
		padding-right: 20px;
		padding-bottom: 5px;
		padding-left: 20px;

		text-align: left;

		list-style-position: outside;
	}

	ul
	{
		list-style-type: circle;
	}

	ol
	{
		list-style-type: lower-alpha;
	}

	ul li, ol li
	{
		margin: 0px;

		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 5px;
		padding-left: 0px;

		text-align: left;
	}

	p
	{
		display: block;

		margin: 0px;

		padding-top: 10px;
		padding-right: 20px;
		padding-bottom: 10px;
		padding-left: 20px;

		text-align: left;
	}

	strong
	{
		font-weight: 700;
	}

	a, a:link, a:visited, a:active
	{
		color: rgb(1,69,142);
		text-decoration: underline;
	}

	a:hover
	{
		color: rgb(170,55,0);
		text-decoration: underline;
	}

	hr
	{
		display: block;

		font-size: 1px;

		margin: 0px;
		margin-top: 20px;
		margin-bottom: 20px;

		padding: 0px;

		border-style: none;
		border-width: 0px;

		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: rgb(1,69,142);

		line-height: 0px;
	}

	img, iframe
	{
		max-width: 100%;

		border-style: none;
		border-width: 0px;
	}

/* Tla */

	.bodyTloA
	{
		z-index: 1;

		position: absolute;
		width: 100%;

		margin: 0px;
		padding: 0px;
	}

	.bodyTloB
	{
		z-index: 2;

		position: absolute;
		width: 100%;

		margin: 0px;
		padding: 0px;
	}

	.headerTlo, .menuTlo, .contentTlo, .footerTlo
	{
		width: 100%;

		display: block;

		margin: 0px;
		padding: 0px;
	}

/* Boxy trzymajace */

	.header, .menu, .content, .footer
	{
		display: block;

		width: 100%;
		max-width: 1200px;

		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;

		padding: 0px;
	}

/* Header */

	.headerTlo
	{
		background-color: rgba(255,255,255,0.5);
	}

	.header
	{
		text-align: left;
	}

	.headerLogo
	{
		display: inline-block;

		margin-top: 40px;
		margin-bottom: 20px;
		margin-right: 20px;
		margin-left: 20px;

		padding: 0px;
	}

	.headerLogo a
	{
		display: block;
	}

	.fb-like
	{
		margin-bottom: 20px;
		margin-right: 20px;
		margin-left: 20px;
	}

	/* menu */

	.menuTlo
	{
		background-color: rgb(1,69,142);
	}

	.menu
	{
		margin-bottom: 40px;
	}

	.menu div
	{
		display: inline-block;

		margin: 0px;

		padding: 20px;
		padding-right: 10px;
		padding-left: 20px;
	}

	.menu div a
	{
		display: block;

		color: rgb(255,255,255);
		font-family: "Lato", sans-serif;
		font-size: 20px;
		font-weight: 900;
		text-decoration: none;

		border-style: none;
		border-width: 0px;

		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: transparent;
	}

	.menu div a:hover
	{
		color: rgb(255,255,255);
		border-bottom-color: rgb(255,255,255);
	}

/* Content */

	/* Slajdy */

	.contentSlide
	{
		max-width: 100%;

		display: block;

		margin: 0px;
		padding: 0px;
	}

	.contentParallax
	{
		max-width: 100%;

		display: block;

		margin: 0px;
		margin-bottom: 20px;

		padding: 0px;

		height: 700px;

		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;

		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0x);
	}

	.contentColumns
	{
		max-width: 100%;

		display: block;

		margin: 0px;
		margin-bottom: 20px;

		padding: 0px;

		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}

	/* 01 */

	/* 07 */

	.contentSlide.s_7
	{
		margin-top: 40px;
	}

	/* 02 */

	/* 03 */

	.contentSlide#s_3 div, .contentSlide#s_3 div p
	{
		text-align: center;
	}

	.contentParallax#p_3
	{
		background-image: url(s_3.jpg);
	}

	span.icons
	{
		display: inline-block;

		width: 250px;
		height: 310px;

		margin: 20px;
		padding: 0px;

		text-align: center;
		overflow: hidden;
	}

	span.icons span
	{
		display: inline-block;

		width: 200px;
		height: 200px;

		margin: 0px;
		margin-bottom: 20px;

		padding: 0px;

		background-repeat: no-repeat;
		background-position: center center;
		background-color: rgb(1,69,142);

		border-style: none;
		border-width: 0px;

		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

	span.icons.i_1 span
	{
		background-image: url(b_1.png);
	}

	span.icons.i_2 span
	{
		background-image: url(b_2.png);
	}

	span.icons.i_3 span
	{
		background-image: url(b_3.png);
	}

	span.icons.i_4 span
	{
		background-image: url(b_4.png);
	}

	span.icons.i_5 span
	{
		background-image: url(b_5.png);
	}

	span.icons.i_6 span
	{
		background-image: url(b_6.png);
	}

	span.icons strong
	{
		display: inline-block;

		height: 80px;

		color: rgb(122,122,122);
		font-size: 12px;
		text-transform: uppercase;
	}

	/* 04 */

	.contentParallax#p_4
	{
		background-image: url(s_4.jpg);
	}

	.contentSlide#s_4 div div.contentColumns
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.contentSlide#s_4 div div.contentColumns div
	{
		display: block;

		margin: 0px;
		padding: 0px;

		border-style: none;
		border-width: 0px;

		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: rgb(255,255,255);
	}

	.contentSlide#s_4 div div.contentColumns div p.pokaz
	{
		cursor: pointer;
		color: rgb(255,255,255);
		background-color: rgb(1,69,142);
	}

	.contentSlide#s_4 div div.contentColumns div div.schowaj
	{
		display: none;

		margin: 0px;
		padding: 0px;

		border-style: none;
		border-width: 0px;

		border-bottom-style: none;
		border-bottom-width: 0px;
	}

	/* 05 */

	.contentSlide#s_5 div, .contentSlide#s_5 div p
	{
		text-align: center;
	}

/* Footer */

	.footer p
	{
		padding-top: 40px;
		padding-bottom: 40px;
		text-align: center;
	}

/* Slider */

	/* boksy */

	.contentSliderBox, .contentSliderPageBox
	{
		position: relative;

		max-width: 100%;
		height: 700px;

		margin: 0px;
		padding: 0px;
	}

	.contentSliderPage, .contentSliderPageImg
	{
		position: absolute;
		top: 0px;
		left: 0px;

		width: 100%;

		margin: 0px;
		padding: 0px;
	}

	.contentSliderPageImg img
	{
		display: block;

		width: 100%;
		max-width: 2000px;

		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	}

	/* paginacja */

	.contentSliderPagination
	{
		position: relative;

		max-width: 1200px;

		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;

		padding: 0px;

		text-align: left;
	}

	.contentSliderPagination span
	{
		display: inline-block;

		width: 20px;
		height: 20px;

		margin: 0px;
		margin-top: 20px;
		margin-right: 10px;

		border-style: solid;
		border-width: 1px;
		border-color: rgb(122,122,122);
		border-radius: 50%;

		background-color: transparent;

		cursor: pointer;
	}

	.contentSliderPagination span:first-of-type
	{
		margin-left: 20px;
	}

	.contentSliderPagination span:hover
	{
		background-color: transparent;
		border-color: rgb(1,69,142);
	}

	.contentSliderPagination span.active
	{
		background-color: rgb(1,69,142);
		border-color: rgb(1,69,142);
	}

	.contentSliderPagination span.active:hover
	{
		background-color: rgb(122,122,122);
		border-color: rgb(122,122,122);
	}

@media only screen and (max-width: 960px)
{
	.contentColumns
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.contentSlide.s_5 div p.kontaktLeft, .contentSlide.s_5 div p.kontaktRight
	{
		display: block;
		text-align: center;
	}
}