/* Art-Page Design*/
div#FooterArtPage {
	float: right;
	clear:both;
	text-align:right;
	font-size: 12px;
	width: auto;
	height: 35px;
	color: #999;
	padding:0;
	margin:0;
}
a.link-design:link, a.link-design:visited{
	text-decoration: none;
	font-size: 12px;
	color: #E6C885;	
}

a.link-design:hover{
	text-decoration: none;
	font-size: 12px;
	color: OrangeRed;
}
/* END Art-Page Design*/

h4 {
	padding: 0;
	margin:0;
}
body {
	color:#51626F;
	color: #4E6172;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	background: #A7B0B9;
}

div {
	margin:      0px;
	padding:     0px;
	font-weight: normal;
	font-style:  normal;
	margin: 	 0px;
}

#error, .error {
	font-weight: normal;
	font-style:  normal;
	color:       white;
	background: Salmon;
	font-weight:normal;
	padding: 6px;
	width: 90%;
		
}

a {
	font-weight:bold;
	letter-spacing:0px;
	line-height:12pt;
	text-decoration:none;
	color: #51626f;
	color: #4E6172;
}
a:hover {
	color:           SteelBlue;
	color: 			 #CC99CC;
	text-decoration: underline;	
}

table {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:   	12px;
	margin:         0px;
	padding:        0px;
	border:         0px solid black;
	width:			100%;
	color:			white;
	text-align:		left;
	font-weight:	normal;
}

tr {
	margin:         0px;
	padding:        0px;
	color:			black;
	text-align:		center;
}

td {
	margin:         0px;
	padding:        1px 5px;
	border:			0px solid White;
	color: 			black;
	vertical-align:	middle;
}
tr.error td,
tr td.table_error {
	border-bottom: 10px solid transparent;
}

td a {
	color: blue;
}
td a:hover {
	color:	red;
}

table .wiersz_1{
	background:url("img/x_wiersz.png") no-repeat scroll 0 0 transparent;	
	border:1px solid #686E72;
	color: #A7A7A7;	
}
table .wiersz_2{
	background:url("img/x_wiersz.png") no-repeat scroll 0 0 transparent;	
	border:1px solid #686E72;
	color: #A7A7A7;	
}
.table_nodata{
	color: 		Crimson;
	text-align:	center;
}
.table_etykieta{
	color:black;
	font-weight:bold;
	text-align:right;
	width: 200px;
}
.table_etykieta_text{
	text-align: justify;
}
.table_element{
	color: 		#303030;	
	text-align: left;	
	
}
.table_error{
	color: 		red;	
	text-align: left;	
}
table h4 {
	text-align: center;
	background: Yellow;
	margin: 5px;
	border: 0px white solid;
	font-weight:bold;
	font-size: 13px;
	display:block;
	padding: 5px;
	background:	 #ffdd7b url('img/x_panel.png') repeat-x;	
	font-family: Tahoma, Geneva, sans-serif;	
}
.wiersz_1{
	color:#606060;
	margin:0 0 10px;
}
.wiersz_2{
	color:#606060;
	margin:0 0 10px;
}

#produkty_wiersz_1{
	background: #FAFAFA;
	background: none;	
}
#produkty_wiersz_1{
	background-color: #F1F1F1;
	background: none;		
}

input[type="image"] { 
	width:auto;
	padding: 0;
}

input[type="checkbox"] { 
	width:auto;
	border: 1px solid blue; 
}
input.validate {
	border: 1px solid Salmon;
}
input.validate_code {
	font-size:13px;
	font-weight:bolder;
	height:20px;
	width:65px;
	vertical-align:top;
}
input {
	background-color:AliceBlue;
	border:1px solid #999999;
	color:#4E6172;
	font-size:10px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	width: 90%;	
	padding:5px;
	text-decoration:
}

textarea {
	background-color:AliceBlue;
	border:1px solid #999999;
	color:#4E6172;
	font-size:10px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	width: 90%;	
	padding:5px;
}
select {
	background-color:AliceBlue;
	border:1px solid #999999;
	color:#4E6172;
	font-size:10px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	width: 90%;	
	padding:5px;
}

button {
	border: 1px solid #006;
	background: #9cf;
}

