/* Krzysztof [w3master] Safjanowski, http://www.upthesky.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/2.5/ */
/* date: 2006 / 08 / 21 */

html,body,h1,h2,h3,h4,ul,li,a,p,dl,dt,dd {margin:0;padding:0;}
body {background:#fff;color:#4b4b4b;font:100% tahoma,verdana,arial,sans-serif;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
hr {display:none;}
img {display:block;}

/* =layout */
#wrap {margin:0 auto;width:767px;}
#header {height:130px;width:761px;margin:5px 0 0 0;border-top:5px solid #5f5f5f;background:url('gfx/header.jpg') 100% 1px no-repeat;position:relative;}
#footer {clear:left;margin-right:6px;}
#cont {float:left;width:100%;background:url('gfx/cont.gif') 0 0 repeat-y;margin:2px 0 3px;}
#main {float:left;display:inline;width:430px;margin-left:166px;} /* center column */
#links {float:left;width:164px;margin-left:-764px;} /* left side */
#news {float:left;width:164px;margin:0 2px;} /* right side */

/* header */
#header h1 {background:url('gfx/header.h1.jpg') 0 1px no-repeat;width:247px;height:130px;overflow:hidden;}
	#header h1 a {display:block;text-indent:-666em;}
#slogan {position:absolute;top:85px;left:0;width:181px;margin:0 25px 0 35px;}
	p#slogan {color:#992708;font-size:68.75%;font-weight:bold;text-align:center;}
/* nav */
#nav {position:relative;left:0px;}
	#nav li {display:inline;font-size:68.75%;font-weight:bold;}
		#nav li a {float:left;width:109px;height:18px;margin-right:0px; margin-left:0px;padding-top:14px;background:url('gfx/nav.li.a.png') 0 0 no-repeat;color:#fff;text-align:center;}

/* =news,=links */
#news h2,#links h2 {background:#249dd1 url('gfx/h2.gif') 0 0 repeat-x;color:#fff;font-size:68.75%;line-height:16px;margin:0px 1px 0 0px;padding-left:4px; margin-bottom:2px;}
	#links h2 span,#news h2 span {background:url('gfx/h2.marker.gif') 0 50% no-repeat;padding-left:14px;}
#news ul,#links ul {list-style:none;margin:14px 0 16px 12px;}
	#news li a,#links li a {background:url('gfx/li.a.marker.gif') 0 50% no-repeat;color:#7b7b7b;font-size:68.75%;padding-left:16px;}
#news div#promocja {margin:12px 0;}
	#news div#promocja img {margin:12px auto;}
	#news div#promocja p{font-size:68.75%;text-align:center;}
		#news div#promocja p span {font-weight:bold;}
	#news div#promocja h2 {position:relative;width:114px;height:35px;margin:10px auto;background:none;}
		#news div#promocja h2 span {position:absolute;top:0;left:0;background:url('gfx/promocja.direct.sef.gif') 0 0 no-repeat;width:114px;height:35px;}

/* =main */
#main h1 {color:#c15f00;font-size:100%;}
#main h2 {color:#282828;font-size:93.75%;}
#main .more {text-align:right;}
	#main .more a {background:url('gfx/more.a.marker.gif') 0 50% no-repeat;padding-left:12px;text-decoration:none;}
		#main .more a:hover {text-decoration:underline;}
#mainart {border:1px dotted #000;border-width:1px 0;margin:6px 0 8px;padding:10px 8px 0 8px;}
	#mainart img {float:right;}
	#mainart h1 {margin-top:10px;}
	#mainart p {color:#4b4b4b;font-size:68.75%;margin:12px 0;}
		#mainart p a {color:#4b4b4b;text-decoration:underline;}
#subcont {background:url('gfx/subcont.gif') 0 0 repeat-y;margin-bottom:6px;}
	#subcont h3 {color:#006790;font-size:75%;text-transform:uppercase;margin-bottom:8px;}
		#subcont p a {color:#4b4b4b;}
	#produkty {float:left;width:176px;margin:0 12px;display:inline;}
		#produkty dl {margin:6px 0;}
		#produkty dt {color:#515151;font-size:68.75%;text-transform:uppercase;background:url('gfx/dt.marker.gif') 0 50% no-repeat;padding-left:9px;margin:4px 0;}
		#produkty p {font-size:68.75%;}
			#produkty p.faq {text-align:center;margin:14px 0;}
				#produkty p.faq a {background:url('gfx/subcont.p.a.marker.gif') 0 50% no-repeat;color:#c56a11;padding-left:10px;}
	#casestudy {float:right;display:inline;width:176px;margin:0 12px;}
		#casestudy p {font-size:68.75%;}
		#casestudy img {margin:10px auto;}
#art {border:1px dotted #000;border-width:1px 0;padding:10px 8px 8px 8px;}
	#art h3 {color:#689400;font-size:93.75%;}
		#art h3 span {color:#454545;font-size:100%;}
	#art .art {margin:16px 0;}
	#art img {float:left;display:inline;margin:0 0 0 8px;}
	#art .detail {float:right;width:300px;}
		#art .detail h4,#art .detail p {color:#5a5a5a;font-size:68.75%;}
		#art .detail h4 {margin-bottom:6px;}
			#art .detail p a {color:#5a5a5a;}
	
/* footer */
#footer p {border:1px solid #ababab;font-size:68.75%;line-height:1.8em;}
	#footer span#part {float:left;margin-left:6px;}
		#footer span#part a {background:url('gfx/p.a.marker.gif') 0 50% no-repeat;color:#5f5f5f;padding-left:9px;}
	#footer span#seo {float:right;margin-right:14px;}
		#footer span#seo a {color:#5f5f5f;}
	#footer p#copy {background:#eaeaea;border:1px solid #ababab;color:#5f5f5f;font-size:68.75%;line-height:1.6em;text-align:center;}
		#footer p#copy a {color:#5f5f5f;font-weight:bold;}
#footer div.hr {background:#5f5f5f;width:100%;height:5px;margin:2px 0;overflow:hidden;}

/* position is everything */
.clear {clear:both;}
.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 */