@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	}

img {
	border:0;
	}

.end {
	clear:both;
	}

body {
	text-align:center;
	background:#fff;
	}

#page {
	width:970px;
	margin:0 auto;
	text-align:left;
	font:12px Arial, Helvetica, sans-serif;
	}

#head {
	width:970px;
	height:95px;
	background:url(img/head.jpg) no-repeat;
	position:relative;
	top:0;
	left:0;
	margin:0 0 5px 0;
	}

a.main_page {
	display:block;
	width:970px;
	height:95px;
	position:absolute;
	top:0;
	left:0;
	}

#menu {
	width:970px;
	height:49px;
	background:url(img/menu_bg.jpg) no-repeat;
	position:relative;
	top:0;
	left:0;
	margin:0 0 10px 0;
	}

#menu ul {
	list-style-type:none;
	padding:15px 0 0 15px;
	}

#menu ul li {
	display:inline;
	margin:0 10px 0 0;
	}

#menu ul li a {
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}

#menu ul li a:hover, #menu ul li a:active, .produkt h2.delete a:hover, .produkt h2.name a:hover, h2.cart a:hover, .prom_produkt h2.name a:hover, h2.nazwa a:hover, .kol_2 a:hover, .logowanie a:hover, h2.back a:hover {
	text-decoration:underline;
	}

.logowanie {
	position:absolute;
	top:5px;
	left:709px;
	}

.logowanie h2 {
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	}

.logowanie a {
	text-decoration:none;
	color:#f7eadd;
	font:12px Arial, Helvetica, sans-serif;
	}

form#login {
	color:#fff;
	font-weight:bold;
	}

form#login input {
	vertical-align:middle;
	width:65px;
	border:1px solid #e27a11;
	padding:1px;
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	height:13px;
	}

form#login input.ok {
	vertical-align:middle;
	width:30px;
	border:0;
	background:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	}

a.przyp {
	text-decoration:none;
	color:#fadab9;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	}

a.rejestracja {
	text-decoration:none;
	color:#f8d7b6;
	font:13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

a.przyp:hover, a.rejestracja:hover {
	text-decoration:underline;
	}

div.left {
	float:left;
	width:190px;
	margin:0 11px 10px 0;
	background:url(img/panel_bg.jpg) repeat-y;
	}

.box_top, .box_bot {
	width:190px;
	height:15px;
	font-size:0px;
	}

.box_top {
	background:url(img/panel_top.jpg) no-repeat;
	}

.box_bot {
	background:url(img/panel_bot.jpg) no-repeat;
	}

div.center {
	width:572px;
	float:left;
	margin:5px 0 10px 0;
	}

div.right {
	float:right;
	width:190px;
	background:url(img/panel_bg.jpg) repeat-y;
	margin:0 0 10px 0;
	}

#footer {
	clear:both;
	width:970px;
	height:30px;
	text-align:center;
	background:url(img/footer.jpg) no-repeat;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#b4b4b4;
	padding:10px 0 0 0;
	}

#footer a {
	color:#b4b4b4;
	text-decoration:none;
	}

#footer a:hover {
	text-decoration:underline;
	}

h2.b_blue, h2.b_orange, h2.b_red {
	width:152px;
	height:25px;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	padding:6px 10px 0 10px;
	margin:0 0 0 9px;
 	}

h2.b_blue {
	background:url(img/belka_blue.jpg) no-repeat;
	}

h2.b_orange {
	background:url(img/belka_orange.jpg) no-repeat;
	}

h2.b_red {
	background:url(img/belka_red.jpg) no-repeat;
	}

form.ilosc {
	margin:5px 0;
	color:#5657ec;
	}

form.ilosc input {
	width:25px;
	border:1px solid #d5d5dc;
	padding:1px;
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	height:13px;
	}


form#search {
	margin:0 0 10px 9px;
	width:172px;
	}

form#search input {
	width:137px;
	border:1px solid #d5d5dc;
	padding:1px;
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	height:13px;
	}

form#search input.ok2 {
	vertical-align:middle;
	width:30px;
	border:0;
	height: 20px;
	background:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#223463;
	font-weight:bold;
	}
form#newsletter {
	margin:10px 0 10px 9px;
	width:172px;
	}

form#newsletter input {
	width:168px;
	border:1px solid #d5d5dc;
	padding:1px;
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	height:13px;
	margin:0 0 5px 0;
	}

form#newsletter input.ok2 {
	vertical-align:middle;
	width:70px;
	border:0;
	height: 20px;
	background:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#757575;
	font-weight:bold;
	}

form#newsletter input.ok3 {
	vertical-align:middle;
	width:70px;
	border:0;
	height: 20px;
	background:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#5657ec;
	font-weight:bold;
	}

ul.katalog {
	list-style-type:none;
	margin:0 0 20px 9px;
	}


ul.katalog li {
	background:url(img/li1.jpg) no-repeat;
	padding:2px 0 0 18px;
	margin:0 0 5px 0;
	}

