/* ------- sklep ---------- */
/* tytuł boxa */
div.box_tit
{
	width:183px;
	height:21px;
	padding-left:12px;
	padding-top:5px;
	background-image:url(images/layout/box_tit.png);
	color:white;
	font-weight:bold;
	margin-left:1px;
}

div.box_cont
{
	padding:10px;
	color:#464646;
}

a.box:link, a.box:visited
{
	color: white;
	font-weight:bold;
}

a.box:hover
{
	color: #ddd;
	font-weight:bold;
	text-decoration:none;
}

/* pole select lub input - dodanie do koszyka */
select.kosz, input.kosz, select.kosz2, input.kosz2
{
	position:relative;
	top:-6px;
}
select.kosz2, input.kosz2 /* inaczej układa gdy jest obok image a inaczej gdy submit */
{
	top:2px;
}

input.kosz, input.kosz2
{
	margin-right:3px;
	width:28px;
}

div.field
{
	margin-top:4px;
}

/* miniatury na liscie i w szczegółach */
img.mini, img.mini_det
{
	border:0;
}

/* miniatury w szczegółach towaru */
img.mini_det
{
	margin-right:4px;
	width:102px;
	height:85px;
}
img.midi
{
	margin-bottom:4px;
}

div.tow_nazwa
{
	font-size:15px;
	font-weight:bold;
	margin-bottom:6px;
}

span.cena
{
	font-size:13px;
	font-weight:bold;
	color:#bb0000;
}

/* szczegóły towaru (det) */
div#tow_det
{
	width:730px;
	border:1px solid #ccc;
	display:table;
}

table#tow_d
{
	border-collapse:separate;
	border-spacing:6px;
}

td#tow_images
{
	width:375px;
	padding:10px;
	text-align:center;
	vertical-align:top;
	border-right:1px solid #ccc;
}

td#tow_el
{
	width:305px;
	padding:10px;
	vertical-align:top;
}

div#tow_desc
{
	clear:both;
	padding-left:15px;
	padding-right:15px;
}

div.desc_line
{
	background-color:#ccc;
	height:1px;
	overflow:hidden;
	margin-top:12px;
	margin-bottom:2px;
}

/* pojemnosc, dostepnosc i inne informacje o tow. */
table.tow_det
{
	border-collapse:collapse;
	border:0;
	margin-top:7px;
}
.tow_det td 
{
	padding-right:8px;
	padding-bottom:3px;
	border-bottom:1px solid #cdcdcd;
}

/* tabela box_kategorie.php */
table.box_kategorie
{
	border-collapse:collapse;
	border-spacing:0;
}
.box_kategorie td 
{
	padding:1px;
}


/* linia w menu z produktami - config.php -> box_kategorie.php */
div.line_prod
{
	background: #bdbdc4;
	height: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	overflow: hidden;
}

/* kreska - podkategorie */
div.podkat
{
	float:left;
	width:10px;
}

/* kreska - podkategorie 2 poziom */
div.podkat2
{
	width:140px;
	padding-left:13px;
	padding-right:3px;
	padding-bottom:3px;
}

/* nazwa kategorii lub podkategorii w menu po lewej */
div.kat
{
	float:left;
	width:150px;
}

/* przerwa pomiędzy podkategoriami */
div.k_pause
{
	clear:both;
	overflow:hidden;
	height:3px;
}

/* okienko z kategoriami produktów - nie kliknięta kategoria */
a.produkty:link, a.towar:link
{
color: #545454;
font-weight: bold;
text-decoration: none;
}

a.produkty:visited, a.towar:visited
{
color: #545454;
font-weight: bold;
text-decoration: none;
}

a.produkty:hover, a.towar:hover
{
color: #519414;
font-weight: bold;
text-decoration: none;
}

/* okienko z kategoriami produktów - kliknięta kategoria */
a.produkty_cl:link, a.produkty_cl:visited
{
	color: #1f20ff;
	font-weight: bold;
	text-decoration: none;
}

a.produkty_cl:hover
{
	color: #545498;
	font-weight: bold;
	text-decoration: none;
}

/* lista produktów */
div.prod, div.prod_hov, div.boxp, div.boxp_hov
{
	width:160px;
	height:204px;
	border:1px solid #cbcbcb;
	float:left;
	margin-right:10px;
	margin-top:10px;
	padding:8px;
	text-align:center;
}

/* box polecany itd */
div.boxp, div.boxp_hov
{
	width:160px;
	height:auto;
	padding:3px;
	margin-top:0;
	margin-bottom:5px;
	margin-right:0;
}

/* po najechaniu */
div.prod_hov, div.boxp_hov
{
	border:1px solid #aaa;
	background:#f8f8f8;
}

/* pole na obrazek - lista produktów */
div.prod_img
{
	width:105px; /* mini_width + ok. 30px */
	height:65px; /* mini_height + 5px */
	margin:auto;
	margin-top:8px;
}

