@import url(reset.css);


.debug {
  background: red;
  border: 1px solid green;
}

.clear {
	clear: both;
}

body {
	background-color: #434343;
	text-align: center;
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
}


p, li {
	line-height: 120%;
	text-align: justify;
}



form li {
	list-style-type: none;
}

form label {
	margin-top: 10px;
	display: block;
}

form textarea {
	height: 100px;
	width: 400px;
}

table {
	margin-top: 15px;
	border: 1px solid gray;
}

table thead {
	background-color: gray;
	text-align: left;
}

table td {
	padding: 2px;
}

table td {
	width: 50%;
}

a:link    { color: white; text-decoration: underline;}
a:visited { color: white; }
a:hover   { color: gray; text-decoration: none; }
a:active  { color: grey; }

/*
    MAIN WRAPPER
*/

#wrapper {
	width: 795px;
	text-align: left;
	margin: 0 auto;
	color: white;
}

#headerLogo, #headerAd, #headerLeft, #headerRight {
	height: 144px;
}

#headerLogo {
	float: left;
	width: 327px;
	background: url(/public/img/header-logo.jpg) no-repeat left top transparent;
	overflow: hidden;
}

#headerLogo a {
	position: absolute;
	width: 255px;
	height: 100px;
	margin-left: 30px;
	margin-top: 15px;
}

#headerLogo span {
	margin-left: -9999px;
}

#headerLeft, #headerRight {
	width: 15px;
	float: left;
}

#headerLeft  { background: url(/public/img/header-left.jpg) no-repeat left top transparent; }
#headerRight {background: url(/public/img/header-right.jpg) no-repeat left top transparent; }

#headerAd {
	width: 438px;
	float: left;
	background: url(/public/img/header-ad.jpg) no-repeat left top transparent;
	color: white;

}

#headerAd span {
	margin-left: -9999px;
}

#headerAd ul {
	float: right;
	margin-top: 0px;
	margin-right: -5px;
	height: 25px;
	padding-left: 17px;
	padding-top: 4px;
	width: 120px;
	background: url(/public/img/header-ad-menu.jpg) transparent no-repeat left top;
}

#headerAd a, #headerAd a:link {
	text-decoration: none;
}

#headerAd li {
	display: inline;
}

	#cnt_t, #cnt_b, #cnt_tl, #cnt_tr, #cnt_bl, #cnt_br {
		height: 121px;
		width: 32px;
	}

	#cnt, #cnt_t, #cnt_b, #cnt_s {
		float: left;
		width: 582px;
	}

	#cnt_data {
		margin: -105px auto -70px 15px;
		color: black;
		width: 528px;
		float: left;
		display: block;
		position: relative;
		background-color: white;
		padding: 5px 15px 15px 10px;
	}

	body#iHome #cnt_data {
		padding: 0;
		width: 552px;
		background-color: black;
		color: white;
	}

	body#iHome #pageTitle {
		display: none;
	}

	#cnt_data a:link    { color: black; text-decoration: underline;}
	#cnt_data a:visited { color: black; }
	#cnt_data a:hover   { color: gray; text-decoration: none; }
	#cnt_data a:active  { color: lightgray; }

	#cnt_t    { background: url(/public/img/cnt-t.jpg)  top left repeat-x; }
	#cnt_b    { background: url(/public/img/cnt-b.jpg)  bottom left repeat-x; }
	#cnt_s    { background: url(/public/img/cnt-s.jpg)  top left repeat-y; }
	#cnt_tl   { background: url(/public/img/cnt-tl.jpg) top left no-repeat; float: left;  }
	#cnt_tr   { background: url(/public/img/cnt-tr.jpg) top right no-repeat; float: right; }
	#cnt_bl   { background: url(/public/img/cnt-bl.jpg) bottom left no-repeat; float: left; }
	#cnt_br   { background: url(/public/img/cnt-br.jpg) bottom right no-repeat; float: right; }

#cnt ul {
	list-style-type: square;
	list-style-position: inside;
}

#cnt p {
	margin: 10px 0;
}

