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

* {
	margin: 0;
	padding: 0;
}


body {
	background: #1a1a1a;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

img {
	border: 0;
}

.wrap {
	width: 920px;
	margin: 0 auto;
}

#topSpacer {
	height: 2px; 
	background:url(../img/spacer.jpg) repeat-x;
	margin: 13px 0 0 0;
}

#top {
	height: 102px; 
	background: url(../img/woodbg.jpg);
}

	#top #topKontakt {
		width: 400px;
		float:right;
		text-align: right;
		margin: 50px 25px 0 0;
	}

	#top img {
		margin: 15px 0;
	}

#content {
	height: 628px; 
	background: #fff;
}
	
	#content #menu {	
		float: left;
		width: 380px;
	}
	
		#content #menu ul#mainMenu {
			padding-top: 35px;
			list-style: none;
			width: 160px;
			float: left;
		}
		
			#content #menu ul#mainMenu li {
				list-style: none;
			}
			
				#content #menu ul#mainMenu li a {
					color: #fff;
				}		

		#content #menu #subMenu {
			margin-top: 90px;
			width: 200px;
			float: right;
		}

			#content #menu #subMenu .spacer {
				margin-top: 0px;
			}
	

			#content #menu #subMenu #scrollable {
				height: 195px;
				overflow: scroll;
			}
		
		#content #menu ul#linkList {
			list-style: none;
			padding: 0 10px;
		}
		
			#content #menu ul#linkList li {
				line-height: 18px;
				list-style: none;
				text-align:right;
			}
			
				#content #menu ul#linkList li a {
					text-decoration: none;
					color: #666666;
				}	
				
				#content #menu ul#linkList li a:hover {
					color: #990000;
				}	

		#content #menu .spacer {
			width: 100%;
			height: 1px;
			background: #d7d7d7;
			margin: 330px 0 20px 0;
		}
		
		#content #menu .textarea {
			margin: 5px;
		}		
			#content #menu .textarea h2 {
				font-weight: normal;
				padding-bottom:5px;
			}	
		
		 #content #menu ul#mainMenu ul.mainSub {
			padding: 8px 8px 11px 8px;
		}
			 #content #menu ul#mainMenu ul.mainSub li {
				line-height: 16px;
			}

			 	#content #menu ul#mainMenu ul.mainSub li a {
					color: #666666;
					text-decoration: none;
				}			

			 	#content #menu ul#mainMenu ul.mainSub li a:hover {
					color: #cc0000;
					text-decoration: none;
				}	
		
			
	#content h1 {
		color: #FFFFFF;
		font-family: Arial;
		font-weight: normal;
		color: #464646;
		text-transform: uppercase ;
		margin-top: 35px;
	}	

	#content #ostatnieRealizacje {
		width: 520px;
		float: right;
	}
	
			#content #ostatnieRealizacje .arrow {
				width: 28px;
			}	
		
				#content #ostatnieRealizacje .arrow img {
					margin-top: 314px;
				}	
										
			#content #ostatnieRealizacje .prev {
				float: left;
			}				
			
			#content #ostatnieRealizacje .next {
				float: right;
			}				
	
		#content #ostatnieRealizacjeContent {
			width: 460px;
			margin: 0 auto;
		}	

			#content #ostatnieRealizacjeContent h1 {
				margin-left: 15px;
			}	
			
			#content #ostatnieRealizacjeContent #slider {
				overflow:hidden;
			}
			
			#content #ostatnieRealizacjeContent #slider #slides {
				width:10000px;
			}			

				#content #ostatnieRealizacjeContent #slider .slide {
					float:left;
					width: 460px;
				}
		
					#content #ostatnieRealizacjeContent #slider .slide .box {
						width: 230px;
						float: left;
					}				

						#content #ostatnieRealizacjeContent #slider .slide .box img {
							background:url(../img/slideImgBg.jpg) no-repeat center;
							width: 190px;
							height: 140px;
							padding: 5px;
							margin: 25px 15px 0 15px
						}					

						#content #ostatnieRealizacjeContent #slider .slide .box img:hover {
							background:url(../img/slideImgBgActive.jpg) no-repeat center;
						}	

						#content #ostatnieRealizacjeContent #slider .fullbg img {
							background:url(../img/fullBg.jpg) no-repeat center;
							width: 417px;
							height: 470px;
							padding: 5px;
							margin: 25px 15px 0 15px							
						}	

						#content #ostatnieRealizacjeContent #slider .horizontalbg img {
							background:url(../img/horizontalBg.jpg) no-repeat center;
							width: 417px;
							height: 97px;
							padding: 5px;
							margin: 25px 15px 0 15px							
						}	

						#content #ostatnieRealizacjeContent #slider .slide .box h3 {
							font-size: 12px;
							font-weight: normal;
							padding: 10px 0 0 0;
							margin: 0 15px
						}
						
							#content #ostatnieRealizacjeContent #slider .slide .box h3 a {
								color: #990000;
								text-decoration: none;
							}	
							
							#content #ostatnieRealizacjeContent #slider .slide .box h3 a:hover {
								text-decoration: underline;
							}						
													

						#content #ostatnieRealizacjeContent #slider .slide .box p {
							margin: 10px 15px
						}
				
		#content input.text {
			background: url(/img/inputBg.jpg) no-repeat;
			border: 0px;
			padding: 9px;
			height: 19px;
			width: 195px;
			float: left;
		}										

		#content textarea {
			background: url(/img/textareaBg.jpg) no-repeat;
			border: 0px;
			padding: 9px;
			height: 128px;
			width: 408px;
			float: left;
		}										


		#content label {
			border: 0px;
			padding: 11px 10px ;
			height: 23px;
			width: 194px;
			float: left;
			display: block;
			text-align: right;
		}	
		#content label.error {
			color: #f00;
		}
		#content input.send {
			background: url(/img/send.jpg) no-repeat;
			border: 0px;
			height: 21px;
			margin: 5px;
			width: 68px;
			float: right;
			cursor: pointer;
		}		
				
#bottomMenu {
	height: 123px; 
	background: url(../img/woodbg.jpg);
}

	#bottomMenu ul {
		list-style: none;
		float: right;
	}
	
		#bottomMenu ul li {
			background:url(../img/bottommenuspacer.jpg) no-repeat top left;
			display:block;
			float: left;
			line-height: 123px;
			height: 123px;
			padding: 0 20px;
			list-style: none;
		}

			#bottomMenu ul li a {
				color: #747474;
				text-decoration: none;
			}

			#bottomMenu ul li a:hover {
				text-decoration: underline;
			}



#bottomSpacer {
	height: 2px; 
	background:url(../img/spacer2.jpg) repeat-x;
	margin: 0 0 13px 0;
}