a {text-decoration: none; font-weight: normal; color: #ff8027}
a:hover {text-decoration: underline}
html, body {margin: 0; padding: 0}
acronym {cursor: help; border-bottom: 1px #333 dashed}
blockquote {font-style: italic}
blockquote p.autor {text-align: right; font-weight: bold}
body {border-top: 5px #242f58 solid; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #444}
h1, h2 {font: bold 18px Verdana, Arial, Helvetica, sans-serif}
input.text, textarea {background: white; border: 1px #d0d0d0 solid; padding: 2px 5px}
input.text:focus, textarea:focus {background: #f9f9f9; border: 1px #b0b0b0 solid; color: #006699}
p.error {color: #CC3300}
q {font-style: italic}
q:before {content: no-open-quote}
q:after {content: no-close-quote}

.clear {clear: both}

#container {
	width: 776px; margin: 0 auto;
	background: #f9f9f9; text-align: left;
}

#top {margin: 0; padding: 0; position: relative}
#top a {
	display: block; width: 742px; height: 96px;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif; text-align: center;
}
#top span {
	position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;
	background: url(img/top.jpg) 16px 0 no-repeat;
}

/*
	MENU
*/	
#menu {
	margin: 0 auto; padding: 0 0 0 5px; width: 100%; height: 66px; margin-left: 16px; 
	display: block; position: relative;
	list-style: none; background: url(img/menu_bg.jpg) top left no-repeat;
}
#menu li {
	float: left; margin-top: 12px; padding-left: 10px; 
	border-right: 1px #394368 solid;
}
#menu li a {color: white}
#menu li a:hover {font-weight: bold; text-decoration: none}
#menu #submenu_produkty {
	position: absolute; top: 0; left: 0; width: 500px; margin: 25px 0 0 0; padding: 5px 0 10px 38px;
	list-style: none; border: 0;
}
#menu #submenu_produkty li {border-right: 1px #435476 solid}
#menu #menu_stronaGlowna {width: 95px; border: 0}
#menu #menu_produkty {
	width: 65px; height: 23px; margin-top: 0; padding-top: 12px;
	background:url(img/menu_element_active.jpg) top left no-repeat; border: 0;
}
	#menu_plytyCd {width: 60px}
	#menu_plytyDvd {width: 65px}
	#menu #menu_produkty #menu_ksiazki {width: 55px; border: 0}
	
#menu_twojKoszyk {width: 82px}
#menu_twojeKonto {width: 85px}
#menu_logowanie {width: 69px}
#menu_rejestracja {width: 75px}
#menu_platnosci {width: 59px}
#menu #menu_kontakt {width: 50px}

#menu li.last {border: 0}
/*
	Nawigacja
*/
#navbar {
	width: 515px; height: 22px; padding: 8px 0 0 20px; float: left; margin-left: 16px;
	background: url(img/navbar.jpg) top left no-repeat;
}
#navbar a {color: #333; font-weight: bold}

#login {
	height: 20px; padding-top: 8px; float: right; width: 195px; margin-right: 15px; padding-left: 15px;
	background: url(img/logowanie.jpg) top left no-repeat; text-align: left; color: white; overflow: hidden;
}
#login a {color: white; font-weight: bold}

/*
	Content
*/
#content {
	float: left; width: 525px; margin: 2px 0 0 16px; min-height: 20em;
	background: #f2f2f2;
}

#sidebar {float: right; width: 210px; margin-right: 15px}
#sidebar h2 {font-size: 16px}
/*
	Wyszukiwarka
*/
#search {background-color: #25335a; padding: 0 0 15px 0; color: white;}
#search h2 {position: relative; margin: 2px 0 0 0; padding: 0; height: 41px}
#search h2 span{
	position: absolute; top: 0; left: 0; width: 100%; height: 41px;
	background: url(img/search.jpg) top left no-repeat;
}
#search form {margin: 0}
#search input {border: 0; margin-left: 20px; width: 160px; padding: 2px 5px; display: block}
#search input.submit {height: 20px; width: 63px; display: block; margin: 10px 0 0 121px}

