
/* --------------------- */

* {
	font-family: Arial;
}
body {
	background: #2f2f2f;
	margin: 0;
	padding: 0;
	font-family: Arial;
	text-align: center;
}
a {
	text-decoration: none;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}
label {
	cursor: pointer;
}

/* --------------------- */

div#of_top {
	background: black url('../img/tlo.jpg') repeat-x;
	width: 100%;
}
	div#top {
		width: 990px;
		height: 167px;
		margin: 0 auto;
		padding: 0;
		text-align: left;

		background: url('../img/p52.png') no-repeat;
		background-position: 0 0;
	}
		div#top img {
			width: 366px;
			height: 41px;
			margin: 45px 0 8px 63px;
		}
		div#top a img {
			width: 551px;
			height: 58px;
			margin: 50px 0 0 0px;
		}
		div#top div {
			float: right;
			height: 29px;
			background: url('../img/but.jpg') repeat-x;
			margin: 26px 0 0 0;
			padding: 0;
		}
			div#top div a {
				float: left;
				display: block;
				border: 0;
				border-left: solid #000000 1px;
				text-decoration: none;
				color: #ffffff;
				font-size: 14px;
				height: 23px;
				margin: 0;
				padding: 6px 15px 0 14px;
			}
			div#top div a:hover {
				background: #ffffff;
				color: #000000;
				border-bottom: solid #ffffff 1px;
			}


/* --------------------- */

div#of_foto {
	background: white;
	width: 100%;
}
	div#foto {
		width: 990px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
	}
		div#foto div#pasek1 {
			color: #000000;
			font-size: 14px;
			height: 45px;
			width: 990px;
		}
			div#foto div#pasek1 img {
				float: left;
				margin: 10px 0 0 20px;
			}
			div#foto div#pasek1 a {
				float: left;
				margin: 15px 0 0 10px;
				color: #000000;
				text-decoration: none;
			}
		div#foto div#pasek2 {
			height: 1px;
			width: 990px;
			background: #000000;
			padding: 0;
			margin: 0;
			border: 0;
		}
		div#foto div#pasek3 {
			float: right;
			margin: 0 20px 0 0;
		}
			div#foto div#pasek3 a {
				margin: 0 0 0 0;
			}

		div#foto div#produktyy {
			color: #000000;
			font-size: 18px;
			width: 990px;
			height: 50px;
		}
			div#foto div#produktyy div {

			}
				div#foto div#produktyy div.a {
					float: left;
					margin: 20px 0 0 20px;
					font-size: 13px;
					color: #a40d05;
					width: 55px;
				}
				div#foto div#produktyy div.b {
					color: #000000;
				}
					div#foto div#produktyy div.b ul {
						list-style: none;
						padding: 0;
						margin: 0 0 0 0;
					}
						div#foto div#produktyy div.b ul li {
							padding: 0;
							margin: 7px 0 0 0;
							float: right;
							position: relative;
							cursor: pointer;
							width: 150px;
						}
						div#foto div#produktyy div.b ul li img {
							float: left;
							margin: 0 3px 0 0;
						}
						div#foto div#produktyy div.b ul li b {
							font-weight: normal;
							font-size: 14px;
							display: block;
							margin: 10px 0 0 0;
							color: #000000;
						}
							div#foto div#produktyy div.b ul li div.jq-checkpointSubhead {
								display: none;
								position: absolute;
								cursor: auto;
								width: 240px;
								height: 160px;
								background: url('../img/tlo2.jpg') repeat-x;
								top: 23px;
								border: none;
								border-top: solid transparent 20px;
								left: -90px;
								z-index: 100;
							}
								div#foto div#produktyy div.b ul li div.jq-checkpointSubhead img {
									float: left;
									margin: 7px 10px 0 10px;
								}
								div#foto div#produktyy div.b ul li div.jq-checkpointSubhead p {
									margin: 0 0 0 0;
									font-size: 11px;
									color: #ffffff;
								}
									div#foto div#produktyy div.b ul li div.jq-checkpointSubhead p strong {
										font-size: 18px;
										font-weight: normal;
										display: block;
										margin: 10px 0 0 0;
									}
									div#foto div#produktyy div.b ul li div.jq-checkpointSubhead p span {
										display: block;
										float: right;
										width: 135px;
										height: 100px;
									}
										div#foto div#produktyy div.b ul li div.jq-checkpointSubhead p span b {
											display: block;
											margin: 2px 0 0 0;
											padding: 0 0 0 20px;
											background: url('../img/ptaszek.png') no-repeat;
											background-position: 0 3px;
											width: 130px;
											line-height: 15px;
											font-weight: normal;
											font-size: 11px;
										}
									div#foto div#produktyy div.b ul li div.jq-checkpointSubhead p a {
										display: block;
										background: url('../img/tlo3.jpg') repeat-x;
										height: 22px;
										text-decoration: none;
										margin: 0 5px 0 0;
										padding: 3px 3px 3px 15px;
										width: 85px;
										float: right;
										color: white;
									}

