html, body {margin: 0px; background-color: #B3BCB8;}
#back_top {width: 100%; margin: auto; height: 400px; background-color: #97A89D; }
#warp {width: 100%; min-height: 700px; position: absolute; margin: auto; _text-align: center;}

#warp_main {
	margin: auto;

	width: 857px;
	background-color: #dbe6dd;
	border-right-width: 9px;
	border-bottom-width: 9px;
	border-left-width: 9px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #616C65;
	border-bottom-color: #616C65;
	border-left-color: #616C65;
	background-image: url(top.jpg);
	background-position: top;
	background-repeat: no-repeat; margin-bottom: 20px;
}

#top {width: 100%; height: 325px; margin-bottom: 28px; _text-align: left;}
#left {width: 240px; float: left;}
#right {width: 590px; float: right; }

div.cleaner {clear: both; width: 100%; height: 20px; _font-size: 1px;}

div.menu_kat {

	width: 160px;
	background-color: #ECF0ED;
	float:right;
	display: block;
	border-left-style: solid;
	border-left-width: 9px;
	border-left-color: #616C65;
	font-weight: bold;
	 padding-left: 20px; 
	 font-size: 13px;
	 cursor: pointer;

}

div.menu_podkat {
	width: 145px;
	background-color: #F9F9F9;
	float:right;
	display: block;
	padding-left: 35px;
padding-bottom: 3px;
	font-size: 12px;
	border-left-style: solid;
	border-left-width: 9px;
	border-left-color: #87948C;
	font-weight: bold;

}

div.menu_kat, div.menu_podkat {text-align: left;padding-top: 10px; font-family: Arial;  color: #5E6660; min-height: 25px;
	_height: auto !important;
	_height: 25px; padding-right: 5px;}
#main {width: 520px; background-color: #ECF0ED; float: left; 	min-height: 400px;
	_height: auto !important;
	_height: 400px;}
	
div.nav_bar {
	height: 25px;
	width: 100%;

	text-align: center;
	padding-top: 5px;
	font-family: Arial;
	font-size: 13px;
	letter-spacing: 1px; color: #5E6660; font-weight: bold;
}

div.content {
	width: 100%;
	min-height: 100px;
	_height: auto !important;
	_height: 100px;

 margin-bottom: 20px;
}
div.spacer {width: 100%; height: 20px;}

table {width: 100%; border: 2px; text-align: left; margin: 0px; padding: 0px;}
table .title {width: 310px; float: left;}
table .opis {width: 265px; font-family: Arial; font-size: 12px; color: #5E6660; padding-top: 5px; padding-left: 20px; padding-right: 25px; padding-bottom: 5px;}
table .cena {width: 310px;}
table .miniatura {width: 220px;}
h1 {min-height: 15px; width: 250px; background-color:#E0E4E1; font-family: Arial; font-size: 13px; margin: 0px; font-weight: bold; color: #5E6660; padding-top: 10px; padding-left: 20px; padding-bottom: 10px;}

div.cena_warp {height: 25px; width: 100px; background-color:#E0E4E1; font-family: Arial; font-size: 11px; margin: 0px; font-weight: bold; color: #5E6660; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; margin-left: 30px;}
img.thumb_big {
	padding: 3px; 
	border: 2px solid #D1D7D3; background-color: #DEE4E0; max-height: 140px; max-width: 170px; _height: expression( this.scrollHeight > 140 ? "140px" : "auto" ); cursor: pointer; _width:expression(document.body.clientWidth > 170? "170px": "auto" ); }
	
	img.thumb_small {
	padding: 3px; 
	border: 2px solid #D1D7D3; background-color: #DEE4E0; max-height: 50px; height: expression( this.scrollHeight > 50 ? "50px" : "auto" ); margin-left: 10px; margin-bottom: 5px; cursor: pointer;}

	
div.miniatury {width: 468px; min-height: 50px;
	_height: auto !important;
	display:none;
	_height: 50px; padding-left: 20px; padding-right: 20px; padding-top: 10px; text-align:right; padding-right: 52px;}
	
h2 {margin: 0px;  padding-left: 20px; padding-top: 7px; font-family: Arial; font-size: 17px; margin: 0px; font-weight: bold; color: #5E6660; background-color:#E0E4E1; height: 28px; max-width: 468px; width:expression(document.body.clientWidth > 468? "468px": "auto" ); _float: left;}	
a#main_page {
	width: 230px;
	height: 50px;
	position: absolute;
	top: 105px;
	margin-left: 55px;

}

#kontakt {
	width: 270px;
	height: 61px;
	position: absolute;
	top: 250px;
	margin-left: 47px;
	background-image: url(kontakt.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='kontakt.png');
	 font-family: Arial; font-size: 11px; color: #5E6660; padding-top: 13px; padding-bottom: 7px; padding-left: 17px;text-align: left;
}

a.link  {	font-size: 12px; font-weight: bold;  	font-size: 12px;  font-family: Arial;  color: #5E6660; text-decoration: none;}
a.link:hover {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5E6660;
}
a.link:visited  {	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5E6660;}
	
	a.link1  {	font-size: 12px; font-weight: bold;  	font-size: 12px;  font-family: Arial;  color: #5E6660; text-decoration: none;}
a.link1:hover {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5E6660;
}
a.link1:visited  {text-decoration: none;}
span.bold {font-weight: bold; font-size: 12px; margin-bottom: 2px;}

#firmowy {background-color: #E3E9E4; float:right;
	display: block;
	border-left-style: solid;
	border-left-width: 9px;
	border-left-color: #616C65; width: 165px; height: 100px;
	padding-left: 20px;}
	
div.spacer_firmowy {width: 100%; height: 20px; float: right; display: block;}

p {padding-left: 20px; padding-right: 25px; font-family: Arial; font-size: 12px; color: #5E6660; margin-top: 0px; margin-bottom: 10px;}