@charset "utf-8";
html, body {
	margin: 0;
	padding: 0;
	color: #354C58;
	background: #B6EDFF url(img/tlo.jpg) repeat-x;
}
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
p {
	margin: 9px 0;
	padding: 0;
}
form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
legend {
	display: none;
}
input.formy {
	color: #155978;
	border: 1px solid #155978;
}
textarea.formy {
	color: #155978;
	border: 1px solid #155978;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a img { border: 0; }
a:link, a:visited {
	color: #3894BE;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	color: #3894BE;
	text-decoration: underline;
}
h2 {
	margin: 8px 0;
	padding: 0;
	color: #E9A516;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 22px;
}
h2.alt {
	color: #9EB3D0;
}
h3 {
	margin: 10px 0;
	padding: 0;
	color: #3894BE;
	font-weight: bold;
	font-size: 13px;
}
/* -- LAYOUT -- */
#wrapper {
	position: relative;
	width: 980px;
	margin: 0 auto;
	background: url(img/content.png) repeat-y;
}
.content {
	float: left;
	width: 100%;
	min-height: 500px;
}
#strona {
	float: left;
	width: 568px;
	margin: -2px 14px 0 0;
	padding: 0 26px 20px 0;
	background: url(img/strona.jpg) top right no-repeat;
}
.ptext {
	padding: 0 10px;
}
.ptext li {
	margin-top: 5px;
	margin-bottom: 5px;
}
.clearfix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ".";
}
.impo {
	color: #D00;
	font-style: normal;
}
p.msgerr {
	color: #D00;
	font-weight: bold;
}
p.msgok {
	color: #0A0;
	font-weight: bold;
}
a.eaddr {
	color: #3894BE;
}
/* -- LOGO / LEWA -- */
h1 {
	float: left;
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
	width: 372px;
	height: 316px;
	border: 0;
}
#lewa {
	float: left;
	width: 372px;
}
#qkontakt1 {
	float: left;
	width: 278px;
	height: 190px;
	padding: 40px 0 0 61px;
	background: url(img/kontakt_1.gif) no-repeat;
}
#qkontakt1 label {
	float: left;
	margin-right: 6px;
	color: #FFF;
}
#qkontakt1 label input {
	width: 95px;
	margin: 4px 0;
}
#qkontakt1 textarea {
	width: 200px;
	height: 50px;
}
#qkontakt1 .sbtn {
	margin: 8px 0 0 150px;
}
#qkontakt2 {
	float: left;
	width: 450px;
	height: 92px;
	padding: 36px 0 0 30px;
	background: url(img/kontakt_2.gif) no-repeat;
}
#qkontakt2 label {
	float: left;
	margin-right: 6px;
	color: #FFF;
}
#qkontakt2 .qkd1 {
	float: left;
}
#qkontakt2 label input {
	width: 85px;
	margin: 4px 0;
}
#qkontakt2 textarea {
	width: 180px;
	height: 59px;
	margin-top: 4px;
}
#qkontakt2 .sbtn {
	margin: 32px 0 0 8px;
}
/* -- MENU GŁÓWNE -- */
#menu {
	float: left;
	position: relative;
	width: 608px;
	height: 116px;
	background: #D7F4FD;
}
#menu img {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	width: 608px;
	height: 35px;
	border: 0;
	z-index: 99;
}
#mainmenu {
	position: absolute;
	left: 0;
	bottom: 22px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#mainmenu li {
	float: left;
	margin: 0 2px;
	padding: 0;
	background: url(img/n_right.gif) top right no-repeat;
}
#mainmenu li a {
	display: block;
	padding: 3px 24px 14px 24px;
	color: #12475D;
	background: url(img/n_left.gif) no-repeat;
	font-weight: bold;
}
#mainmenu li a:hover, #mainmenu li a:focus, #mainmenu li a:active {
	color: #12475D;
	text-decoration: none;
}
#mainmenu li a span {
	display: block;
	padding-top: 11px;
	background: url(img/menupt.gif) top center no-repeat;
}
#mainmenu li a:hover span, #mainmenu li a:focus span {
	background: url(img/menupta.gif) top center no-repeat;
}
#mainmenu li.sel { background-image: url(img/m_right.gif); }
#mainmenu li.sel a { background-image: url(img/m_left.gif); }
/* -- MENU BOCZNE -- */
#addmenu {
	float: left;
	position: relative;
	width: 329px;
	margin: 0 0 12px 0;
	padding: 10px 0 10px 10px;
	background: #0162A9 url(img/lmenu.gif) no-repeat;
	list-style: none;
}
#addmenu li {
	margin: 0;
	padding: 0 0 0 30px;
	background: url(img/line3.gif) bottom center no-repeat;
}
#addmenu li.subs {
	margin: 0;
	padding: 0 0 0 50px;
	background: url(img/line3.gif) bottom center no-repeat;
}
#addmenu li.end {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 339px;
	height: 7px;
	background: url(img/lmenu_end.gif) no-repeat;
	overflow: hidden;
}
#addmenu li a {
	display: block;
	padding: 8px 0 10px 0;
	background: url(img/menupoint.gif) center left no-repeat;
	font-weight: bold;
	text-indent: 17px;
	white-space: nowrap;
}
#addmenu li a:link, #addmenu li a:visited {
	color: #FFF;
	text-decoration: none;
}
#addmenu li a:hover, #addmenu li a:focus, #addmenu li a:active {
	color: #FFAD00;
	text-decoration: none;
}
#addmenu li a.impo:link, #addmenu li a.impo:visited {
	color: #3FF;
	text-decoration: none;
}
#addmenu li a.impo:hover, #addmenu li a.impo:focus, #addmenu li a.impo:active {
	color: #FFAD00;
	text-decoration: none;
}
/* -- GŁÓWNA -- */
#ofirmie {
	float: left;
	width: 568px;
	margin: -2px 14px 0 0;
	height: 201px;
	padding-right: 26px;
	overflow: hidden;
	background: url(img/strona.jpg) top right no-repeat;
}
#ofirmie .ptext {
	height: 184px;
	background: url(img/line1.gif) bottom center no-repeat;
}
#stleft {
	clear: both;
	float: left;
	width: 50%;
	background: url(img/line2.gif) center right no-repeat;
}
#stright {
	position: relative;
	float: right;
	width: 46.7%;
	height: 383px;
	margin-right: 1.3%;
	background: url(img/stright.jpg) right bottom no-repeat;
}
#stright .s1, #stright .s2, #stright .s3,
#stright .s4, #stright .s5, #stright .s6, #stright .s7 {
	position: absolute;
	display: block;
	border: 0;
}
#stright .s1 { top: 80px; left: 190px; }
#stright .s2 { top: 80px; left: 340px; }
#stright .s3 { top: 140px; left: 200px; }
#stright .s4 { top: 140px; left: 320px; }
#stright .s5 { top: 200px; left: 190px; }
#stright .s6 { top: 200px; left: 320px; }
#stright .s7 { top: 250px; left: 250px; }
#stright p {
	margin: 0;
	position: absolute;
	right: 30px;
	bottom: 30px;
}
#losprodukt {
	position: relative;
	height: 230px;
	padding: 5px 10px 20px 20px;
	overflow: hidden;
}
#losprodukt .rfoto {
	float: left;
	width: 166px;
	height: 170px;
	margin-right: 18px;
	padding: 4px 0 0 4px;
	background: url(img/myfoto.jpg) no-repeat;
	text-align: center;
}
#losprodukt .ropis {
	margin-right: 7px;
	line-height: 160%;
	overflow: hidden;
}
#losprodukt p {
	position: absolute;
	margin: 0;
	right: 20px;
	bottom: 10px;
}
/* -- LOGOSY DÓŁ -- */
#logos {
	clear: both;
	width: 960px;
	height: 170px;
	margin: auto;
	background: url(img/foot.jpg) 0 2px no-repeat;
}
#logos div.cont {
	float: left;
	position: relative;
	width: 48%;
	height: 125px;
	margin-top: 24px;
	padding: 0 0 0 2%;
}
#logos div.cont p {
	position: absolute;
	bottom: 2px;
	right: 25px;
	margin: 0;
}
#logos div.cont span {
	color: #3894BE;
	font-size: 13px;
	font-weight: bold;
}
#logos div.cont div {
	width: 175px;
	height: 50px;
	margin: 0 auto;
}
#logos div.cont div#swfpodlogi {
	position: relative;
	margin-top: -10px;
}
/* -- STOPKA -- */
#stopka {
	clear: both;
	width: 980px;
	margin: auto;
	padding-top: 16px;
	color: #3592BD;
	text-align: center;
	background: url(img/footer.gif) repeat-x;
}
#stopka ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
}
#stopka ul li {
	display: inline;
	margin: 0;
	padding: 0 20px 0 0;
}
#stopka ul li a {
	padding-right: 20px;
}
#stopka p {
	clear: both;
	margin: 0;
	padding: 10px 0 20px 0;
}
/* -- REHABILITACJA -- */
.rproducts {
	margin: 0;
	padding: 0;
	list-style: none;
}
.rproducts li {
	position: relative;
	height: 230px;
	margin: 0;
	padding: 5px 10px 20px 10px;
	overflow: hidden;
}
.rproducts li .rfoto {
	float: left;
	width: 166px;
	height: 170px;
	margin-right: 18px;
	padding: 4px 0 0 4px;
	background: url(img/myfoto.jpg) no-repeat;
	text-align: center;
}
.rproducts li .ropis {
	margin-right: 7px;
	line-height: 160%;
	overflow: hidden;
}
.rproducts li p {
	position: absolute;
	margin: 0;
	right: 20px;
	bottom: 10px;
}
#allfots {
	clear: both;
	padding: 5px 20px;
	text-align: center;
}
#allfots img {
	margin: 0 10px 10px 10px;
	border: 0;
	vertical-align: middle;
}
#opcja {
	width: 92%;
	margin: 0;
	padding: 4px 0 4px 3%;
	overflow: hidden;
	cursor: default;
}
#opcja dt,
#opcja dd {
	float: left;
	margin: 1px 0;
	padding: 4px 0;
	width: 48%;
}
#opcja dt {
	clear: both;
	padding-right: 1%;
	border-right: 1px solid #C8C8C8;
	text-align: right;
}
#opcja dd {
	padding-left: 2%;
}
#opcja .odd {
	background-color: #F5F5F5;
}
/* -- ZAMÓWIENIE -- */
#zamow {
	padding-left: 20px;
}
#zamow label {
	display: block;
	padding: 3px 0;
}
#zamow label span {
	display: -moz-inline-box;
	display: inline-block;
	width: 120px;
}
#zamow label span strong {
	color: #D00;
	font-weight: normal;
}
#zamow label input {
	width: 280px;
}
#zamow textarea {
}
#sorder {
	clear: both;
	display: block;
	margin: 20px 0 30px 0;
}
.fprods {
	margin: 0 0 12px 0;
	padding: 0;
	list-style: none;
}
.fprods li {
	float: left;
	width: 40%;
	margin: 0;
	padding: 1px 10px 1px 0;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
}
#zamow .fprods li input {
	width: 30px;
	margin-left: 5px;
	padding: 1px;
	font-size: 12px;
}
/* -- CHEMIA -- */
h3.lista {
	clear: both;
	margin: 0;
	padding: 4px 0;
	color: #12475D;
	background: #F6F6F6;
	white-space: nowrap;
	text-indent: 10px;
}
ul.chempdlst {
	clear: both;
	margin: 0;
	padding: 4px 0 16px 0;
	list-style: none;
}
ul.chempdlst li {
	float: left;
	width: 150px;
	margin: 0;
	padding: 6px 0 6px 40px;
}
h2.prodhd {
	padding-bottom: 5px;
}
p.bcrumbs {
	margin: 0;
	padding: 0 0 18px 0;
	font-size: 12px;
}
/* -- WYKŁADZINY -- */
#prdktlist {
	clear: both;
	margin: 0;
	padding: 16px 0 0 0;
	list-style: none;
}
#prdktlist li {
	float: left;
	width: 150px;
	margin: 0 12px 30px 12px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#prdktlist li img {
	margin-bottom: 4px;
	vertical-align: middle;
}
.opisy ul {
	clear: both;
}
#podslist {
	clear: both;
	margin: 0;
	padding: 10px 20px 20px 20px;
	list-style: none;
}
#podslist li {
	clear: both;
	margin: 0;
	padding: 15px 0;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
}
#podslist li img {
	float: left;
	margin-right: 10px;
	border: 0;
}
#podslist li span {
	font-size: 11px;
	font-weight: normal;
	color: #777;
	text-decoration: none !important;
}
#podslist li a:hover span { text-decoration: none !important; }
.iprodukt {
	float: left;
	border: 0;
	margin: 12px 10px 8px 0;
}
.opisp {
	padding-top: 12px;
	overflow: hidden;
}
#dkolor {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
#dkolor li {
	float: left;
	width: auto;
	max-width: 150px;
	margin: 0 10px 10px 0;
	padding: 10px;
	border: 1px solid #EEE;
	text-align: center;
}
#dhtmlpointer {
	position: absolute;
	left: -300px;
	visibility: hidden;
	z-index: 101;
}
#dhtmltooltip {
	position: absolute;
	left: -300px;
	width: auto;
	min-width: 150px;
	max-width: 350px;
	padding: 11px 15px;
	color: #000;
	border: 1px solid #000;
	background: #FCFEE4;
	font-size: 11px;
	line-height: 140%;
	visibility: hidden;
	text-align: justify;
	z-index: 100;
}
