* {margin:0;padding:0;}
body {background:#EFEFEF url('images/bg_page.png') 0 115px repeat-x;font:11px tahoma,sans-serif;color:#999999;}

#header {background:#FFFFFF url('images/bg_header.png') 328px 0 repeat-y;margin:0 auto;width:834px;height:107px;}
#header h1 {position:relative;height:84px;width:194px;background:url('images/prostore.jpg') 0 0 no-repeat;top:15px;left:15px;float:left;}
#header h1 a {position:absolute;left:0;width:194px;height:84px;overflow:hidden;text-indent:-666em;}

ul#access {float:right;list-style:none;margin:0 19px 0 0;}
	ul#access li {background: url('images/bg_acces.png') 0 0 no-repeat;height:31px;width:32px;margin:0 4px 0 0;float:left;}
	ul#access a {overflow:hidden;text-indent:-666em;}
		ul#access a.home {background: url('images/home.png') no-repeat;display:block;position:relative;top:8px;left:11px;}
		ul#access a.sitemap {background: url('images/sitemap.png') no-repeat;display:block;position:relative;top:10px;left:10px;}
		ul#access a.kontakt {background: url('images/kontakt.png') no-repeat;display:block;position:relative;top:10px;left:10px;}

	#menu ul {list-style:none;position:absolute;margin:0 0 0 227px;top:59px;}
		#menu li{float:left;height:48px;}
		#menu li a:hover {cursor:pointer;}
			#menu li#pozycjonowanie {position:relative;width:129px;}
			#menu li#pozycjonowanie span {position:absolute;background:url('images/pozycjonowanie.png') no-repeat;width:129px;height:48px;}
				
			#menu li#projektowanie {position:relative;width:163px;}
			#menu li#projektowanie span {position:absolute;background:url('images/projektowanie.png') no-repeat;width:163px;height:48px;}
					
			#menu li#sklepy {position:relative;width:155px;}
			#menu li#sklepy span {position:absolute;background:url('images/sklepy.png') no-repeat;width:155px;height:48px;}
							
			#menu li#reklama {position:relative;width:101px;}
			#menu li#reklama span {position:absolute;background:url('images/reklama.png') no-repeat;width:101px;height:48px;}
				
#wrapper {background: url('images/bg_warp.png') -2px 8px no-repeat;width:1000px;margin: 0 auto;}	
	#main {margin:0 auto;width:834px;background:#FFFFFF;}

#main_header {padding:0px;margin:0 0 0 15px;border-bottom:6px solid #e8e8e8;width:800px;}
	#main_header #realizacje {display:inline;float:left;width:194px;background:#333333 url('images/bg_realizacje.jpg') repeat-x;margin:0 1px 0 0px;}
			 #realizacje h2 {position:relative;font-size:12px;color:#FFFFFF;padding:10px 0 10px 20px;}
			 #realizacje span {position:absolute; top:7px; left:0px; margin-left:-12px; background:url('images/strz_real.png');height:19px;width:23px;}
			 #realizacje ul {list-style:none;color:#FFFFFF;}
			 	#realizacje li {padding:0 0 0 16px;}
			 		#realizacje li.port {background:#404040;width:78px;height:27px;padding:10px 0 0 25px;font-weight:bold;margin:6px 0 0 89px;}
			 	#realizacje b {font-size:10px;}
			 	#realizacje img {margin:0 0 5px 0;}
			 	#realizacje a {text-decoration:none;color:#FFFFFF;}

	#main_header #logo {background:url('images/logo.gif') no-repeat;width:604px;height:253px;float:left}
			 #logo h1 {font-size:11px;font-weight:bold;color:#FFFFFF;margin:117px 0 3px 25px;}
			 #logo h2 {font-size:11px;font-weight:normal;color:#FFFFFF;margin:0 0 0 25px;}

#content {padding:0px;margin:0 0 0 15px;clear:both;}
	#kontakt {display:inline;float:left;width:194px;background:#333333 url('images/bg_kontakt.jpg') repeat-x;}
			 #kontakt h2 {position:relative;font-size:12px;color:#FFFFFF;padding:10px 0 10px 20px;}
			 #kontakt span.strzalka {position:absolute; top:7px; left:0px; margin-left:-12px; background:url('images/strz_real.png');height:19px;width:23px;}
			 #kontakt ul {list-style:none;color:#FFFFFF;padding-top:10px;}
			 	#kontakt li {color:#c6c6c6;padding:2px 0 0 35px;}
			 		#kontakt li.sep {background: url('images/sep_kontakt.png') 35px 7px no-repeat;width:118px;height:10px;}
			 		#kontakt li.footer {background: url('images/kontakt_footer.jpg') bottom no-repeat;width:194px;height:14px;padding:20px 0 0 0;margin:0px}
			 	#kontakt img {margin:0 0 5px 0;}
			 	#kontakt a {color:#FFFFFF;}
			 	#kontakt span {font-weight:bold;color:#727272;}

#left {float:left;width:223px;padding:21px 27px 0 27px;}
	#left p.powitanie {display:block;height:20px;font-weight:bold;font-size:13px;background: url('images/strz.png') no-repeat;padding:1px 0 4px 30px}
	#left p.powitanie span {color:#4c4c4c;}
	#left .tekst {background: url('images/sep_tekst.png') 0 24px repeat-x;line-height:23px;padding:5px 0 0 3px;}
		#left .tekst b {color:#757575;}
	#left p {float:left;padding:10px 5px 0 0 }
	#left a {color:#c40202;font-weight:bold;font-size:9px;text-decoration:none}

#right {float:left;width:282px;padding:21px 27px 0 27px;border-left:1px solid #e8e8e8;}
	#right ul {list-style:none;}
		#right li {padding-bottom:8px;}
		#right li.news {background: url('images/page.png') 0 2px no-repeat;padding-left:25px;}
			#right li.news p {color:#999999;font-weight:normal;font-size:9px;}
			#right li.news p.temat {color:#c40202;font-size:11px;font-weight:bold}
		#right li.tekst {line-height:18px;}
			#right li.tekst img {display:inline;}
		#right li.sep {background: url('images/sep_tekst.png') 0 17px repeat-x;height:35px;}
		#right p.arch {padding:0px 5px 30px 0 }
		#right p.arch a {color:#c40202;text-decoration:none;}

#footer {background: url('images/bg_footer.png') 0 0 repeat-x;height:50px;border-top:6px solid #e8e8e8}
	#footer .inside {margin:0 auto;width:834px}
	#footer p {padding:15px 0 0 0;}
	#footer p.copy {float:left;padding-left:8px;}
		#footer p.copy b {color:#FFFFFF;}
	#footer p.linki {float:right;padding-right:8px;}
	#footer p.linki a {color:#FFFFFF;text-decoration:none;}

#leftpod {float:left;width:570px;padding:21px 0px 0 27px;}
	#leftpod p.powitanie {display:block;height:20px;width:520px;font-weight:bold;font-size:13px;background: url('images/strz.png') no-repeat;padding:1px 0 4px 30px}
	#leftpod p.powitanie span {color:#4c4c4c;}
	#leftpod .tekst {background: url('images/sep_tekst.png') 0 24px repeat-x;line-height:23px;padding:5px 0 0 3px;}
		#leftpod .tekst b {color:#757575;}
	#leftpod p {float:left;padding:10px 5px 20px 0;}
	#leftpod a {color:#c40202;font-weight:bold;font-size:10px;text-decoration:none;}

.obramowanie {border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
#kreska {border-left:1px solid #e8e8e8;}
a {color:#4c3b00;}
.justowanie {text-align: justify;}
.left {float: left;}
.right {float: right}
.clear {clear: both}
.center {display: block; margin: 0 auto}
img{border:0px;display:block;}

/* position is everything */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */