* {
	border: none;
	margin: 0;
	padding: 0;
}
hr, big {display: none;}
em {font-style: normal; font-weight: bold;}
strong {font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ul {list-style: none;}
acronym, abbr {cursor: help;}
address {font-style: normal;}
input, textarea {font: 1em/1em arial, helvetica, sans-serif;}

body {
	padding: 0;
	margin: 0;
	background: #121212;
	font: 0.75em/1.5em arial, helvetica, sans-serif;
}

a,
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}

a.more {
	float: right;
	width: 76px;
	height: 28px;
	background: url('../images/read-more-btn.gif') no-repeat;
	margin-bottom: 10px;
}
a.more:hover {background-position: left bottom;}
	a.more span {display: none;}

img {display: block;}
	#sub_main img {
		border: 3px solid #2B0D0A;
		overflow: hidden;
	}
	#sub_main img:hover {
		border-color: #671E19; /* albo jakiœ wedle uznania */
	}
h2.society_network,
h2#portale-spolecznosciowe {background-image: url('../images/faq-icon.gif') !important;}
h2.cms_system,
h2#kompleksowa-obsluga {background-image: url('../images/more-ideac-icon.gif') !important;}
h2.www_optimisation {background-image: url('../images/more-info-icon.gif') !important;}
h2.web_design,
h2#ciecie-layoutow {background-image: url('../images/search-url-icon.gif') !important;}

h3 {clear: both;}

	p span {font-weight: bold;}

ol {
	padding-left: 20px;
	list-style: decimal outside;
}

div#container {
	position: relative;
	padding-bottom: 2em;
}

div#header_container {
	overflow: hidden;
	height: 66px;
	background: #2B0D0A url('../images/header-bg.gif') repeat-x left bottom;
	margin-bottom: 66px;
	padding: 32px 0;
}
	div#header_container div#header {
		width: 922px;
		margin: 0 auto;
	}
		div#header_container div#header ul {display: none;}

form#subscription {
	position: absolute;
	top: -100px;
	right: 0;
	border: 3px solid #581f1a;
	background: #4b1a15;
	padding: 20px;
}
	form#subscription fieldset {
		overflow: hidden;
		width: 534px;
	}
		form#subscription legend span {
			position: absolute;
			top: 20px;
			background: url('../images/login-icon.jpg') no-repeat left center;
			margin-right: 12px;
			padding-left: 31px;
			line-height: 1.15em;
			font-size: 1.85em;
			color: #FCF7CC;
		}
	form#subscription label {display: none;}
	form#subscription input {
		float: left;
		width: 110px;
		height: 18px;
		border: 1px solid #924A43;
		background: #70322C;
		margin: 0 12px 0 0;
		padding: 5px 10px 0;
		color: #fff;
	}
	form#subscription input.submit {
		cursor: pointer;
		width: 52px;
		height: 24px;
		border: none;
		background: url('../images/login-btn.gif') no-repeat;
		margin: 1px 0 0;
		padding: 0;
		font-size: 0;
	}
	form#subscription div {float: right;}

div#navigation_container {
	position: absolute;
	top: 130px;
	width: 100%;
	background: url('../images/navigation-bg.gif') repeat-x;
}
	div#navigation_container div#navigation {
		position: relative;
		width: 922px;
		margin: 0 auto;
	}
		div#navigation_container div#navigation ul {
			overflow: hidden;
			width: 922px;
			height: 66px;
		}
			div#navigation_container div#navigation ul a {
				float: left;
				width: 80px;
				height: 33px;
				text-align: center;
				text-decoration: none;
				line-height: 33px;
				font-weight: bold;
				color: #FAF0C2;
			}
			div#navigation_container div#navigation ul a:hover,
			body#page_start li#menu_start a,
			body#page_o-nas li#menu_o-nas a,
			body#page_uslugi li#menu_uslugi a,
			body#page_realizacje li#menu_realizacje a,
			body#page_kontakt li#menu_kontakt a {background: url('../images/navigation-bg-selected.gif') no-repeat;}
			div#navigation_container div#navigation ul li {
				float: left;
				width: 81px;
				background: url('../images/navigation-divider.gif') no-repeat right top;
			}
			div#navigation_container div#navigation ul ul {
				display: none;
				position: absolute;
				top: 33px;
				width: auto;
				padding-top: 4px;
			}
			body#page_start li#menu_start ul,
			body#page_o-nas li#menu_o-nas ul,
			body#page_uslugi li#menu_uslugi ul,
			body#page_realizacje li#menu_realizacje ul,
			body#page_kontakt li#menu_kontakt ul {display: block !important;}
				div#navigation_container div#navigation ul ul a {
					width: auto;
					height: 23px;
					background: none !important;
					line-height: 23px;
					font-weight: normal;
					color: #84915D;			
				}
				div#navigation_container div#navigation ul ul a:hover {color: #fff;}
				div#navigation_container div#navigation ul ul li {
					width: auto;
					background: url('../images/navigation-dropdown-divider.gif') no-repeat right center;
					padding: 0 22px 0 20px;
				}
				div#navigation_container div#navigation ul ul li.last-child {
					background: none;
					padding-right: 20px;
				}

