body{
	line-height: 1.2em;
	font-family: 'Open Sans', sans-serif;}

form{
	display: none;
	z-index: 1000;
	position: fixed;
	left: 30%;
	top: 20%;
	width: 40%;
	height: 450px;
	background-color: white;
	box-shadow: 0px 0px 30px black}

form div{
	margin: 1em;}
form div h2{
	color: #234255;
	font-weight: bold;
	font-size: 18pt;
	margin-bottom: 1em;}
form div label{
	display: block;
	margin-bottom: 0.5em;}
form div input{
	border-radius: 5px;
	border: 1px solid #909090;
	display: block;
	margin-bottom: 1.5em;
	width: 50%;
	line-height: 2em;
	box-shadow: 1px 1px 2px #909090;}
form div textarea{
	border-radius: 5px;
	border: 1px solid #909090;
	margin-bottom: 1.5em;
	width: 99%;
	height: 100px;
	box-shadow: 1px 1px 2px #909090;}
form div button{
	display: inline-block;
	padding: 0.5em 1.5em;
	margin: 0 auto;}

#zmyla{
	position: absolute;
	left: -10000px;}





#Top{
	height: 100px;}
#TopContent{
	margin: 0 auto;
	width: 960px;
	height: 100px;
	background-image: url('logo.png');
	background-repeat: no-repeat;
	background-position: 130px 50%;}
#TopContent a{
	margin-top: 4vh;
	float: right;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	color: #c80000;}


#MainScreen{
	width: 960px;
	margin: 0px auto;
	height: 600px;
	background-image: url('background.jpg');
	background-position: center bottom;
	background-size: 100% 100%; 
	background-color: black;}

#MainScreenContent{
	margin: 0 auto;
	position: relative;
	width: 960px;
	height: 75vh;}

#MainScreenLeftContent{
	position: relative;
	top: 90px;
	left: 2em;}
#MainScreenLeftContent h1{
	margin-bottom: 50px;
	font-size: 36pt;
	font-style: italic;
	color: white;
	text-shadow: 3px 3px 3px black;
	font-weight: bold;
	line-height: 1.2em;}
#MainScreenLeftContent a{
	display: inline-block;
	line-height: 57px;
	padding: 0 1em;
	height: 57px;
	width: 160px;
	border: 5px solid #c80000;
	background-color: #c80000;
	border-radius: 1.0em;
	text-decoration: none;
	font-weight: bold;
	color: white;}
#MainScreenLeftContent a:hover{
	background-color: #c80000;
	color: white;}

#Middle{
	color: #234255;
	margin: 0 auto;
	margin-bottom: 10em;
	position: relative;
	width: 960px;
	overflow: hidden;}
#Middle h1{
	text-align: center;
	font-size: 36pt;
	color: #234255;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0;
	line-height: 1.2em;}
#Middle hr{
	height: 5px;
	border: 0;
	background-color: #c80000;
	width: 10%;
	margin-bottom: 3em;}

#Middle p{
	margin: 0 75px 3em 75px;
	line-height: 1.2em;}




#Middle .box{
	text-align: center;
	width: 30%;
	float: left;
	margin-left: 2.5%;
	margin-bottom: 3em;}
#Middle .box.secondLine{
	margin-left: 20%;}
#Middle .box img{
	margin-bottom: 25px;}
#Middle .box h2{
	font-size: 20pt;
	color: #c80000;
	margin-bottom: 25px;}
#Middle .box p{
	margin: 0;
	font: 1em normal Verdana, sans-serif;}
#Middle .box a{
	color: #234255;
	text-decoration: none;}






#Bottom{
	overflow: hidden;
	padding-bottom: 25px;}
#BottomContent{
	margin: 0 auto;
	width: 960px;}




#BottomContent{
	overflow: hidden;}
#BottomContent .box{
	clear:both;
	overflow: hidden;
	padding: 0 0 10em 0;
	margin-bottom: 3em;}


#BottomContent .box img.pudelko{
	float: right;
	width: 25%;}
#BottomContent .box.reverse img.pudelko{
	float: left;
	width: 25%;}

#BottomContent .box .boxDescription{
	float: left;
	width: 70%;
	background-position: right center;
	background-repeat: no-repeat;}
#BottomContent .box.reverse .boxDescription{
	float: right;
	width: 70%;
	background-position: left center;
	background-repeat: no-repeat;}

#BottomContent .box .boxDescription .boxDescriptionContent{
	margin-right: 60px;
	margin-left: 0px;}
#BottomContent .box.reverse .boxDescription .boxDescriptionContent{
	margin-left: 60px;
	margin-right: 0px;}



#BottomContent .boxDescription h1{
	clear:left;
	text-align: left;
	color: #c80000;
	font-weight: bold;
	font-size: 2em;
	padding-top: 0.25em;}
#BottomContent .boxDescription hr{
	border: 0;
	border-bottom: 1px solid #C80000;
	width: 100px;
	margin-top: 20px;
	margin-left: 0;
	margin-bottom: 1em;}
#BottomContent .boxDescription h2{
	clear:left;
	text-align: left;
	color: #234255;
	font-weight: bold;
	padding-top: 1em;
	text-shadow: 1px 1px 3px white;}
#BottomContent .boxDescription ul{
	list-style-type: circle;
	color: #3b3b3b;
	margin-top: 1em;
	margin-bottom: 1em;}
#BottomContent .boxDescription ul li{
	margin-left: 2.5em;
	margin-bottom: 0.5em;}
#BottomContent .boxDescription dl{
	color: #3b3b3b;
	margin-top: 1em;
	margin-bottom: 1em;}
#BottomContent .boxDescription dt{
	color: #234255;
	font-weight: bold;
	font-variant: small-caps;
	text-shadow: 1px 1px 3px white;}
#BottomContent .boxDescription dd{
	margin-bottom: 1em;}
#BottomContent .boxDescription a{
	margin-top: 1em;
	display: inline-block;
	line-height: 57px;
	padding: 0 1em;
	height: 57px;
	width: 240px;
	border: 5px solid #c80000;
	border-radius: 1.0em;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: white;
	background-color: #c80000;
	float: right;}



#BottomContent #box_kolplan .boxDescription {background-image: url('line_kolplan.png');}
#BottomContent #box_kolplan h2,
#BottomContent #box_kolplan dt{ color: #95994f;}

#BottomContent #box_otago .boxDescription {background-image: url('line_otago.png');}
#BottomContent #box_otago h2,
#BottomContent #box_otago dt{ color: #6b8799;}

#BottomContent #box_rozkas .boxDescription {background-image: url('line_rozkas.png');}
#BottomContent #box_rozkas h2,
#BottomContent #box_rozkas dt{ color: #998461;}

#BottomContent #box_donator .boxDescription {background-image: url('line_donator.png');}
#BottomContent #box_donator h2,
#BottomContent #box_donator dt{ color: #5d7f5b;}	

#BottomContent #box_hdk .boxDescription {background-image: url('line_hdk.png');}
#BottomContent #box_hdk h2,
#BottomContent #box_hdk dt{ color: #b27073;}



#Kontakt{
	width: 960px;
	margin: 0 auto;
	text-align: center;
	font-size: 10px;
	border-top: 1px dotted black;
	padding: 2em 0;
	background-color: #F0F0F0;}

#Partnerstwo{
	font-size: 13px;
	font-weight: bold;
	margin-top: 1em;
	background-color: #FFD0D0;
	margin-bottom: -20px;
	padding: 10px 0;}