/*
	Twoj koszyk
*/
#twoj_koszyk {background-color: #f2f2f2; padding: 0 0 1em 0}
#twoj_koszyk h2 {position: relative; height: 48px; width: 210px; margin: 0; padding: 0 0 10px 0}
#twoj_koszyk h2 span {
	position: absolute; top: 0; left: 0; height: 100%; width: 100%;
	background: url(img/twoj_koszyk.jpg) 0 0 no-repeat
}
#twoj_koszyk a.zrealizuj {display: block; position: relative; width: 147px; height: 20px; margin: 0 auto}
#twoj_koszyk a.zrealizuj span {
	position: absolute; top: 0; left: 0; height: 100%; width: 100%;
	background: url(img/zrealizuj_zamowienie.jpg) 0 0 no-repeat; cursor: pointer;
}
#twoj_koszyk a {font-weight: bold}
#twoj_koszyk input.text {width: 15px}
#twoj_koszyk table {width: 200px; margin: 0 auto 15px auto}
#twoj_koszyk td form {margin: 0; padding: 0}
#twoj_koszyk td.price {text-align: right; font-weight: bold}
#twoj_koszyk td.suma {text-align: right; border-top: 1px #d5d5d5 solid; padding-top: 5px}

/*
	Sposoby platnosci
*/
#sposoby_platnosci {padding-bottom: 5px; text-align: center; background-color: #f2f2f2}
#sposoby_platnosci h2 {position: relative; margin: 0; padding: 0; height: 51px}
#sposoby_platnosci h2 span {
	position: absolute; top: 0; left: 0; width: 100%; height: 51px;
	background: url(img/sposoby_platnosci.jpg) top left no-repeat;
}

#sposoby_platnosci img {display: block; margin: 10px auto}

/*
	Moje strony
*/
#moje_strony {padding-bottom: 5px; text-align: center; background-color: #f2f2f2}
#moje_strony h2 {position: relative; margin: 0; padding: 0; height: 51px}
#moje_strony span {
	position: absolute; top: 0; left: 0; width: 100%; height: 50px;
	background: url(img/moje_strony.jpg) top left no-repeat;
}

/*
	Stopka
*/
#footer {
	clear: both; padding: 15px 0 0 0; margin-left: 16px; width: 745px; height: 60px;
	background: url(img/footer.jpg) 0 15px no-repeat;
}
#footer ul {
	display: inline; margin: 30px 0 0 0; padding: 0; width: 510px; float: left;
	list-style: none;
}
#footer li {
	display: inline; padding: 0 10px 0 5px; margin: 0;
	border-right: 1px #d6d6d6 solid;
}
#footer li.last {border: none}
#footer p {margin-top: 17px; padding: 0; width: 225px; float: right; text-align: center}


