/* Autor: Rafał Próchniak. Licencja: CC-Attribution-NonCommercial, http://creativecommons.org/licenses/by-nc/2.0/ */

/*Struktura: ogólny wygląd strony - rozmieszczenie menu*/

html,body { 
	height:	100%; /*Rozmiar strony, konieczny do umiejscowienia poszczególnych elementów*/
}

body { 
	background:	#FFFFCC; /*#AFA45A; /*#E4E62D; /*zolte tło dla całej strony*/
	font-size:	80%;
	text-align:	center; /*Położenie elementów strony na środku*/
}

.page {
	font-family:	Georgia, serif; /*Krój czcionki dla wszystkich elementów*/
	width:	758px; /*Szerokość właściwej części strony*/
	margin-left:	auto;
	margin-right:	auto;
	margin-top:	1.8em;
	border-left:	1px solid BLACK; /*#AFA45A; /*Linia na lewo*/
	border-right:	1px solid BLACK;/*#AFA45A; /*Linia na prawo*/
	border-bottom:	1px solid BLACK;/*#AFA45A; /*Linia na dol*/
	padding:	0;
	text-align:	left;
	background:	#E1BC57; /*#998458; /*#726B3C; /*#A3E5A7; /*Jaśniejsze tło dla menu i stopki*/
	height:	100%;
}

.menu {
	float:	left;
	width: 197px; /*Szerokość menu po lewej stronie*/
	padding:	0;
	margin:	0;
	height:	100%;
	/*border-left:	1px solid BLACK; /*#AFA45A; /*Linia na lewo*/
	border-top:	1px solid BLACK; /*#AFA45A; /*Linia na lewo*/
}

.main {
	font-family:	Arial, serif; /*Krój czcionki dla wszystkich elementów*/
	float:	left;
	width:	560px; /*Szerokość głównej części strony: poszczególne elementy nie mogą być szersze, a razem z menu szerokość musi równać się szerokości strony (.page)*/
	padding:	0;
	background: 	#FFFF99; /*#E1BC57; /*Jasnozielone tło, takie samo jak w przypadku całej strony*/
	height:	100%;
	min-height:	40em; /*Wysokość do celów poprawnego wyświetlania w Mozilli*/
	border-bottom:	1px solid BLACK; /*#AFA45A; /*Linia na dol*/
	border-left:	1px solid BLACK; /*#AFA45A; /*Linia na lewo*/
	/*border-right:	1px solid BLACK; /*#AFA45A; /*Linia na lewo*/
	border-top:	1px solid BLACK; /*#AFA45A; /*Linia na lewo*/
}

/*Koniec struktury*/

/*Elementy html*/

/*Link*/
a, a:link {
	text-decoration: none; /*Brak automatycznego podkreślenia*/
	/*border-bottom: 1px dotted; Specjalne podkreślenie wykropkowane*/
	color: black; /*#0000FF; /*Kolor czcionki*/
	font-weight:	bold;/*normal;*/
}

/*Link pod kursorem*/
a:hover {
	border-bottom: 1px solid; /*Specjalne podkreślenie ciągłe*/
	color:	black; /*#255A23 /*Kolor czcionki*/
}

/*Nagłówek tabeli
*th {
*	font-weight:	normal;
*}
*/

/*Pomniejszona czcionka*/
small {
	font-size:	0.8em; /*Wielkość czcionek określona relatywnie, aby umożliwić skalowanie czcionek w Internet Explorerze*/
}

/*Duży nagłówek*/
h1 {
	color:	BLACK; /*Litery - czarne*/
	background-color:	#AFA45A; /*#987730; */
	text-align:	center;
	font-size:	60px; /*Stała wielkość czcionki*/
	margin:	0;
	letter-spacing:	40px; /*Odległości między literami*/
}

/*Mały nagłówek*/
h2 {
	color:	BLACK;
	background-color:	#AFA45A; /*#987730; */
	text-align:	center;
	font-size:	20px; /*Stała wielkość czcionki*/
	margin:	0;
	letter-spacing:	5px; /*Odległości między literami*/
}

/*Akapit: w szablonach, których nie można samemu edytować, najczęście w formie krótkiej informacji, tak jak w wynikach wyszukiwania*/
p {
	font-weight:	normal; /*bold;*/
	text-align:	center;
}

/*Koniec elementów html*/

/*Elementy składowe strony: tabelki i moduły*/

/*Pasek na górze strony
*.navigator {
*	border-top:	2px solid #255A23;
*	line-height:	1.7em;
*	padding-left:	0.3em;
*	padding-bottom:	0.2em;
*	font-size:	1.1em;
*	color: #255A23;
*}
*/

/*#contents {
*	font-size:	1.5em;
*}
*/

/*Element menu po lewej stronie zawierający link albo prosty teskt*/
.menu_link {
	padding-left: 6px;
	font-size:	1.2em;
	margin-top:	0.2em;
	margin-bottom:	0.2em;
}

