@import "reset.css";

body {
	background: #15140f url(img/body_bgg.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
}
#container { position:relative; width: 906px; margin: 0 auto; }
	#header {
		float: left;
		width: 906px; height: 254px;
		position: relative;
		background: url(img/logo.jpg) no-repeat top left;
		
		}
		#header #info {
			position: absolute;
			top: 25px;
			left: 30px;
			color: #fbfaf8;
			}
			#header #info p { display: inline; margin-right: 15px;}
		#header .menu {
			position: absolute;
			right: 20px;
		}
			#header .menu a { 
				float: left; 
				color: #fff; 
				text-decoration: none;
				height: 17px;
				text-align: center;
				padding-top: 8px;
				font-weight: bold; font-size: 10px;
				text-transform: uppercase;
				color: #fef3ee;
				}
				#header .menu a:hover { color: #ffc31e; }
				#header .menu a.kontakt { background: url(img/akont.gif) no-repeat; width: 89px; }
				#header .menu a.glowna { 
					padding-top: 12px;
					background: url(img/aglowna.gif) no-repeat; 
					width: 144px; height: 21px;
					font-size: 12px;
					}
				#header .menu a.reklama { background: url(img/arekl.gif) no-repeat; width: 88px;}
				#header .menu a.onas { background: url(img/aonas.gif) no-repeat; width: 83px;}

	#search {
		float: left;
		color: #ded9c8;
		width: 866px; height: 30px;
		padding-left: 40px;
		}
		#search strong { color: #fff; font-weight: bold;}
		#search p { display: inline; background: url(img/gold.gif) no-repeat 0px -3px; padding: 0 15px 0 15px; }
		#search form { display: inline; }
			#search form label { float: left; padding-top: 3px; }
			#search form input {
				float: left; 
				background: url(img/input.gif) no-repeat; 
				width: 135px; height: 15px;
				border: 0; padding-left: 6px; padding-top: 2px;
				font-family: tahoma; font-size: 10px;
				margin-left: 15px;
				}
				#search form input.but { 
					margin-right:40px; padding: 0;
					background: url(img/szukaj.gif) no-repeat; 
					width: 64px; height: 16px; 
				}
	#content {
		float: left;
		width: 858px;
		margin-left: 24px;
		padding-top: 5px;		
		display: inline;
		border-top: 1px solid #332f21;
		}
		#content #menu {
			float: left;
			display: inline;
			width: 194px;
			overflow: hidden;
			color: #fff;
			}
		#content #menu h3 {
			float: left;
			clear: left;
			background: url(img/left.gif) no-repeat;
			width: 167px; height: 21px;
			color: #fff;
			padding: 14px 0 0 27px;
			font-size: 12px; font-weight: bold;
			margin-bottom: 10px;
			margin-top: 15px;
			}
		#content #menu a {
			float: left;
			clear: left;
			height: 22px; width: 170px;
			text-decoration: none;
			color: #ded9c8;
			padding-left: 45px;
			padding-top: 5px;
			margin-top: 1px;
			background: url(img/menua.gif) no-repeat left;

			
		}
		#content #left #menu a:hover { text-decoration: underline; }
		
		#content #menu form { float: left; color: #ded9c8; width: 194px;}
			#content #menu form input {
				display: block;
				width: 160px;
				height: 19px;
				margin-top: 5px;
				margin-left: 20px;
				background: url(img/inputs.gif) no-repeat;
				border: 0;
				}
				#content #menu form input.check {
					padding: 0;
					width: 17px; height: 15px;
					border: 0; margin-right: 5px;
					margin-left: 50px;display: inline;
					
				
				}
				#content #menu form input.but {
				 	width: 64px;
					height: 16px;
					padding: 0; margin: 0; float: left;
					margin-left: 130px; display: inline;
					margin-top: 15px;
					background: url(img/szukajx.gif) no-repeat;
					
					}
			 	#content #menu form label {
					display: block;
					height: 22px; 
					width: 170px;
					text-decoration: none;
					color: #ded9c8;
					padding-left: 45px;
					padding-top: 5px;
					margin-top: 1px;
					background: url(img/menua.gif) no-repeat left;
					}
					#content #menu form label.small {
						padding: 0;

						background: none;
						display: inline;
						
						}
					#content #menu form a {
						float: left;
						background: none;
						margin-left: 35px;
						padding: 0px;
						margin-top: 10px;
						margin-bottom: -15px;
						width: 170px;
						display: inline;
						}
		#content #left #movies {
			float: left;
			width: 443px;
			color: #fff;
			}
			#content #left #movies h3 {
				background: url(img/h3.gif) no-repeat;
				width: 382px; height: 21px;
				float: left;
				color: #fff;
				padding: 14px 0 0 27px;
				font-size: 12px; font-weight: bold;
				margin-top: 15px;
				margin-left: 34px;
				margin-bottom: 10px;
				display: inline;
				}
				#content #left .line {
					float: left;
					width: 395px;
					margin-left: 45px;
					display: inline;
					height: 150px;
					}
					a.oi { color: #fff; text-decoration: none;}
				#content #left .mov {
					font-size: 12px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					color: #fff; font-weight: bold;
					float: left; width: 100px;
					margin: 15px; display: inline;
					}
					.artist {text-align: center; display: block;margin-top: 5px; color: #ffc31e;}
					.title { text-align: center; color: #fff;display: block; margin-top: 5px;}
			.more {
				float: right;
				background: url(img/wiecej.gif) no-repeat;
				width: 64px;
				margin: 5px 20px 20px 0;
				height: 16px;
				}
		#right {
			float: left;
			width: 215px;
			}
			#right .flm {
				display: block;
				clear: left;
				margin-left: 33px;
								
				padding-top: 15px;
				text-align: center;
				width: 187px; font-weight: bold;
				overflow: hidden;
				}
				#right h3 {
					background: url(img/h3.gif) no-repeat;
					width: 160px; height: 21px;
					float: left;
					color: #fff;
					padding: 14px 0 0 27px;
					font-size: 12px; font-weight: bold;
					margin-top: 15px;
					margin-left: 34px;
					margin-bottom: 10px;
					display: inline; 
				}
				
	#footer {
		float: left;
		width: 832px;
		height: 28px;
		background: url(img/footer.gif) no-repeat;
		margin-left: 23px;
		position: relative;
		color: #ded9c8;
		margin-top: 25px;
		padding-top: 12px;
		padding-left: 30px;
		}
			#footer p {
				position: absolute; 
				left: 30px;
				}
				#footer p.right { 
					left: auto;
					right: 30px;
					}
			#footer a {
				text-decoration: none;
				color: #ded9c8;
				}
				
				
				#tresc {
					float: left;
					width: 632px;
					margin-left: 30px;
					color: #fff;
				
					}
					#tresc h3 {
						background: url(img/dlugi.gif) no-repeat;
						width: 605px; height: 21px;
						float: left;
						color: #fff;
						padding: 14px 0 0 27px;
						font-size: 12px; font-weight: bold;
						margin-top: 15px;
						margin-bottom: 10px;
						display: inline; 
					
					}
					#tresc p {
						margin: 30px;
						display: block;
						color: #fff;
						line-height: 18px;
						}
						#tresc .linia {
							float: left;
							width:630px; height: 44px;
							position: relative;
							background: url(img/linia.gif) no-repeat;
							font-size: 12px; font-weight: bold;
							color: #ffc31e;
						
							}
							#tresc .odstep {
								float: left;
								width: 100%;
								margin-bottom: 20px;
								}
							#tresc .linia a {
								position: absolute;top: 15px;
								left: 35px; text-decoration: none;
								color: #fff; font-weight: bold;
								}
								#tresc .linia .ile {
									position: absolute;
									top: 15px;
									right: 30px;
									}
									
									
								#numeracja {
									display: block;
									width: 160px;
									margin: auto;
									position: relative;
									text-align: center;
									color:#ded9c8; 
									font-weight: bold;

								
								}
									#numeracja a { font-weight: bold;color: #ded9c8; text-decoration: none; }
									.pop, .nast { 
										background: url(img/poprz.gif) no-repeat;
										width: 84px; height: 16px;
										left:-70px; position: absolute;bottom: -5px;
										
										}
										.nast {background: url(img/nast.gif) no-repeat;
										left: auto; right: -70px;  }
										
										
								#content #tresc .lajn {
								/*	float: left; */
									width: 580px;  color: #fff;
								/*	background: url(img/lajn.gif) no-repeat bottom; */
									padding-left: 50px; padding-top: 15px;
									}
									.lajn a { font-weight: bold; color: #f44c01; font-size: 12px;}
									.lajn b { font-weight: bold; }
									#content #tresc .lajn img.oir { float: left; margin-top: 5px;}
									#content #tresc .lajn p.prawo {
										float: left; display: inline;
										width: 250px; padding-top: 0px;
										margin-top: 5px;
										margin-right: 20px; line-height: 16px;
										padding-left: 35px;
										}
										#content #tresc .lajn p.prawo a {
											margin-left: -1px; line-height: 21px;
											}
									#view {
										margin: auto;
										width: 500px;
										display: block;
										text-align: center;
										}
										#view h1 {
											color: #f44c01;
											font-size: 12px;
											font-weight: bold;

											line-height: 70px;
											}
											#view a.full {
												display: block;
												color: #ded9c8; line-height: 30px;
												text-decoration: none;
													}
									#koments {
										float: left;
										width: 600px; padding-top: 10px;
										padding-left: 30px;
										background: url(img/lajn.gif) no-repeat top;
										
										}
									#koments p {
										padding: 0;
										float: left;
										width: 500px;
										padding-top: 10px;
										margin: 0;
										}
									#koments h4 {
										float: left;
										width: 500px;
										color: #ded9c8;
										font-size: 11px; line-height: 20px;
										font-family: Verdana, Arial, Helvetica, sans-serif;
										 }
										 #koments .kto {
										 	float: left;
											width: 500px;
											color: #ded9c8;
											}
										 #koments .com {
										 	float: left;
											width: 500px;
											clear: left;
											font-weight: bold;
											}
											#dodawanie {
												float: left;
												margin-top: 20px;
												margin-left: 245px;
												width: 300px;
												display: inline;
												}
											a.kom { 
												float: left; 
												background: url(img/dodaj.gif) no-repeat;
												width: 124px; height: 16px;
												 }
											a.ulub {
												float: left;
												width: 142px; height: 16px; margin-left: 10px;
												background: url(img/dodajs.gif) no-repeat; }