/* --------------------- */

div#of_tresc {
	background: #2f2f2f;
	width: 100%;
}
	div#tresc {
		width: 965px;
		margin: 0 auto;
		padding: 0px 5px 15px 20px;
		text-align: left;
		background: #262626;
		color: #ffffff;
		font-size: 11px;
	}

		div#tresc table.c1, div#tresc table.c2, div#tresc table.c3, div#tresc table.c4, div#tresc table.c4a {
			border-collapse: collapse;
			width: 940px;
			margin: 5px 0 0 0;
		}
			div#tresc table.c1 td, div#tresc table.c2 td, div#tresc table.c3 td, div#tresc table.c4 td, div#tresc table.c4a td {
				border-collapse: collapse;
				text-align: left;
				line-height: 20px;
				vertical-align: top;
			}
				div#tresc table.c1 td strong, div#tresc table.c2 td strong, div#tresc table.c3 td strong, div#tresc table.c4 td strong, div#tresc table.c4a td strong {
					color: #c80a00;
					font-weight: normal;
					font-size: 18px;
					line-height: 30px;
					margin: 0 5px 0 0;
				}
				div#tresc table.c1 td b, div#tresc table.c2 td b, div#tresc table.c3 td b, div#tresc table.c4 td b, div#tresc table.c4a td b {
					color: #ffffff;
					font-weight: normal;
					font-size: 18px;
					line-height: 30px;
				}
				a.cw {
					display: block;
					background: url('../img/tlo3.jpg') repeat-x;
					height: 22px;
					text-decoration: none;
					margin: 0 10px 0 0;
					padding: 3px 3px 3px 15px;
					width: 85px;
					float: right;
					color: white;
					cursor: pointer;
				}
				a.kp {
					display: block;
					background: url('../img/tlo4.jpg') repeat-x;
					height: 36px;
					text-decoration: none;
					margin: 10px 10px 0 0;
					padding: 8px 3px 3px 15px;
					width: 120px;
					float: right;
					color: white;
					font-size: 14px;
					font-weight: bold;
					cursor: pointer;
				}

			div#tresc table.c1 td {
				width: 100%;
			}
			div#tresc table.c2 td {
				width: 50%;
			}
			div#tresc table.c3 td {
				width: 33%;
			}
			div#tresc table.c4 td {
				text-align: center;
				width: 25%;
			}
			div#tresc table.c4a td {
				width: 25%;
			}
			div#tresc table.c4 td a.cw {
				padding: 3px 3px 3px 3px;
			}


	ul.rozwijane {
		list-style: none;
		margin: 0;
		padding: 0;
		border: 0;
	}
		ul.rozwijane li {
			list-style: none;
			margin: 0;
			padding: 0;
			border: 0;
		}
			ul.rozwijane li b {
				cursor: pointer;
				color: #ffffff;
				font-weight: normal;
				font-size: 12px !important;
				line-height: 15px !important;
			}
			ul.rozwijane li strong {
				cursor: pointer;
				line-height: 18px !important;
			}

	ul.rozwijane2 {
		list-style: none;
		margin: 0;
		padding: 0;
		border: 0;
	}
		ul.rozwijane2 li {
			list-style: none;
			margin: 0;
			padding: 0;
			border: 0;
		}
			ul.rozwijane2 li b {
				color: #ffffff;
				cursor: pointer;
				font-weight: normal;
				font-size: 12px !important;
				line-height: 15px !important;
			}
			ul.rozwijane2 li strong {
				margin: 0 5px 0 0;
				line-height: 18px !important;
			}
			div.mini strong {
				margin: 0 5px 0 0;
				line-height: 10px;
				line-height: 16px !important;
			}

	ul.rozwijane3 {
		list-style: none;
		margin: 0;
		padding: 0;
		border: 0;
	}
		ul.rozwijane3 li {
			list-style: none;
			margin: 0;
			padding: 0;
			border: 0;
		}
			ul.rozwijane3 li b {
				color: #ffffff;
				cursor: pointer;
				font-weight: normal;
				font-size: 12px !important;
				line-height: 15px !important;
			}
			ul.rozwijane3 li strong {
				margin: 0 5px 0 0;
				line-height: 18px !important;
			}
			div.mini strong {
				margin: 0 5px 0 0;
				line-height: 10px;
				line-height: 16px !important;
			}

