* {
	padding: 				0;
	margin: 				0;
	box-sizing: 				border-box;
	-moz-box-sizing: 			border-box;
}

/* OGOLNE ---------------------------------------------------------------------------------------------------------------- OGOLNE */

body  {
	font-family:				Verdana,Tahoma,Helvetica,Arial;
	font-size:				11px;
	color:					#94a1b1;
	background:				#3a434b url('../gfx/bg.gif') 0 0 repeat-x;
	line-height:				1.5em;
	scrollbar-arrow-color:			#FFF;
	scrollbar-base-color:			#313840;
}

.clearing {
	clear:					both;
}
.small {
	font-size:				9px;
}

p  {
	padding:				3px 0 8px 0;
	color:					#94a1b1;
	font-size:				11px;
}
h1 {
	color:					#ff5a00;
	font-size:				13px;
	margin:					15px 0 5px 0;
}
h2 {
	color:					#657787;
	font-size:				11px;
	margin:					15px 0 5px 0;
}
h3 { 
	color:					#ff9c00;
	font-size:				12px;
	margin:					5px 0;
	text-align:				center;
	
}
h4 { 
	color:					#000; 
	font-size:				11px; 
	margin:					15px 0 5px 0; 
	padding:				0 0 0 20px;
}
a {
	color: 					#ff5a00; 
	text-decoration:			none;
	font-weight: 				normal;
}
a:hover {
	text-decoration:			underline;
}
ul {
	margin:					10px 0 15px 1px;
	line-height:				15px;
}
li {
	padding:				0 0 8px 25px;
	list-style-type:			none;
	background:				url(../gfx/li.gif) 0 2px no-repeat;
}
a img {
	border:					none;
}
.fl { 
	float:					left;
}
.fr { 
	float:					right;
}
.l_img { 
	float:					left;
	margin:					0 20px 0px 0;
	padding:				0 0 10px 0;
}
.r_img { 
	float:					right;
	margin:					0 10px 10px 15px;
}
.c_img { 
	text-align:				center;
	margin:					0 15px 10px 15px;
}

/*tabelka*/
table {
	font-size:				10px;
	border:					1px solid #313840;
	text-align:				center;
	margin-left:				20px;
	margin-top:				20px;
	margin-bottom:				20px;
	border-collapse:			collapse;	
}
td {
	padding:				4px 10px;
	border:					1px solid #313840;
	text-align:				left;
}
.buttons td {
	text-align:				center;
	padding-top:				8px;
	padding-bottom:				8px;
}
tr.head td,
th {
	background-color:			#313840;
	border:					1px solid #313840;	
	padding:				10px;
	padding-top:				5px;
	padding-bottom:				5px;	
	color:					#FFF;
}
th.first {
	text-align:				right;
}

/*formularze*/
input,textarea,select {
	font-size:				9px;
	margin:					0px;
	padding:				0px;
	font-weight:				normal;
	font-family:				Verdana,Tahoma,Helvetica,Arial;	
}
form {
	display:				inline;
	font-size:				11px;
	font-weight:				normal;
}
textarea {
	border:					1px solid #CACACA;
	font-size:				10px;
	padding:				3px 4px;
	width:					200px;
}
input.text {
	border:					1px solid #CACACA;
	padding:				1px 3px;
	margin:					0;
	width:					140px;
	height:					15px;
}

input.button {
	border:					none;
	background-color:			#ff5a00;
	font-size:				9px;
	font-weight:				bold;
	padding:				2px 4px;
	margin:					0 5px;
	color:					#FFF;
	cursor:					pointer;
}
select {
	color:					#283138;
	font-weight:				normal;
	margin-top:				7px;
	background-color:			#5c666f;
	border:					none;
	font-size:				9px;
	font-family:				Verdana,Tahoma,Helvetica,Arial;
}

/* LAYOUT ---------------------------------------------------------------------------------------------------------------- LAYOUT */

#container {
	width:					927px;
	margin:					0 auto;
}

/* HEADER */

