/* reset marginesów oraz dopeÅ?ieÅ?*/
html, body, ul, li { margin: 0; padding: 0;}

/* reset wysokoÅ?i linii i fontu */
h1, h2, ul, li, p { margin: 0; padding: 0; font-size: 1em; line-height: 1.5em;}

/* ustawienia globalne */
body { font: 0.625em/1.5em tahoma, verdana, arial, sans-serif; background-color: #f3f3f3;}

/* szerokoÅ??strony */
.content {width: 980px; margin-left: auto; margin-right: auto;}

/* resetowanie ramek obrazków */
a img {border: none;}
div.c1 {text-align: center;}

/* header */
#header {
	position: relative;
	height: 165px;
	border-bottom: 1px solid #fff;
	background: #272321;
	}
	
#header h1 {
	position: absolute;
	top: 40px;
	margin-left: auto; margin-right: auto;
	overflow: hidden;
	}
	
#header h1 a {
	display: block;
	width: 400px;
	height: 78px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -666em;
	}
#header h1.cyfrowe a {
	display: block;
	width: 400px;
	height: 78px;
	background: url(../images/logo_cyfrowe.png) no-repeat;
	text-indent: -666em;
	}
#header h1.archiwizacja a {
	display: block;
	width: 400px;
	height: 78px;
	background: url(../images/logo_archiwizacja.png) no-repeat;
	text-indent: -666em;
	}
#header h1.offset a {
	display: block;
	width: 400px;
	height: 78px;
	background: url(../images/logo_offset.png) no-repeat;
	text-indent: -666em;
	}
#header h1.xero a {
	display: block;
	width: 400px;
	height: 78px;
	background: url(../images/logo_xero.png) no-repeat;
	text-indent: -666em;
	}
#header h1.ulotki a {
	display: block;
	width: 400px;
	height: 78px;
	background: url(../images/logo_ulotki.png) no-repeat;
	text-indent: -666em;
	}
#header h1.kopert a {
	display: block;
	width: 400px;
	height: 78px;
	background: url(../images/logo_kopert.png) no-repeat;
	text-indent: -666em;
	}
#header h1.kontakt a {
	display: block;
	width: 400px;
	height: 78px;
	background: url(../images/logo_kontakt.png) no-repeat;
	text-indent: -666em;
	}
#header h1.zamowienie a {
	display: block;
	width: 400px;
	height: 78px;
	background: url(../images/logo_zamowienie.png) no-repeat;
	text-indent: -666em;
	}
#header h1.wizytowki a {
	display: block;
	width: 400px;
	height: 78px;
	background: url(../images/logo_wizytowki.png) no-repeat;
	text-indent: -666em;
	}
#header h1.prac a {
	display: block;
	width: 400px;
	height: 78px;
	background: url(../images/logo_prac.png) no-repeat;
	text-indent: -666em;
	}
#header h1.folii a {
	display: block;
	width: 400px;
	height: 78px;
	background: url(../images/logo_folii.png) no-repeat;
	text-indent: -666em;
	}
#header ul { 
	margin-left: auto; margin-right: auto;
	overflow: hidden; 
	position: absolute; 
	bottom: 0; 
	list-style: none;
}
#header ul li { 
	float: left; 
	margin-right: 1px; 
	background: url(../images/menu-left.gif) top left no-repeat;
}
#header ul li a { 
	display: block; 
	padding: 11px 20px 10px; 
	color: #000; 
	font: bold 1.2em tahoma, verdana, arial, sans-serif; 
	text-decoration: none; 
	background: url(../images/menu-right.gif) top right no-repeat;
}
#header ul li a:hover {
	text-decoration: underline;
	background: url(../images/menu_hover.gif) top right no-repeat;
}
.content #current{
	text-decoration: underline;
	background: url(../images/menu_hover.gif) top right no-repeat;
}
/* slogan */
#slogan {
	margin-left: auto; margin-right: auto;
	background: #3297cf url(../images/tlo-main-powielane.jpg) repeat-x; 
	border-bottom: 1px #fff solid;
	position: relative;
	}
#slogan .content {
	width: 892px;
	height: 142px;
	}
#slogan .content #motto {	
	position: absolute;
	top: 80px;
	left: 100px;
	overflow: hidden;
	}
	
#slogan .content #motto a {
	display: block;
	width: 332px;
	height: 91px;
	text-indent: -666em;
	background: url(../images/slogan.png) no-repeat;
	}

/* main */
#main {
	background: #fff url(../images/main-bg.gif) top left repeat-x;
	border-bottom: #d5d8d6 1px solid;
	}
#main .content {
	overflow: hidden;
	}
#main .column {
	float: left;
	margin-left: 33px;
	}
#main .box {
	width: 360px;
	padding: 28px 14px 14px;
	margin-bottom: 34px;
	}
#main .box p {
	font: 1.2em arial, tahoma, sans-serif;
	color: #333132
	}
#main .box p.akapit {
text-indent:20px;
}
	#main .box ul li {
	font: 1.2em arial, tahoma, sans-serif;
	color: #333132
	}
#main #cennik{
	float: left;
	margin: 30px 48px 30px 0px;
	}
#main #zamow{
	float: left;
	margin: 35px 48px 30px 250px;
	}
#main .box.szary {
	background: #8b8181 url(../images/main-box-rouded.gif) 0 100% no-repeat;
	}
#main .box.szary h2 { 
	display: none;
}
#main .box.szary p {
	color: #fff;
	}
	
