* {font-family: arial; font-size:14px; color:black;}

body { background-color: #FFFFFF; background-image: url("img/big_tlo.jpg");background-attachment: fixed; }
form {margin:0;padding:0;}

.main_container {width:989px; margin:0 auto; background-image: url("img/tlo_srodek_all.gif"); }
.logo {width:989px;height:192px; background-image: url("img/gorne_logo_2.jpg");background-position: center;  }
.logo div {float:right; width:180px; text-align:right; color:silver;margin:166px 0 0 0; cursor:pointer; padding-right:20px;}
.logo marquee{ float:right; width:660px; margin:166px 0 0 0;  color: white; }
.lewa	{ vertical-align: top; width:204px; float:left; text-align: center; min-height:700px; background-image: url("img/tlo_lewe.gif");}
.srodek { vertical-align: top; width:587px; max-width:587px; overflow: hidden; float:left; text-align: center; background-image: url("img/tlo_srodek.gif");}
.prawa	{ vertical-align: top; width:198px; float:right; text-align: center; background-image: url("img/tlo_prawe.gif");}


/* menu produktw  */

.treekat	{width:176px; background:white; border:1px solid black;padding:4px 0;margin:20px 0 20px 13px;background-image: url("img/tlo_1.gif");}
.treekat .b, .treekat .b1 {height:18px; padding:0px 0px 0px 6px; cursor:pointer; margin: 0px 0; text-align:left;}
.treekat .b2{height:0px;}
.treekat .b a  , .treekat .b1 a{ text-decoration:none; color:silver;font-weight:bold;font-size:12px; overflow: hidden;width:165px;display:block;height:15px;}
.treekat .b a:hover, .treekat .b1 a:hover{ color:red;}
.treekat .a {display:block;text-align:left;padding-left:10px;font-size:12px;width:160px;}
.treekat .a a{font-size:12px;color:gray;text-decoration: none; display:block;overflow: hidden;height:15px;}
.treekat .a a:hover{ color:red;}
.treekat h1 {color:white; font-weight:bold;  vertical-align:top; padding:6px 0px 6px 0px;text-align:center;
	background-image: url("img/tlo_1b.gif");background-position: bottom; background-repeat: no-repeat; }
.treekat a {display:block; width:100%; text-align:left; padding-left:0px; color:silver;text-decoration:none;}
.treekat a h1 { width:auto; padding-left:0;}
.treekat a.c {padding-left:6px;color:silver;font-weight:bold;font-size:12px;}

#prod_sel {margin-bottom:15px; margin-top:10px; color:gray;}
#prod_search {margin:10px 0; color:gray;}
#prod_sel option, #prod_search option {color:gray;}

img.art_pic{}
a.art_pic {margin-bottom:20px; cursor:pointer; font-size:11px; display:block; line-height:12px; margin-top:0;}
a.art_pic:hover {text-decoration:underline;}

#produkty_scroll td {
	width:168px;
	text-align:center;
	overflow:hidden;
}

#produkty_scroll table {
	padding:0;
	margin:0;
	border-collapse: collapse;
	margin-bottom:1000px;
}

#produkty_scroll h2{
	font-size:16px;
	overflow:hidden;
	width:90%;
	text-align:center;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:6px;
	padding:0;
	color:silver;
}

#produkty_scroll span {
	width:168px;
	text-align:center;
	overflow:hidden;
	color:red;
	font-size:16px;
	font-weight:bold;
}

#produkty_scroll {
	width:168px;
	height:200px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	text-align: center;
}

#produkty_scroll img{
	margin:5px auto;
	cursor:pointer;
}



/* prawe okienka */

