@charset "utf-8";
/* CSS Document */


nav, aside {display: inline-table;}
#Layer3, #Layer6 {display: inline-table;}

body {position: relative;
		background:url('4.jpg');
		background-size:contain;
		background-color:#000000;
		background-repeat: no-repeat;
		background-position:center top;
		background-attachment:fixed;
		
		font-family: 'HelveticaNeue-Light', 'Helvetica Neue', 'Arial', sans-serif;
		color: white;
		}
section {
	width: 960px;
	margin: 10px auto;
	padding: 5px;
			}
nav {
	width: 555px;
	height: 50px;
	position: relative;
	*margin: 10px;
	z-index: 1;
	top:-10px;
	}
	
/*PODSTAWOWE USTAWIENIA*/
  #menu {display: table; padding: 0 0px 0 !important; margin: 0 auto; overflow: hidden; font-size: 13px; font-weight:900; background: #242424;} 
  #menu li {list-style-type: none; margin: 0 auto; float: left; } 
  #menu li:hover {background: #404040;} 
  #menu li a {display: block; color: silver; text-decoration: none; padding: 5px 7px 5px;} 
  #menu li a:hover {background: #404040; color: white;} 
  #menu li li a {width: 160px;} 
  #menu li ul {overflow: hidden; display: none; background: #242424;} 
  #menu li:hover ul {position: absolute; padding: 0; display: block; width: 160px;} 
/*ANIMACJA - tylko CSS3*/
	#menu *:hover {-moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;} 
/*ZAOKRĄGLONE ROGI - tylko CSS3*/ 
	#menu {-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;} 
	#menu li ul {-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;} 
	
aside {
	position: relative;
	width: 400px;
	height: 50px;
	*background-color: blue;
	*margin: 10px;
	left: 30px;
	top: -15px;
	}
		
article {
	width: 480px;
	height: auto;
	
	position: relative;
	margin: 0px;
	margin-bottom: 50px;
	left: 20px;
	font-size: 14px;
	font-weight:700;
	text-align: left;
	line-height:inherit;
	
	}

	
h3 {
	text-align: center;	
	font-size: 14px;
	}

h1 {
		padding:10px 0;
		color: #FFCC66;
		font-size: 20px;
	}
	
h2 {padding:10px 0;
	font-size: 14px;
	text-indent:30px;	
}

h4 {display: none;
}

h5 {display: none}

	
footer {
	width: 450px;
	height: 50px;
	*background-color: gray;
	margin: 10px;
	position: relative;	
	text-align: center;
	font-weight:900;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding:20px;
	left: 10px;
	} 
	
#Layer1 {
	margin-top: 40px;
	margin-bottom: 50px;
	margin-left: 40px;
		}		
#Layer3 {
	position:relative;
	width: 180px;
	height: 35px;
	top: 5px;
	left: 200px;	
	z-index: 1;}	
#Layer3 a {display: inline-table;
			margin-left: 3px;}
@media (min-width: 1600px) {
 nav, aside {display: inline-table;}



section {
	width: 1200px;
	margin: 10px auto;
	padding: 5px;
			}
nav {
	width: 700px;
	height: 60px;
	position: relative;
	*margin: 10px;
	z-index: 1;
	top:-10px;
	}
	
/*PODSTAWOWE USTAWIENIA*/
  #menu {display: table; padding: 0 0px 0 !important; margin: 0 auto; overflow: hidden; font-size: 17px; font-weight:900; background: #242424;} 
  #menu li {list-style-type: none; margin: 0 auto; float: left; } 
  #menu li:hover {background: #404040;} 
  #menu li a {display: block; color: silver; text-decoration: none; padding: 5px 7px 5px;} 
  #menu li a:hover {background: #404040; color: white;} 
  #menu li li a {width: 160px;} 
  #menu li ul {overflow: hidden; display: none; background: #242424;} 
  #menu li:hover ul {position: absolute; padding: 0; display: block; width: 160px;} 
/*ANIMACJA - tylko CSS3*/
	#menu *:hover {-moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;} 
/*ZAOKRĄGLONE ROGI - tylko CSS3*/ 
	#menu {-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;} 
	#menu li ul {-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;} 
	
aside {
	position: relative;
	width: 450px;
	height: 60px;
	*background-color: blue;
	*margin: 10px;
	left: 120px;
	top: -15px;
	}
		
article {
	width: 500px;
	height: auto;
	
	position: relative;
	margin: 0px;
	margin-bottom: 50px;
	left: 90px;
	font-size: 14px;
	font-weight:700;
	text-align: left;
	line-height:inherit;
	
	}

h3 {
	text-align: center;	
	font-size: 16px;
	}

h1 {
		padding:10px 0;
		color: #FFCC66;
		font-size: 20px;
	}
	
h2 {padding:10px 0;
	font-size: 14px;
	text-indent:30px;	
}

h4 {display: none;
}

h5 {display: none}

footer {
	width: 550px;
	height: 50px;
	*background-color: gray;
	margin: 10px;
	position: relative;	
	text-align: center;
	font-weight:900;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding:20px;
	left:40px;
	} 
	
#Layer1 {
	margin-top: 80px;
	margin-bottom: 70px;
	margin-left: 10px;
	width:500px ;
	height:218px;
		}		