#cnt strong {
	color: red;
}

#cnt_banners {
	background: url(/public/img/cnt-banners.jpg) top left no-repeat;
	height: 100px;
	width: 578px;
	display: block;
}

#cnt_banners_box1, #cnt_banners_box2, #cnt_banners_box3 {
	width: 176px;
	float: left;
	height: 82px;
	text-align: center;
}

#cnt_banners img {
	display: block;
	float: left;
}

#cnt_banners_box1 { margin-left: 10px; }
#cnt_banners_box2 { margin-left: 14px; }
#cnt_banners_box3 { margin-left: 16px; }

#cnt_breaker {
	display: block;
	background-color: #770002;
	color: white;
	position: relative;
	bottom: -10px;
	margin-left: 8px;

	width: 554px;
	margin-top: -47px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 5px 5px 7px;
}

#slideshow {
	background: url(/public/img/slideshow-bg.jpg) no-repeat top left transparent;
	height: 269px;
	width: 522px;
	top: -10px;
	float: left;
	margin-left: 5px;

}


#s_hdr {
	margin-left: 20px;
	margin-top: 10px;
	font-weight: bold;
	position: absolute;
	font-size: 180%;

	
}
#s_prd {
	margin-left: 25px;
	margin-top: 40px;
	font-size: 140%;
	font-weight: bold;
	position: absolute;
}

#s_info {
	margin-left: 230px;
	margin-top: 55px;
	width: 280px;
	font-size: 11px;
	line-height: 100%;
	position: absolute;
	text-align: left;
}



#s_desc ul {
	list-style-position: outside;
	list-style-type: none;
}

#s_desc li {
	padding-bottom: 2px;
	list-style: none;
	list-style-type: none;
}

#s_desc h3 {
	font-size: 150%;
	padding-bottom: 1px;
	border-bottom: 1px solid white;
	margin-bottom: 8px;
}

#s_img {
	display: block;
	width: 522px;
	height: 269px;
	position: absolute;
	background-repeat: no-repeat;
}


#s_cert {
	margin-top: 6px;
	width: 300px;
	height: 60px;
}

#s_cert li {
	list-style: none;
	background: url() transparent top left no-repeat;
	float: left;
	margin: 0 2px 0 0;
}

#sbuttons {
	float: left;
	width: 25px;
	height: 80px;
	position: relative;

}

#sbuttons a {
	background: url(/public/img/slideshow-t.jpg) no-repeat top left transparent;
	width: 25px;
	height: 12px;
	display: block;
	margin-bottom: 1px;
	margin-left: 6px;
	margin-right: -8px;
	text-decoration: none;
	font-size: 80%;
	padding: 8px 0px 8px 7px;
}

#sbuttons .sel {
	background: url(/public/img/slideshow-ts.jpg) no-repeat top left transparent;
	margin-left: 5px;
	padding-left: 6px;
}

#sidebar {
	float: right;
	width: 212px;
}

#sidebarMenu {

}

#sidebarMenu li {
	background: url(/public/img/menu-button.jpg) no-repeat top left transparent;
	height: 24px; /*72px - 2* 24; */
	width: 152px; /* 212px - 2 * 30 */
	margin: 0px;
	margin-bottom: -2px;
	padding: 24px 30px;
	font-size: 16px;
}

#sidebarMenu a {
	color: white;
	text-decoration: none;
	font-weight: bold;

}

/*
   SIDEBAR NEWSLETTER
*/

#sidebarNewsletter {
	margin-left: 6px;
	font-size: 13px;
	color: black;

}

.dataInput {
	float: left;
	width: 90px;
}

.submitButton {
	float: left;
	background: url(/public/img/nl-button.jpg) top left no-repeat transparent;
	border: 0;
	margin-top: -2px;
	margin-left: 5px;
	font-size: 0;
	width: 45px;
	height: 26px;
	// hack na przegladarki nie obslugujace 'hand'
	cursor: pointer;
	cursor: hand;
}

#sidebarNewsletterTop, #sidebarNewsletterBottom {
	width: 200px;
}