div#content {text-align: justify;}
	div#content img,
	div#content h2,
	div#content h3,
	div#content p,
	div#content address,
	div#content ul,
	div#content ol,
	div#content dl {margin-bottom: 10px;}
	div#content h4 {margin-bottom: 5px;}
	div#content form {
		overflow: hidden;
		width: 432px;
		border: 3px solid #581f1a;
		background: #4b1a15;
		padding: 20px;
	}
			div#content form ul li {
				overflow: hidden;
				margin-bottom: 10px;
			}
	div#content legend {display: none;}
	div#content label {
		float: left;
		width: 120px;
		padding-right: 10px;
		text-align: right;
		line-height: 1.55em;
		font-size: 1.15em;
		color: #FCF7CC;
	}
	div#content input,
	div#content textarea {
		width: 280px;
		border: 1px solid #924A43;
		background: #70322C;
		padding: 5px 10px 0;
		color: #fff;
	}
	div#content input {height: 18px;}
	div#content input#fm_submit {
		cursor: pointer;
		float: right;
		width: 52px;
		height: 24px;
		border: none;
		background: url('../images/submit-btn.gif') no-repeat;
		padding: 0;
		font-size: 0;
	}
	div#content textarea {height: 180px;}
div#main_container {background: #E7DFA0 url('../images/our-company-bg.gif') repeat-x;}
	div#main_container div#main {
		overflow: hidden;
		width: 598px;
		background: url('../images/our-company-bg-pic.jpg') no-repeat right top;
		margin: 0 auto;
		padding: 30px 324px 30px 0;
	}
		div#main_container div#main a {color: #47481A;}
		div#main_container div#main h1 {
			background: url('../images/horz-dot.gif') repeat-x left bottom;
			margin-bottom: 20px;
			padding-bottom: 5px;
			font: normal 2.9em/1.1em "arial narrow", arial, helvetica, sans-serif;
			color: #082733;
		}
		div#main_container div#main h2 {
			background: #FAF3BB no-repeat 5px center;	
			padding: 2px 5px 2px 21px;
			font-size: 1.1em;
			color: #951509;
		}
			div#main_container div#main ul h3 {
				margin-bottom: 0;
				font-weight: normal;
			}
			div#main_container div#main ul li {
				background: url('../images/bullet1.gif') no-repeat left center;
				padding-left: 15px;
				color: #47481A;
			}
		div#main_container div#main div#main_main {
			float: left;
			width: 278px;
			border-right: 2px solid #CBC387;
			padding-right: 20px;
		}
		div#main_container div#main div#main_sub {
			float: right;
			width: 278px;
		}

div#sub_container {background: #2B0D0A url('../images/future-plan-bg.gif') repeat-x;}
	div#sub_container div#sub {
		overflow: hidden;
		width: 922px;
		margin: 0 auto;
		padding: 30px 0;
	}
		div#sub_container div#sub div#sub_main {
			float: right;
			width: 602px;
			line-height: 1.6em;
			color: #837C44;
		}
			div#sub_container div#sub div#sub_main a {color: #B46F07;}
			div#sub_container div#sub div#sub_main img {
				float: right;
				/* border: 4px solid #060201;*/
				margin-left: 20px;
			}
			div#sub_container div#sub div#sub_main h2 {
				background: url('../images/horz-dot-2.gif') repeat-x left bottom;
				margin-bottom: 20px;
				padding-bottom: 5px;
				font: normal 2.9em/1.1em "arial narrow", arial, helvetica, sans-serif;
				color: #E7DFA0;
			}
			div#sub_container div#sub div#sub_main h3 {
				font-size: 1.4em;
				font-weight: bold;
				color: #B46F07;
			}
			div#sub_container div#sub div#sub_main p,
			div#sub_container div#sub div#sub_main ul,
			div#sub_container div#sub div#sub_main ol {
				font-size: 1.15em;
			}
		div#sub_container div#sub div#sub_sub {
			overflow: hidden;
			float: left;
			width: 248px;
			background: #706933;
			padding: 15px 15px 5px;
			color: #fff;
		}
			div#sub_container div#sub div#sub_sub a {color: #fff;}
			div#sub_container div#sub div#sub_sub h2 {
				width: 238px;
				background: #1E1E1C;
				margin: -10px 0 10px -10px;
				padding: 15px;
				text-transform: uppercase;
				font: normal 1.7em/1.05em "arial narrow", arial, helvetica, sans-serif;
			}
				div#sub_container div#sub div#sub_sub h2 span {font-weight: bold;}
			div#sub_container div#sub div#sub_sub h3 {
				background: url('../images/bullet2.gif') no-repeat left center;
				padding-left: 16px;
				font-size: 1.1em;
				color: #E7DFA0;
			}
			div#sub_container div#sub div#sub_sub img {
				float: left;
				margin-right: 15px;
			}
			div#sub_container div#sub div#sub_sub ul.gallery {
				overflow: hidden;
				width: 268px;
				margin: -5px 0 10px -10px !important;
			}
				div#sub_container div#sub div#sub_sub ul.gallery li {
					overflow: hidden;
					float: left;
					width: auto !important;
					border: 2px solid #fff;
					height: 70px;
					margin-right: 5px;
					padding: 0 !important

				}
					div#sub_container div#sub div#sub_sub ul.gallery li img {margin-right:0;}
				div#sub_container div#sub div#sub_sub ul.gallery li.last-child {margin-right: 0;}
			div#sub_container div#sub div#sub_sub dl {overflow: hidden;}
				div#sub_container div#sub div#sub_sub dl dt {
					clear: left;
					float: left;
				}
				div#sub_container div#sub div#sub_sub dl dd {
					clear: right;
					float: right;
				}
			
