@import "reset.css";
/* start of common styles */

body {
	font-family:  tahoma;
	font-size: 11px;
	line-height: 13px;
	color: #4c4c4c;
	background: url(../img/bodybg.jpg) no-repeat top left;
}
h1,h2 {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	}
h2 {
	color: #d02a2d;
	}
a {
	color: #d02a2d;
	text-decoration: none;
	}
strong {
	font-weight: bold;
	}
/* end of common styles */


#container {
	float: left;
	width: 765px;
	margin-left: 107px;
	display: inline;
	
	}
	#header {
		float: left;
		width: 765px;
		height: 168px;
		background: url(../img/headerbg.jpg) no-repeat top left;
		position: relative;
		}
		#header img {
			float: left;
			margin: 21px 0 0 22px;
			display: inline;
			}
		#header form {
			position: absolute;
			top: 126px;
			width: 195px;
			height: 31px;
			padding: 11px 0 0 5px;
			left: 565px;
			background: url(../img/searchbg.gif) no-repeat;
			}
			#header form input {
				float: left;
				background: url(../img/inputbg.gif) no-repeat;
				width: 126px;
				font-family: tahoma;
				font-size: 11px;
				color: #484848;
				border: 0px;
				padding: 4px 0 5px 9px;
				}
				#header form input.but {
					padding: 0;
					margin: 0;
					width: 29px;
					height: 20px;
					background:url(../img/sublimt.gif) no-repeat;
					font-size: 0px;
					text-indent: -999%;
					cursor: pointer;
					}
		#header ul.menu {
			position: absolute;
			width: 548px;
			height: 42px;
			top: 126px;
			left: 0;
			background: url(../img/headulbg.jpg) no-repeat;
			padding: 14px 0 0 17px;
			}
			#header ul.menu li {
				float: left;
				margin-right: 21px;
				position: relative;
				}
				#header ul.menu li a {
					color: #fff;
					font-weight: bold;
					}
					#header ul.menu li a:hover {
						text-decoration: underline;
						}
		#header ul.menu li ul {
			padding: 0;
			margin: 0;
			width: 171px;
			z-index: 1000;
			}
			#header ul.menu li ul li {
				float: left;
				margin: 0;
			}
			
			#header ul.menu li ul li a {
				float: left;
				color: #414141;
				font-weight: bold;
				background: url(../img/ulilia.gif) no-repeat;
				width: 147px;
				height: 21px;
				padding: 7px 0 0 24px;
				}
				#header ul.menu li ul li.first-child a {
					background: url(../img/ulilifrst.gif) no-repeat;
					height: 22px;
					}
					#header ul.menu li ul li.first-child a:hover {
					background: url(../img/ulilifrstx.gif) no-repeat;
					}
				#header ul.menu li ul li.last-child a {
					background: url(../img/ulililast.gif) no-repeat;
					}
					#header ul.menu li ul li.last-child a:hover {
						background: url(../img/ulililastx.gif) no-repeat;
					}
				#header ul.menu li ul li a:hover {
					color: #d02a2d;
					text-decoration: none;
					background: url(../img/uliliax.gif);
					}
		
		img.news {
		clear:both;
		display: block;
		float: left;
		} 
		#header ul li ul.podmenu {
			position: absolute;
			top: 13px;
			left:-3px;
			}
			
	#news {
		float: left;
		width: 764px;
		border-left: 1px solid #fff;
		border-top: 2px solid #fff;
		background: url(../img/newsbg.jpg) no-repeat top right;
		}
		#news img {
			float: left;
			}
		#news div {
			float: left;
			color: #707070;
			width: 224px;
			margin: 50px 0 0 17px;
			display: inline;
			}
		a.more {
			float: left;
			background: url(../img/amore.jpg) no-repeat;
			color: #fff;
			width: 51px;
			height: 18px;
			text-align: center;
			padding-top: 3px;
			clear: left;
			margin-left: 160px;
			}
			a.more:hover { text-decoration: underline;}
			
	#content {
		float: left;
		background: url(../img/contentbg.jpg) no-repeat;
		width: 828px;
		padding-top: 37px;
		border-top: 2px solid #fff;
		}
		#content #left {
			float: left;
			background: url(../img/leftbg.jpg) no-repeat top left;
			width: 444px;
			padding: 8px 0 55px 3px;
			line-height: 15px;
		}
		#content #left ul{
			list-style-type: disc ;
			padding-left: 12px;
		}
			#content #left h1, #content #left h2 {
				padding: 11px 0 10px 0;
				}
			#content #left h2 {
				padding: 15px 0 0px 0px;
				}
			#content #left p {
				padding-top: 14px;
				}
		#content #right {
			float: left;
			width: 297px;
			}
			#content #right div {
				float: left;
				padding-left: 37px;
				width: 260px;
				}
			#content #right .contact {
				float: left;
				padding-top: 10px;				
				background: url(../img/contactbg.gif) no-repeat bottom left;
				padding-bottom: 30px;
				}
				#content #right .contact div {
					float: left;
					padding: 0;
					background: url(../img/contactf.gif) bottom no-repeat;
					width: 237px;
					padding: 25px 0 15px 12px;
					}
					#content #right .contact div img {
						float: left;
						margin-right: 10px;
						}
			#content #right h4 {
				float: left;
				background:url(../img/kontaktzn.gif) no-repeat 2px 0;
				height: 16px;
				width: 247px;
				display: inline;
				font-size: 0px;
				text-indent: -999%;
				}
			#content #right .newsletter {
				background: url(../img/partnersbg.gif) no-repeat;
				height: 85px;
				overflow: hidden;
				padding-top: 19px;
				}
				#content #right .newsletter h4 {
					height: 20px;
					background: url(../img/newslett.gif) no-repeat 2px 0;
					}
				#content #right .newsletter form {
					float: left;
					padding-top: 12px;
					}
					#content #right .newsletter form input.txt {
						float: left; 
						background: url(../img/newsform.gif) no-repeat;
						width: 151px;
						border: 0;
						color: #6c6c6c;
						font-weight: bold;
						font-family: tahoma;
						font-size: 11px;
						line-height: 14px;
						padding: 5px 0 7px 13px;
						margin-right: 10px;
						cursor: text;
						}
						#content #right .newsletter form input {
							float: left;
							background: url(../img/inpplz.gif) no-repeat;
							width: 20px;
							height: 23px;
							border: 0;
							cursor: pointer;
							}
							#content #right .newsletter form input.del {
								background: url(../img/inpmnz.gif) no-repeat;
								}
				#content #right .partners {
					float: left;
					background: url(../img/partnbg.gif) no-repeat top left;
					padding-top: 5px;
					padding-bottom: 15px;
					text-align: center;
				
					}
					#content #right .partners h4 {
						background-image: url(../img/h4partn.gif);
						}
					#content #right .partners a {
						float: left;
						clear: left;
						text-align: center;
						width: 230px;
						padding-top: 10px;
						}
						#content #right .partners a img {
							margin: 0 auto;
							}
			
