body {
	margin: 0px;
	padding: 0px;
	background-image: url('/gfx/top_bg.png');
	background-repeat: repeat-x;
}
#topc {
	width: 750px;
	height: 214px;
}
#menut {
	width: 490px;
	float: right;
	display: block;
	height: 98px;
	background-color: #36404a;
	padding-top: 10px;
	padding-left: 10px;
}
#menut a {
	background-image: url('/gfx/menut.jpg');
	background-repeat: no-repeat;
	width: 118px;
	height: 49px;
	display: block;
	float: left;
	margin-left: 1px;
	font-family: Verdana;
	font-size: 11px;
	color: white;
	text-decoration: none;
	padding-top: 30px;

}
#menut a:hover {
	text-decoration: underline;
	color: red;
}
#spot {
	text-align: left;
	width: 500px;
	float: left;
	height: 82px;
	background-image: url('/gfx/spot.jpg');
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 11px;
	display: block;
}
#spot span {
	font-family: Verdana;
	color: #b90d0d;
	font-size: 11px;
	font-weight: bold;
}
#spot table {
	width: 490px;
	margin: 10px;
	height: 62px;
}

#msg {
	width: 498px;
	height: auto; /* czemu 24px, nie lepiej auto ? hmm, a moze ja sam tak ustawilem ? :P*/
	text-align: center;
	display: none;
	position: absolute;
	background-color: white;
	border: 1px solid black;
	color: red;
	font-weight: bold;
	top: 213px;
	left: 379px;
	z-index: 9990;
}

#koszyk_nfo {
	font-family: Tahoma;
	font-size: 12px;
	color: #36404a;
/* 	color: #ff0000; */
	font-weight: bold;
	padding-left: 10px;
	padding-top: 2px;
	text-decoration: none;
	float: left
}

#menu_top {
	background-image: url('/gfx/menu_bg.png');
	background-repeat: no-repeat;
	background-position: bottom;
	width: 490px;
	height: 24px;
	text-align: left;
	padding-left: 10px;
	display: block;
	float: left;
}

#spot a {
	color: #ff0000;
	text-decoration: none;
}

#menu_top a {
	font-family: Tahoma;
	font-size: 12px;
	color: #36404a;
	color: #ff0000;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 2px;
	text-decoration: none;
	display: block;
	float: left
}
#menu_top a:hover, #spot a:hover {
	text-decoration: underline;
}

#main {
	background-image: url('/gfx/mbg.jpg');
	background-repeat: no-repeat;
	width: 900px;
	display: block;
}
img {
	border: 0px;
}
#content {
	width: 750px;
	display: block;
	background-color: #36404a;
	background-image: url('/gfx/bg.gif');
	background-repeat: repeat-y;
}
.clear {
	clear: both;
}

/* lewa strona z menu */
#left {
	float: left;
	width: 240px;
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	padding-left: 10px;
	background-color: #ffffff;
	height: 100%;
}
#left img {
	margin-top: 10px;
}
#left ul {
	margin: 0px;
	padding: 0px 10px 0 15px;
}
#left li {
	margin-top: 5px;
	list-style-image: url('/gfx/ptr.gif');
}
#left li.title {
	cursor: pointer;
}
#left li.clear_none { /* dodalem poniewaz byly obrazki przy tym li ktore zawiera ul, i trzeba startowac z ukrytym menu */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: none;
	display: none;
}
#left li.clear_block { /* dodalem poniewaz byly obrazki przy tym li ktore zawiera ul, i trzeba startowac z ukrytym menu */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: none;
	display: block;
}
#left a {
	color: #36404a;
	text-decoration: none;
}
#left a:hover {
	text-decoration: underline;
}
#left .sub a {
	color: #b90d0d;
}

#left .sub .sub a { /* zmiana koloru 3 zaglebienia kategorii */
	color: #36404a;
}

/*
#left .sub a.menu_active { // pogubienie wybranej kategorii
	font-weight: bold;
}
*/
#left a.menu_active { /* pogubienie wybranej kategorii */
	font-weight: bold;
}
#left .sub li {
	margin: 0px;
	list-style-image: url('/gfx/ptg.gif');
	list-style-position: inherit;
}
#left form input {
	color: #6b7e92;
}
#left form img {
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 3px;
}
#left b {
	font-size: 12px;
	color: #36404a;
}
/* glowny content */
.red {
	color: #ff0000;
}
#mcontent {
	float: left;
	width: 480px;
	text-align: left;
	background-color: #36404a;
	padding: 10px;
	font-family: Verdana;
	color: #bac8d7;
	font-size: 11px;
	height: 100%;
}
#mcontent h2, #mcontent2 h2 {
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	font-style: italic;
}