/*Element menu po lewej stronie stanowiący separator*/
.menu_nonlink {
	background:	#AFA45A; /*Tło*/
	padding-left:	6px;
	padding-bottom:	3px;
	border-top:	2px solid #E1BC57; /*#C8A340; /*#E4E62D; /*Linia na górze*/
	border-bottom:	2px solid #E1BC57; /*#C8A340; /*#E4E62D; /*Linia na dole*/
	color:	white;
	font-size:	1.2em;
	font-weight:	bold;
	margin-top:	0.4em;
	margin-bottom:	0.2em;
}

/*Link w menu*/
.menu_link a {
	margin-left:	2px;
	margin-bottom:	0.2em;
}

/*Link pod kursorem w menu*/
.menu_link a:hover {
	margin:	0;
	padding-left:	2px;
	padding-right:	2px;
	border-left: 2px solid #0000FF;
	border-right:	2px solid #0000FF;
}

/*Nazwa kategorii: element poniżej nazwy strony, na górze prawej części*/
.category {
	border-bottom: 1px solid BLACK; /*#AFA45A;*/
	color:	WHITE; /*#AFA45A;*/
	background:	#AFA45A;
	margin-bottom:	10px;
	padding:	0;
	text-align:	center;
	width:	560px;
	font-size:	1.3em;
	font-weight:	normal; /*bold;*/
	line-height:	1.5em;
	/*border-right:	1px solid BLACK; /*#C8A340; /*#E4E62D; /*Linia na dole*/
}

/*Zwykły tekst w opisach i informacjach*/
.description {
	padding-left:	1em;
	padding-right:	0.5em;
	margin-bottom:	1.8em;
	text-decoration:	none;
	text-align:	justify;
	font-size:	1.3em;
}

/*Pasek z linkiem do zamówienia pod opisem produktu*/
.order, .order a {
	background:	#00008B;
	color:	white;
	font-weight:	bold;
	line-height:	1.8em;
	font-size:	1.2em;
	margin-bottom:	10px;
	text-align:	right;
}


/*Link pod kursorem na pasku pod opisem*/
.order a:hover {
	color:	#FF0000;
}

/*Komunikat o błędzie*/
.error {
	margin-top:	25px;
	height:	200px;
}

/*Podstawowa duża tabelka w prawej części strony*/
.table {
	padding: 2px;
	width:	550px;
	margin-left:	4px;
	margin-top:	0px;
	font-weight:	normal;
	font-size:	1.3em;
	text-align:	left;
}

/*Komórka tabelki*/
.table td {
	border:	1px solid black;
	padding: 0.2em;
}

/*Nagłówek tabelki*/
.table_top, .table_top a, .table_top th {
	border-bottom:	2px solid #998458; /*#AFA45A; /*Linia na dol*/
	border-top:	2px solid #998458; /*#AFA45A; /*Linia na lewo*/
	background:	#AFA45A; /*#998458; /*#AFA45A; /*#726B3C; /*AFA45A;*/
	color:		WHITE; /*#0000FF;*/
	font-weight:	normal;
	line-height:	1.6em;
	text-align:	center;
}

/*Link pod kursorem w nagłówki tabelki*/
.table_top a:hover {
	color:	#D7DD51;
	font-weight:	normal;
}

/*Oddzielne właściwości komórki z ceną*/
#cell_price {
	border:	2px solid black;
	text-align:	center;
}

/*Pomocnicza własność dla komórek tabeli bez ramki*/
#no_border {
	border: 0;
}

/*Pomocnicze wyrównanie do prawej*/
#rightalign {
	text-align:	right;
}

/*Pomocnicze wyrównanie do środka*/
#centeralign {
	text-align:	center;
}

/*Oddzielne właściwości komórki tabelki koszyka wyrównanej do prawej*/
#basket_cell_right {
	border:	1px solid black;
	padding: 0.2em;
	text-align:	right;
}

/*Oddzielne właściwości komórki tabelki koszyka wyrównanej do środka*/
#basket_cell_center {
	border:	1px solid black;
	padding: 0.2em;
	text-align:	center;
}

/*Stopka*/
.footer {
	padding-top:	1em;
	padding-bottom:	0.5em;
	font-size:	0.8em;
	font-weight:	bold;
	text-align:	center;
	width:	100%;
	line-height:	1.1em;
	vertical-align:	bottom;
}

/*Tekst zwracający uwagę*/
.caution {
	font-weight:	bold;
	color:	#FF0000;
	letter-spacing:	0.2em;
	border:	2px solid #0000FF; /*Ramka*/
	text-align:	center;
	width:	520px;
}

/*Tekst zwracający uwagę pod kursorem - tylko w Mozilli*/
.caution:hover {
	background:	#0000FF;
}

/*Koniec elementów składowych*/