.okno_p {margin:20px auto;width:176px; text-align:left; overflow: hidden;background-image: url("img/tlo_1.gif");border:1px solid black}
.okno_p h1 {color:white; font-weight:bold;  vertical-align:top; padding:6px 0px 6px 0px;text-align:center;
	background-image: url("img/tlo_1b.gif");background-position: bottom; background-repeat: no-repeat; }

	/* prawe menu */
	.prawe_linki_tabela {padding-bottom:16px;}
	.prawe_linki_tabela a{color:silver; font-size:12px; text-decoration:none;line-height:16px; clear:left; display:block; padding:2px 2px 2px 8px;}
	.prawe_linki_tabela a:hover{color:white; font-size:12px; text-decoration:underline;line-height:16px;}
	.zalogowany {font-size:12px; color:silver;padding-left:8px; padding-bottom:6px;}
	/* panel poszukiwania */
	.find input {}
	.find form {width:150px;padding: 10px 0 20px 10px; color:gray;}
	.szukaj input#find_b {width:100px;margin:15px auto;margin-left: 25px;}
	.szukaj input.find_c {margin-top:5px;}
	
	/* koszyk */
	.koszyk {color:gray;}
	.koszyk .pusty {color:#CB5F62;margin:10px 0;padding-left:10px;}
	.koszyk table { width:170px; margin:4px auto;}
	.koszyk_1 {font-size:10px; color:green; text-align:left; padding-left:0px;overflow: hidden;width:105px;}
	.koszyk_2 {font-size:10px; color:red; text-align:right; padding-right:10px;overflow: hidden;width:40px;}
	.zawartosc_koszyka {font-size:10px;color:gray;padding:0 6px;}
	.edytuj_kosz { float:left;padding:4px 0 8px 8px;}
	.edytuj_kosz a{color:gray; font-size:9px; text-decoration:none;line-height:16px;}
	.edytuj_kosz a:hover{color:silver; font-size:9px; text-decoration:underline;line-height:16px;}
	.wyslij_kosz {float:right; padding:4px 8px 8px 0;}
	.wyslij_kosz a{color:gray; font-size:9px; text-decoration:none;line-height:16px;}
	.wyslij_kosz a:hover{color:silver; font-size:9px; text-decoration:underline;line-height:16px;}

/******************/

/* przedmiot - 2 wersja */

.art {width:580px; margin:0px auto; background-color:#D1EAF1;  border-bottom: 1px solid gray; padding:10px 10px 50px 10px;}
.art img.prod {margin:0 0 15px 0; float:left; clear:both;}
.lewa_art_2 {width:360px; text-align:left;overflow:hidden;  float:left; clear:left; margin-top:10px;}
.art h1 {text-align:left; margin-top:10px; color:#170D7B;float:left;font-size:20px;font-weight:bold;width:90%;}
.tbl_art_2 {margin:0px auto; border-collapse:collapse;}
.tbl_art_2 td {font-size:12px; color:gray;padding:2px 8px;border:1px solid #D1EAF1;}
.tbl_art_2 td#l {color:#676767;font-weight:bold; }
.wiersz_0 {background-color: #DBE4F7;}
.wiersz_1 {background-color: #E6ECF9;}
.lewa_art_2 .cena {margin:20px 10px; color:#3E81D2 ;font-size:16px; font-weight:bold;text-align:right;}
.lewa_art_2 .cena .liczba {color: #FF0066; font-size:16px;}
.lewa_art_2 .cena .cena_max {color: black; font-size:13px; text-decoration:line-through ;}
.right_art_2 {width:200px;overflow:hidden;margin-top:10px;margin-right:10px; float:right; text-align:center;}
.dodaj_art_2 {margin:20px 10px;font-size:12px; color:gray;text-align:right;}
.lewa_art_2 #zaloguj {text-align:right; color:gray; font-size:14px;}
.lewa_art_2 #zaloguj a {font-weight:bold; color:#727272;}


.counter {text-align:center; margin-bottom:15px;}
.counter_txt {display:none}

.param	{clear:both; text-align:left; padding:4px 0;}

.val {margin-left:10px;}
div.additional {clear:both; text-align:left; color:gray;  font-size:12px;  margin-bottom:20px; width:567px;}
div.additional p {text-indent:20px;}
div.additional h1 {font-size:15px;width:567px;}

img#art_pic_1 {float:right; margin-left:10px;margin-bottom:0px;cursor:pointer;}
img#art_pic_2 {clear:right;float:right;margin-left:10px;margin-bottom:0px;cursor:pointer;}
img#art_pic_3 {clear:right;float:right;margin-left:10px;margin-bottom:0px;cursor:pointer;}

.mode_prod_2 {background-color: #B3DCE8; width:587px; clear:both; margin:10px auto; overflow: hidden;}
.mode_prod_2 tr { height:80px;}
.mode_prod_2 .cell {vertical-align: middle;width:180px; background-color: #D1E9F1;;overflow: hidden;cursor:pointer;}
.mode_prod_2 .cell h3 {height:80px; color:#000262; width:180px;}

/* widok towarw - tabelka obrazkw */
.mode_2 {background-color: #B3DCE8; width:587px; clear:both; margin:10px auto; overflow: hidden;}
.mode_2 .cell {vertical-align: top;width:185px;height:250px; background-color: #D1E9F1; float:left; border:1px solid #D1E9F1;overflow: hidden;cursor:pointer;}
.mode_2 .cell h2 {height:40px; color:#000262;margin-bottom:8px;height:40px;padding:6px 6px; width:173px;}

.mode_2 .img_cell { width:185px;background-color: #FFEAEB;}
.mode_2 .cena {margin:8px 0;height:18px; color:black; font-size:16px; font-weight:bold; text-align:center; }
.mode_2 .cena_max {font-weight:normal;font-size:12px; text-decoration:line-through;color:green;padding-right:10px;}
.mode_2 .cena .cena { color: red;}
.mode_2 .cena .liczba { font-size:20px; color:#DF403C; font-weight:bold;}
.mode_2 .cena .cena_max {font-size:12px; text-decoration:line-through ; color:gray;padding-right:10px;}

.mode_2 h1,		.mode_prod_2 h1		{background-image:url('img/vista_okienko_02.jpg');}
.mode_2 #body,	.mode_prod_2 #body	{background-image:url('img/vista_okienko_03.jpg'); padding:0 12px;clear:both;}
.mode_2 .bottom,.mode_prod_2 .bottom{background-image:url('img/vista_okienko_04.jpg');}

.mode_2 h1 a {color:#aaaaaa;}

.lista_art_2 {width:577px; height:150px; margin:10px auto;clear:both;cursor:pointer;background-image:url('img/ramka_produktu_2.jpg');}
.lista_art_2 .tytul {width:552px;height:20px; color:white; font-size:18px; font-weight:bold; text-align:left; padding-left:15px;float:left;margin-top:6px;overflow: hidden;}
.lista_art_2 .opis {width:452px;height:90px; float:left; text-align:left; font-size:12px; overflow:hidden; text-indent:20px;padding:5px 0 0px 14px; color:gray;}
.lista_art_2 .fotka {width:90px; height:90px; float:left; margin-top:5px; margin-left:8px; }
.lista_art_2 .cena {float:left;height:18px; color:#797B7B; font-size:14px; font-weight:normal; text-align:left; padding-left:12px;padding-top:3px;}
.lista_art_2 .liczba {color:red; font-weight:bold;}
.lista_art_2 .cena_max {font-size:12px; text-decoration:line-through ;}
.lista_art_2 a {color:#59993E;font-size:12px;text-decoration:none;margin-right:20px;padding-top:4px;font-weight:bold;}
.lista_art_2 a:hover {text-decoration:underline;}

/* widok towarw - tylkonazwy i ceny */
.lista_artykulow_2 {width:560px;clear:both;margin:0px auto;padding:2px 2px 4px 2px;background-color: #C8DBFB ;}
.lista_artykulow_2 .nazwa {float:left;background-color:#C4E7F2;font-weight:bold;padding:2px 2px 2px 4px; color:black;}
.lista_artykulow_2 .cena {text-align:right;background-color: #C4E7F2;font-weight:bold;padding:2px 0px 2px 4px; color:black;}
.lista_artykulow_2 .cena_max {font-weight:normal;font-size:12px; text-decoration:line-through;color:green;padding-right:10px;}
.lista_artykulow_2 .cena_normalna {color:red;}
.linia_nad_banerami {width:88%;color:gray;margin-bottom:20px ;margin-top:40px ; clear:both;}




.stopka{width:989px;  text-align:center;clear:both; background-image: url("img/tlo_stopka.gif");}

.srodek div.a1 {margin:20px 12px; float:left;}
.srodek div.a1, .srodek div.a1 a{font-size: 12px;  text-align:left;  line-height:24px;}
.srodek div.a2 { margin:20px 12px; text-align:right; float:right;}
.srodek div.a2 form {font-size: 12px;}
.srodek div.a2 form select {font-size: 12px;}

/* banery */
.baner_s {margin:20px auto;border:none;}
.baner_l {margin:20px auto;border:none;}
.baner_p {margin:20px auto;border:none;}

/*
################################################################################################
*/
.option_select { padding-bottom:10px; padding-top:10px;}
.option_select select {	background-color: #172F55; color:gray;}


.konto {margin:20px auto;}

table.konto table.innertable {margin:10px auto;}
table.konto .innertable td {padding:2px 15px;}
table.konto .innertable tbody td {text-align:right;font-size:12px;}
table.konto .innertable thead td {text-align:left; color:green;font-size:13px;}

.info {margin:200px auto;}
.info td input {margin:10px auto;}
.info td {text-align:center;}

.error {margin:200px auto;}
.error tbody td div {padding:50px;}

table.okno .innertable td {padding:2px 15px;}
table.okno .innertable tbody td {text-align:left;}
table.okno .innertable thead td {text-align:center; color:green;}

table.useredit{border:1px solid white; margin: 100px auto;}

td.header1 {text-align:center; color:red; font-weight:bold; padding-top:10px; padding-bottom:10px;}


input {color:gray;}

/* panel przechodzenia midzy stronami listy */

.navi_panel {margin:auto;}
.navi_panel td{width:20px;text-align:center; color:gray; font-size:14px;}
.navi_panel td a{width:20px;text-align:center; color:gray; font-size:14px; text-decoration:none; }
.navi_panel td a:hover{color:silver;}
.navi_panel td.wybrane {background:#fee; border:1px dotted #faa; font-weight:bold;}


/* edycja koszyka */

.edytuj_koszyk {margin:20px auto;}
.edytuj_koszyk thead td.l { height:34px; width:9px;}
.edytuj_koszyk thead td.m { height:34px;color:gray; font-weight:bold; vertical-align:top; padding-top:6px; text-align:left;overflow:hidden;}
.edytuj_koszyk thead td.r { height:34px; width:9px;}

.edytuj_koszyk tbody td.l { width:20px;}
.edytuj_koszyk tbody td.m { padding: 4px 10px; border: 1px solid white;}
.edytuj_koszyk tbody td.r { width:20px;}
.edytuj_koszyk tbody td.c {text-align:center; font-weight:bold;}

.edytuj_koszyk tfoot td.l { height:10px; width:	10px;}
.edytuj_koszyk tfoot td.m { height:10px; }
.edytuj_koszyk tfoot td.r { height:10px; width:10px;}


/* potwierdzenie wysania zamwienia */

.ask {margin:20px auto; width:585px; background-color: white;}
.ask  input {margin:10px auto ;width:100px;}
.ask  {text-align:center;}
.ask  pre {text-align:left;margin:10px auto;font-family:courier;font-size: 10px;}

#zam {background-color: white; width:90%; margin:0 auto; border:1px solid black; padding:15px 0 10px 0;}
#zam1, #zam2 {width:95%; margin:10px auto;}
#zam1 td, #zam2 td {text-align:left;}

/* pytanie o poprwano danych */

table.show_register_2{border:0px solid #2E5C96; margin: 100px auto;}
table.show_register_2 thead td{color:red;height:40px; font-size:16px; vertical-align:top; font-weight:bold; text-align:center;}
table.show_register_2 td{ text-align:left; border:0px solid white;}
table.show_register_2 td input{ margin:4px 20px 4px 20px;}
table.show_register_2 td.l, table.show_register_2 td.r { width:30px;}


/* rejestracja */

table.show_register{border:0px solid white; margin: 100px auto;}
table.show_register thead td{color:red;height:40px; font-size:16px; vertical-align:top; font-weight:bold;}
table.show_register td{ text-align:right;}
table.show_register td.l, table.show_register td.r { width:30px;}
table.show_register td input{ margin:4px 20px 4px 20px;}

/* logowanie */

table.login {margin: 200px auto;width:300px;}
table.login thead td.l{ width:40px;}

/* rodkowe okienko */

table.okno { background:#e2efff;border:1px solid #cbe1ff;padding:10px;}
table.okno thead td.l{ height:0;}
table.okno thead td{ height:20px; color:#389AE2; font-weight:bold; vertical-align:top; text-align:center;padding:10px 0;}
table.okno thead td.r{ height:0;}
table.okno tbody td.l{ width:0;}
table.okno tbody td {}
table.okno tbody td.r{ width:0;}
table.okno tfoot td.l{ width:0;height:0;}
table.okno tfoot td { height:0;}
table.okno tfoot td.r{ width:0;height:0;}









/* tabela polecanych produktw 

.polecane_tabela {margin:20px auto;width:585px;background:#e2efff;border:1px solid #cbe1ff;}
.polecane_tabela thead td {border:1px solid #cbe1ff;background:#d2efff;vertical-align: top; padding-top:4px; font-size:24px;  text-align:center; font-weight:bold;color:gray; height:40px;}
.polecane_tabela thead td.l ,.polecane_tabela thead td.r { width:0px; height:36px;}
.polecane_tabela tbody td.a { width:195px;vertical-align: top;text-align:center; cursor:pointer; }
.polecane_tabela tbody td.a div{font-size:16px; font-weight:bold; color:#76A8DE; overflow:hidden;text-align:center; cursor:pointer;height:40px;margin:10px auto;}
.polecane_tabela tbody td img {margin: 0 auto; clear:both; }
.polecane_tabela tbody td div.c{text-align:right;height:16px;padding-right:20px;margin-bottom:40px;}
.polecane_tabela tbody td div.c span{color:red;font-size:16px; font-weight:bold;}
.polecane_tabela tbody td.r , .polecane_tabela tbody td.l{ width:0px;}
.polecane_tabela tfoot td { width:0px; height:0px;}

*/

/* artykul */

.artykul { width:575px; margin:20px auto;}
.artykul thead td {	height:30px; background:#d2efff;border:1px solid #cbe1ff;}
.artykul thead div#nazwa{ padding-left:20px; color:red; font-size: 16px; font-weight: bold; line-height:18px; float:left; }
.artykul thead div#cena { font-size: 16px; color:#33CC33; text-align:right; padding-right:20px; font-weight: bold; line-height:18px; float:right; }
.artykul tbody td{background:#e2efff;border:1px solid #cbe1ff; font-size: 12px; line-height: 18px; font-weight: normal; padding: 20px 20px 20px 20px; text-align: left; }
.artykul img {border:1px solid #ccc;}
.artykul tfoot td{ padding-left:20px; height:36px; vertical-align: top; background:#d2efff;border:1px solid #cbe1ff;}

table.przedmiot_wymiary {margin-top:20px;}
table.przedmiot_wymiary tbody tr td{padding:0 15px 0 0;height:20px;}
.stan_mag {float:left; font-weight:bold;line-height:20px;font-size: 14px; margin-top:8px;}
#id {clear:both;font-weight:normal;line-height:20px;font-size: 12px;}
.dodaj_do_kosza {text-align:right;float:right;line-height:10px;font-weight:bold;font-size: 14px;padding:4px;margin-right:10px}

/* lista przedmiotw */

.lista_przedmiotow  {width:585px;height:150px; background:#e2efff; border:1px solid #cbe1ff; }
.lista_przedmiotow {clear:both;margin:0px auto; margin-bottom:20px;}
.lista_przedmiotow td{vertical-align:top;margin:0;padding:0;cursor:pointer;overflow: hidden;}
.lista_przedmiotow .title{height:30px;font-size:16px;padding-top:4px;font-weight:bold;padding-left: 10px;color:black;overflow: hidden;}
.lista_przedmiotow .text{height:88px;width:470px;background:#d2efff;border:1px solid #cbe1ff; overflow:hidden;}
.lista_przedmiotow .text div{margin-left:10px;width:470px; text-indent:20px;font-size:12px;text-align:left;
overflow:hidden;font-size:12px;text-align:left;height:88px;}
.lista_przedmiotow .inne td{height:30px;}
.lista_przedmiotow img{margin-top:30px;margin-right:10px;width:90px; height:90px;float:right; margin-bottom:4px;}
.lista_przedmiotow div.a	{text-align:left; float:left; color:red;  padding-left:10px; font-weight:bold; margin-top:6px;}
.lista_przedmiotow div.a	#przecena {color:gray;  text-decoration:line-through ;font-size:11px;}
.lista_przedmiotow div.b a	{text-align:right;float:right;color:green;padding-right:20px;font-weight:bold; margin-top:6px;}




/* okienka informacyjne w rodku strony */

.window { margin:0 auto; background-color: white; text-align:center; }
.window h1 { height:26px; color:white; font-size:16px; font-weight:bold;margin:0; text-align:left;padding-top:2px; padding-left:10px;}
.window h2 {color:red; font-size:16px; font-weight:bold;margin:20px auto;text-align:center;}
.window #body {background-color:#C4E7F2;}
.window table {margin:0 auto;}

.window #body form table {margin:0 auto;}
.window #body form td {color:gray;}
.window .bottom {height:23px;}

.lgn , .err {			width:326px;margin-top:200px;margin-bottom:150px;  }
.lgn h1 , .err h1 {		background-image:url('img/vista_okienko_11.jpg');}
.lgn #body , .err #body {	background-image:url('img/vista_okienko_13.jpg');padding:20px 0;}
.lgn .bottom , .err .bottom {	background-image:url('img/vista_okienko_14.jpg');}

/* informacje o koncie */
.info , .innerpage , .ask {			width:587px;margin-top:20px;margin-bottom:50px;}
.info h1 , .innerpage h1 , .ask h1 {		background-image:url('img/vista_okienko_02.jpg');}
.info #body , .innerpage #body , .ask #body{	background-image:url('img/vista_okienko_03.jpg'); padding:20px 0;}
.info .bottom, .innerpage .bottom , .ask .bottom {	background-image:url('img/vista_okienko_04.jpg');}
.info td {		background-color: #C4E7F2;text-align:left;color:gray;padding:2px 10px;}
.info thead td {background-color: #C4E7F2;text-align:center;color:red;font-weight:bold;padding:2px 10px;}
.info h2 {		color: green;}

/* edycja danych uytkownika */
.reg2 , .reg, .kosz,
.ued {			width:458px;margin-top:50px;margin-bottom:50px;}
.reg2 h1 , .reg h1, .kosz h1,
.ued h1 {		background-image:url('img/vista_okienko_06.jpg');}
.reg2 #body , .reg #body, .kosz #body ,
.ued #body{		background-image:url('img/vista_okienko_08.jpg'); padding:20px 0;}
.reg2 .bottom , .reg .bottom, .kosz .bottom ,
.ued .bottom {	background-image:url('img/vista_okienko_09.jpg');}
.ued input.btn{ width:100px; margin:20px 33px;}
.ued td , .reg td , .reg2 td, .err td {text-align:left;}

/* rejestracja nowego uytkownika */

.reg , .reg2 {margin-top:50px;margin-bottom:50px;}
.reg input.btn{ width:100px; margin:20px 33px;}
.reg2 input.btn{ width:100px; margin:20px 33px;}

/* strona wewntrzna */

.innerpage {margin-top:20px;}
.innerpage #body {padding:20px 10px;}

/* edycja koszyka */

.kosz {margin-top:20px;}
.kosz #body {padding:10px 0; }
.kosz #body table { border:1px solid #C4E7F2;margin:20px auto;width:420px;}
.kosz #body td {color:gray;padding:2px 10px;background-color: #DBF0F7;}
.kosz #body th {color:red; padding:2px 10px;background-color: #C4E7F2;}

/* potwierdzenie zamwienia */

.ask {margin-top:20px;}
.ask #body {padding-top:20px;}
.ask #body pre {width:500px; text-align:left;margin-top:20px;font-family:courier;font-size: 10px; color:black; border:1px solid gray;  background-color: white;}
.ask #body textarea {width:300px; height:100px;}
.ask #body #taknie input {width:80px; margin:20px 50px;}

/* komunikat bdu */

.err {margin-top:200px;margin-bottom:150px;}
.err #body , .ued #body {padding:24px 0;text-align: center;}

.err input , .info input { margin:20px auto; width:100px; }


/* nieuywane */

.polec {width:580px;margin-top:20px;margin-bottom:60px;}