/********************************************************************************************/
/*
	Nawigacja wyników
*/
.navigationResults {
	margin: 2em 0; padding-top: 1em; clear: both;
	text-align: center; border-top: 1px #E0E0E0 solid}
.navigationResults a {padding-left: 10px; font-weight: bold}
.navigationResults a.current {color: #333}

/***********************************************************************/
/*
	Produkt
*/
.product {
	margin: 0; padding: 0 10px 1em 15px; clear: both;
	background: url(img/content_bg.jpg) top left no-repeat
}

/* tytul */
.product h1.title {
	margin: 0; padding: 18px 0 15px 20px; width: 480px;
	background: url(img/arrow.jpg) 0 24px no-repeat; text-align: left
}
.product h1.title a {font-size: 18px; font-weight: bold; color: #444}

/* cena oraz przyciski */
.product .priceButtons {margin: 15px 0 0 20px; height: 40px}
.product .priceButtons div {float: left; font-weight: bold}
.product .priceButtons div span {font-size: 18px; font-weight: bold; color: #ff8027}
.product .priceButtons a {position: relative; display: block; float: right}
.product .priceButtons a:hover {text-decoration: none}
.product .priceButtons a span {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	cursor: pointer
}
.product .priceButtons a.pobierzFragment {width: 130px; height: 20px; margin-right: 10px}
.product .priceButtons a.pobierzFragment span {background: url(img/pobierz_fragment.jpg) 0 0 no-repeat}
.product .priceButtons a.doKoszyka {width: 89px; height: 20px; margin-right: 10px}
.product .priceButtons a.doKoszyka span {background: url(img/do_koszyka.jpg) 0 0 no-repeat}


/* okladka */
.product .cover {float: left; margin: 0 15px 5px 20px; clear: both; display: inline}
.product .cover img {border: 1px #d0d0d0 solid}

/* informacje: kategoria i cena */
.product .info {
	margin: 0 0 15px 0; float: right; width: 250px; display: inline;
	background: url(img/category_bg.jpg) 0 0 no-repeat
}
.product .info .category {float: left; margin: 5px 0 0 5px; display: inline;}
.product .info .category a {color: #444; font-weight: bold}
.product .info .price {float: right; font-size: 18px; font-weight: bold; color: #ff8027}

/* opis produktu */
.product .description {clear: right; margin-left: 20px; margin-top: -1em}
.product .description ul, .product .description ol {
	position: relative; left: 30px; margin-right: 30px; margin-left: 0; padding: 0;
}

/* przyciski */
.product .buttons {float: right; margin-bottom: 30px}
.product .buttons a {position: relative; display: block; float: left}
.product .buttons a:hover {text-decoration: none}
.product .buttons a span {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	cursor: pointer
}
.product .buttons a.czytajDalej {width: 88px; height: 20px; margin-right: 10px}
.product .buttons a.czytajDalej span {background: url(img/czytaj_dalej.jpg) 0 0 no-repeat}
.product .buttons a.doKoszyka {width: 89px; height: 20px; margin-right: 10px}
.product .buttons a.doKoszyka span {background: url(img/do_koszyka.jpg) 0 0 no-repeat}


/***************************************************************************/
/*
	Logowanie
*/
.logowanie {
	margin: 0; padding: 1em 0 7em 15px;
	background: url(img/content_bg.jpg) top left no-repeat}
.logowanie h1 {
	margin: 0; padding: 18px 0 0 20px; width: 480px;
	background: url(img/arrow.jpg) 0 24px no-repeat; text-align: left;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #444}	
.logowanie h2 {
	padding: 0 0 5px 20px; margin: 2em 20px 0 0;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}
.logowanie p {margin: 1em 30px}
.logowanie form {margin: 3em 0 3em 100px}
.logowanie form div {clear: both}
.logowanie form label {width: 50px; float: left; padding-top: 7px; margin-top: 5px}
.logowanie form input.text {width: 150px; margin: 0; margin-top: 5px}
.logowanie form input.submit {margin-top: 0.5em; margin-left: 147px}
.logowanie a.zaloz_konto {width: 147px; height: 20px; margin: 2em 0 2em 162px; position: relative; display: block}
.logowanie a.zaloz_konto span {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background: url(img/register.jpg) 0 0 no-repeat;
}

.logowanie .lostPassword {margin: 0; width: 200px; text-align: right}

/*********************************************************************/
/*
	Rejestracja
*/
.register {
	margin: 0; padding: 1em 0 0 15px;
	background: url(img/content_bg.jpg) top left no-repeat}
.register h2 {
	padding: 0 0 5px 20px; margin: 2em 20px 1em 0;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}
.register form {margin-bottom: 2em}
.register p {text-align: center}
.register p.info {margin-top: 2em}
.register h2.informacjePodstawowe {margin-top: 1em}
.register form label {width: 150px; float: left; padding: 7px 15px 0 0; margin-top: 5px; text-align: right}
.register form input.text {width: 200px; margin: 0; margin-top: 5px}
.register form input.submit {margin-top: 0.5em; margin-left: 229px}

/*****************************************************************/
/*
	Kontakt
*/
.contact {
	margin: 0; padding: 1em 0 0 15px;
	background: url(img/content_bg.jpg) top left no-repeat}
.contact h1 {
	padding: 0 0 5px 20px; margin: 2em 20px 1em 0;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}
.contact address {margin: 2em 0 0 100px; font-style: normal}

/****************************************************************/
/*
	O nas
*/
.about {
	margin: 0; padding: 1em 30px 0 15px;
	background: url(img/content_bg.jpg) top left no-repeat}
.about h1 {
	padding: 0 0 5px 20px; margin: 2em 20px 1em 0;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}
.about p {text-align: justify; text-indent: 2em}
.about p.short {text-indent: 0}
.about li {text-align: justify; margin-top: 1em}

/****************************************************************/
/*
	Polityka prywatnosci
*/
.privacy {
	margin: 0; padding: 1em 30px 0 15px;
	background: url(img/content_bg.jpg) top left no-repeat}
.privacy h1, .privacy h2 {
	padding: 0 0 5px 20px; margin: 2em 20px 1em 0;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}
.privacy p {text-align: justify; text-indent: 2em}

/**************************************************************/
/*
	Regulamin
*/
.rules {
	margin: 0; padding: 1em 30px 0 15px;
	background: url(img/content_bg.jpg) top left no-repeat}
.rules h1, .rules h2 {
	padding: 0 0 5px 20px; margin: 2em 20px 1em 0;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}
.rules p {text-align: justify; text-indent: 2em}
.rules li {margin-top: 1em}

/*************************************************************/
/*
	Platnosci
*/
.payment {
	margin: 0; padding: 1em 30px 0 15px;
	background: url(img/content_bg.jpg) top left no-repeat}	
.payment h1 {
	padding: 0 0 5px 20px; margin: 2em 20px 1em 0;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}
.payment img {border: 1px #ddd solid}
.payment dl {width: 200px; float: left; margin: 0 0 1em 40px; display: inline}
	.payment dt {height: 70px; display: table-cell; vertical-align: middle; text-align: center; width: 200px}
	.payment dd {margin: 1em 0}

/************************************************************/
/*
	Koszyk
*/
.shoppingCart {
	margin: 0; padding: 1em 30px 0 15px;
	background: url(img/content_bg.jpg) top left no-repeat}	
.shoppingCart h1 {
	padding: 0 0 5px 20px; margin: 2em 20px 1em 0;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}
.shoppingCart ul.navigation {
	margin: 1em 0 auto; padding: 0; display: block; 
	background-color: white; list-style: none;
}
.shoppingCart ul.navigation li {
	float: left; display: block; padding: 5px 5px 0 10px; height: 19px; 
	background-color: white; font-weight: bold;
}
.shoppingCart ul.navigation li.current {
	padding-right: 16px;
	background: #26345b url(img/koszyk_strzalka.jpg) top right repeat-y; color: white; 
}
.shoppingCart ul.navigation li.complete {background-color: #26345b}
.shoppingCart ul.navigation li a {color: white; font-weight: bold}
.shoppingCart ul.navigation li a:hover {border-bottom: 1px #fff solid; text-decoration: none}

.zawartoscKoszyka {clear: both; margin-top: 2em; width: 480px}
.zawartoscKoszyka th {
	padding: 5px 10px;
	background-color: #e0e0e0; font-weight: bold}
.zawartoscKoszyka td {padding: 8px 10px; border-bottom: 1px #e0e0e0 solid}
.zawartoscKoszyka td a {color: #444; font-weight: bold}
.zawartoscKoszyka form {margin: 0; padding: 0}
.zawartoscKoszyka input.text {width: 15px}
.zawartoscKoszyka .count {text-align: right; width: 30px}
.zawartoscKoszyka .price {text-align: right; width: 70px}
.zawartoscKoszyka .option {text-align: right; width: 30px}
.zawartoscKoszyka .option a {position: relative}
.zawartoscKoszyka .option a span {
	position: absolute; top: 0; left: 0; width: 30px; height: 100%;
	background: #F0F0F0 url(img/usun.jpg) center center no-repeat; cursor: pointer}
.zawartoscKoszyka .razem {text-align: right; margin-top: 2em; border: 0}

.shoppingCartInfo {
	margin: 2em 0; padding: 2em 15px 2em 15px;
	background: url(img/content_right_bg.jpg) top left no-repeat; border-top: 1px #e5e5e5 solid}
.shoppingCartInfo .buttons {margin: 0 auto 3em auto; width: 220px}
.shoppingCartInfo .buttons a {display: block; float: left; position: relative; margin-left: 10px}
.shoppingCartInfo .buttons a span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer}
.shoppingCartInfo .buttons .kontynuuj {width: 133px; height: 20px}
.shoppingCartInfo .buttons .kontynuuj span {background: url(img/kontynuuj_zakupy.jpg) 0 0 no-repeat}
.shoppingCartInfo .buttons .dalej {width: 54px; height: 20px; }
.shoppingCartInfo .buttons .dalej span {background: url(img/dalej.jpg) 0 0 no-repeat}
.shoppingCartInfo p img.usun {display: block; float: left; margin-right: 10px}

/*************************************************************************/
/*
	Formularz zamowienia
*/
.shopping_step2 {margin: 3em 0; padding: 1em 30px 0 15px}
.shopping_step2 h2 {
	padding: 0 0 5px 20px; margin: 2em 20px 1em 0;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}
.shopping_step2 form {margin-bottom: 2em}
.shopping_step2 form label {width: 150px; float: left; padding: 7px 15px 0 0; margin-top: 5px; text-align: right}
.shopping_step2 form label.require {color: #CC3300}
.shopping_step2 form input.text {width: 200px; margin: 0; margin-top: 5px}
.shopping_step2 form input.submit {margin-top: 0.5em; margin-left: 229px}
.shopping_step2 form textarea {width: 200px; margin: 0; margin-top: 5px}
.shopping_step2 .buttons {padding: 2em 0; width: 150px; margin: 0 auto}
.shopping_step2 .buttons a {display: block; position: relative; float: left; height: 20px}
.shopping_step2 .buttons a span {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.shopping_step2 .buttons .cofnij {width: 58px}
.shopping_step2 .buttons .cofnij span {background:url(img/cofnij.jpg) 0 0 no-repeat}
.shopping_step2 .buttons .image {width: 54px; margin-left: 10px}
.shopping_step2 p.error {text-align: center; font-weight: bold}

/**************************************************************************/
/*
	Platnosci
*/
.shopping_step3 {margin: 3em 0; padding: 1em 30px 0 15px}
.shopping_step3 h2 {
	padding: 0 0 5px 20px; margin: 2em 20px 1em 0;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}
.shopping_step3 div, .shopping_step3 dl {margin-left: 50px; padding-top: 5px}
.shopping_step3 dl dt {margin-top: 1em; font-weight: bold}
.shopping_step3 dl dd {margin-top: 1em}
.shopping_step3 .buttons {padding: 2em 0; width: 150px; margin: 0 auto}
.shopping_step3 .buttons a {display: block; position: relative; float: left; height: 20px}
.shopping_step3 .buttons a span {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.shopping_step3 .buttons .cofnij {width: 58px}
.shopping_step3 .buttons .cofnij span {background:url(img/cofnij.jpg) 0 0 no-repeat}
.shopping_step3 .buttons .image {width: 54px; margin-left: 10px}
.shopping_step3 p.error {font-weight: bold}

/***************************************************************************/
/*
	Link do AllPay
*/
.shopping_step4 {margin: 3em 0; padding: 1em 30px 0 15px}
.shopping_step4 h2 {
	padding: 0 0 5px 20px; margin: 2em 20px 1em 0;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}
.shopping_step4 .buttons {padding: 2em 0; width: 250px; margin: 0 auto}
.shopping_step4 .buttons a {display: block; position: relative; float: left; height: 20px}
.shopping_step4 .buttons a span {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.shopping_step4 .buttons .cofnij {width: 58px}
.shopping_step4 .buttons .cofnij span {background:url(img/cofnij.jpg) 0 0 no-repeat}
.shopping_step4 .buttons .image {width: 147px; margin-left: 10px}

/***************************************************************************/
/*
	Gratisowy fragment produktu
*/
.fragment {
	margin: 0; padding: 1em 30px 0 15px;
	background: url(img/content_bg.jpg) top left no-repeat}
.fragment h1 {
	margin: 0 0 1em 0; padding: 18px 0 0 20px; width: 480px;
	background: url(img/arrow.jpg) 0 24px no-repeat; text-align: left;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #444}	
.fragment h2 {
	padding: 0 0 5px 20px; margin: 2em 20px 1em 0;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}
.fragment p.download {text-align: center}
.fragment p.download a {font-weight: bold}

/***************************************************************************/
/*
	Wyszukiwarka
*/
.searchPage {
	margin: 0; padding: 1em 30px 0 15px;
	background: url(img/content_bg.jpg) top left no-repeat}
.searchPage h2 {
	padding: 0 0 5px 20px; margin: 2em 20px 1em 0;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}

/************************************************************************/
/*
	Twoje konto
*/
.account {
	margin: 0; padding: 1em 30px 0 15px;
	background: url(img/content_bg.jpg) top left no-repeat}
.account .komunikat p {text-align: center; font-weight: bold; font-size: 14px}
.account h2 {
	padding: 0 0 5px 20px; margin: 2em 20px 1em 0;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}
.account p.error {text-align: center; font-weight: bold}
.account form {margin-bottom: 2em}
.account form label {width: 150px; float: left; padding: 7px 15px 0 0; margin-top: 5px; text-align: right}
.account form label.require {color: #CC3300}
.account form input.text {width: 200px; margin: 0; margin-top: 5px}
.account form input.submit {margin-top: 0.5em; margin-left: 313px}

/***********************************************************************/
/*
	Panel administratora
*/
.admin {
	margin: 0; padding: 1em 30px 2em 15px;
	background: url(img/content_bg.jpg) top left no-repeat}
.admin h1 {
	margin: 0 0 1em 0; padding: 18px 0 0 20px; width: 480px;
	background: url(img/arrow.jpg) 0 24px no-repeat; text-align: left;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #444}	
.admin h2 {
	padding: 0 0 5px 20px; margin: 3em 20px 1em 0; clear: both;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}
	
/* nawigacja */
.admin ul.navigation {
	margin: 1em auto 1em auto; padding: 0; display: block; width: 420px;
	background-color: white; list-style: none;
}
.admin ul.navigation li {
	float: left; display: block; padding: 5px 5px 0 10px; height: 19px; 
	background-color: white; font-weight: bold;
}
.admin ul.navigation li.current {
	padding-right: 16px;
	background: #26345b url(img/koszyk_strzalka.jpg) top right repeat-y; color: white; 
}
.admin ul.navigation li.complete {background-color: #26345b}
.admin ul.navigation li a {color: white; font-weight: bold}
.admin ul.navigation li a:hover {border-bottom: 1px #fff solid; text-decoration: none}
	
.admin p.error {font-weight: bold; text-align: center; margin: 0; padding-top: 1em; clear: both}
.admin p.message {font-weight: bold; text-align: center; margin: 2em; color: red; font-size: 13px}
.admin form {margin-bottom: 2em}
.admin form label {width: 150px; float: left; padding: 7px 15px 0 0; margin-top: 5px; text-align: right}
.admin .require {color: #CC3300; font-weight: normal}
.admin form label.checkbox {float: left; width: auto; margin-left: 10px; text-align: left}
.admin form input.text {width: 200px; margin: 0; margin-top: 5px; float: left}
.admin form input.file {
	width: 250px; margin: 0; margin-top: 5px; float: left;
	background-color: #fff; border: 1px #d0d0d0 solid}
.admin form input.checkbox {margin-left: 140px; margin-top: 1em; float: left}
.admin form select {width: 200px; margin: 0; margin-top: 5px; float: left}
.admin form input.submit {margin-top: 2em; margin-left: 400px}
.admin form div {clear: both}
.admin span.help {padding: 2px 4px; background-color: #E0E0E0; font-weight: bold; cursor: help; color: #444}
.admin span.help:hover {background-color: orange}
.admin form div span.help {
	display: inline; float: left; margin: 8px 0 0 5px}


.admin .buttons {padding: 2em 0; width: 250px; margin: 0 auto; clear: both}
.admin .buttons a {display: block; position: relative; float: left; height: 20px; margin-left: 10px}
.admin .buttons a span {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.admin .buttons .cofnij {width: 58px}
.admin .buttons .cofnij span {background:url(img/cofnij.jpg) 0 0 no-repeat}
.admin .buttons .zapisz {width: 63px}
.admin .buttons .zapisz span {background:url(img/zapisz.jpg) 0 0 no-repeat}

.admin table {width: 100%; background-color: #f2f2f2}
.admin th {
	background-color: #e0e0e0; font-weight: bold}
.admin td {border-bottom: 1px #e0e0e0 solid; background-color: #f2f2f2}
.admin .show {color: green}
.admin .hide {color: red}

.admin caption {
	padding: 1em 0;
	font: normal 26px Georgia, serif; text-align: center}
.admin td, .admin th {padding: 2px 5px}
.admin td.id, .admin th.id {width: 30px}
.admin td.options, .admin th.options {text-align: center; width: 60px}
.admin td.options a img {border: 0}
.admin tr.product td {border-bottom: 1px #e0e0e0 solid}
.admin td.count {width: 60px; text-align: center}
.admin td.price {width: 80px; text-align: right}
.admin tr.send td {text-align: right; border: 0}
.admin tr.sum td {text-align: right; border-top: 1px #999 solid; font-weight: bold}
.admin td.data {width: 50px}

.admin dl.order dt {
	float: left; clear: both; width: 150px; display: inline;
	font-weight: bold; text-align: right}
.admin dl.order dd {float: left; margin-left: 20px; width: 300px}
.admin dl.order dd.clear {clear: both; display: inline}


.admin ul.legenda {list-style: none}
.admin ul.legenda li {clear: both; margin-top: 10px}
.admin ul.legenda li img {margin-right: 15px; display: block; float: left}
.admin ul.legenda li img.usun {margin-right: 19px; display: block; float: left}

/*********************************************************************************/
/*
	Przypomnienie hasla
*/
.lostpassword {
	margin: 0; padding: 1em 0 7em 15px;
	background: url(img/content_bg.jpg) top left no-repeat}
.lostpassword h1 {
	margin: 0 0 1em 0; padding: 18px 0 0 20px; width: 480px;
	background: url(img/arrow.jpg) 0 24px no-repeat; text-align: left;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #444}	
.lostpassword h2 {
	padding: 0 0 5px 20px; margin: 2em 20px 0 0;
	background: url(img/arrow.jpg) 0 2px no-repeat; border-bottom: 1px #e5e5e5 solid; 
	font-size: 12px; font-weight: bold}
.lostpassword p {margin: 1em 30px}
.lostpassword p.error {font-weight: bold; text-align: center; margin: 0; padding-top: 1em; clear: both}
.lostpassword form {margin: 2em 0 3em 0}
.lostpassword form div {clear: both}
.lostpassword form label {width: 170px; float: left; padding-top: 7px; margin-top: 5px; text-align: right}
.lostpassword form input.text {width: 200px; margin: 5px 0 0 10px}
.lostpassword form input.submit {margin-top: 0.5em; margin-left: 329px}