ul.katalog li a {
	text-decoration:none;
	color:#5657ec;
	font-weight:bold;
	}

ul.katalog li a:hover {
	color:#1e385c;
	}

ul.katalog ul {
	margin:5px 0 0 0;
	list-style-type:none;
	}

ul.katalog ul li {
	background:url(img/li2.jpg) no-repeat;
	padding:2px 0 0 18px;
	margin:0 0 5px 0;
	}

ul.katalog ul li a {
	color:#1e385c;
	}

ul.katalog ul li a:hover {
	color:#5657ec;
	}

div.tresc {
	width:171px;
	padding:0 8px;
	}

.koszyk, .prom_produkt {
	width:172px;
	margin:0 0 10px 9px;
	}

.grupa {
	width:276px;
	float:left;
	margin:0 9px 10px 0;
	/*_margin:0;*/
	}

.grupa h2 {
	background:url(img/grupa_head.jpg) no-repeat;
	height:24px;
	width:256px;
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	padding:4px 10px 0 10px;
	margin:0 0 5px 0;
	}

.grupa h2 a {
	color:#fff;
	text-decoration:none;
	}

.grupa h2 a:hover {
	text-decoration:underline;
	}

.center .produkt .obrazek {
	width:145px;
	float:left;
	margin:0 6px 6px 0;
	}

.grupa .obrazek {
	width:270px;
	margin:0 6px 6px 0;
	text-align:center;
	}

.grupa .opis{
	float:right;
	width:125px;
	font:12px Arial, Helvetica, sans-serif;
	color:#223463;
	font-weight:bold;
	}

.info {
	text-align:center;
	color:#5d5d5d;
	font:11px Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
	}

.info span {
	color:#5657ec;
	font-weight:bold;
	}

.produkt {
	padding:0 0 3px 0;
	border-bottom:1px solid #dfdfe5;
	margin:0 0 5px 0;
	}

.produkt h2.name, .prom_produkt h2.name {
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 3px 0;
	}

.produkt h2.name a, .prom_produkt h2.name a {
	color:#223463;
	text-decoration:none;
	}

.produkt small {
	display:block;
	font:12px Arial, Helvetica, sans-serif;
	color:#223463;
	}

.produkt h2.delete {
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	}

.produkt h2.delete a {
	color:#9a9a9a;
	text-decoration:none;
	}

h2.zamow {
	text-align:right;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 5px 0;
	}

h2.zamow a {
	text-decoration:none;
	color:#f08c28;
	}

h2.cart {
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	}

h2.cart a {
	text-decoration:none;
	color:#919191;
	}

.prom_produkt {
	padding:0 0 3px 0;
	border-bottom:1px solid #dfdfe5;
	margin:0 0 5px 9px;
	width:172px;
	}

.prom_produkt .obrazek {
	width:70px;
	float:left;
	}

.prom_produkt .obrazek img {
	border:1px solid #223463;
	}

.prom_produkt .cena	{
	width:92px;
	float:right;
	font:12px Arial, Helvetica, sans-serif;
	color:#223463;
	}

.prom_produkt .cena span {
	font-weight:bold;
	color:#5657ec;
	}

.nawigacja {
	margin:0 0 10px 0;
	color:#a1a1a1;
	font-weight:bold;
	font:12px Arial, Helvetica, sans-serif;
	}

.nawigacja a {
	color:#5657ec;
	font-weight:bold;
	text-decoration:none;
	}

.nawigacja a:hover {
	color:#223463;
	}

.center .produkt {
	width:572px;
	margin:0 0 10px 0;
	border:0;
	}

.center .produkt .title {
	background:url(img/produkt_head.jpg) no-repeat;
	height:20px;
	width:552px;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:4px 10px;
	margin:0 0 5px 0;
	}

h2.nazwa, h2.symbol {
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	}

h2.nazwa {
	float:left;
	}

h2.nazwa a {
	text-decoration:none;
	color:#fff;
	}

h2.symbol {
	float:right;
	}

.produkt .opis {
	width:410px;
	float:right;
	font:12px Arial, Helvetica, sans-serif;
	color:#223463;
	font-weight:bold;
	}

.kol_1 {
	width:200px;
	float:left;
	margin:10px 0 0 0;
	color:#5657ec;
	}

.kol_1 span {
	color:#e87400;
	}

.kol_1 span.promocja {
	color:#cf0d00;
	}

.kol_2 {
	width:200px;
	float:right;
	margin:10px 0 0 0;
	text-align:right;
	}

.kol_2 a {
	text-decoration:none;
	color:#5657ec;
	}

h3.add {
	/*background:url(img/koszyk.jpg) no-repeat;*/
	margin:3px 0;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 0 0 25px;
	}

h3.add a {
	background:url(img/koszyk.jpg) no-repeat left;
	padding:3px 0 3px 23px;
	}

