/* Basics */

html {
	height: 100%;
}

body {
	background: #CACACA url(/img/bg/body.jpg) top center no-repeat;
	height: 100%;
}

body, div, span, p, th, td, h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

/* Special Functions */

.hidden {
	display: none;
}

/* cellpadding="0" is still obligatory */
table.reset {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---Structure--- */

#body-wrapper {
	margin: 0 auto;
	padding: 50px 0 130px 0;
	width: 938px;
}

/* Header */

#header {
	
}
	
	/* Header Top */
	
	#header-top {
		padding: 0 4px;
		overflow: hidden;
		width: 930px;
	}
		
		/* Logo */
		
		#logo {
			float: left;
			width: 233px;
			height: 111px;
		}
			
			#logo-image {
				padding-bottom: 10px;
			}
		
		/* Slogan */
		
		#slogan {
			float: left;
			padding-left: 97px;
			padding-top: 17px;
			width: 300px;
			height: 94px;
		}
			
			#slogan-first {
				color: #373837;
				font-size: 16px;
				font-weight: bold;
			}
			
			#slogan-second {
				color: #212121;
				font-size: 16px;
			}
		
		/* Contacts */
		
		#contacts {
			float: left;
			padding-left: 100px;
			padding-top: 12px;
			width: 200px;
			height: 99px;
		}
			
			#contacts-phone {
				padding-bottom: 5px;
			}
				
				#contacts-phone span.code {
					color: #FFFFFF;
				}
				
				#contacts-phone span.number {
					color: #B20000;
				}
				
				#contacts-phone span.code, #contacts-phone span.number {
					font-size: 26px;
					font-weight: bold;
				}
			
			#contacts-address {
				color: #292929;
				font-size: 12px;
			}
	
	/* Header Middle */
	
	#header-middle {
		background: transparent url(/img/bg/navigation.png) no-repeat;
		margin: 0 2px;
		width: 934px;
		height: 51px;
	}
		
		/* Navigation */
		
		#navigation {
			float: left;
			margin: 0 2px;
			padding: 4px 0 4px 4px;
			width: 526px; /* 926 */
			height: 38px;
		}
			
			.navigation-link {
				float: left;
				display: block;
				height: 38px;
			}
			
			.navigation-link:hover, .navigation-link.active {
				background-position: right;
			}
			
			.navigation-separator {
				border-left: 1px solid #323232;
				border-right: 1px solid #1C1C1C;
				float: left;
				margin: 4px 0;
				height: 30px;
			}
			
			#o-companii {
				background-image: url(/img/navigation/o-companii.gif);
				width: 131px;
			}
			
			#uslugi {
				background-image: url(/img/navigation/uslugi.gif);
				width: 94px;
			}
			
			#ceny-i-uslovia {
				background-image: url(/img/navigation/ceny-i-uslovia.gif);
				width: 153px;
			}
			
			#coordinaty {
				background-image: url(/img/navigation/coordinaty.gif);
				width: 132px;
			}
	
	/* Header Bottom */
	
	#header-bottom {
		background: transparent url(/img/header-image.jpg) top center no-repeat;
		margin: 10px 4px 0 4px;
		width: 930px;
		height: 87px;
	}

/* Content */