#sidebarNewsletterBackground {
	width: 190px;
	background-color: #C4C4C4;
	padding: 0 5px;
}

#sidebarNewsletterTop {
	background: url(/public/img/nl-top.jpg) transparent no-repeat left bottom;
	height: 7px;
}

#sidebarNewsletterBottom {
	background: url(/public/img/nl-bottom.jpg) transparent no-repeat left top;
	height: 7px;
}


#sidebarNewsletter label {
	float: left;
	margin-top: 4px;

}
#sidebarNewsletter p {
	margin-bottom: 5px;
	text-align: left;
}
/*
   FOOTER
*/



#ftr, #ftr_l, #ftr_r {
	margin-top: 0px;
	height: 58px;
	float: left;
}

#ftr {
	height: 40px;
	width: 628px;
	padding-top: 18px;
}

#ftr span {
	margin-left: 10px;
	float: left;
}

#ftr ul {
	float: right;
}

#ftr li {
	display: inline;
}


#ftr_l {
	background: url(/public/img/ftr-l.jpg) transparent no-repeat left top;
	width: 147px;
}

#ftr_r {
	background: url(/public/img/ftr-r.jpg) transparent no-repeat right top;
	width: 20px;
	float: right;
}

#ftr {
	background: url(/public/img/ftr.jpg) transparent repeat-x left top;
}


#urzadzenia h3 {
	background-color: #770002;
	color: white;
	position: relative;
	padding: 5px 10px;
	margin: 10px -4px 0 -4px;
	height: 86px;
	display: block;
	font-size: 16px;
}

#urzadzenia h3 a, #urzadzenia h3 a:link, #urzadzenia h3 a:visited, #urzadzenia h3 a:active {
	text-decoration: none;
}

#urzadzenia h3 a:hover {
	text-decoration: underline;
}



#urzadzenia img {
	padding: 2px;
	
}

#urzadzenia ul {
	list-style: none;
}

#urzadzenia ul ul {
	margin-left: 40px;
}

#urzadzenia ul ul li {
	margin: 10px;
}

#urzadzenia ul ul li a {
	position: absolute;
	margin-top: 35px;
	margin-left: 20px;

}



#urzadzenia #urz-sharp {
	background: url(/public/img/sharpbig.jpg) transparent  no-repeat top left;
	height: 111px;
	width: 549px;
	display: block;
	margin: 20px 0 10px -9px;
}

#urzadzenie table {
	font-size: 11px;
}

#urzadzenie .techname {
	background-color: gray;
}

#urzadzenie hr {
	display: none;
}

#urzadzenie td {
	border: 1px solid black;
}

#urzadzenie h2 {
	padding: 5px 2px;
	margin: 0 0 10px 0;
	color: black;
	font-size: 18px;
	margin-top: 10px;
}

#urzadzenie img {
	padding: 2px;
	border: 1px solid gray;
}

#urz_desc, #urz_spec, #urz_descmore {
	margin: 10px 0;
}

.categoryBar img {
	border: 1px solid white;
}

.categoryBar a {
	position: absolute;
	margin-top: 35px;
	margin-left: 10px;
}


#pageTitle, #kontakt_heading {
	padding: 5px 20px 5px 10px;
	background: url(/public/img/pt-r.jpg) #770002 top right no-repeat;
	height: 18px;
	margin-left: -10px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: white;
	font-weight: bold;
	font-size: 18px;

	position: absolute;
}

#kontakt_heading {
	font-size: 15px;
	font-weight: normal;
	margin-top: 5px;

}


#pageLocation {
	margin-top: 32px;
	font-weight: normal;
	font-size: 11px;
	margin-left: -10px;
	margin-right: -15px;
	margin-bottom: 10px;
	border-bottom: 1px solid white;
	padding: 5px 3px 5px 10px;
	color: gray;
	background-color: #DBDBDB;
	display: block;
}

#pageLocation a, #pageLocation a:link, #pageLocation a:active, #pa {
	text-decoration: none;
	color: grey;
}

body#iHome #pageLocation {
	display: none;
}