#footer {
	float: left;
	background: url(../img/footerbg.jpg) no-repeat;
	width: 953px;
	height: 74px;
	font-size: 11px;
	color: #353535;
	padding: 43px 0 0 20px;
	}
	#footer a {
		color: #353535;
		font-weight: bold;
		}
		
		
/* podstrona - realizacje / meble-nowoczesne.html */

#content #left .head {
				float: left;
				position: relative;
				width: 444px;
				margin-top: 7px;
				padding-bottom: 2px;
				}
				#content #left .category {
					}
					#content #left .category a {
						color: #4c4c4c;
						}
						#content #left .category a:hover { text-decoration: underline; }
						#content #left .category a.act {
							font-weight: bold;
							color: #d02a2d;						
						}
				#content #left .paging {
					color: #4c4c4c;
					font-size: 10px;
					position: absolute;
					right: 10px;
					top: 0px;
					}
					#content #left .paging a {
						color: #4c4c4c;
						font-size: 10px;
					}
						#content #left .paging a:hover {
							text-decoration: underline;
							}
						#content #left .paging a.act { font-weight: bold; }
				#content #left ul.meble {
					float: left;
					}
					#content #left ul.meble li {
						float: left;
						width: 122px;
						margin-right: 20px;
						height: 170px;
						overflow: hidden;
						padding-top: 10px;
						}
						#content #left ul.meble li a {
							width: 120px;
							color: #4c4c4c;
							font-weight: bold;
							line-height: 16px;
							padding-top: 3px;
							}
							#content #left ul.meble li a:hover {
								color: #d02a2d;
								text-decoration: underline;
							}
						#content #left ul.meble li p {
							padding-top: 0px;
							line-height: 13px;
							}
#kuchenne {
position:absolute;
left:0px;
top:15px;
}