/* ---------------------- */
/* --- general styles --- */
/* ---------------------- */
* {
	font-family:        tahoma, arial, helvetica, sans-serif;
/*	font-size:          11px; */
/*	border:     		none;
	margin:     		0;
	padding:    		0;     */
}
html, body {
	height:             100%;
	font-family:        tahoma, arial, helvetica, sans-serif;
	font-size:          11px;
	margin:     		0;
	padding:    		0;
}
input, select, textarea, button {
	font-family:        tahoma, arial, helvetica, sans-serif;
	font-size:          11px;
}
body {
	text-align:         center;
}
a, a:link, a:visited {
	text-decoration:    none;
}
a:hover {
	text-decoration:	underline;
}
p {
	margin:				0;
	padding:            0;
}
img {
	border:             none;
}
h1, h2, h3, h4, h5, h6 {
	font-family:        arial, helvetica, sans-serif;
	margin:             0;
	padding:            0;
}
h1 {
	font-size:			24px;
	font-weight:		normal;
}
h2 {
	font-size:			18px;
	font-weight:		normal;
}
ul {
	margin:				0;
	padding:			0;
	list-style-type: none;
}
li {
	margin:				0;
	padding:			0;
}
hr {
	display:			block;
	height:				0;
	line-height:		0;
	font-size:			0;
	background:			none;
	border:				none;
	border-top:			1px solid #e6e6e6;
}
/* ---------------------- */
/* --- main container --- */
/* ---------------------- */
div#container {
	position:			relative;
	top:				0;
	left:				0;
	width:				815px;
	text-align:			left;
	margin:				0 auto;
}
/* ----------------------------------------------------------- */
/* --- top of the page: logo, menu, language selector etc. --- */
/* ----------------------------------------------------------- */
div#header {
	position:           relative;
	top:                0;
	left:               0;
	height:             222px;
	background-image:   url('../images/top-zaloba.jpg');
	background-position:left top;
	background-repeat:  no-repeat;
	margin:             8px 0 0 0;
	padding:     		0;
}
/* logo and top image */
div#headerLogo {
	position:           absolute;
	top:                47px;
	left:               18px;
}
div#header div.seotekst {
	position: absolute;
	top:-3px; left:1px;
	font-size: 11px; 
}
/* main menu */
div#headerMenu {
	position:           absolute;
	bottom:             0;
	right:              0;
}
div#headerMenu a {
	display:			block;
	float:				left;
 	border-right:		1px solid black;
	padding:			1px 10px;
}
div#headerMenu a.right {
	border:				none;
	padding-right:		4px;
}
div#main {
	position:           relative;
	width:				100%;
	height:				auto;
	min-height:			300px;
	overflow:           hidden;
	background:         url('../images/tlo.png') 0 0 repeat-y;
	padding:           	0;
}
* html div#main {
/*	height:				300px; */
}
/* provides equal column height */
/*
div#leftPane, div#mainPane, div#rightPane {
	padding-bottom:     32767px;
	margin-bottom:      -32752px;
}
*/
/* hack for opera */
/*
@media all and (min-width: 0px) {
	div#leftPane, div#mainPane, div#rightPane {
		padding-bottom: 0;
		margin-bottom:  0;
	}
	div#leftPane:after, div#mainPane:after, div#rightPane:after {
		content:		'';
		display:		block;
		background:		none;
		padding-top:	32767px;
		margin-bottom:	-32767px;
		height:			0;
	}
}
*/
div#leftPane {
	float:              left;
	width:              193px;
	background:         url('../images/left.png') 0 0 no-repeat;
}
div#leftPane a {
	color:              #FDAC37;
	color:              white;
	height:             20px;
}
div#leftPane ul#menu {
	margin:             0 0 0 18px;
}
div#leftPane ul {
/*	background:         white; */
}
div#leftPane ul li {
/* 	display:            inline;*/
}
div#leftPane ul li a {
	display: block;
	height: 23px;
	text-indent: 		-1000px;
	border-bottom: 1px solid white;
	overflow:   hidden;
}
a#linkProdukty {
	background: url('../images/menu_produkty.png') 0 0 no-repeat;
}
a#linkProdukty:hover, li.active a#linkProdukty {
	background: url('../images/menu_produkty_on.png') 0 0 no-repeat;
}
a#linkTechnologia {
	background: url('../images/menu_technologia.png') 0 0 no-repeat;
}
a#linkTechnologia:hover, li.active a#linkTechnologia {
	background: url('../images/menu_technologia_on.png') 0 0 no-repeat;
}
a#linkPraktyczne {
	background: url('../images/menu_praktyczne.png') 0 0 no-repeat;
}
a#linkPraktyczne:hover, li.active a#linkPraktyczne {
	background: url('../images/menu_praktyczne_on.png') 0 0 no-repeat;
}
a#linkFirma {
	background: url('../images/menu_firma.png') 0 0 no-repeat;
}
a#linkFirma:hover, li.active a#linkFirma {
	background: url('../images/menu_firma_on.png') 0 0 no-repeat;
}
a#linkISO {
	background: url('../images/menu_iso.png') 0 0 no-repeat;
}
a#linkISO:hover, li.active a#linkISO {
	background: url('../images/menu_iso_on.png') 0 0 no-repeat;
}
a#linkKontakt {
	background: url('../images/menu_kontakt.png') 0 0 no-repeat;
}
a#linkKontakt:hover, li.active a#linkKontakt {
	background: url('../images/menu_kontakt_on.png') 0 0 no-repeat;
}
a#linkAktualnosci {
	background: url('../images/menu_aktualnosci.png') 0 0 no-repeat;
}
a#linkAktualnosci:hover, li.active a#linkAktualnosci {
	background: url('../images/menu_aktualnosci_on.png') 0 0 no-repeat;
}
a#linkSklep {
	background: url('../images/menu_sklep.png') 0 0 no-repeat;
}
a#linkSklep:hover, li.active a#linkSklep {
	background: url('../images/menu_sklep_on.png') 0 0 no-repeat;
}
a#linkFilm {
	background: url('../images/menu_film.png') 0 0 no-repeat;
}
a#linkFilm:hover, li.active a#linkFilm {
	background: url('../images/menu_film_on.png') 0 0 no-repeat;
}
div#leftPane ul li ul {
	border-bottom:         1px solid white;
	padding:            3px;
	background:         #D22424;
	display: none;
}
div#leftPane ul li ul.expanded {
	display:			block;
}
div#leftPane ul li ul li {
	padding: 3px 0 3px 10px;
	background: url('../images/arrow_2_white.gif') 0 8px no-repeat;
}
div#leftPane ul li ul li.selected {
	background: url('../images/arrow_2_yellow.gif') 0 8px no-repeat;
}
div#leftPane ul li ul li.expanded {
	background: url('../images/arrow_2_yellow_down.gif') 0 8px no-repeat;
}
div#leftPane ul li ul li a {
	text-indent: 0;
	height: auto;
	line-height: auto;
	border: none;
	display: inline;
}
div#leftPane ul li ul li.active a {
	color:				#FDAC37;
	color:              white;
	color:              #FFFFCC;
}
div#leftPane ul li ul li ul {
	padding:            3px 3px 0 0;
	border:             none;
}
div#leftPane ul li ul li ul li {
	background:			url('../images/arrow_1_yellow.gif') 0 8px no-repeat;
}
div#leftPane ul li ul li ul li.selected {
	background:			url('../images/arrow_1_yellow.gif') 0 8px no-repeat;
}
div#leftPane ul li ul li ul li a {
	color:              #FDAC37;
	color:              #FFFFCC;
}
div#leftPane ul li ul li ul li.selected a {
	text-decoration:	underline;
}
div#leftPane ul li ul li.selected a {
	text-decoration:	underline;
}
div#leftPane ul li ul li.selected ul li a {
	text-decoration:	none;
}
div#leftPane ul li ul li.selected ul li a:hover {
	text-decoration:	underline;
}
div#mainPane {
	float:              left;
	width:              446px;
