html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-family: Muli, 'Trebuchet MS', Verdana, Tahoma, Arial;
	font-size: 16px/100%;
	color: #000;
	background-color: #fff;
}
header {
	width: 100%;
}
footer {
	display: block;
	width: 100%;
	height: 5.000em;
}

img {
	max-width: 100%;
	height: auto;
}

article {
	display: block;
}
article.start {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
div.scroll {
	position: absolute;
	bottom: 0.313em;
	width: 100%;
	text-align: center;
	font-size: 2.000em;
	font-weight: bold;
	color: #0071BD;
}

div.tabela {
	display: block;
	width: 100%
	height: 100%;
	margin: 0;
	padding: 0;
}
div.tabela div.wiersz {
	display: block;
	width: 100%;
	height: 50%;
	margin: 0;
	padding: 2% 0;
	text-align: center;
}
div.tabela div.wiersz div.komorka {
	position: relative;
	display: inline-block;
	max-width: 20%;
	height: auto;
	margin: 0 2%;
	padding: 0;
}
div.tabela div.wiersz div.komorka a div {
	display: none;
	position: absolute;
	z-index: 100;
	top: 35%;
	width: 100%;
	margin: 0;
	padding: 5% 0;
	text-shadow: 1px 1px 5px rgba(180, 180, 180, 0.8);
	font-size: 3.00em;
	line-height: 0.500em;
}
div.tabela div.wiersz div.komorka.ogien a:hover {
	color: #FF5F21;
}
div.tabela div.wiersz div.komorka.powietrze a:hover {
	color: #42B4E6;
}
div.tabela div.wiersz div.komorka.woda a:hover {
	color: #0071BD;
}
div.tabela div.wiersz div.komorka.ziemia a:hover {
	color: #669933;
}
div.tabela div.wiersz div.komorka a:hover div {
	display: block;
}
div.tabela div.wiersz div.komorka a:hover div span {
	display: block;
	margin-top: 1.500em;
	font-size: 0.333em;
}
article h2 {
	text-align: center;
	font-size: 3.000em;
}
article.projekt h2 {
	color: #FF5E1F;
}
article.debaty h2 {
	color: #41B5E6;
}
article.warsztaty h2 {
	color: #0071BD;
}
article.organizator h2 {
	color: #669933; 
}
article div.tresc {
	display: block;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}
article div.tresc h3 {
	text-align: left;
	font-size: 1.500em;
}
article div.tresc h3.ogien {
	color: #FF5E1F;
}
article div.tresc h3.powietrze {
	color: #41B5E6;
}
article div.tresc h3.woda {
	color: #0071BD;
}
article div.tresc h3.ziemia {
	color: #669933;
}
span.zapis {
	display: block;
	width: 640px;
	margin: 0 auto;
	margin-top: 1.500em;
	padding: 0;
	font-size: 1.250em;
	font-weight: bold;
	color: #EDF1F2;
}
span.zapis > span {
	display: block;
	margin: 0.500em;
	padding: 0;
	padding-top: 0.500em;
}
span.zapis.powietrze {
	background-color: #41B5E6;
}
span.zapis.woda {
	background-color: #0071BD;
}
span.zapis.ziemia {
	background-color: #669933;
}
span.zapis.ogien {
	background-color: #FF5E1F;
}
div.krakow {
	display: block;
	margin: 5.000em 0;
	width: 100%;
	height: 60%;
	background-image: url(../images/krakow.jpg);
	background-position: center bottom;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
div.most {
	display: block;
	margin: 5.000em 0;
	width: 100%;
	height: 60%;
	background-image: url(../images/most.jpg);
	background-position: center bottom;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

nav {
	position: fixed;
	z-index: 1000;
	left: 3.000em;
	top: 1.500em;
}
a.wheel-button,
a.wheel-button:visited {
	display: block;
	width: 1.000em;
	height: 1.000em;
	margin: 0;
	padding: 0;
	border: 2px solid #ECF0F1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #ECF0F1;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	line-height: 0.950em;
	font-size: 3.000em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FFF;
}
a.wheel-button span {
	display: block;
	position: relative;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.wheel-button.active span {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}
ul.wheel li.item:last-of-type {
	margin-top: 20px;
}
ul.wheel li.item a {
	margin: 0;
	padding: 0;
	text-align: center;
	transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
}
ul.wheel li.item a.projekt {
	font-size: 1.500em;
	font-weight: bold;
	color: #FF5E1F;
	text-decoration: none;
}
ul.wheel li.item a.debaty {
	font-size: 1.500em;
	font-weight: bold;
	color: #41B5E6;
	text-decoration: none;
}
ul.wheel li.item a.warsztaty {
	font-size: 1.500em;
	font-weight: bold;
	color: #0071BD;
	text-decoration: none;
}
ul.wheel li.item a.organizator {
	font-size: 1.500em;
	font-weight: bold;
	color: #669933;
	text-decoration: none;
}

a.na_zywo {
	display: block;
	font-size: 1.500em;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
a.na_zywo:hover {
	text-decoration: underline;
}