#header {
	height:					220px;
}
#logo {
	width:					205px;
	height:					123px;
	float:					left;
}	
#rest {
	width:					722px;
	float:					left;
	height:					123px;
}
/*login*/
#login-panel {
	color:					#5F6874;
	float:					right;
	text-align:				right;
	padding:				12px 5px 0 15px;
	background:				url('../gfx/bg1.gif') 0 0 repeat-x;
	height:					39px;
	margin:					14px 2px 27px 0;
	*margin: 				14px 2px 15px 0; /* targets IE6 and 7 */
	_margin: 				14px 2px 27px 0; /* targets IE6 */
	
}
*html #login-panel {
	height:					27px;
}
#login-panel input {
	color:					#283239;
	background-color:			#4D5862;
	border-width:				0;
	margin:					0 10px 0 5px;
	padding:				1px;
}
label#login-label {
	padding-left:				20px;
	background:				url('../gfx/login.gif') 0 0 no-repeat;
}
#login-panel button {
	font-size:				9px;
	color:					#7E858F;
	background-color:			transparent;
	border-width:				0;
	padding:				1px 20px 1px 0;
	background:				url('../gfx/zaloguj.gif') right 3px no-repeat;
}
#login-panel button:hover {
	color:					#fff;
	background:				url('../gfx/zaloguj.gif') right -21px no-repeat;
}
/*menu-top*/
#menuTop {
	float:					right;
	height:					33px;
	padding-right:				7px;
	/*margin-top: expression(-12+'px');*/
}
#menuTop ul { 
	list-style-image:			none;
}
#menuTop li {
	list-style:				none;
	background-image:			none;
	margin:					0;
	padding:				0;	
	float:					left;
}
#menuTop div {
	display:				block;
	width:					25px;	
	height:					33px;
	background:				url('../gfx/b_0.gif') 0 0 no-repeat;
}
#menuTop a {
	display:				block;
	width:					113px;	
	height:					33px;
	background-position:			0 0;
	background-repeat:			no-repeat;
}
#menuTop a span {
	display:				none;
}
#menuTop a#item_rejestracja {
	background-image:			url('../gfx/b_5.gif');
}
#menuTop a#item_firma {
	background-image:			url('../gfx/b_1.gif');
}
#menuTop a#item_regulamin{
	background-image:			url('../gfx/b_2.gif');
}
#menuTop a#item_kontakt{
	background-image:			url('../gfx/b_3.gif');
}
#menuTop a#item_koszyk{
	background-image:			url('../gfx/b_4.gif');
	width:					115px;
}
#menuTop a:hover,
#menuTop a.selected {
	background-position:			0 -66px;
}


#sklep {
	background:				url(../gfx/sklep.jpg) center top no-repeat;
	width:					927px;
	height:					60px;
}

/*localiser*/
#localiser {
	background:				url('../gfx/bg2.gif') 0 6px repeat-x;
	color:					#5F6874;
	width:					900px;
	font-size:				10px;
	margin:					5px 0;
}
#localiser span {
	background-color:			#3a434b;
	padding:				2px 10px 2px 20px;
}
#localiser a {
	color:					#5F6874;
	text-decoration:			none;
}
#localiser a#home {
	background:				url(../gfx/home.gif) left top no-repeat;
	padding-left:				17px;
}
#localiser a:hover {
	color:					#ADB7BF;
}


/* MENU -------------------------------------------------------------------------------------------------------------------- MENU */

#menu {
	width:					245px;
	float:					left;
}
/* 1 */
#menu ul { 
	margin:					20px 10px 0 20px;
	list-style-image:			none;
}
#menu ul li {
	background:				none;
	padding:				0;
}
* html #menu ul li {
	height:					1px;
	vertical-align:				bottom;
}
#menu ul li a {
	font-family:				tahoma,verdana,arial,helvetica;
	display:				block;
	font-weight:				bold;
	line-height:				13px;
	font-size:				11px;
	color:					#adb7bf;
	padding:				0 0 8px 25px;
	background:				url(../gfx/li.gif) 0 2px no-repeat;
}
#menu ul li a:hover {
	color:					#fff;
	text-decoration:			none;
}
#menu ul li#selected {
	padding-bottom:				0;
	height:					auto;
}
#menu ul li#selected a {
	color: #ff5a00;
}