/*	padding:            5px 20px 32767px 20px; */
	padding:			6px 10px 20px 10px;
	background:         url('../images/margintop.png') 0 0 repeat-x;
	overflow:			hidden;
}
div#selector {
	background:         #E6E6E6;
	padding:            5px 15px 0 15px;
	height:				25px;
}
div#selector select {
	float:				left;
}
div#selector form#formSearch {
	float:				right;
	margin:				0;
}
div#selector form#formSearch * {
	margin:				0;
}
div#selector form#formSearch button {
	width:				20px;
	height:				18px;
	background:			none;
	border:				none;
	cursor:				pointer;
	text-align:			center;
	vertical-align:		top;
	margin:				0;
	padding:			0;
}
div#navi {
	width:              416px;
	color:              #565656;
	overflow:           hidden;
	white-space:        nowrap;
	margin:             10px 15px;
}
div#navi a {
	color:              #C80606;
}
div#navi span {
	color:              #565656;
}
div#content {
	color:              #565656;
	text-align:         justify;
	margin:             0 15px;
}
div#content a {
	color:				#C80606;
}
div#content br {
	clear:				both;
}
div#content div br, div#content p br {
	clear:				none;
}
div#content .red {
	color:				#C80606;
}
div#content .left {
	text-align:         left;
}
div#content .right {
	text-align:         right;
}
div#content .center {
	text-align:         center;
}
div#content .bold {
	font-weight:		bold;
}
div#content .italic {
	font-style:         italic;
}
div#content .found {
	color:				#FDAC37;
}
div#content img.left {
	display:            block;
	float:              left;
	margin:             5px 0 20px 0;
}
div#content img.right {
	display:            block;
	float:				right;
	margin:             5px 0 20px 0;
}
div#content img.center {
	display:            block;
	margin:             15px auto;
}
div#content img.flag {
	border:				1px solid #E6E6E6;
}
div#content div.left {
	float:				left;
	text-align:         justify;
	width:				281px;
	margin:				0 15px 15px 0;
}
div#content div.right {
	float:				right;
	width:              120px;
	padding:			5px 0 0 0;
}
div#content div.right2 {
	float:				right;
	text-align:         justify;
	width:				281px;
	padding:			5px 0 0 0;
}
div#content div.left2 {
	float:				left;
	width:              120px;
	margin:				0 15px 15px 0;
}
div#content div.w75 {
	width:				75px;
	margin-right:		10px;
}
div#content div.w85 {
	width:				85px;
}
div#content div.w251 {
	width:				251px;
}
div#content div.w316 {
	width:				316px;
}
div#content div.right img {
	width:				100%;
}
div#content h1 {
	clear:				both;
	background:         white;
	color:              #565656;
	font-size:          18px;
	font-weight:        bold;
	margin:             0 -15px 15px -15px;
	padding:            30px 15px;
}
div#content h3 {
	clear:				both;
	color:              #565656;
	font-size:          16px;
	font-weight:        bold;
	margin:             20px 0 10px 0;
}
div#content h1 + h3 {
	margin-top:			0;
}
div#content h4 {
	clear:				both;
	font-family:		tahoma, arial, helvetica, sans-serif;
	font-size:			13px;
	margin:				15px 0 0 0;
}
div#content h6 {
	clear:				both;
	color:				#565656;
	font-family:		tahoma, arial, helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	margin:				-5px 0 10px 0;
}
div#content p {
	margin:             5px 0;
}
div#content ol {
	list-style-position:outside;
	margin:				10px 0 10px 25px;
	padding:			0 0 0 5px;
}
div#content ul {
	list-style-type:	disc;
	list-style-position:outside;
	margin:				5px 0 5px 15px;
	padding:			0 0 0 5px;
}
div#content ol ul {
	list-style-type:	lower-alpha;
}
div#content ol ul, div#content ul ol, div#content ul ul, div#content ol ol {
	margin:				2px 0 2px 25px;
	padding:			0;
}
div#content li {
	margin:				2px 0;
}
div#content ul.hints {
	margin-top:			20px;
}
div#content ul.hints li {
	margin:				10px 0;
}
div#content ul#search {
	margin-top:			20px;
}
div#content ul#search li {
	margin:				20px 0;
}
div#content ul#search li p {
	text-align:			left;
}
div#content div#searchPages {
	border-top:			1px solid #e6e6e6;
	text-align:			center;
	font-weight:		normal;
	margin:				10px 0 0 0;
	padding:			5px 0 0 0;
}
div#content div#searchPages a {
	margin:				0 5px;
}
div#content div#searchPages span {
	margin:				0 5px;
}
div#content ul#sitemap {
	list-style-type:	none;
	margin:				5px 0 5px -15px;
	padding:			0;
}
div#content ul#sitemap ul {
	list-style-type:	none;
	margin:				0;
	padding:			0 0 0 20px;
}
div#content ul#sitemap ul ul {
	background:			url('../images/tree_branch.gif') 0 0 repeat-y;
}
div#content ul#sitemap li {
	font-weight:		bold;
	margin:				0;
	padding:			7px 0 0 0;
}
div#content ul#sitemap ul li {
	font-weight:		normal;
	background:			url('../images/tree_middle.gif') 0 0 no-repeat;
}
div#content ul#sitemap ul li.last {
	background:			url('../images/tree_last.gif') 0 0 no-repeat;
}
div#content ul#sitemap li.last ul {
	background:			none;
}
div#content ul#sitemap li.last ul ul {
	background:			url('../images/tree_branch.gif') 0 0 repeat-y;
}
div#content ul#sitemap li a, div#content ul#sitemap li span {
	margin:				0 0 0 20px;
}
div#content table {
	width:				100%;
	table-layout:		fixed;
	border-collapse:	collapse;
	margin:				20px auto;
}
div#content table.transparents {
	width:				340px;
	margin-top:			10px;
}
div#content table td, div#content table th {
	text-align:         center;
	padding:            3px 5px;
	border:             1px solid #565656;
	border:				none;
}
div#content table thead th {
	background:         #DFDFDF;
	font-weight:        bold;
	vertical-align:		top;
}
div#content table tr.dark td {
	background:         #EFEFEF;
