body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: "Trebuchet", Arial;
}


ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

h1,h2,h3,p,hr,fieldset {
	margin:0;
	padding: 0;
}

br.both {
	clear: both;
}

div#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 900px;
}



div#logo {
	position: relative;
	height: 232px;
	width: 900px;
	overflow: hidden;
	margin-bottom:26px; 	

}

div#logo h1, div#logo h2 {
	position: absolute;
	left: 0;
	top: -100px;
} 


div#logo a {
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width:398px;
	height: 0px;
	padding-top: 100px;
	overflow: hidden;
	background: url(../images/null.gif) 0 0;
		
} 


a#przeglad {
	margin-top: 37px;
	display: block;
	width: 175px;
	padding-top: 37px;
	height: 0px;
	overflow: hidden;
	background: url(../images/przeglad.png) 0 0;
}

a#przeglad_a {
	margin-top: 37px;
	display: block;
	width: 175px;
	padding-top: 37px;
	height: 0px;
	overflow: hidden;
	background: url(../images/przeglad_a.png) 0 0;
}

div#lewo {
	float: left;
	width:176px;
}


div#lewo img {
	display: block;
	margin: 20px auto;
	border: none;
}


div#content {
	margin-left: 218px;
	width: 677px;
	height: 300px;
}



div#footer {
	width: 900px;
	clear: both;
	margin-top: 15px;
	height: 100px;
	padding: 15px 0 0 0;
	background: #fff url(../images/footer.png) no-repeat 0 0;
}

div#footer p {
	padding: 0 20px;
	margin: 0;
	width: 860px;
	color: #737070;
	font-size:11pt;
	background: #fff url(../images/footer_center.png) repeat-y 0 0;
}
div#footer span {
	display: block;
	width: 900px;
	height: 18px;
	background: #fff url(../images/footer_bottom.png) no-repeat 0 0;
}





/*
podstrona INTRO

oraz podstawowe elementy

*/


p.hide {
	display: block;
}


div#content div.box {
	width: 195px;
	float: left;
	margin-right: 45px;
	margin-bottom: 12px;
}


div#content div.last {
	margin-right: 0;
}







div#content div.box h3 {
	width: 195px;
	height: 39px;
	overflow: hidden;
}

div#content div.box h3 a {
	width: 195px;
	height: 0px;
	display: block;
	padding-top: 39px;
	overflow: hidden;
}

div#content div.box h3#identyfikacja {
	background: #fff url(../images/boxheadery/identyfikacja.png) no-repeat 0 0;
}

div#content div.box h3#wzornictwo {
	background: #fff url(../images/boxheadery/wzornictwo.png) no-repeat 0 0;
}

div#content div.box h3#opakowania {
	background: #fff url(../images/boxheadery/opakowania.png) no-repeat 0 0;
}

div#content div.box h3#identyfikacja.no_border {
	background: #fff url(../images/boxheadery/identyfikacja_noborder.png) no-repeat 0 0;
}

div#content div.box h3#wzornictwo.no_border {
	background: #fff url(../images/boxheadery/wzornictwo_noborder.png) no-repeat 0 0;
}

div#content div.box h3#opakowania.no_border {
	background: #fff url(../images/boxheadery/opakowania_noborder.png) no-repeat 0 0;
}

div#content div.box h3#identyfikacja.no_border_a {
	background: #fff url(../images/boxheadery/identyfikacja_noborder_a.png) no-repeat 0 0;
}

div#content div.box h3#wzornictwo.no_border_a {
	background: #fff url(../images/boxheadery/wzornictwo_noborder_a.png) no-repeat 0 0;
}

div#content div.box h3#opakowania.no_border_a {
	background: #fff url(../images/boxheadery/opakowania_noborder_a.png) no-repeat 0 0;
}


div#content div.box p {
	width: 175px;
	padding:5px 10px 0pt;
	font-size: 9pt;
	text-align: justify;
	background: #fff url(../images/box_center.png) 0 0;
}


div#content div.box p.img {
	text-align: center;
}

div#content div.box p.img img {
	border: none;
}


div#content div#news a.rss {
	background: #FFFFFF url(../images/rss_small.png) no-repeat scroll 0 0;
	display: block;
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 16px;
	margin: -35px 0 0 195px;
	position: relative;
	width: 16px;
	z-index: 2;
}
	
	
div#content div.box a.wiecej {
	display: block;
	width: 13px;
	height: 0;
	float: right;
	margin: -10px -6px 0 0;
	padding-top: 15px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	background: #fff url(../images/box_more.png) no-repeat 0 0;
}


div#content div.box div.divwiecej {
	width: 195px;
	margin-top: -1px;
	position: relative;
	z-index: 1;
	
}

div#content div.box span.bottom {
	display: block;
	width: 195px;
	height: 16px;
	margin-top: -6px;
	background: #fff url(../images/box_bottom.png) no-repeat 0 0;
}

div#content div.box span.hr {
	display: block;
	width: 195px;
	height: 5px;
	background: #fff url(../images/box_bar.png) no-repeat 0 0;
}








div#news {
	width: 677px;
	float: left;
	margin-bottom: 20px;
	background: #fff url(../images/news_center.png) repeat-y 0 0;
}

div#news h3 {
	width: 659px;
	height: 0px;
	padding: 49px 0 0 18px;
	overflow: hidden;
	position:relative;
	width:659px;
	z-index:1;
	background: url(../images/news_header.png) no-repeat 0 0;
}


div#news div#img {
	display: block;
	float: right;
	width: 190px;
	margin-top: -30px;
}
div#news img {
	display: block;
	margin: 0 auto 0 auto;
	padding-bottom: 5px;
	position:relative;
	z-index: 2;
}