br {
	clear: left;
}
img {
	border: none;
	margin:0;
	padding:0;
}

div#kontakt{
	position:absolute;
	left:60px;
	top:190px;
	width:170px;
	height:120px;
	color: #600;
}


/* BASE SETTINGS */
#flash{
	display: none;
}
#wrap{
  position:    	relative; 
  top:		   	0px;
  width:	   	827px;
  height: 	   	auto;
  font-size:	11px;
  font-weight: 	normal; 
  font-style:  	normal;
  margin: 		0 auto;
  z-index:		20;
  line-height: 	120%;
  overflow: 	auto;
}
div#header{
	position:relative;
	margin: 0 auto;	
	background:transparent url(img/x_header.png) no-repeat scroll center top;
	height:145px;
	width:827px;	
}

div#top{
	background:transparent url(img/x_top.png) repeat-y scroll center top;	
	position:relative;
	width:827px;	
	height:346px;
	height: auto;
	overflow:hidden;
	margin: 0 auto;	
	z-index:100;	
	display: block;	
}
div#main{
	position:	relative;
	background: white;
	border:		#F00 0px solid;
	margin: 	0 auto;		
	width:		827px;	
	height:		auto;
	overflow:	auto;
	padding: 	0;
	z-index:	50;
	line-height:150%;	
}
div#column_left, div#leftcolumn{
	position:   relative;	
	float:		left;		
	width: 		220px;
	height: 	auto;
	margin: 	4px 0 4px 0px;	
	padding: 	0px;
	overflow:	hidden;
}
div#column{
	position:   relative;		
	float: 		right;
	height:		auto;
	width:		580px;
	padding: 	0px;
	margin: 	10px 10px 0px;	
	overflow:	auto;
}
div#column_right, div#rightcolumn{
	float:		right;
	width: 		0;
	height: 	0;
	margin: 	0;	
	padding: 	0;
}
div#bottom{
	position:	relative;
	margin: 	0 auto;		
	width:		827px;	
	height:		10px;
	background: white;
	
}
div#footer{
	position:	relative;
	width:		auto;	
	height:		auto;
	font-size:  12px;
  	text-align: left;
	padding:    10px 20px 20px 20px;
	margin: 	0 auto;
	background: #eeeeee;
	background:transparent url(img/x_footer.png) no-repeat scroll center bottom;	
	overflow:	hidden;
}

div#logo{
	position:absolute;
	left: 20px;
	top: 26px;
}


/* MODULY I ETYYKIETY */
.modul{
	position: relative;
	background: transparent url(img/navibg.jpg) repeat-y scroll left top;
	padding: 0;
	margin: 10px 0 10px 0;	
	margin: 0;
	height:auto;
	width: auto;
	overflow: hidden;
	border: 0px solid #006;
	margin:0 0 20px;	
}
#header .modul {
	background: none;
}
#column .modul{
	position: relative;
	padding: 0;
	margin: 10px 0 10px 0;	
	margin: 0;
	height:auto;
	width: auto;
	overflow: hidden;
	border: 0px solid #006;
}
.etykieta{

	height: 	auto;
	font-size:	13px;
	line-height:22px;
	border:		none;
	margin: 	0px;
	padding: 	0px 0 10px 20px;
	color:      #CC99CC;
	width: 		auto;
	font-weight:bold;
}	
.etykieta a{
	color:      #CC99CC;
}	

.panel {
	background: transparent url(img/x_tlo_.jpg) repeat;	
	width: auto;
	height: auto;
	overflow:hidden;
	padding: 0px 0 10px 20px
}
.stopka {
	background:  transparent url(img/trennlinie.jpg) no-repeat bottom left;		
	width: auto;	
	height: 10px;
	margin:0px 0 0px 9px	
}
#column .modul{
	background:none;
}
#column #modul_produkty {
	background: none;
}
#column #modul_produkty .etykieta_modul_produkty{
	background: none;
	font-size: 20px;	
}
#column #modul_produkty .panel_modul_produkty{
	background: none;
    padding: 0;
}
#column #modul_produkty .stopka_modul_produkty{
	display: none;
}