/* rejestracja */
.rejestracja strong {
	color:#5657ec;
	}
.rejestracja form {
	margin:0 0 0 10px;
	}

.rejestracja form span {
	width:120px;
	float:left;
	}

.rejestracja form input {
	width:180px;
	vertical-align:middle;
	}

.rejestracja form select {
	width:185px;
	vertical-align:middle;
	}

.rejestracja form p {
	margin:0 0 5px 0;
	}

.rejestracja form input.ok3 {
	vertical-align:middle;
	border:0;
	background:none;
	font:13px Arial, Helvetica, sans-serif;
	color:#5657ec;
	font-weight:bold;
	margin:0 0 0 120px;
	}

h2.naglowek {
	background:url(img/produkt_head.jpg) no-repeat;
	height:20px;
	width:552px;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:4px 10px;
	margin:0 0 5px 0;
	color:#fff;
	}

/* koszyk */
	form.shop {
		font:11px Arial, Helvetica, sans-serif;
		margin:10px 0;
		}

	form.shop tr.odd {
		background:#e0e0ff;
		border-bottom:1px dotted #595959;
		margin:0 0 5px 0;
		}

	form.shop tr.even {
		background:#eeeeee;
		border-bottom:1px dotted #595959;
		}

	form.shop a {
		color:#223463;
		font-weight:bold;
		text-decoration:none;
		}

	form.shop a:hover {
		color:#5657ec;
		}

	form.shop input {
		vertical-align:middle;
		}

	form.shop td, form.shop th {
		text-align:center;
		}

	form.shop td.name {
		text-align:left;
		}

	form.shop tr.header {
		color:#717171;
		}

	input.f-button2 {
		background:#ef8a25;
		font:11px Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#fff;
		margin:5px 0;
		padding:3px;
		border:none;
		}

	input.f-button3 {
		background:#223463;
		font:11px Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#fff;
		margin:5px 0;
		padding:3px;
		border:none;
		}

	input.form-but-red {
		background:#cd150c;
		padding:3px;
		font:11px Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#fff;
		border:none;
		}

.subpage {
	padding:5px;
	line-height:16px;
	}

.subpage ul, .subpage ol {
	margin:5px 25px;
	}

.kolory {
	margin:20px 0 10px 0;
	}

.kolory h2 {
	font:12px Arial, Helvetica, sans-serif;
	color:#5657ec;
	font-weight:bold;
	margin:0 0 5px 0;
	}

/*.kolory img {
	float:left;
	margin:0 5px 5px 0;
	}*/

.kolor {
	min-width:35px;
	float:left;
	margin:0 7px 7px 0;
	font:10px Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	}

.kolor h3 {
	font:10px Arial, Helvetica, sans-serif;
	font-weight:normal;
	}

h2.back {
	clear:both;
	padding:30px 0 0 0;
	font:11px Arial, Helvetica, sans-serif;
	}

h2.back a {
	color:#606060;
	text-decoration:none;
	font-weight:bold;
	}

.opis_g {
	text-align:justify;
	margin:0 0 10px 0;
	color:#223463;
	}
.dodano-info {

	width: 400px;
	text-align:center;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background-color: green;

}

/* info ze produkt zostal dodany do kosza */
.dodano-info {
  font-size: 15px;
  color: white;
  font-weight: bold;
  background-color: #50b450;
  margin: 10px auto;
  text-align: center;
  width: 60%;

}

.dodano-info a  {
  color: yellow;
}

.error {
  font-size: 13px;
  color: white;
  font-weight: bold;
  background-color: #f15102;
  margin: 10px auto;
  text-align: center;
  width: 70%;
}


.grupa2 {
	width:276px;
	float:left;
	margin:0 9px 10px 0;
	min-height:200px;
	}

.grupa2 h2 {
	background:url(img/grupa_head.jpg) no-repeat;
	height:24px;
	width:256px;
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	padding:4px 10px 0 10px;
	margin:0 0 5px 0;
	}

.grupa2 h2 a {
	color:#fff;
	text-decoration:none;
	}

.grupa h2 a:hover {
	text-decoration:underline;
	}

.grupa2 .obrazek {
	width:145px;
	float:left;
	margin:0 6px 6px 0;
	}

.grupa2 .opis{
	font:12px Arial, Helvetica, sans-serif;
	color:#223463;
	font-weight:bold;
	}

.zamowienia tr td {
	padding: 5px;
	font-size: 10px;
	border: 1px splid #fff;
	text-align:center;
}

.zamowienia tr.odd {
	background:#e0e0ff;
	border-bottom:1px dotted #595959;
}

.zamowienia tr.even {
	background:#eeeeee;
	border-bottom:1px dotted #595959;
}

.zamowienia tr.header {
	color:#717171;
	font-size: 10px;
	text-align:center;
	padding: 2px;
}

.stronicowanie {
	margin: 10px auto;
	font-size:12px;
	text-align:center;
}