/* 2 */
#menu ul li ul { 
	margin:					10px 0px 20px 25px;
	width:					180px;
	color:					#adb7bf;
}
*html #menu ul li ul { 
	margin-left:				0px;
}
#menu ul li ul li {
	margin:					0;
	background:				url(../gfx/line.gif) left bottom repeat-x;
	padding:				0;
	color:					#adb7bf;
	height:					auto;
}
* html #menu ul li ul li {
	height:					1px;
	vertical-align:				bottom;
}
#menu ul li ul li a,
#menu ul li.selected ul li a {
	font-family:				tahoma,verdana,arial,helvetica;
    	display:				block;
	font-weight:				normal;
	line-height:				13px;
	font-size:				11px;
	padding:				10px 25px 14px 0;
	color:					#adb7bf;
	background:				url(../gfx/m.gif) 160px 12px no-repeat;
}
#menu ul li ul li a:hover {
	color:					#ff5a00;
	text-decoration:			none;
	background:				url(../gfx/m.gif) 160px 12px no-repeat;
}
#menu ul li ul li.selected a,
#menu ul li.selected ul li.selected a {
	font-weight:				bold;
	color:					#ff5a00;
	background-position:			160px -133px;
}

/* 3 */
#menu ul li ul li ul { 
	padding:				6px 0;
   	margin:					0;
	list-style-image:			none;
	background:				url(../gfx/line.gif) left bottom repeat-x;
	width:					180px;

}
#menu ul li ul li ul li {
	list-style:				none;
	background-image:			none;
}
* html #menu ul li ul li ul li {
	height:					1px;
	vertical-align:				bottom;
}
#menu ul li ul li ul li a {
	font-family:				tahoma,verdana,arial,helvetica;
	display:				block;
	font-weight:				normal;
	line-height:				12px;
	font-size:				9px;
	padding:				3px 0 3px 20px;
	color:					#fff;
	background-image:			none;
}
#menu ul li ul li ul li a:hover {
	color:					#ff5a00;
	background-image:			none;
}
#menu ul li ul li ul li.selected a,
#menu ul li ul li ul li.selected a:hover {
	color:					#fff;
	background-image:			none;
	font-weight:				bold;
}


/* TRESC ------------------------------------------------------------------------------------------------------------------ TRESC */

#page {
	width:					682px;
	float:					right;
/*	padding:				0 20px 0 62px;*/
	background:				url(../gfx/menu.gif) left top no-repeat;
}
#inner {
	margin: 0 20px 12px 62px;
}
*html #page {
	width:					598px;
}

.main {
	width:					588px;
}
.main img {
	padding:				5px;
	border:					1px solid #2b3239;
	background-color:			#313840;
	margin:					10px 5px;
}
.main img.no_bd{
	border:					none;
	padding:				0;
	margin:					0;	
}

/*rekomendacje/promocje*/
div.rekom {
	float:					left;
	width:					184px;
	padding:				15px 6px;
}
div.rekom h4 {
/*	height:					35px;*/
	margin:					0 0 4px 0;
	padding:				0 7px;
}
div.rekom h4 a {
	font-weight:				bold;
}
div.rekom div.img {
	text-align: center;
}
div.rekom div {
	font-weight: bold;
	color:					#adb7bf;
	font-size:				11px;
	text-align:				left;
	margin:					0;
	padding:				0 7px;
}
div.rekom p.prom {
	color:					#fff;
	text-align:				center;
}
a.szcz,
a.kosz {
	float:					right;
	width:					14px;
	height:					16px;
	margin-right:				10px;
	text-indent:				-9999px;
}
a.szcz {
	background:				url(../gfx/szczegoly.gif) center 2px no-repeat;
}
a.kosz {
	background:				url(../gfx/dokoszyka.gif) center 2px no-repeat;
}
a:hover.szcz,
a:hover.kosz {
	background-position:			center -20px;
}


/*lista kategorii*/