#mcontent h4, #mcontent2 h4 {
	font-size: 11px;
}

#mcontent2 {
	background-color: #556575;
	float: left;
	width: 480px;
	text-align: left;
	padding: 10px;
	font-family: Verdana;
	color: #bac8d7;
	font-size: 11px;
}
#mcontent a, #mcontent2 a {
	color: #ffffff;
	text-decoration: none;
}
#mcontent a:hover, #mcontent2 a:hover {
	color: #ffffff;
	text-decoration: underline;
	color: #ff0000;
}
#mcontent ul {
	text-align: left;
}
#mcontent ul li a {
	color: #ffffff;
}
#foot {
	padding-top: 15px;
	background-color: #e4e8ed;
	font-family: Verdana;
	font-size: 11px;
	color: #8d949b;
	height: 45px;
	font-weight: bold;
}
#foot a {
	text-decoration: underline;
	color: #556575;
}
#foot a:hover {
	color: red;
}
input[type='text'], input[type='password'] {
	background-color: #f5f5f5;
	border: 1px solid #bac8d7;
	height: 20px;
}
#reklama {
	background-repeat: no-repeat;
	background-image: url('/gfx/reklama.png');
	width: 742px;
	height: 133px;
}
#reklama table {
	width: 742px;
	height: 133px;
}
#reklama td {
	width: 247px;
	text-align: center;
	vertical-align: middle;
}
.cena {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}
.lista_produkt {
	width: 480px;
	height: 80px;
	text-align: right;
}
#operacje {
	float: none;
	width: 480px;
	height: 20px;
	clear: both;
}
.lista_dane {
	text-align: left;
	height:70px;
	width: 340px;
	display: block;
	float: left;

}
.lista_dane img {
	margin: 5px;
}
#list_cena {
	float: right;
	width: 160px;
	height: 70px;
	display: block;
	text-align: right;
}
#lista_cena b {
	color: #ffffff;
}
.paging {
	text-align: right;
	display: block;
	padding-bottom: 10px;
}
.paging a {
	border: 1px solid #a0a9b2;
	padding: 5px;
	width: 10px;
}
.active {
	color: #ff0000;
	background-color: #6B7986; /* taki o kolorek dodalem, zebym mogl odroznic */
}
#zdjecie {
	width: 230px;
	height: 282px;
	display: block;
	background-color: #5c6b7a;
	float: right;
	color: #bac8d7;
}
#zdjecie img {
	padding: 10px;
	display: block;
}
#zdjecie span {
	vertical-align: bottom;
	display: block;
	padding-left: 10px;
	padding-top: 235px;

}
.hidden_form { /* ukrycie formy do wyszukiwania po producencie z poziomu listy */
	padding: 0px;
	margin: 0px;
	display: none;
}

#akcesoria, #podobne {
	background-color: #6b7e92;
	padding: 5px;
}

#akcesoria table tr td, #podobne table tr td {
	background-color: #9eb2c7;
	width: 100%;
	border: 1px solid #6b7e92;
	padding: 3px 0 3px 5px;
}

#nazwa_akcesorium  {
	font-size: 11px;
	color: #e4e8ed;
	background-color: #9eb2c7;
	font-weight: bold;
}

#info_akcesorium, #info_podobny {
	font-size: 10px;
	color: #ffffff;
}

#dane_akcesorium, #dane_podobny {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

.koszykp {
	height: 50px;
}
.input_error { /* kolorowanie kontrolek */
	border: 1px solid red !important;
}

#free_transport {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	color: #6B7E92;
	padding: 3px;
	text-align: center;
	border: 1px solid #6B7E92;
	background-color: #F5F5F5;
	font-weight: bold;
}

table#dane {
	width: 100%;
}

table#dane td {
	width: 50%;
	vertical-align: top;
}

a.hidden_foto { /* do ukrywania fotek w szczegolach produktu */
	display: none;
}

#opis {
	color: white;
}

#mapa {
	text-align: center;
}

#mapa a {
	color: red;
	font-weight: bold;
}

#mapa a:hover {
	text-decoration: underline;
}
