body {
background-image: url('http://yzoja.pl/miastokreowaniasnow/gfx/background.png');
background-position: top center;
background-attachment: fixed;
margin: 0px;
font-family: tahoma;
font-size: 11px;
color: #e2e2e2;
}

#header {
height: 363px;
margin: 0px auto;
width: 867px;
}

#kontener {
width:880px;
margin: 20px auto 0 auto;
}

a {
text-decoration: none;
color: #cccccc;
}

.main {
float: left;
width: 590px;
}

.menu {
float: right;
width: 270px;
}

	.comment a {
	color: #f79ed6;
	font-family: georgia;
	font-variant: small-caps;
	font-size: 26px;	
	}
	
		.comment a:hover {
		font-variant: normal;
		}
	
	.menu a {
	display: block;
	background: #222222;
	font-size: 11px;
	margin: 2px 0;
	}
	
		.menu a:nth-of-type(2n) {
		border-left: 15px solid #8367cb;
		padding: 5px 15px 5px 10px;
		}
		
		.menu a:nth-of-type(2n-1) {
		border-right: 15px solid #f069ce;
		padding: 5px 15px 5px 25px;
		}	
		
		.menu a:hover {
		background-image: url('http://yzoja.pl/miastokreowaniasnow/gfx/blip.png');
		background-attachment: fixed;		
		color: #ffffff;
		letter-spacing: 2px;
		}	
		
		#av {
		margin: 2px;
		}
		
		#av:nth-of-type(5n), #dodatki:nth-of-type(5n) {
		border: 3px double #8bd74a;
		padding: 4px;
		}
		
		#av:nth-of-type(5n-1), #dodatki:nth-of-type(5n-1) {
		border: 3px double #eed74a;
		padding: 4px;
		}

		#av:nth-of-type(5n-2), #dodatki:nth-of-type(5n-2) {
		border: 3px double #109ed6;
		padding: 4px;
		}
		
		#av:nth-of-type(5n-3), #dodatki:nth-of-type(5n-3) {
		border: 3px double #8367cb;
		padding: 4px;
		}
		
		#av:nth-of-type(5n-4), #dodatki:nth-of-type(5n-4) {
		border: 3px double #f79ed6;
		padding: 4px;
		}		
	
	#main {
	background-image: url('http://yzoja.pl/miastokreowaniasnow/gfx/blip.png');
	background-attachment: fixed;
	padding: 15px;
	text-align: center;
	}
	
	.main span#btm {
	display: block;
	height: 20px;
	background-position: top center;
	background-image: url('http://yzoja.pl/miastokreowaniasnow/gfx/btm.png');
	background-repeat: no-repeat;
	padding: 0 0 20px 0;
	}
	
	.main span#top {
	background-position: bottom center;
	background-image: url('http://yzoja.pl/miastokreowaniasnow/gfx/top.png');
	background-repeat: no-repeat;
	color: #109ed6;
	font-family: georgia;
	font-size: 26px;
	display: block;
	padding: 5px 0 15px 30px;	
	}

	.menu span#btm {
	display: block;
	height: 20px;
	padding: 0 0 20px 0;
	background-position: top center;
	background-image: url('http://yzoja.pl/miastokreowaniasnow/gfx/bttm.png');
	background-repeat: no-repeat;
	}
	
	.menu span#top {
	font-family: georgia;
	background-position: bottom center;
	background-image: url('http://yzoja.pl/miastokreowaniasnow/gfx/toop.png');
	background-repeat: no-repeat;
	color: #8367cb;
	font-size: 26px;
	display: block;
	padding: 5px 0 15px 30px;	
	}
		
	h1, h2 {
	margin: 0 0 0 auto;
	padding: 5px;
	text-align: right;
	color: #8bd74a;
	font-family: impact;
	font-weight: normal;
	font-size: 18px;
	line-height: 15px;
	width: 270px;
	}
	
	h1:first-line, h2:first-line {
	color: #eed74a;
	}
	
	.menu #main {
	text-align: justify;
	font-size: 10px;
	line-height: 11px;
	}
	
	.menu #main img {
	float: left;
	}
	
	.menu #main img:nth-of-type(2n) {
	float: right;
	}
	
	ul {
	list-style-type: none;
	font-size: 10px;
	line-height: 15px;
	}

	li {
	text-align: left;
	border-left: 50px solid #8bd74a;
	margin: 8px 30px 8px auto;
	background: #222222;
	width: 280px;
	padding: 10px;
	}        
	
        		li:hover {
       		border-left: 50px solid #eed74a;
        		}
        		
        		
        	/* podstrony */
        	
        	
        	#dodatki {
        	text-align: left;
        	line-height: 17px;
	margin:5px 20px;
	background: #222222;
        	}
        	
        	#dodatki a img {
        	opacity: 0.6;
        	background: #cccccc;
        	padding: 1px;
        	width: 110px;
        	height: 60px;
        	}
        	
        		#dodatki a img:hover {
        		opacity: 1;
        		}