div#news strong {
	display: block;
	width: 460px;
	margin: 0;
	color: #737070;
	padding:0 0 0 20px;
}

div#news a {
	text-decoration: none;
	color: #737070;
}


div#news a.wiecej {
	display: block;
	width: 13px;
	float: right;
	height: 0;
	padding-top: 15px;
	margin-right: 3px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	background: #fff url(../images/box_more.png) no-repeat 0 0;
}

div#news a.archiwum {
	display: block;
	width: 70px;
	float: left;
	height: 0;
	padding-top: 15px;
	margin: 0 0 0 21px;
	margin-top:0px;
	overflow: hidden;
	position:relative;
	z-index: 3;
	background: #fff url(../images/archiwum.png) no-repeat 0 0;
}

div#news p {
	width: 460px;
	color: #737070;
	font-size: 10pt;
	padding-left:20px;
	padding-bottom: 5px;
}

div#news br.right {
	clear: right;
}

div#news span#news_bottom {
	display: block;
	width: 677px;
	height: 26px;
	position:relative;
	z-index: 1;
	margin-top: -20px;
	background: url(../images/news_bottom.png) no-repeat 0 0;
}











/*
podstrona KONTAKT
*/


div.box_294px {
	width: 294px;
	float: left;
	background: #fff url(../images/294px_box_center.png) repeat-y 0 0;
}

div.box_294px span.top {
	display: block;
	width: 294px;
	height: 20px;
	background: #fff url(../images/294px_box_top.png) no-repeat 0 0;
}


div.box_294px p {
	width: 258px;
	margin-top: -10px;
	padding: 0 18px;
	color: #737070;
	
	font-size:11pt;
	text-align: justify;
}

div.box_294px  p.spacing-1 {
	letter-spacing: -1px;
}


div.box_294px span.bottom {
	display: block;
	width: 294px;
	height: 21px;
	background: #fff url(../images/294px_box_bottom.png) no-repeat 0 0;
	margin-top: -10px;
}

div.box_339px {
	float: right;
	width: 339px;
	background: #fff url(../images/339px_box_center.png) repeat-y 0 0;
}

div.box_339px span.top {
	display: block;
	width: 339px;
	height: 21px;
	background: #fff url(../images/339px_box_top.png) no-repeat 0 0;
}



div.box_339px p.form_answer {
	margin-bottom: 20px;
	text-align: center;
	padding: 0 5px;	
	font-size: 10pt;
}


div.box_339px p#error {
	color: #c00;
}

div.box_339px p#ok {
	color: #0a0;
}



div.box_339px img.portfolio {
	display: block;
	margin: 0 auto;
}



div.box_339px form {
	margin-top: -10px;
	padding-left: 10px;
}


div.box_339px fieldset {
	border: 0 none;
}

div.box_339px label {
	color: #737070;
	font-size: 11pt;
}

div.box_339px textarea {
	color: #737070;
	font-size: 11pt;
	margin-top: 5px;
	display: block;
	width: 312px;
	height: 139px;
}

div.box_339px input#mail {
	color: #737070;
	font-size: 11pt;
	margin-top: 5px;
	width: 312px;
	display: block;
}

div.box_339px input.submit {
	float: right;
	width: 84px;
	height: 22px;
	margin: 7px 12px 0 0;
	display: block;
	border: 0 none;
	cursor: pointer;
	color: #737070;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
	background: #fff url(../images/contact_box_form_submit.png) no-repeat 0 0;
}

div.box_339px .none {
	display: none;
}

div.box_339px span.bottom {
	display: block;
	width: 339px;
	height: 21px;
	background: #fff url(../images/339px_box_bottom.png) no-repeat 0 0;
	margin-top: -10px;
}






/*
ten kod to ramka z tekstem o cac toz pod wielkim obrazkiem
*/


div.cac_box {
	width: 681px;
	margin-bottom: 20px;
	background: #fff url(../images/klienci_center.png) repeat-y 0 0;
}

div.cac_box span.top {
	display: block;
	width:  681px;
	height: 21px;
	background: #fff url(../images/klienci_top.png) no-repeat 0 0;
}


div.cac_box p {
	width: 645px;
	margin-top: -10px;
	padding: 0 18px;
	color: #737070;
	text-align: justify;
	font-size: 10pt;
}


div.cac_box span.bottom {
	display: block;
	width: 681px;
	height: 21px;
	background: #fff url(../images/klienci_bottom.png) no-repeat 0 0;
	margin-top: -10px;
}



/*
podstrona KLIENCI
*/

div.cac_box ul {
	margin-top: -25px;
}

div.cac_box ul#lewy {
	float: left;
	width: 321px;
	margin-left: 18px;
}

div.cac_box ul#prawy {
	float: right;
	width: 316px;
}

div.cac_box li  {
	color: #737070;
	margin-top: 19px;
	font-size: 11pt;
	clear: left;
	height: 31px;
}

div.cac_box li  img {
	border: 1px solid #000;
	float: left;
}


div.cac_box li  span {
	margin-left: 5px;
	line-height:31px;
}


/*
podstrona OFIRMIE
*/

img#ofirmie_foto {
	float: right;
}


/*
podstrona ASP
*/

ul#asp li {
	margin: 20px 0;
	height: 330px;
}


img.asp {
	display: block;
	margin: 0 auto;
}

a#przeglad_strzalka {
	display: block;
	width: 25px;
	height: 0px;
	padding-top: 28px;
	overflow: hidden;
	margin-top: -50px;
	background: #fff url(../images/arrow.png) no-repeat 0 0;
}

/*
podstrona PORTFOLIO
*/

div#portfolio_boxes {
	height: 39px;
	margin-bottom: 16px;
}


ul#portfolio li {
	margin-bottom: 20px;
	height: 330px;
}