/*	background:         none; */
}
div#content table tr.light td {
	background:         none;
}
div#content table.products {
}
div#content table.products th {
	background:			#DFDFDF;
	border:				1px solid white;
}
div#content table.products th a {
	color:				#565656;
}
div#content table.products th a:hover {
	text-decoration:	none;
}
div#content table.products td {
	background:			#EFEFEF;
	border:				1px solid white;
	border-top:			none;
	border-bottom:		none;
	padding:			5px 10px;
}
div#content table.products img {
	width:				100px;
	height:				150px;
	background:			#FAFAFA;
	margin:				5px 0 0 0;
	padding:			5px;
}
div#content form.wizard {
}
div#content form.wizard h6 {
	margin:				15px 0;
}
div#content form.wizard label {
	cursor:				pointer;
}
div#content form.wizard div {
	display:			none;
}
div#content form.wizard div.start {
	display:			block;
}
div#content form div.buttons {
	display:			block;
	text-align:			right;
	border-top:			1px solid #E6E6E6;
	margin:				20px 0 0 0;
	padding:			5px 8px 0 0;
}
div#content form div.buttons input {
	width:				80px;
	margin:				0;
}
div#content form div.buttons input.first {
	margin-right:		20px;
}
div#content form table td {
	text-align:			left;
	vertical-align:		middle;
	padding:			3px 0;
}
div#content form table td.radio {
	vertical-align:		top;
	width:				20px;
	padding-right:		5px;
}
div#content form input {
	padding:			1px;
}
div#content table td.top {
	vertical-align:		top;
}
/* --- right column: logon links, news --- */
div#rightPane {
	float:				left;
	width:              156px;
	background:         #EEE;
	background:         url('../images/margintop.png') 0 0 repeat-x;
}
div#rightPane div#rightTop {
	width:				156px;
	height:				30px;
	background:			#E6E6E6;
	margin:				6px 0 0 0;
}
div#rightPane div#downloads {
	background:			#FAFAFA url('../images/obrazki/prawa_download.png') 0 100% no-repeat; 
	margin:				2px 0 0 0;
	padding:			5px 5px 25px 5px;
}
div#rightPane img {
	display:			block;
	margin:				2px 0;
}
div#rightPane ul {
	list-style-image:	url('../images/arrow_2_red.gif');
	margin:				0 5px 0 20px;
}
div#rightPane ul li {
	margin:				5px 0 5px 0px;
}
div#rightPane a {
	color:				#C80606;
}
div#footer {
	background:			url('../images/stopka.png') 0 0 no-repeat;
	padding:			8px 0 5px 20px;
	color:				#565656;
}
div#footer img#logoID {
	display:			block;
	float:				right;
	margin:				2px 0;
}
#header-text{color:#444;font:normal 11px Arial;width:100%;text-align:center;margin:0;padding:0;padding-top:20px;}
#footer-text{color:#444;font-weight:normal !important;}
.odstepy{border-top:solid 1px #d8d8d8;border-left:solid 1px #d8d8d8;border-right:solid 1px #474747;border-bottom:solid 1px #474747;border-collapse:separate;}
.odstepy td{text-align:center;border-top:solid 1px #474747;border-left:solid 1px #474747;border-right:solid 1px #d8d8d8;border-bottom:solid 1px #d8d8d8;}
#bowflag_wybor, .bowflag_wybor{border:solid 1px #ccc;}
#bowflag_wybor tr, .bowflag_wybor tr{text-align: left;}
#bowflag_wybor .title, .bowflag_wybor .title{text-align: center;}
#bowflag_wybor td, .bowflag_wybor td{border:solid 1px #ccc !important;}
#bowflag_wybor .grey, .bowflag_wybor .grey{background:#ebebeb;}
#bowflag_wybor .more, .bowflag_wybor .more{float:right;padding-top:5px;}
#bowflag_wybor .title, .bowflag_wybor .title{background:#ebebeb;}
#bowflag_wybor .akapit, .bowflag_wybor .akapit{float:left;text-align:left;line-height:14px;width:130px;}
#left_header{padding-top:50px;font:bold 12px "Trebuchet MS";color:#fff;padding-left:20px;}
#rzetelna_firma{padding-top:20px;padding-left:25px;display:block;}
#newsletter{width:100%;}
#newsletter fieldset{border:none;}
#newsletter label{display:block;float:left;width:100px;height:19px;line-height:19px;}
#newsletter input{float:left;width:120px;font-size:14px;}
#newsletter .submit{width:40px;float:left;margin:0;padding:0;margin-left:10px;font-size:11px;}
#newsletter p{padding:0;margin:0;float:left;}
.f-left{float: left;} .f-right{float: right;} .oh{overflow: hidden;}
.prod-name{
	clear: both;
	display: block;
	background: #e6e6e6;
	padding: 5px;
}
.products{
	background: #eee;
}
.products tr{
	border-top: 1px solid #fff;
}
.products .pName{
	width: 100px;
}
#content .products .tl, #mainPane #content .right.tl{
	text-align: left;
}
#mainPane #content .right.tl{
	background: #eee;
	padding: 5px 10px;
}
/* konfekcja */
.w296{
	width: 296px;
}
.prod-thumb{
	width: 90;
	padding: 5px;
}
	.prod-thumb img{
		vertical-align: middle;
	}
.prods{
	overflow: hidden;
	border-bottom: 1px solid #c0c0c0;
	clear: both;
}
/* stojaki na ulotki */
.oh .column{
	width: 200px;
	margin: 2px 0;
}
.oh .column img{
	float: left;
	padding-right: 5px;
}
.oh .column p{
	padding: 0 10px;
}
	.w200{
		width: 200px;
		padding-right: 5px;
	}
	.oh .marked{
		color: #AB0606;
	}
/* clearfix */
.clfx:before, .clfx:after{
    content:"";
    display:block;
}
.clfx:after{
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clfx{
    zoom:1;
}
/* kostka reklamowa */
.kostka-lewa{
	float: left;
	margin-left: -10px;
    width: 217px;
    *margin-left: -15px;
    *width: 226px;
}
.kostka-prawa{
	float: right;
	width: 200px;
	text-align: left;;
	
}
.maszty_row{float:left;width:100%;clear:both;margin-top:20px;}
.maszty_row_column{float:left;width:120px;text-align:center;}
.left_align{text-align:left !important;width:160px !important;padding-left:10px;}
.left_align_longer{text-align:left !important;width:280px !important;padding-left:10px;}

#container {
opacity: 1;
filter: alpha(opacity=70);
filter: gray;
}