/* --------------------- */

	input.ws {
		display: block;
		background: url('../img/tlo4.jpg') repeat-x;
		height: 36px;
		text-decoration: none;
		margin: 10px 5px 0 0;
		padding: 5px 3px 3px 15px;
		width: 180px;
		float: right;
		color: white;
		font-size: 14px;
		font-weight: bold;
		border: 0;
		cursor: pointer;
	}

/* --------------------- */
div#of_stopka {
	background: #2f2f2f;
	width: 100%;
}
	div#stopka {
		width: 990px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		height: 110px;
	}
		div#stopka div#partners {
			color: #000000;
			font-size: 18px;
			width: 990px;
			height: 77px;
		}
			div#stopka div#partners div {
				float: left;
			}
				div#stopka div#partners div.a {
					width: 100px;
					margin: 25px 0 0 40px;
				}
				div#stopka div#partners div.b {

				}
				div#stopka div#partners div.c {
					width: 80px;
					float: right;
					margin: 25px 0 0 0;
				}
				div#stopka div#partners div.d {
					width: 317px;
					color: #ffffff;
					font-size: 11px;
					float: right;
					margin: 20px 0 0 0;
				}
					div#stopka div#partners div.d img {
						float: left;
						margin: 0 10px 0 0;
					}
					div#stopka div#partners div.d div {
						margin: 5px 0 0 0;
					}
		div#stopka div#foot {
			color: #666666;
			font-size: 11px;
			background: #262626;
			width: 990px;
			height: 30px;
		}
			div#stopka div#foot div {
				float: left;
			}
				div#stopka div#foot div.a {
					width: 250px;
					margin: 8px 0 0 10px;
				}
					div#stopka div#foot div.a strong {
						font-weight: normal;
						color: #c80a00;
					}
				div#stopka div#foot div.b {
					margin: 8px 0 0 0;
				}
					div#stopka div#foot div.b img {
						margin: 0px 3px 0px 3px;
					}
					div#stopka div#foot div.b a {
						text-decoration: none;
						color: #666666;
					}
					div#stopka div#foot div.b a:hover {
						color: #ffffff;
					}
				div#stopka div#foot div.c {
					width: 135px;
					float: right;
					margin: 7px 0 0 0;
				}
					div#stopka div#foot div.c img {
						margin: 3px 0 0 5px;
					}
					div#stopka div#foot div.c a {
						text-decoration: none;
						color: #666666;
					}

/* --------------------- */

form#zamow {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
	form#zamow .kolor{
		color:#c80a00;
		font-family:Arial;
		font-weight:normal;
		font-size:18px;
	}
	form#zamow .kolor2{
		color:#999999;
		font-family:Arial;
		font-size:12px;
	}
	form#zamow .kolor3{
		color:#999999;
		font-family:Arial;
		font-size:12px;
	}
	form#zamow .kolor4{
		color:#c80a00;
		font-family:Arial;
		font-size:14px;
	}
	form#zamow .kolor5{
		color:#999999;
		font-family:Arial;
		font-size:10px;
	}
	form#zamow input, select{
		width:350px;
		height:25px;
		margin-bottom:5px;
		border-width:0px;
		padding-top:4px;
		padding-left:4px;
	}
	form#zamow .naglowek{
		color:#ffffff;
		font-family:Arial;
		font-weight:bold;
		font-style:italic;
		font-size:20px;
	}
	form#zamow fieldset {
		border-width:1px;
		border-color:gray;
		margin: 20px 10px 20px 10px;
	}
	form#zamow textarea {
		width: 100%;
		height: 120px;
	}

/* --------------------- */

ul.punkt1 {
	list-style-image: url('../img/ptaszek2.png');
	list-style-type: square;
}


/* --------------------- */


a.whiter {
	color: #ffffff;
}
a.whiter:hover {
	color: red;
}