div.kat { width: 588px; margin: 5px 0; text-align: center; }
div.kat img { margin: auto; }
div.kat .tekst { text-align: left; }

div.images {
	float: left;
	width: 120px;
	text-align: center;
	padding: 0 6px 10px 0;
}
div.images img {
	margin-bottom: 0px;	
}
div.tekst {
	float: left;
	width:					460px;
}
div.tekst p {
	width: 100%;
}
div.tekst h1 {
	padding:				0 25px;
	background:				url(../gfx/li.gif) 0 2px no-repeat;
}

/*ceny*/
#ceny {
	width:					350px;
	/*
	overflow:				auto;
	*/
}
#ceny div {
	float:					left;
	font-weight:				bold;
}
#ceny div#prom {
	color:					#fff;
	padding:				0 30px;
}
#cena {
	padding-left:				5px;
}
.old {
	text-decoration:			line-through;
}

/*linki*/
.wiecej {
	float:					right;
	height:					20px;
	background:				url(../gfx/szczegoly.gif) 45px 2px no-repeat;
	padding-right: 25px;
}
.wiecejinfo {
	float:					right;
	height:					20px;
	background:				url(../gfx/szczegoly.gif) 106px 2px no-repeat;
	padding-right: 25px;
}
a:hover.wiecejinfo {
	background-position:			106px -20px;
	text-decoration:			none;
}
* html .wiecejinfo {
	width:					100px;
}
* html .wiecej {
	width:					40px;
}
a:hover.wiecej {
	background-position:			45px -20px;
	text-decoration:			none;
}
.koszyk {
	float:					left;
	display:				block;
	height:					20px;
	background:				url(../gfx/dokoszyka.gif) 105px 2px no-repeat;
	padding-right:				25px;
}
* html .koszyk {
	margin:					0 0 10px 40px;
}
a:hover.koszyk {
	background-position:			105px -20px;
	text-decoration:			none;
}

/*lista produktow*/
.nav {
	width:					598px;
	text-align:				center;
	margin:					15px 0;
}

.nav span {
	margin: 0 2px;	
}

.nav a {
	color:					#94a1b1;
	padding:				0 2px;
}

.nav a img {
	border: 0px;
	margin: 0 2px;
	padding: 0px;
	background: none;	
}

.nav a.selected {
	color:					#fff;
	font-weight:				bold;
}
.nav a:hover {
	color:					#fff;
	text-decoration:			none;
	background-position:			center -16px;
}

div.prod {
	/*
	overflow:				auto;
	*/
	width:					588px;
	margin:					5px 0;
}
div.sep {
	height: 2px;
	background:	url('../gfx/line2.gif') 0 0 repeat-x;
}

div.prod img {
/*	float:					left;*/
}
div.prod img.firma,
img.firma {
	float:					right;
	padding:				0;
	margin:					5px 0 0 0;
	border-width:				0;
}

div.prod div.tekst h1 {
	padding:				0 25px;
	background:				url(../gfx/li.gif) 0 2px no-repeat;
}
div.prod div.tekst h1.promocja {
	padding:				0 25px 10px 25px;
	background:				url(../gfx/promocja.gif) 0 -1px no-repeat;
}
.tekst #ceny {
	margin:					5px 0;
}
.tekst #ceny div {
	font-size:				11px;
	line-height:				12px;
}
.tekst #cena2 {
	padding-bottom: 5px;
	padding-left: 0px;
	/*padding-left:				43px;*/
	width:					290px;
}
.tekst #cena2 h6 {	
	font-size: 11px;
	font-weight: bold;
}

.tekst a.koszyk {
	float:					right;
	margin:					0 20px 0 0;
}

/*produkt*/
.obrazki {
	width:					220px;
	float:					left;
}