#column .etykieta{
	background:url("img/navibg.jpg") repeat-y scroll left top transparent;
}
#column .panel{
	background:url("img/navibg.jpg") repeat-y scroll left -10px transparent;
	width: auto;
	height: auto;
	overflow:hidden;

}
#column #panel_koszyk .etykieta,
#column #panel_koszyk .panel,
#column #panel_koszyk .stopka{
	background: none;
	margin: 0;
	padding: 0;
}

#column .stopka{
	background:url("img/trennlinie.jpg") no-repeat scroll left top transparent;
	height:10px;
	margin:0 0 20px 9px;
	width:auto;
}
.sklep_etykieta{
	background: #C39 url(../img/menu_etykieta1.jpg) no-repeat;
	font-size:	16px;
	height: 	40px;
	line-height: 32px;
	border:		none;
	margin: 	0px;
	padding: 	0 0 0 10px;	
}
.sklep_stopka, #stopka_kategoria, #stopka_tabela_produkty{
	background: url(../img/column_stopka.jpg) no-repeat;
	font-size:	16px;
	height: 	20px;
	line-height: 32px;
	border:		none;
	margin: 	0px;
	padding: 	0px;		
}
.sklep_stopka{
	background: white url(../img/column_stopka.jpg) no-repeat;
	font-size:	16px;
	height: 	20px;
	line-height: 32px;
	border:		none;
	margin: 	0px;
	padding: 	0px;		
}

.nawigacja{
	padding: 5px 5px 5px 5px;
	text-align: right;	
}
#produkty_nawigacja{
	text-align:center;
}

/* MENU */
#panel_menu a{
	margin: 	0px;
	padding:	0px;
	font-size: 11px;
}
.menu_0{
	width:		auto;
	margin: 	0px;
	padding: 	0px;	
}
.egoria, .menu_0_strona{
	padding: 		2px 0 0 12px;
	padding:		0;
	margin: 		0 0 0 0;	
	line-height:	20px;
	background: 	url(img/x_menu_tlo_up.png) no-repeat left top;
	background: 	none;
	min-height:		20px;
	height:			auto !important;
	width:			auto;
	font-weight:	bold;
}
.menu_0_strona_sel,
.egoria_sel{
	padding: 		2px 0 0 12px;	
	padding:		0;	
	margin: 		0 0 0 0;	
	line-height:	20px;
	background: 	url(img/x_menu_tlo_up.png) no-repeat left top;
	background: 	none;	
	min-height:		20px;
	height:			auto !important;
	font-weight:	bold;
	width:			auto;
}
.menu_1{
	width:			auto;
	margin: 		0px;
	padding: 		0px;	
}
.menu_1 a{
	font-weight: normal;
}

.menu_1_kategoria, 
.menu_1_strona{
	padding: 		3px 0 0 20px;
	padding: 		0px 0 0 10px;	
	margin: 		0 0 0 0;	
	line-height:	20px;
	background: 	url(img/x_menu_tlo_down.png) no-repeat left top;
	background: 	none;
	min-height:		20px;
	height:			auto !important;	
	width:			auto;
}
.menu_1_strona_sel,
.menu_1_kategoria_sel{
	padding: 		3px 0 0 20px;	
	padding: 		0px 0 0 20px;	
	margin: 		0 0 0 0;	
	line-height:	20px;
	background: 	url(img/x_menu_tlo_down.png) no-repeat left top;
	background:		none;	
	min-height:		20px;
	height:			auto !important;	
	width:			auto;	
	font-weight:	normal;
}
.menu_1_kategoria a {
	font-weight:normal;
}
.menu_2,
.menu_3{
	width:			auto;
	margin: 		0px;
	padding: 		0px;		
}
.menu_2_kategoria,
.menu_3_kategoria,
.menu_2_strona,
.menu_3_strona{
	padding: 		0 0 0 5px;
	margin: 		0 0 0 0;	
	background: 	url(img/x_menu_tlo_list.png) no-repeat left top;
	min-height:		20px;
	height:			auto !important;	
	font-style:		normal;
	font-size:		12px;
}
.menu_2_strona_sel,
.menu_2_kategoria_sel,
.menu_3_strona_sel,
.menu_3_kategoria_sel{
	padding: 		0 0 0 5px;
	margin: 		0 0 0 0;	
	background: 	url(img/x_menu_tlo_list.png) no-repeat left top;
	min-height:		20px;
	height:			auto !important;	
	font-style:		normal;
}
.menu_0_strona_sel a, 
.egoria_sel a, 
.menu_1_kategoria_sel a, 
.menu_2_kategoria_sel a, 
.menu_3_kategoria_sel a , 
.menu_4_kategoria_sel a {
		font-size:	11px;
}
/* KONIEC MENU */