#Layer3 {
	position:relative;
	width: 180px;
	height: 30px;
	top: -2px;
	left: 200px;	
	z-index: 1;}	
#Layer3 a {display: inline-table;
			margin-left: 3px;}

	}
@media (max-width: 800px) {	
nav, aside{display: inline-table;}


body {position: relative;
		background:url('4.jpg');
		background-size:contain;
		background-color:#000000;
		background-repeat: no-repeat;
		background-position:center top;
		background-attachment:fixed;
		
		font-family: 'HelveticaNeue-Light', 'Helvetica Neue', 'Arial', sans-serif;
		color: white;
		}
section {
	width: 540px;
	margin: 10px auto;
	padding: 5px;
			}
nav {
	width: 560px;
	height: 50px;
	position: relative;
	*margin: 10px;
	z-index: 1;
	top:-10px;
	}
	
/*PODSTAWOWE USTAWIENIA*/
  #menu {display: table; padding: 0 0px 0 !important; margin: 0 auto; overflow: hidden; font-size: 13px; font-weight:900; background: #242424;} 
  #menu li {list-style-type: none; margin: 0 auto; float: left; } 
  #menu li:hover {background: #404040;} 
  #menu li a {display: block; color: silver; text-decoration: none; padding: 5px 7px 5px;} 
  #menu li a:hover {background: #404040; color: white;} 
  #menu li li a {width: 160px;} 
  #menu li ul {overflow: hidden; display: none; background: #242424;} 
  #menu li:hover ul {position: absolute; padding: 0; display: block; width: 160px;} 
/*ANIMACJA - tylko CSS3*/
	#menu *:hover {-moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;} 
/*ZAOKRĄGLONE ROGI - tylko CSS3*/ 
	#menu {-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;} 
	#menu li ul {-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;} 
	
aside {
	 left: 50px;
	position: static;
	width: 500px;
	height: 50px;
	}
		
article {
	width: 480px;
	height: auto;
	left: 30px;
	position: relative;
	
	
	
	}

h3 {
	text-align: center;	
	font-size: 14px;
	}

h1 {
		padding:10px 0;
		color: #FFCC66;
		font-size: 20px;
	}
	
h2 {padding:10px 0;
	font-size: 14px;
	text-indent:30px;	
}
h4 {display: block;
	font-size: 36px;
	font-weight:900;
	text-align: center;
	
	font-family: DejaVu Serif;
}

h5 {display: block;
	font-size: 24px;
	font-weight:900;
	text-align: center;
	
	font-family: DejaVu Serif;}

	
footer {
	width: 450px;
	height: 50px;
	
	margin: 10px;
	position: relative;	
	text-align: center;
	font-weight:900;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding:20px;
	} 
	
#Layer1 {
	display:none;
    width:432px ;
	height:188px;
	margin-top: 40px;
	margin-bottom: 50px;
	margin-left: 20px;
	
		}		
#Layer3 {
	position:relative;
	width: 180px;
	height: 30px;
	left: 200px;
	}
#Layer3 a {display: inline-table;
			margin-left: 3px;}
#Layer7 {margin-top: 40px;
	margin-left: 40px;
}
}