/* Glowne */

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

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

		margin: 0px;
		padding: 0px;
	}

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

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

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

/* Stale */

	h1
	{
		display: inline-block;

		margin: 0px;

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

		font-size: 40px;
		font-weight: 400;
		line-height: 120%;

		color: rgb(98,36,85);
		text-align: left;
	}

	ul, ol
	{
		display: block;

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

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

		text-align: left;

		list-style-position: outside;
	}

	ul
	{
		list-style-type: disc;
	}

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

	ul li, ol li
	{
		margin: 0px;

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

		text-align: left;
	}

	p
	{
		display: block;

		margin: 0px;

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

		text-align: left;
	}

	p strong
	{

		font-weight: 800;
	}

	.contentRight p
	{
		text-align: justify;
	}

	a, a:link, a:visited, a:active
	{
		color: rgb(136,50,117);
		text-decoration: none;
	}

	a:hover
	{
		color: rgb(98,36,85);
		text-decoration: none;
	}

	hr
	{
		display: block;

		font-size: 1px;

		margin: 0px;
		padding: 0px;

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

		line-height: 0px;

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

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

	img, iframe
	{
		max-width: 100%;
		border-style: none;
		border-width: 0px;
	}

/* Tla */

	.bodyTloB
	{
		margin: 0px;
		padding: 0px;
	}

	.headerTlo, .menuTlo, .contentTlo, .footerTlo
	{
		display: block;
		max-width: 100%;
		height: auto;

		margin: 20px;
		padding: 0px;
	}

	.menuTlo
	{
		margin-left: 0px;
		margin-right: 0px;

		background-color: rgb(136,50,117);
	}

	.footerTlo
	{
		margin-left: 0px;
		margin-right: 0px;

		padding-top: 20px;

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

		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: rgb(231,231,231);
	}

/* Boxy trzymajace */

	.header, .menu, .content, .footer
	{
		display: block;
		max-width: 1200px;
		height: auto;

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

		padding: 0px;
	}

/* Header i menu */

	.headerLogo, .headerIcons
	{
		display: block;
		float: left;

		margin: 0px;
		padding: 0px;
	}

	.headerLogo
	{
		width: 25%;
		height: 200px;
	}

	.headerLogo a
	{
		display: block;
		width: 100%;
		height: 100%;

		text-align: center;
	}

	.headerLogo a img
	{
		margin: 0px;
		margin-top: 60px;
	}

	.headerIcons
	{
		width: 75%;
	}

	.headerIcons div
	{
		width: 33%;
		height: 200px;

		display: block;
		float: left;

		margin: 0px;
		padding: 0px;

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

		border-left-style: solid;
		border-left-width: 1px;
		border-left-color: rgb(231,231,231);
	}

	.headerIcons div span
	{
		display: inline-block;

		margin: 0px;
		margin-top: 70px;
		margin-left: 20px;
	}

	.headerIcons div span.icon
	{
		width: 40px;
	}

	.headerIcons div span.text
	{
		margin-left: 10px;
	}

	.headerIcons div span.text, .headerIcons div span.text a, .headerIcons div span.text a:link, .headerIcons div span.text a:visited, .headerIcons div span.text a:active, .headerIcons div span.text a:hover
	{
		color: rgb(136,50,117);
		text-decoration: none;
	}

	.headerIcons div span.text a.underline
	{
		text-decoration: underline;
	}

	/* menu */

	.menuFloat
	{
		display: block;
		float: left;

		margin: 0px;
		padding: 0px;
	}

	.menuFloat div
	{
		display: block;
		float: left;

		margin: 0px;
		padding: 0px;
	}

	.menuFloat div a
	{
		display: block;

		margin: 0px;
		padding: 20px;

		color: rgb(255,255,255);
		font-size: 14px;
		font-weight: 800;
		text-transform: uppercase;
	}

	.menuFloat div a, .menuFloat div a:link, .menuFloat div a:visited, .menuFloat div a:active, .menuFloat div a:hover
	{
		background-color: transparent;
	}

	.menuFloat div a:hover, .menuFloat div.selected a:hover, .menuFloat div.selected a
	{
		background-color: rgb(98,36,85);
	}

	/* submenu */

	.submenu
	{
		display: block;

		margin: 0px;

		padding: 0px;
		padding-top: 10px;
		padding-right: 39px;

		text-align: left;
	}

	.submenu a
	{
		display: inline-block;

		margin: 0px;
		margin-right: 1px;
		margin-bottom: 1px;

		padding: 15px;

		color: rgb(255,255,255);
		font-size: 14px;
		font-weight: 800;
		text-transform: uppercase;
		text-decoration: none;

		background-color: rgb(136,50,117);
	}

	.submenu span
	{
		display: block;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	.submenu a:link, .submenu a:visited, .submenu a:active
	{
		color: rgb(255,255,255);
		font-size: 14px;
		font-weight: 800;
		text-transform: uppercase;
		text-decoration: none;

		background-color: rgb(136,50,117);
	}

	.submenu a:hover
	{
		color: rgb(255,255,255);
		background-color: rgb(98,36,85);
	}

/* Content */

	.content
	{
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.contentLeft, .contentRight
	{
		display: inline-block;

		margin: 0px;
		padding: 0px;

		vertical-align: top;
	}

	.contentLeft
	{
		width: 300px;
	}

	.contentRight
	{
		width: 900px;
	}

	.contentContact
	{
		width: 100%;

		margin: 0px;
		padding: 0px;
	}

	/* Ikony na glownej */

	.contentIcons
	{
		margin: 0px;

		padding: 0px;
		padding-top: 20px;
	}

	.contentIcon
	{
		display: block;
		float: left;
		position: relative;

		width: 360px;
		height: 260px;

		margin: 0px;
		margin-right: 60px;
		margin-bottom: 60px;

		padding: 0px;
	}

	.contentIcon.last
	{
		margin-right: 0px;
	}

	.contentIconA, .contentIconB
	{
		position: absolute;
		top: 0px;
		left: 0px;

		width: 360px;
		height: 260px;

		margin: 0px;
		padding: 0px;
	}

	.contentIconA
	{
		z-index: 2;
	}

	.contentIconA a
	{
		display: block;

		width: 360px;
		height: 260px;
	}

	.contentIconA a strong
	{
		display: none;
	}

	.contentIconB
	{
		z-index: 1;

		width: 320px;
		height: 220px;

		padding: 20px;

		background-color: rgb(136,50,117);
		background-repeat: no-repeat;
		background-position: 20px 20px;
	}

	.contentIconB.hover
	{
		background-color: rgb(98,36,85);
	}

	.contentIconB h1
	{
		color: rgb(255,255,255);
		font-size: 30px;
		font-weight: 400;
		text-transform: lowercase;

		margin-top: 50px;
		padding-bottom: 5px;
	}

	.contentIconB p
	{
		color: rgb(255,255,255);
		text-align: justify;
	}

	.contentCall, .contentAbout, .contentQuotation
	{
		display: block;
		width: 100%;

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

		padding: 0px;
		padding-top: 50px;
		padding-bottom: 50px;

		background-color: rgb(204,204,204);

		text-align: center;
	}

	.contentAbout
	{
		background-color: rgb(255,255,255);
	}

	.contentQuotation
	{
		background-color: rgb(136,50,117);
	}

	.contentCall img, .contentCall strong, .contentCall h1
	{
		display: inline-block;
	}

	.contentAbout h1, .contentAbout p
	{
		display: inline-block;
		max-width: 700px;
		text-align: center;
	}

	.contentCall strong, .contentCall h1
	{
		color: rgb(98,36,85);
		font-weight: 800;
		text-transform: uppercase;
	}

	.contentCall strong
	{
		font-size: 14px;
	}

	.contentCall h1, .contentAbout h1
	{
		font-size: 30px;
		padding-bottom: 5px;
	}

	.contentAbout h1
	{
		color: rgb(98,36,85);
		font-weight: 400;
		text-transform: lowercase;

		margin-bottom: 30px;
	}

	.contentQuot
	{
		display: inline-block;
		width: 360px;

		margin: 0px;
		margin-right: 10px;
		margin-left: 10px;

		padding: 0px;
		
		vertical-align: top;
	}

	.contentQuot p
	{
		color: rgb(255,255,255);

		margin: 0px;
		padding: 0px;
	}

	.contentQuot img
	{
		line-height: 0%;
	}

	.contentQuotIn
	{
		display: block;

		margin: 0px;
		margin-top: -5px;

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

		color: rgb(255,255,255);
		text-align: left;
		background-color: rgb(98,36,85);
	}

/* Footer */

	.footerLeft, .footerRight
	{
		width: 50%;
		display: block;
		float: left;

		margin: 0px;
		margin-bottom: 40px;

		padding: 0px;
	}

	.footerLeft div
	{
		display: block;
		float: left;
		width: 50%;

		margin: 0px;
		padding: 0px;

		text-align: left;
	}

	.footerLeft div a
	{
		display: block;

		margin: 0px;

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

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

		border-left-style: solid;
		border-left-width: 1px;
		border-left-color: rgb(231,231,231);
	}

	.footerRight
	{
		text-align: right;
	}

	.footerRight p
	{
		text-align: right;
	}

/* Modules */

	.modules, .modules form
	{
		display: block;

		margin: 0px;
		padding: 0px;

		text-align: center;
	}

	.modules p
	{
		display: inline-block;
		max-width: 800px;

		padding-top: 50px;
		padding-bottom: 30px;

		text-align: center;
	}

	.modules form div
	{
		display: inline-block;

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

		margin: 0px;
		padding: 20px;

		vertical-align: top;
	}

	.modules form input, .modules form textarea
	{
		display: inline-block;

		margin: 0px;

		font-family: "Open Sans", sans-serif;
		font-size: 15px;
		font-weight: 400;
		color: rgb(255,255,255);
		text-decoration: none;

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

		background-color: rgb(136,50,117);
	}

	.modules form label, .modules form div.inline strong
	{
		display: block;

		margin: 0px;

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

		font-weight: 400;
		color: rgb(0,0,0);
		text-align: left;
	}

	.modules form label.center
	{
		text-align: center;
	}

	.modules form div.inline
	{
		text-align: left;
	}

	.modules form div.inline span
	{
		display: inline-block;

		padding: 10px;
		padding-top: 7px;

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

		background-color: rgb(136,50,117);
	}

	.modules form div.inline input, .modules form div.inline label
	{
		display: inline-block;

		color: rgb(255,255,255);

		padding: 0px;
		margin: 0px;

		vertical-align: middle;
	}

	.modules form div.inline label
	{
		margin-right: 10px;
	}

	.modules form input.modules_imie_i_nazwisko, .modules form input.modules_adres_email, .modules form input.modules_adres_telefon, .modules form input.modules_rodzaj, .modules form input.modules_dokumenty, .modules form input.modules_pracownicy, .modules form input.modules_umowy
	{
		padding: 20px;
		width: 320px;
	}

	.modules form textarea.modules_tresc_wiadomosci
	{
		width: 1120px;
		max-width: 100%;

		padding: 20px;

		resize: none;
		overflow: hidden;
	}

	.modules form input.modules_submit
	{
		margin-top: 30px;
		padding: 20px;
	}

@media only screen and (max-width: 960px)
{
	.headerLogo, .headerIcons
	{
		float: none;
		width: 100%;
	}

	.headerLogo
	{
		height: 100px;
		margin-bottom: 40px;
	}

	.headerLogo img
	{
		margin-top: 29px;
	}

	.headerIcons div
	{
		float: none;
		width: 100%;
		height: 100px;

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

	.contentIcon
	{
		width: 100%;
		height: 350px;

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

	.contentIconA, .contentIconA a
	{
		width: 100%;
		height: 350px;
	}

	.contentIconB
	{
		width: 100%;
		height: 350px;
		padding: 0px;
	}

	.contentIconB h1
	{
		padding: 20px;
		padding-top: 40px;
	}

	.contentIconB p
	{
		padding: 20px;
		padding-top: 0px;
	}

	.contentQuot
	{
		display: block;
		width: 100%;

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

	.contentQuot p
	{
		padding: 20px;
	}

	.footerLeft
	{
		display: none;
	}

	.footerRight
	{
		width: 100%;
		float: none;
		text-align: center;
	}

	.footerRight p
	{
		padding: 20px;
		text-align: center;
	}

	.contentLeft, .contentRight
	{
		display: block;
		width: 100%;
	}

	.submenu
	{
		padding-right: 0px;
	}

	.submenu span
	{
		display: none;
	}

	.modules form div
	{
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;

		text-align: left;
	}

	.modules form div input
	{
		max-width: 80%;
	}

	.modules form textarea.modules_tresc_wiadomosci
	{
		width: 100%;
		padding: 0px;
	}

}
.h2glowna {
    margin-bottom: -55px;
}