ul#extra {
	position: absolute;
	bottom: 1em;
	z-index: 1;
	width: 100%;
	text-align: center;
	text-transform: lowercase;
	font-size: 0.9em;
	color: #B3AC8B;
}
	ul#extra li {display: inline;}

div#footer_container {background: #121212 url('../images/footer-bg.gif') repeat-x;}
	div#footer_container div#footer {
		width: 922px;
		margin: 0 auto;
		padding: 20px 0;
		font-size: 0.9em;
		color: #706933;
	}
		div#footer_container div#footer a {
			text-decoration: none;
			color: #B3AC8B;
		}
		div#footer_container div#footer a:hover {color: #706933;}



	#page_o-nas div#sub_container div#sub {
		width: 834px;
		padding-right: 88px;
	}
		#page_o-nas div#sub_container div#sub div#sub_main {margin-bottom: 30px;}
		#page_o-nas div#sub_container div#sub div#sub_main,
		#page_o-nas div#sub_container div#sub div#sub_sub {
			float: none;
			width: auto;
		}
			#page_o-nas div#sub_container div#sub div#sub_sub h2 {width: 794px;}
			#page_o-nas div#sub_container div#sub div#sub_sub ul {margin: 0 -15px;}
				#page_o-nas div#sub_container div#sub div#sub_sub ul li {
					float: left;
					width: 248px;
					padding: 0 15px;
				}
				#page_o-nas div#sub_container div#sub div#sub_sub ul li {
					float: left;
					width: 248px;
					padding: 0 15px;
				}

			#page_realizacje div#main_container div#main ul img {
				background: #082733;
				padding: 5px;
			}
			#page_realizacje div#main_container div#main ul h3 {
				background: url('../images/bullet1.gif') no-repeat left center;
				margin: 0 0 5px -15px;
				padding-left: 15px;
				font-weight: bold;
			}
			#page_realizacje div#main_container div#main ul li {
				border-bottom: 2px solid #CBC387;
				background: none;
				margin-bottom: 10px;
				padding: 0 15px;
			}
			#page_realizacje div#main_container div#main ul li.last-child {
				border-bottom: none;
				margin-bottom: 0;
			}
		



/*SLIDER*/
div#main_container div#main #slider {
	width: 500px;
	position: relative;
	margin: 0 50px;
	padding: 0;
}
	div#main_container div#main #slider img {
		float: right;
		background: #082733;
		margin-left: 20px;
		padding: 5px;
	}
	div#main_container div#main #slider h3 {
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 1.1em;
	}
	div#main_container div#main #slider li {
		overflow: hidden;
		background-position: left 8px;
		margin-bottom: 10px;
		padding-left: 21px;
	}

.scroll {
	overflow: auto;
	overflow-x: hidden;
	clear: left;
	position: relative;
}	
	.scrollContainer div.panel {
		width: 460px;
		padding: 0 20px;
	}
.scrollButtons {
	cursor: pointer;
	position: absolute;
	top: 100px;
	font-size: 80px;
	line-height:80px;
}
.scrollButtons.right {
	right: -50px;
}
.scrollButtons.left {
	left: -50px;
}
.hide {
	display: none;
}