#content {
	background: transparent url(/img/bg/content.gif) repeat-y;
	border-top: 6px solid #0C0C0C;
	border-bottom: 6px solid #0C0C0C;
	margin: 0 4px;
	overflow: hidden;
	height: 1%;
}
	
	/* Left Column */
	
	#left-column {
		background-color: #A1A1A1;
		float: left;
		padding-top: 15px;
		width: 233px;
	}
		
		/* Left Navigation */
		
		#left-navigation {
			margin-bottom: 15px;
		}
			
			#left-navigation li {
				margin-bottom: 1px;
			}
			
			#left-navigation li.shifted {
				margin-top: 19px;
			}
			
			#left-navigation a {
				background-image: url(/img/left-navigation/button.png);
				color: #FFFFFF;
				display: block;
				font-size: 12px;
				line-height: 29px;
				margin: 0 auto;
				padding-left: 11px;
				text-decoration: none;
				width: 202px;
				height: 29px;
			}
				
				#left-navigation a.sub {
					background-image: url(/img/left-navigation/button-sub.png);
				}
			
			#left-navigation a:hover, #left-navigation a.active {
				background-position: right;
				color: #000000;
			}
	
	/* Right Column */
	
	#right-column {
		background-color: #D7D9DA;
		float: left;
		padding: 15px 26px 10px 26px;
		width: 645px;
	}
		
		/* Breadcrumbs */
		
		#breadcrumbs-container {
			margin-bottom: 15px;
		}
		
			#breadcrumbs {
				background: transparent url(/img/breadcrumbs/left.gif) left no-repeat;
				padding-left: 4px;
				height: 23px;
			}
			
			#breadcrumbs ul {
				background: transparent url(/img/breadcrumbs/right.gif) right no-repeat;
				float: left;
				padding-right: 4px;
				height: 23px;
			}
			
			#breadcrumbs ul li {
				background-color: #8A8C8D;
				float: left;
				height: 23px;
			}
			
			#breadcrumbs ul li a {
				background: transparent url(/img/breadcrumbs/spacer.gif) right center no-repeat;
				color: #252525;
				display: block;
				padding: 0 13px 0 7px;
			}
			
			#breadcrumbs ul li div {
				color: #FFFFFF;
				padding: 0 7px;
			}
			
			#breadcrumbs ul li a, #breadcrumbs ul li div {
				font-size: 11px;
				line-height: 23px;
			}
		
		/* Good */
		
		.good {
			display: block;
			float: left;
			margin-left: 7px;
			padding-bottom: 15px;
			width: 156px;
			height: 126px;
		}
		
		.good.no-margin {
			margin-left: 0px;
		}
			
			.good-image-container {
				background: transparent url(/img/good-border.png) no-repeat;
				width: 156px;
				height: 109px;
			}
				
				.good-image {
					margin: 4px;
					width: 148px;
					height: 100px;
				}
			
			.good-text {
				font-size: 12px;
				padding-top: 5px;
				height: 12px;
			}
		
		/* Text Blocks */
		
		#right-column h1 {
			clear: both;
			color: #242424;
			font-size: 28px;
			margin-bottom: 15px;
		}

		#right-column h2 {
			clear: both;
			color: #242424;
			font-size: 22px;
			margin-bottom: 15px;
		}

		#right-column h3 {
			clear: both;
			color: #242424;
			font-size: 18px;
			margin-bottom: 15px;
		}

		#right-column p {
			/* clear: both; */
			color: #626262;
			font-size: 12px;
			line-height: 15px;
			margin-top: 7px;
			margin-bottom: 7px;
		}
		
		#right-column a {
			color: #B20000;
		}
		
		/* Picture */
		
		.picture {
			margin-bottom: 15px;
		}

		.img-left-margin {
			margin: 10px 10px 10px 0;
		}
		
		.img-right-margin {
			margin: 10px 0 10px 10px;
		}

/* Footer */

#footer {
	overflow: hidden;
	height: 1%;
}
	
	/* Footer Top */
	
	#footer-top {
		background: transparent url(/img/bg/footer.jpg) no-repeat;
		margin: 0 auto;
		padding: 0 3px;
		width: 930px;
		height: 61px;
	}
		
		/* Bottom Navigation */
		
		#bottom-navigation {
			float: left;
			padding: 18px 0 0 233px;
		}
			
			#bottom-navigation a {
				color: #525252;
				display: block;
				float: left;
				font-size: 12px;
				line-height: 17px;
				padding: 0 26px;
				height: 17px;
			}
			
			.bottom-navigation-separator {
				background-color: #282828;
				float: left;
				width: 1px;
				height: 17px;
			}
		
		/* Counters */
		
		#counters {
			float: right;
			padding: 12px 26px 0 0;
		}
	
	/* Copyright */
	
	#copyright {
		padding: 23px 0 0 263px;
	}
		
		#copyright-logo {
			background: transparent url(/img/logo/small.png) no-repeat;
			display: block;
			float: left;
			margin-right: 9px;
			width: 63px;
			height: 19px;
		}
		
		#copyright-text {
			color: #525252;
			float: left;
			font-size: 12px;
			line-height: 19px;
			height: 19px;
		}