input.nawigacja, #login_przycisk, #panel_login input.nawigacja {
	vertical-align: middle;
	border: 0px solid #903;
	border: none;
	background: none;
	width: auto;
	margin: 5px 0;	
}
email input {
	width: 180px;
}
.menu_count{
	color: #CC99CC;
	font-weight:bold;	
}
/* STRONY */
.strony_wiersz_1,
.strony_wiersz_2{
	height: auto;
	width: auto;
	margin: 10px 0 20px 0;
	overflow:hidden;
}

#tabela_strony{
	background: #0CF;
}
.strony_komorka_etykieta{
	font-size: 16px;
	margin: 0  0 5px 0; 
}

/* KOLUMNY */
.wiersz_1{
	height: auto;
	width: auto;
	margin: 10px 0 10px 0;
	overflow:hidden;
	border-bottom: 1px dotted #809bb0;	
}
.wiersz_2{
	height: auto;
	width: auto;
	overflow:hidden;
	margin: 10px 0 10px 0;
	border-bottom: 1px dotted #809bb0;		
}

.kolumna_1{
	text-align::center;
	float:left;
	height:auto;
	margin:0 5px 0 0;
	padding:0;
	width:100%;
	overflow: hidden;
	border-right: 1px dotted #809bb0;			
}

.kolumna_2{
	text-align::center;	
	float:left;
	height:auto;
	margin:0 5px 0 0;
	padding:0;
	width:49%;
	border-right: 1px dotted #809bb0;				
}
.kolumna_3{
	text-align::center;	
	float:left;
	height:auto;
	margin:0 5px 0 0;
	padding:0;
	width:180px;
	border-right: 1px dotted #809bb0;					
}
.kolumna_4{
	text-align::center;	
	float:left;
	height:auto;
	margin:0 5px 0 0;
	padding:0;
	width:24%;
}
.kolumna_5{
	text-align::center;	
	float:left;
	height:auto;
	margin:0 5px 0 0;
	padding:0;
	width:19%;
}

.produkty_opis{
	background: red;
	display: none;
}

.produkty_komorka_obrazek{
	position: relative;
	border: 0px solid;
	margin: 0 0 0 0;
	text-align:center;	
}
.produkty_komorka_nazwa{
	text-align:center;
	font-weight:bold;
	color: #474747;
	clear: both;
}
.produkty_komorka_cena, #produkt_cena{
	color:#CC99CC;
	float:left;
	font-size:16px;
	font-weight:bold;
	height:35px;
	line-height:50px;
	padding:0;
	text-align:left;
	width:auto;
	
}

.produkty_komorka_do_koszyka{
    color: red;
    font-size: 9px;
    line-height: 12px;
    margin: 0 5px 10px;
    position: relative;
    text-align: right;

}

