@charset "UTF-8";

*{
	margin: 0;
	border: 0;
	padding: 0;
}

body{
	background: #030301 url(../img/bg-7-12.jpg) no-repeat 50% 0;
	font-family: Helvetica, Verdana, Tahoma, Sans-serif;
}

del       { text-decoration: line-through; }
strong, b { font-weight: bold; }
em, i     { font-style: italic; }
li        { list-style: none; }

button, input[type="submit"], input[type="image"] {
  cursor: pointer;
}

#a11y,
.hidden {
	position: absolute;
	height: 1px;
	width: 1px;
	left: -999em;
}

#choose-game:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
}

.wrapper{
	width: 978px;
	margin: 0 auto;
}

#heading{
	position: relative;
	height: 147px;
}
	#heading h1{
		width: 123px; height: 135px;
		position: absolute;
		top: 28px; left: -22px;
		z-index: 10;
	}
		#heading h1 a{
			display: block;
			width: 123px; height: 105px;
			text-align: center;
			padding: 30px 0 0;
			font-size: 18px;
			color: #FFF;
		}
			#heading h1 a span{
				position: absolute;
				top: 0; left: 0;
				width: 100%; height: 100%;
				background: url(../img/712-logo.png) no-repeat 0 0;
			}
	#nav{
		position: absolute;
		width: 982px; height: 102px;
		top: 44px; left: 0;
		z-index: 0;
		background: url(../img/712-nav.png) no-repeat 0 0;
	}
		#nav ul{
			margin: 0 0 0 300px;
			height: 102px;
		}
		#nav li{
			float: left;
		}
			#nav li a{
				display: block;
				height: 102px;
				line-height: 80px;
				position: relative;
				color: #FFF;
				outline: none;
			}
				#nav li a span{
					position: absolute;
					top: 0; left: 0;
					width: 100%; height: 100%;
					background: url(../img/712-nav.png) no-repeat 0 0;
				}
			#nav li.home{
				width: 130px;
			}
				#nav li.home span{
					background-position: -300px 0;
				}
			#nav li.about{
				width: 140px;
			}
				#nav li.about span{
					background-position: -430px 0;
				}
			#nav li.kids-36{
				width: 125px;
			}
				#nav li.kids-36 span{
					background-position: -570px 0;
				}
			#nav li.kids-712{
				width: 140px;
			}
				#nav li.kids-712 span{
					background-position: -695px 0;
				}
			#nav li.contact{
				width: 140px;				
			}
				#nav li.contact span{
					background-position: -835px 0;
				}
#content{
	clear: both;
}
	.flashPlaceholder{
		height: 595px;
	}
	.flashPosition {
		margin-left: -2px;
	}
	#choose-game{
		padding: 30px 0 0;
	}
		#choose-game ul{
			margin-right: -30px;
		}
		#choose-game li{
			float: left;
		}
			#choose-game li a{
				width: 352px; height: 202px;
				float: left;
				text-align: center;
				padding: 40px 0 0;
				color: #FFF;
				font-size: 30px;
				position: relative;
				outline: none;
			}
				#choose-game li a span{
					position: absolute;
					top: 0; left: 0;
					width: 100%; height: 100%;
					bbackground: url(../img/712-games.png) no-repeat 0 -548px;
				}
		#choose-game .game-przejdzprzezdroge {
			margin: -15px 0 0;
		}
		#choose-game .game-kartarowerowa{
			margin: -15px 0 0;
		}
			#choose-game .game-kartarowerowa a{
				width: 322px; height: 216px;
			}
				#choose-game .game-kartarowerowa a span{
					background-position: 0 -290px;
				}
		#choose-game .game-prawojazdy{
			margin: -20px 0 0;
		}
			#choose-game .game-prawojazdy a{
				width: 306px; height: 250px;
			}
				#choose-game .game-prawojazdy a span{
					background-position: 0 0;
				}