.opis {
	width:					350px;
	float:					right;
	padding:				10px 0;
}
.opis h3 {
	text-align:				left;
	margin-bottom:				0;
	line-height:				12px;
}
h6 {
	color:					#fff;
	letter-spacing:				1px;
	font-size:				9px;
	font-weight:				normal;
	line-height:				12px;
	margin-top: 2px;
}
.opis #ceny {
	margin:					20px 0;
}
.opis #ceny div {
	font-size:				15px;
}
.opis #cena2 {
	padding-bottom: 10px;
	padding-left: 0px;
	/*padding-left:				55px;*/
	width:					290px;
}
.opis a.wiecej {
	margin-bottom:				10px;
}
.opis a.koszyk {
	margin:					0 0 10px 80px;
}

/*tabelka produktow*/
.produkt {
	width: 100%;
	margin: auto;	
}
.produkt img {
	padding:				0;
	margin:					0 10px;
	border:					none;
}

.produkt input.number {
	border:					none;
	width:					20px;
	background-color:			#5c666f;
}
.produkt input.kosz {
	border: none;
	width:					14px;
	height:					16px;
	background:				url(../gfx/dokoszyka.gif) center 2px no-repeat;
	margin-left:				5px;
	cursor: pointer;
}
.produkt input:hover.kosz {
	background-position:			center -20px;
}

#dost {
	float:					left;
	width:					14px;
	height:					16px;
}
.dost-0 {
	background:				url(../gfx/dost-0.gif) center 3px no-repeat;
}
.dost-3 {
	background:				url(../gfx/dost-3.gif) center 3px no-repeat;
}
.dost-14 {
	background:				url(../gfx/dost-14.gif) center 3px no-repeat;
}
.dost-x {
	background:				url(../gfx/dost-x.gif) center 3px no-repeat;
}
/* FOOTER ---------------------------------------------------------------------------------------------------------------- FOOTER */

/*banery(glowna)*/
#baners {
	padding:				25px 0 0 0;
	text-align:				center;
}
#baners span {
	float:					left;
	margin:					0 0 10px 45px;
}

/*nawigacja*/
#nav_bot {
	text-align:				right;
	padding:				0 30px 0 15px;
}
#nav_bot a{
	color:					#adb7bf;
	padding:				0 20px 0 20px;
	font-size:				9px;
	background:				url(../gfx/n.gif) top right no-repeat;
}

/*adres*/
#adres {
	background:				url(../gfx/ring.gif) 0 0 repeat-x;
	padding:				20px 0 0 0;
	margin:					10px 0 0 0;
	text-align:				center;
	color:					#657787;
	font-size:				11px;
	font-family:				tahoma,Verdana, Arial, Helvetica, sans-serif;
}

/*stopka*/
#footer {
	background:				url('../gfx/f.gif') 0 0 repeat-x;
	margin:					20px 0 0 0;
	padding:				20px 30px;
}
#best {
	float:					right
}
#best a{
	color:					#94a1b1;
}

/* insane */
.staticInfo {
	display: block;
	padding: 40px 40px;
	text-align: center;	
}

.staticInfo p {
	margin-bottom: 20px;
	font-weight: normal;
	text-align: center;	
}

.basket .num input {
	width: 40px;
}

.basket .num img {
	border: 0px;
	padding: 0 0 2px 0;
	margin: 0px;
	vertical-align: middle;
}

#popup {
	float: left;
	padding: 20px;
	background-image: none;
}

#popup .buttons {
	margin-top: 20px;
	text-align: center;
}
.desc {
	margin-top: 12px;
	margin-bottom: 12px;
}
.al_center {
	text-align: center;
}

.cat_desc { width: 270px; margin: 0 0 0 5px; }

/*.opinion {
margin:0 10px;
padding:5px 2px;
}
*/
.paginate {
	text-align: center;
}
.opinion {
	text-align: left;
}
p.opinion_cust{
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 10px;
}
p.mark {
	font-weight: bold;
	font-size: 11px;
	
}
.nav span.selected {
color:#FFFFFF;
font-weight:bold;
}

/* insane */
p.answer { margin-left: 20px; font-style: italic; font-size: 10px; }
img.sep { margin: 20px 0; }
a.addOpinion { float: right; background: url('../gfx/opinion.gif') top right no-repeat; margin-top: 10px; padding-right: 20px; }
p.added { font-size: 9px; margin-top: -10px; }
p.stars { margin-left: -4px; }