/* pole na "do koszyka" i "więcej" na liście produktów */
div.prod_basket
{
	margin-top:5px;
	height:30px;
}


/* nazwa towaru na liście produktów */
a.towar
{
	display:block;
	height:45px;
	overflow:hidden;
}

/* obrazek reprez podkategorię */

/* szerokosc */
a.kat, div.img_kat, div.kat_pod
{
	width:210px;
}
a.kat
{
	display:block;
	float:left;
	margin:5px;
	border:1px solid #cbcbcb;
	height:225px;
	padding:5px;
	text-align:center;
}

a.kat:hover
{
	border:1px solid #bb0000;
}


/* obrazki reprezentujace podkategorię */
div.img_pkat
{
	height:180px;
	display:table-cell;
	vertical-align:middle;
}

/* podpis - gdy podkategorie to obrazki */
div.kat_pod
{
	margin-top:5px;
	height:40px;
}

/* zaplata na koniec zakupów */
input.payment
{
	width:80px;
	background:transparent;
	border:1px solid #bbbbbb;
}

/* kropka przy liscie kategorii w shop */
div.dot
{
	width:16px;
	height:14px;
	background-image:url(images/dot.gif);
	background-repeat:no-repeat;
	background-position: center;
	float:left;
}

/* kropka przy liscie kategorii w okienku */
td.dot
{
	width:8px;
	background-image:url(images/dot.gif);
	background-repeat:no-repeat;
	background-position: 0px 6px;
}

/* lista kategorii w shop.php */
div.kat_lista
{
	clear:both;
}

/* kreska przy liscie podkategorii w shop.php */
div.kreska
{
	padding-right:6px;
	padding-left:25px;
	float:left;
}

div.kat_lista_link /* link - nazwa podkategorii w shop.php */
{
	float:left;
	width:400px;
}

/* przyciski  - shop, basket */
a.btn_sl, a.btn_sr, a.btn_br, a.btn_bbr, a.btn_bl, input.btn_sr, input.btn_br, input.btn_bbr
{
	width:50px;
	height:17px;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#003399;
	border:0;
	padding-left:6px;
	padding-top:2px;
	text-align:center;
	display:block;
	background-repeat:no-repeat;
}

a.btn_sl
{
	background-image:url(images/layout/btn_sl.gif);
}
a.btn_sr, input.btn_sr
{
	background-image:url(images/layout/btn_sr.gif);
}
a.btn_br, input.btn_br
{
	background-image:url(images/layout/btn_br.gif);
	width:101px;
}
a.btn_bl
{
	background-image:url(images/layout/btn_bl.gif);
	width:101px;
}

a.btn_sl:hover, a.btn_sr:hover, a.btn_br:hover, a.btn_bbr:hover, a.btn_bl:hover
{
	color:#2f73ff;
}

input.btn_sr, input.btn_br, input.btn_bbr
{
	display:inline;
	width:50px;
	height:19px;
	padding-bottom:5px;
	padding-top:2px;
	padding-left:10px;
	cursor:pointer;
}

a.btn_bbr, input.btn_bbr
{
	background-image:url(images/layout/btn_bbr.gif);
	width:126px;
}

input.btn_br
{
	width:107px;
}

/* dane użytkownika user_form, faktura_dane */
td.user1
{
	width:150px;
}
td.user2
{
	width:335px;
}

/* podsumowanie w zamówieniu */
font.suma
{
	font-weight:bold;
	color:#011d7a;
	font-size:13px;
}

/* na ikonki wzornika kolorów */
div.wzornik
{
	float:left;
	height:100px;
	width:66px;
	text-align:center;
	margin-top:6px;
	padding-top:4px;
	border:1px solid #b1b1b1;
}

/* pole select/input przy przycisku "do koszyka" */
div.kosz_select
{
	float:left;
	width:123px;
	height:28px;
	text-align:right;
	margin-top:5px;
}


/* promocje grupowe - str. główna*/
div.prom
{
	background:#fff57b;
	border:3px solid #ff0000;
	color:black;
	padding:10px;
	text-align:left;
	font-size:12px;
	margin-top:12px;
	margin-bottom:12px;
	height: auto;
}

/* tytuł promocji */
a.prom:link, a.prom:visited
{
	color: black;
	font-weight:bold;
	text-decoration: none;
	font-size:13px;
}

a.prom:hover
{
	color: #bb0000;
	text-decoration: underline;
}

/* waluta, dni - na koniec zakupów obok pól input */
div.cr
{
	float:right;
	width:10px;
	padding-left:10px;
	padding-right:15px;
}

input.box_s, input.box_l, input.box_n
{
	padding-top:2px;
	padding-bottom:2px;
}

/* box - wyszukiwarka */
input.box_s
{
	width:135px;
	position:relative;
	top:-4px;
}

/* box - login */
input.box_l
{
	width:120px;
}

/* box - newsletter */
input.box_n
{
	width:140px;
	margin-bottom:6px;
}
