html {
	margin: 0;
	padding:0;
	width: 100%;
	height:100%;	
}
body {
	margin:0;
	padding:0;
	overflow:auto;
	width: 100%;
	height: 100%;
	position: relative;
	
}

a {
color: #616A98;
text-decoration:none;	
}
a:hover, a:active {
	text-decoration: underline;
}

p, ul, li, a {font-family: 'Open Sans Condensed', sans-serif; font-size:20px; }

h2 {font-family: 'Oswald', sans-serif;}
ul {
	padding-left: 100px;	
}

section {
	width: 100%;
	position: relative;
	display:block;
}

.subpage {
	position: relative;
	width: 1000px;
	margin: auto;
	padding: 200px 0 600px 0;
}
#main {
	height: 100%;
	padding:0;	
}
#glowna {
	height: 100%;	
	padding:0;
}

#logo {
	background-image: url(img/cube.png);
	background-size:contain;
	margin: 0 auto;
	padding: 0px;
	height: 625px;
	width: 450px;
	position: relative;
}
#logo #A {
	background-image: url(img/cube-a.png);
	background-size:contain;
	display: block;
	height: 100%;
	width: 54%;
	position: absolute;
	left:0;
	top: 0px;
	opacity:0;
	cursor:pointer;
}
#logo #ahover {
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	font-size:20px;
	color:#999999;
	display: block;
	position: absolute;
	top: 0px;
	left:0px;
	opacity:0;
}

#logo #O {
	background-image: url(img/cube-0.png);
	background-size:contain;
	display: block;
	height: 100%;
	width: 46%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	opacity:0;
	cursor:pointer;
}
#logo #ohover {
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	font-size:16px;
	color:#999999;
	display: block;
	position: absolute;
	top: 30px;
	left:200px;
	opacity:0;
}


footer {position:fixed; bottom:0; width:100%; height:60px; padding:5px; background:url(img/bgfoot.png); z-index:1;}
footer .logof {text-decoration:none; display:block; cursor:pointer;}
footer .logof img {position:absolute; top:5px; left: 10px;}
footer .logof .archi {position:absolute; top:-10px; left: 80px; font-family: 'Oswald', sans-serif; color: #000000; font-size:16px;}
footer .logof .grzegorz {position:absolute; top:5px; left: 80px; font-family: 'Open Sans Condensed', sans-serif; font-size:20px; color: #000000; line-height:20px;}
footer ul {position:absolute; top:0px; left: 150px; list-style-type:none; height:30px;}
footer ul li {float:left; margin:5px; cursor:pointer;}
footer .copy {position:absolute; right:30px; top:10px; font-size:12px;}




@media only screen and (max-width: 1030px) {
	#logo {
		background-image: url(img/cube.png);
		margin: 0 auto;
		height: 375px;
		width: 270px;
	}
	section {
	width: 100%;
	position: relative;
	display:block;
}

.subpage {
	position: relative;
	width: 100%;
	margin: 0 auto;
	width: 600px;
	padding: 50px 0 400px 0;
}
#main {
	height: 100%;
	padding:0;	
}
#glowna {
	height: 100%;	
	padding:0;
}
}
@media only screen and (max-width: 600px) {
p, ul, li, a {font-family: 'Open Sans Condensed', sans-serif; font-size:16px; }
section {
	width: 100%;
	position: relative;
	display:block;
}

.subpage {
	position: relative;
	margin: 0 auto;
	width: 300px;
	padding: 50px 0 300px 0;
}
#main {
	height: 100%;
	padding:0;	
}
#glowna {
	height: 100%;	
	padding:0;
}
#logo {
	
	background-image: url(img/cube.png);
	margin: 120px auto;
	height: 250px;
	width: 180px;
}

footer .logof {text-decoration:none; display:block; cursor:pointer;}
footer .logof img {position:absolute; top:5px; left: 10px;}
footer .logof .archi {position:absolute; top:-10px; left: 80px; font-family: 'Oswald', sans-serif; color: #000000; font-size:16px;}
footer .logof .grzegorz {position:absolute; top:5px; left: 80px; font-family: 'Open Sans Condensed', sans-serif; font-size:20px; color: #000000; line-height:20px;}
footer ul {position:absolute; top:0px; left: 200px; list-style-type:none; height:25px; z-index:10; padding:0 10px; margin:0;  }
footer ul li {float:left; margin:5px 10px 0 10px ; cursor:pointer; font-size: 20px;}
footer .copy {position:absolute; right:15px; top:40px; font-size:12px;	}
	
}