#main .box.firma h2 {
	background: url(../images/o-firmie.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box.kwalifikacje h2 {
	background: url(../images/sprzet.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box.biznes h2 {
	background: url(../images/rozwijamy.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}

#main .box.kwalifikacje {
	background: url(../images/maszyna.jpg) 0 30px no-repeat;
	padding-left: 120px;
	}
#main .box.biznes {
	background: url(../images/biznes.jpg) 0 30px no-repeat;
	padding-left: 120px;
	margin-top: -25px
	}

#main .wiecej {
	text-align: right;
	}
#main .wiecej a {
	text-decoration: none;
	font-weight: bold;
	color: #999;
	background: url(../images/strzalka-wiecej.gif) 100% 50% no-repeat;
	padding-right: 15px;
	display: block;
	outline: none;
	}

/* footer */
#footer {
	background: #f3f3f3;
	}
#footer #footer-image {
	float: left;
	margin: 16px 48px 10px 71px;
	}
#footer ul {
	list-style: none;
	width: 777px;
	overflow: hidden;
	padding-top: 20px;
	}
#footer ul li {
	float: left;
	margin: 0 19px;
	border-right: 1px #686868 solid;
	}
#footer ul li a {
	display: block;
	width: 122px;
	padding: 0 12px;
	font: 1.1em verdana, sans-serif;
	background: url(../images/strzalka-footer.gif) 0 50% no-repeat;
	color: #686868;
	text-decoration: none;
	}
#footer ul li a:hover {
	display: block;
	width: 122px;
	padding: 0 12px;
	font: 1.1em verdana, sans-serif;
	background: url(../images/strzalka-footer.gif) 0 50% no-repeat;
	color: #000;
	text-decoration: none;
	}
#footer #fixcom{
	clear: left;
	padding: 19px 0 19px 267px;
	font: bold 1.1em tahoma, verdana, arial, sans-serif;
	color: #cacaca;
	background: url(../images/cien-footer.gif) top left no-repeat;
	
	}
#footer #fixcom a{
	clear: left;
	padding: 19px 0 19px 67px;
	font: bold 1.1em tahoma, verdana, arial, sans-serif;
	color: #cacaca;
	}
#footer #fixcom a:hover{
	clear: left;
	padding: 19px 0 19px 67px;
	font: bold 1.1em tahoma, verdana, arial, sans-serif;
	color: #000;
	}
	
/* PODSTRONY */
#main .box2 {
	width: 325px;
	padding: 28px 14px 14px;
	margin-bottom: 34px;
	}
#main .box2 p {
	font: 1.2em arial, tahoma, sans-serif;
	color: #333132
	}

#main .box2.form h2 {
	background: url(../images/form.jpg) no-repeat;
	text-indent: -666em;
	width: 600px;
	height: 52px;
}
#main .box2.kontakt h2 {
	background: url(../images/kontakt.jpg) no-repeat;
	text-indent: -666em;
	width: 325px;
	height: 52px;
}
#main .box2.dojazd h2 {
	background: url(../images/dojazd.jpg) no-repeat;
	text-indent: -666em;
	width: 320px;
	height: 52px;
}
#main .box2.cyfrowe h2 {
	background: url(../images/wydruki_cyfrowe.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}

#main .box2.offset h2 {
	background: url(../images/wydruki_offset.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box2.xero h2 {
	background: url(../images/xero_kolor.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box2.archiw h2 {
	background: url(../images/archiw.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box2.ulotki h2 {
	background: url(../images/ulotki.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box2.koperty h2 {
	background: url(../images/koperty.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box2.prace h2 {
	background: url(../images/druk_prac.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box2.folia h2 {
	background: url(../images/folii.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}
#main .box2.wizyt h2 {
	background: url(../images/wizyt.jpg) no-repeat;
	text-indent: -666em;
	width: 359px;
	height: 52px;
}

#main .box2 {
	width: 800px;
	padding: 28px 14px 14px;
	margin-bottom: 34px;
	}
#main .box2 p {
	font: 1.2em arial, tahoma, sans-serif;
	color: #333132
	}
#main .box2 p.akapit {
text-indent:20px;
}
#main .box2 p.gruby {
font-weight: 700;
}
#main .box2 p.arcamax {
background: url(../images/arca.jpg) no-repeat;
margin-left: 400px;
text-indent: -666em;
font-weight: 700;
}
#main .box2 p.gruby2 {
font: 1.5em arial, tahoma, sans-serif;
font-weight: 700;
text-align:center;
}
#main .box2 ul li {
	font: 1.2em arial, tahoma, sans-serif;
	color: #333132
	}
#slogan.produkty {
	background: #33ca21 url(../images/top-tlo.jpg) repeat-x;
	}
#slogan.produkty .content {
	height: 140px;
	background: url(../images/top-produkty.jpg) no-repeat;
	}
	
#slogan .content #motto.motto-produkty {
	top: 40px;
	left: 405px;
}

#slogan .content #motto.motto-produkty a {
	background: url(../images/motto-produkty.png) no-repeat;
}

#main .box.produkty-opis ul {
	list-style: none;
	list-style-image: url(../images/strzalka-produkty.jpg);
	padding: 10px 20px;
	font-weight: bold;
	}

#main .box.produkty-opis h2 {
	background: url(../images/naglowek1-produkty.jpg) no-repeat;
	text-indent: -666em;
	padding-bottom: 40px;
	margin-top: 40px;
	}
#main .box.produkty-cechy {
	background: url(../images/ikonki-produkty.jpg) no-repeat;
	padding-left: 90px;
	margin-top: 40px;	
	}
	
#main .box.produkty-cechy h2 {
	text-indent: -666em;
	}
#main .box.produkty-cechy .produkt1 {
	background: url(../images/naglowek2-produkty.jpg) no-repeat;
	padding-top: 50px;
	}
#main .box.produkty-cechy .produkt2 {
	background: url(../images/naglowek3-produkty.jpg) no-repeat;
	padding-top: 50px;
	}