/* PRODUKTY SZCZEGÓŁY */
.produkt_obrazek{
	position: relative;
	background:white;
	float: none;
	width: 100%;
	height: auto;
	text-align: center;
	overflow: hidden;
	padding: 0;
	margin: 0;	
}
.produkty_komorka_obrazek{
	float: left;
	width: 100%;
	height: 120px;
	text-align: center;
	overflow: hidden;
	padding: 0;
	margin: 0;	
}
.ocena_nowa{
	background: none;
}
.galeria_obrazek{
	border:1px solid #EEDDEE;
	float:left;
	height:115px;
	margin:0 5px 10px;
	text-align:center;
	width:170px;
}
#column #panel_produkt .etykieta,
#column #panel_produkt .panel,
#column #panel_produkt .stopka{
 position: relative;
 height: auto;
 width: auto;
 overflow:auto;
 margin: 0;
 padding: 0;
 background: none;
}
.produkt_nazwa{
	display: none;
}
#etykieta_parametry{
	display:none;
}
.panel_produkt_column_left{
	background: none;
	width:auto;
	height: auto;
	overflow: auto;
}
.panel_produkt_column_center{
	background: none;
	width:auto;
	height: auto;
	overflow: auto;
}
.panel_produkt_column_right{
	background: none;
	width:auto;
	height: auto;
	overflow: hidden;
}
.kategorie_komorka_nazwa{
	width:auto;
	float: left;
	margin: 0 10px 0 0;
	clear:none;
}
#column #panel_produkt #stopka_kategorie{
	height: 10px;
}
/* koszyk */
#panel_koszyk .koszyk_img{
	float: left;
}
#panel_koszyk .koszyk_produkty_etykieta,
#panel_koszyk .koszyk_wartosc_etykieta{
	float: left;
	width: 60px;

}
#panel_koszyk .koszyk_produkty,
#panel_koszyk .koszyk_wartosc{
	float: left;
	width:80px;
	color: crimson;
	font-weight:bold;
}
.koszyk_krok_etykieta{
	font-size:20px;
	color: crimson;
	font-weight:bold;
}
.koszyk_krok{
	font-size:14px;
	color: crimson;
	font-weight:bold;
	vertical-align:bottom;
}/* koniec koszyka */

.ramka_produkt #produkty_opis{
	visibility:hidden;
	display: none;
}

/* Strony */
#strony_komorka_nazwa{
	
}

ul#topnav ul{
	margin: 0;
}

ul#topnav {
	margin: 0 10px 0 10px;
	padding: 0;
	list-style: none;
	float: right;
	font-size: 1.1em;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:40px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 20px;
	float: left;
	text-decoration: none;
	color: #fff;
	background: url(img/x_menu_button.png) repeat-x;
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height: 20px;
	line-height: 20px; /*--Vertical alignment of text--*/
	font-weight:normal;
	font-size:12px;
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #555;
	background-position: left bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
	background-position: left top;
}
ul#topnav span.menu_count{
	margin:0;
	padding:0;
	background: none;
	float: right;
}
#modul_top_menu .etykieta{
	display:none;
}
#modul_top_menu .panel{
	background:transparent url(img/x_top.png) repeat-y scroll center top;	
}
#modul_top_menu .stopka{
	display:none;
}
option .menu_nieaktywne{
	color: red;
}
#top #etykieta_menu,
#top #stopka_menu,
#header #etykieta_menu,
#header #stopka_menu,
#footer #etykieta_menu,
#footer #stopka_menu{
	display: none;
}
.panel_dostawa,
.panel_faktura {
    display: none;
}

#column .etykieta_dostawa,
#column .etykieta_faktura{
	height:auto;
}
#column .etykieta_dostawa h4,
#column .etykieta_faktura h4 {	
	width: 150px;
	margin: 0;
	padding:0;
}
#column .etykieta_dostawa table, 
#column .etykieta_faktura table {
	width: 370px;

}
#column .etykieta_dostawa table .table_etykieta, 
#column .etykieta_faktura table .table_etykieta {
	width: 95px;
}

#column #panel_rejestracja {
	padding: 0;
	margin: 0;
}
#column #stopka_rejestracja {
background: url("img/trennlinie.jpg") no-repeat scroll left bottom transparent;
    margin: 0 0 0 9px;
}

#column .stopka_profil {
	background: none;
	margin: 0;
	padding: 0;
}

#column .ramka_strona .etykieta{
	background: none;
	padding: 0 5px 0 0;
	font-size:12px;
}
#column .ramka_strona .panel{
	background: none;
	padding: 0 5px 0 0;
	font-size:11px;
	text-align: justify;
}

#column .panel_strona .etykieta,
#column .panel_strona .panel,
#column .panel_strona .stopka{	
	background: none;
	padding: 0 5px 0 0;
}
.produkty_komorka_cena_old_cena {
	padding:0;
	margin:0;
	text-decoration:line-through;
	float:left;
	clear:left;
}
.description {
    color: SteelBlue;
    font-size: 12px;
    line-height: 130%;
}
#header .modul_header_menu_kat {
	background: none;
	float: right;
	right: 20px;
	top: 20px;
}
#header .modul_header_menu_kat div{
	text-align:right;
}
#header .modul_header_menu_kat a{
	color: white;
	text-align: right;
}