/* ------- sklep ---------- */
/* tytuł boxa */
div.box_tit, div.box_kat_tit, div.box_kat_tit2, div.box_tit_log
{
	width:176px;
	height:36px;
	padding-top:11px;
	background-image:url(images/layout/box_tit.png);
	color:white;
	font-weight:bold;
	font-size:16px;
	font-family: Arial;
	text-align:center;
}

div.box_tit_log
{
	margin-left:8px;
}

div.box_cont, div.box_cont_log
{
	padding:8px;
	margin-top:8px;
	margin-bottom:10px;
	border:1px solid #aaa;
}

/* box na okienka boczne - promocje itd */
div.box_cont_prod
{
	padding:0;
	margin-top:8px;
	margin-bottom:10px;
}

/* logowanie */
div.box_cont_log
{
	width:160px;
	margin-left:8px;
}

/* okienka z kategoriami */
div.box_kat_tit
{
	width:230px;
	height:38px;
	padding:0;
	margin:0;
	background-image:url(images/layout/box_tit_kat.png);
	text-align:left;
	padding-left:14px;
	padding-top:14px;
}


div.box_kat_tit2
{
	width:230px;
	height:38px;
	padding:0;
	margin:0;
	background-image:url(images/layout/box_tit_kat2.png);
	text-align:left;
	padding-left:14px;
	padding-top:14px;
}

div.box_kat_cont, div.box_kat_pr
{
	background-image:url(images/layout/box_cont_kat.png);
}

div.box_kat_pr
{
	padding-left:24px;
	padding-top:6px;
	line-height:18px;
}


a.box:link, a.box:visited
{
	color: white;
}

a.box:hover
{
	color: #cccccc;
}



/* 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;
}

img.mini
{
	max-width:150px;
	max-height:190px;
}
img.midi
{
	margin-bottom:4px;
	width:220px;
}

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:570px;
	border:1px solid #ccc;
	display:table;
}

table#tow_d
{
	border-collapse:separate;
	border-spacing:6px;
}

td#tow_images
{
	width:265px;
	padding:10px;
	text-align:center;
	vertical-align:top;
	border-right:1px solid #ccc;
}

td#tow_el
{
	width:415px;
	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;
}

/* tabelka z kategoriami - box kategorie */
table.kategorie
{
	margin-left:14px;
	width:185px;
}


/* linia w menu z produktami - config.php -> box_kategorie.php */
div.line_prod
{
	background: #969696;
	height: 1px;
	margin-top: 3px;
	margin-bottom: 3px;
	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:140px;
}

/* przerwa pomiędzy podkategoriami */
div.k_pause
{
	clear:both;
	overflow:hidden;
	height:3px;
}

/* nazwa towaru na liście produktów */
a.towar
{
	display:block;
	height:45px;
}

/* okienko z kategoriami produktów - nie kliknięta kategoria */
a.produkty:link, a.towar:link
{
color: #222;
font-weight: bold;
text-decoration: none;
}

a.produkty:visited, a.towar:visited
{
color: #222;
font-weight: bold;
text-decoration: none;
}

a.produkty:hover, a.towar:hover
{
color: #BB0000;
font-weight: bold;
text-decoration: none;
}


a.produkty_cl:link
{
color: #BB0000;
font-weight: bold;
text-decoration: none;
}

a.produkty_cl:visited
{
color: #BB0000;
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:165px;
	height:295px;
	border:1px solid #cbcbcb;
	float:left;
	margin-right:8px;
	margin-top:8px;
	padding:8px;
	text-align:center;
	word-wrap: break-word;
}

/* box polecany itd */
div.boxp, div.boxp_hov
{
	width:164px;
	padding:3px;
	margin-top:0;
	margin-bottom:5px;
	margin-right:0;
}

/* po najechaniu */
div.prod_hov, div.boxp_hov
{
	border:1px solid #84c225;
}

/* pole na obrazek - lista produktów */
div.prod_img
{
	width:165px;
	height:180px;
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
	padding-top:4px;
}

/* obrazek reprez podkategorię */
a.kat
{
	display:block;
	float:left;
	margin:5px;
	border:1px solid #cbcbcb;
	width:210px;
	height:225px;
	padding:6px;
	text-align:center;
}

a.kat:hover
{
	border:1px solid #bb0000;
}


/* obrazki reprezentujace podkategorię */
div.img_pkat
{
	width:205px;
	height:180px;
	display:table-cell;
	vertical-align:middle;
}

/* podpis - gdy podkategorie to obrazki */
div.kat_pod
{
	margin-top:5px;
	width:205px;
	height:40px;
}

/* pasek na str. głównej */
div.start
{
	height:10px;
	background:#e5e5e5;
	overflow:hidden;
}

/* zaplata na koniec zakupów */
input.payment
{
	width:80px;
	background:white;
	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:25px;
	height:18px;
	background-image:url(images/layout/v.png);
	background-repeat:no-repeat;
	background-position: 8px 1px;
}

/* kreska przy liscie podkategorii w shop */
div.kreska
{
	padding-right:6px;
	padding-left:25px;
	float:left;
}

div.kat_lista
{
	height:24px;
	clear:both;
}

/* przyciski  - shop, basket */
a.btn_sl, a.btn_sr, a.btn_br, a.btn_bl, input.btn_sr, input.btn_br
{
	width:50px;
	height:17px;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	color:white;
	border:0;
	padding-left:6px;
	padding-top:2px;
	text-align:center;
	display:block;
}

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;
}

input.btn_sr, input.btn_br
{
	display:inline;
	width:56px;
	height:19px;
	padding-bottom:5px;
	padding-top:2px;
	padding-left:10px;
	cursor:pointer;
}

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:120px;
	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;
}
ul#producenci
{
	width:140px;
	margin:8px 0px 0px 15px;
	padding:0;
}
ul#serie
{
	width:150px;
	margin:2px 0px 0px 15px;
	padding:0;
}