*, html {
    font-family: Verdana, Arial, Helvetica, sans-serif;
/*    overflow-x: hidden;*/
}
img {
    vertical-align: middle; /* ważne - aby tekst był centrowany do grafiki klawisza */
}
body {
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    margin: 0;
    padding: 0;
    color: #333333;
/*
    scrollbar-face-color: #D5D9DE;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #989EAC;
    scrollbar-3dlight-color: #989EAC;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #E2E2E2;
    scrollbar-darkshadow-color: #D0D1D5;
*/
}
.button {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0 0;

    border-style: none;
    cursor: pointer;
    color: white;
    font-size: 1px;
    vertical-align: middle; /* ważne - aby tekst był centrowany do grafiki klawisza */
}
html>body .button {
    cursor: point;
}

form {
    display: inline;
    color: #000;
}
select {
    border: 1px solid #D8D2BE;
    background-color: #FFFFFF;
}

.note {
    color: #bAb69F;
    font-style: italic;
}

.tytul {
    float: left;
    font-size: 20px;
    color: #F60;
    margin-top: 15px;
    margin-left: 10px;
}
.linia_raz {
    background-color: #D8D2BE;
    border: 1px;
    height: 1px;
    margin-left: 10px;
    margin-right: 5px;
}

#promocyjny {
    display: inline;
}
#newsletter {
    display: none;
}

div.row {
  clear: both;
  padding-top: 5px;
  vertical-align: middle;
}
div.row0 {
  padding-top: 3px;
  padding-bottom: 3px;
  vertical-align: middle;
  height: 21px;
}
div.row1 {
  background-color: #F2F2F0;
  padding-top: 3px;
  padding-bottom: 3px;
  vertical-align: middle;
  height: 21px;
}

span.label {
  float: left;
  padding-right: 5px;
  padding-top: 5px;
  margin: 0px;
  text-align: right;
  color: #666666;
  font-size: 11px;
}
span.formw {
  float: left;
  padding: 0;
  margin: 0;
  text-align: left;
}

div.spacer {
  clear: both;
}

/* Mały bloczek pokazujący że strona jest ładowana */
/* ----------------------------------------------- */
div#loadMessage {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 2px;
    letter-spacing: 1px;

    font-size: 11px;
    color: white;
    background-color: #aa0000;

    z-index: 1001;
    display: none;
}

/* Okienko wypisywane podczas wystąpienia błędu */
/* -------------------------------------------- */
#errorMessage {
    position: absolute;
    z-index: 1001;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 20%;
    margin: auto 0;
}
html>body #errorMessage {
    top:0;
}

#errorMessageTitle {
    background-color: #1E75E5;
    background-image: url(style_images/tlo_message.gif);
    background-repeat: repeat-x;
    background-position: left top;

    font-size: 10px;
    color: #fff;
    font-weight: normal;

      text-align: left;
    width: auto;
    line-height: 14px;
    padding: 1px;
    vertical-align: middle;

}
#errorMessageTitle .zamkniecie {
    color: #cceeff;
    float: right;
}


#errorMessageBody {
    width: 400px;
    border: 1px solid #A8A28E;
    background-color: #fff;
/*
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#A8A28E,direction=135,strength=3);
*/
}

#errorMessageText td {
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}

/* Style dla nagłówka z napisem START */
/* ---------------------------------- */
div#naglowek {
    font-size: 12px;
    color: #ffffff;
    text-align: left;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    background-image: url(style_images/pasek.gif);
    background-repeat: repeat-x;
    height: 26px;
    vertical-align: middle;

    width: auto;
    min-width: 700px;
/*
    width:expression(document.body.clientWidth < 700 ? "700px" : "100%" );
*/
}
div#naglowek_left {
    float: left;
    color: #9EB5C7;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 181px;
    height: 26px;
}
#naglowek_left a {
    background-image: url(style_images/start0.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    margin: 0;
    padding: 0;
    width: 181px;
    height: 26px;
    text-decoration: none;
}
#naglowek_left a:hover {
    background-image: url(style_images/start1.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration: none;
}
#naglowek_left a:active {
    text-decoration: none;
}
#naglowek_left a:visited {
    text-decoration: none;
}
div#naglowek_right {
    float: right;
    color: #ffffff;
    text-align: left;
    margin: auto;
    padding: 5px 10px;
    width: auto;

    vertical-align: middle;
}

/* Style od poziomego menu tylko z napisami */
/* ---------------------------------------- */
div#top_menu {
    background-color: #F3F5F7;
    background-image: url(style_images/tlo_toolbar.jpg);
    background-repeat: no-repeat;
    background-position: right top;

    margin: 0;
    padding: 0;
    height: 23px;

    width: auto;
    min-width: 700px;
/*
    width:expression(document.body.clientWidth < 700 ? "700px" : "100%" );
*/
}

div#top_menu ul {
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    text-align: left;
    margin: 0;
    padding-left: 4px;
    padding-bottom: 5px;
    padding-top: 5px;
}

div#top_menu ul li {
    display: inline;
    margin-left: -4px;
}

div#top_menu ul li a {
    padding: 3px 9px 3px 9px;
    color: #000;
    text-decoration: none;
}

div#top_menu ul li a:hover {
    padding: 3px 8px 3px 8px;
    border-top: 1px #FFFFFF solid;
    border-right: 1px #CAC6AF solid;
    border-bottom: 1px #CAC6AF solid;
    border-left: 1px #FFFFFF solid;
}
div#top_menu ul li a:active {
    padding: 3px 8px 3px 8px;
    border-top: 1px #CAC6AF solid;
    border-right: 1px #FFFFFF solid;
    border-bottom: 1px #FFFFFF solid;
    border-left: 1px #CAC6AF solid;
}

.top_menu_left {
  float: left;
  text-align: left;
  width: auto;
}
.top_menu_right {
  float: right;
  text-align: right;
  width: auto;
}

/* Style od poziomego menu z ikonami */
/* --------------------------------- */
div#big_menu {
    background-color: #F3F5F7;
    background-image: url(style_images/toolbar.jpg);
    background-repeat: no-repeat;
    background-position: right top;

    margin: 0;
    padding: 9px 0 0 0;
    height: 42px;
    vertical-align: bottom;
    text-align: left;

    width: auto;
    min-width: 700px;
/*
    width:expression(document.body.clientWidth < 700 ? "700px" : "100%" );
*/
}

div#big_menu ul {
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    text-align: left;
    margin: 0;

    padding: 19px 0 0 0;
}

div#big_menu ul li {
    background-repeat: no-repeat;
    background-position: center top;

    display: inline;
    margin: 0;
    padding: 0;
}

div#big_menu ul li a {
    background-repeat: no-repeat;
    background-position: center top;

    border-right: 1px #A0A0A0 solid;
    padding: 27px 7px 4px 8px;
    color: #000;
    text-decoration: none;
}

div#big_menu ul li a:hover {
    padding: 26px 7px 3px 7px;

    border-top: 1px #FFFFFF solid;
    border-right: 1px #CAC6AF solid;
    border-bottom: 1px #CAC6AF solid;
    border-left: 1px #FFFFFF solid;
}

div#big_menu ul li a:active {
    padding: 26px 7px 3px 7px;

    border-top: 1px #CAC6AF solid;
    border-right: 1px #FFFFFF solid;
    border-bottom: 1px #FFFFFF solid;
    border-left: 1px #CAC6AF solid;
}
div#menu_err,
div#menu_logo {
    float: right;
    display: inline;
    vertical-align: top;

    margin: -8px 0 0 0;
    padding: 11px 5px 11px 0;
}
div#menu_err a,
div#menu_logo a {
    padding: 11px;
    text-decoration: none;
}
div#menu_err a:hover,
div#menu_logo a:hover {
    padding: 10px;
    border-top: 1px #FFFFFF solid;
    border-right: 1px #CAC6AF solid;
    border-bottom: 1px #CAC6AF solid;
    border-left: 1px #FFFFFF solid;
}
div#menu_err a:active,
div#menu_logo a:active {
    padding: 10px;
    border-top: 1px #CAC6AF solid;
    border-right: 1px #FFFFFF solid;
    border-bottom: 1px #FFFFFF solid;
    border-left: 1px #CAC6AF solid;
}

/* Zakładki w części głównej strony */
/* -------------------------------- */
#lewe_menu {
    width: 170px;
    height: 500px;
    float: left;

    border-right: #d3d3d3 1px dashed;
}
#lewe_menu ul {
    margin: 10px;
    padding: 0;
}
#lewe_menu li {
    width: 140px;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    vertical-align: middle;
    text-align: left;
    border: #CAC6AF 1px solid;
    border-bottom: none;
    background-color: #F8F9F7;
    list-style-type: none;
}
#lewe_menu li a {
    text-decoration: none;
}
#lewe_menu li:hover {
    background-color: #F1F2F3;
}
#lewe_menu li.last {
    border: #d3d3d3 1px solid;
}

#tabulacja {
    /* bez dużego marginesu na lewe_menu */
    margin-left: 5px;
    margin-right: 5px;
    min-width: 580px;
}
#tabulacja_z_menu {
    /* margines aby odsłonić lewe_menu, które jest float:left */
    margin-left: 180px;
    margin-right: 5px;
    min-width: 580px;
/*
    width:expression(document.body.clientWidth < 580 ? "580px" : "100%" );
*/
}
#menu_tabulacji {
    padding: 0 5px;
    padding-bottom: 23px;
    margin: 0;
    margin-top: 10px;
    border-bottom: #d8d2be 1px solid;
}
#menu_tabulacji ul, #menu_tabulacji li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#menu_tabulacji a:link, #menu_tabulacji a:visited {
    padding: 4px 10px;

    border: #d8d2be 1px solid;

    font: normal 12px Verdana, sans-serif;

    background-color: #F8F7F2;
    background-image: url(style_images/tlo_tab.jpg);
    background-repeat: repeat-x;
    background-position: left top;

    float: left;
    color: #666;
    line-height: 14px;
    margin-right: 8px;
    text-decoration: none;
}
#menu_tabulacji a:hover {
    color: #000;
}

/* pomocna klasa jeśli nie będziemy sterować podświetleniem przez klasę w body */
#menu_tabulacji a.active:link,
#menu_tabulacji a.active:visited {
    background: #fff;
    color: #000;
    border-bottom: #fff 1px solid
}

/* style dla body, który zmienia znacznik A w nav-% w sekcji #menu_tabulacji */
/* napisane w odwrotnej kolejności aby łatwo można było dopisać kolejne zakładki */
body.section-12 #menu_tabulacji li#nav-12 a,
body.section-11 #menu_tabulacji li#nav-11 a,
body.section-10 #menu_tabulacji li#nav-10 a,
body.section-9 #menu_tabulacji li#nav-9 a,
body.section-8 #menu_tabulacji li#nav-8 a,
body.section-7 #menu_tabulacji li#nav-7 a,
body.section-6 #menu_tabulacji li#nav-6 a,
body.section-5 #menu_tabulacji li#nav-5 a,
body.section-4 #menu_tabulacji li#nav-4 a,
body.section-3 #menu_tabulacji li#nav-3 a,
body.section-2 #menu_tabulacji li#nav-2 a,
body.section-1 #menu_tabulacji li#nav-1 a {
    background: #fff;
    font-weight: bold;
    color: #000;
    border-bottom: #fff 1px solid;
}

#content_tabulacji {
    padding: 10px;
    margin: 0;

    border-right: #d8d2be 1px solid;
    border-left: #d8d2be 1px solid;
    border-bottom: #d8d2be 1px solid;
}
#content_tabulacji a {
    color: #f60;
}


/* Tabele */
/* Staram się zachować przestrzeń nazewnictwa w obrębie stylu głównego */
/* -------------------------------- */
.tabela {
    width: 99%;
    border-collapse: collapse;
}
.tabela tr.a0:hover {
    background-color: #FCFBF8;
}
.tabela tr.a1:hover {
    background-color: #FCFBF8;
}
.tabela tr.a1 {
    background-color: #F0F0F0;
}
.tabela th, .tabela td {
    border: #d3d3b3 1px solid;
    padding: 5px 10px;
}
.tabela th {
    background-color: #F1F0E7;
    font-weight: normal;
    color: #015F8B;
}
.tabela th:hover {
    background-color: #EAEAE0;
}
.tabela td {
    color: #333;
}
.tabela td.id {
    font-weight: bold;
}

.tabela .przelaczniki {
    border-collapse: collapse;
}
.przelaczniki_opis td {
    width: 43px;
    text-align: center;
    font-size: 10px;
    border: 0;
    padding: 0;
}
.przelaczniki td {
/*    border: #d3d3b3 1px solid;*/
    width: 43px;
    text-align: center;
    font-size: 10px;
    border: 0;
    padding: 0;
}
.ikonki td {
    border: 0;
    padding: 0;
}

/* Na razie wyłączyłem bo nie wiem jaki styl wpływa na aktualny widok */
.tekst {
    font-size: 12px;
    color: #000;
    border: 1px solid #D8D2BE;
    background-color: #f8fff8;
    padding: 2px;
}
.tekst_focus
{
    font-size: 12px;
    color: #000;
    border: 1px solid #D8D2BE;
    background-color: #eeffee;
    padding: 2px;
}

/* Kolejność */
/* -------------------------------- */
.big_title {
    background-color: #F8F7F2;
    background-image: url(style_images/tlo_tab.jpg);
    background-repeat: repeat-x;
    background-position: left top;

    padding: 4px 10px;

    font: normal 12px Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: left;

    color: #629A1D;
    line-height: 26px;
    text-decoration: none;
    width: auto;
}
.big_title_err {
    color: red;
}

#kolejnosc_edit {
    width: auto;
}

#AllPages {
    width: 450px;
}
#category_edit table {
    border: #d3d3b3 1px solid;
}

/* wygląd drzewka */
/* -------------------------------- */
/* główny kontener dla drzewa - w nim znajdą się definicje styli tylko dla drzewa */
#categories_tree {
/*    border: #d3d3b3 1px solid;
    margin-right: 10px; */
}
#categories_tree div {
    background-repeat: no-repeat;
    background-position: left center;

    text-align: left;
    vertical-align: middle;
    font: normal 13px Verdana, sans-serif;
    line-height: 25px;
    margin: 0;
}
#categories_tree div a {
    padding: 0px 2px;
    color: #000;
    text-decoration: none;
}
#categories_tree div a:hover {
    background-color: #EAF3FD;
}
/* kolejne graficzki folderów */
#categories_tree div.tree_dir {
    background-image: url(style_images/ico_folder.gif);
}
#categories_tree div.tree_dir_open {
    background-image: url(style_images/ico_folder_open.gif);
}
#categories_tree div.tree_dir_selected {
    background-image: url(style_images/ico_folder_open.gif);
}
/* styl dla linku gdy mamy wybrany dzial */
#categories_tree div.tree_dir_selected a,
#categories_tree div.tree_dir_selected a:hover,
#categories_tree div.tree_dir_selected a:active {
    background-color: #237AE6;
    color: #fff;
    padding: 0px 2px;
    text-decoration: none;
}

#categories_tree div.tree_nazwa {
    display: inline;
    float: left;
    margin-left:30px;
}
#categories_tree div.tree_opcje {
    display: inline;
    float: left;
}

/* styl dla linku do produktów - ma działać także na DIVie który jest selected */
#categories_tree div a.tree_produkty,
#categories_tree div a.tree_produkty:active,
#categories_tree div a.tree_produkty:visited {
    background-color: #fff;
    color: #f60;
    font-size: 10px;
    text-decoration: underline;
}
#categories_tree div a.tree_produkty:hover {
    background-color: #fff;
    color: #000;
}


a.cms_title,
a.cms_title:link,
a.cms_title:active,
a.cms_title:visited {
	/*color: #002554;*/
	color:#003C84;
	/*font-weight: bold;*/
	font-size: 14px;
	text-decoration: none !important;
	line-height: 140%;

}

a.cms_title:hover {
	text-decoration: underline !important;
}

.cms_naglowek {
	font-size: 11px;
	line-height: 130%;
}


#large-cover {
	background-color:#FFFFFF;
	border:2px solid #E3E3E3;
	color:#999;
	font-size:0.8em;
	left:0pt;
	padding: 25px 25px 15px 25px;
	position:absolute;
	text-align:center;
	top:-200pt;
	z-index:2;
}
#large-cover #opis {
	color:#333333;
	padding-bottom:4px;
}



#navcontainer { 
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#navcontainer ul
{
	margin: 0px 0 10px 0; 
	padding: 0;
	list-style-type: none;
}

#navcontainer li { 
	margin: 4px 0 0 0; 
}

#navcontainer a {
	background-image:   url(../images/kropka_dir.gif);
	background-repeat: repeat-y;
	background-position: -210px 0px;
	display: block;
	padding: 4px 0 4px 20px;
	margin: 0;
	width: 152px;
	color: #02214B;	
	text-decoration: none;
	font-size:11px;
	
}
#navcontainer a:hover
{
	background-image:   url(../images/kropka_dir27.gif);
	background-repeat: repeat-y;
	background-position: -210px 0px;
	text-decoration: none;
	color: #02214B;
	
}
	#navcontainer a.dir {
		background-image:   url(../images/kropka_dir27.gif);
		background-repeat: repeat-y;
		background-position: 0 0;
		display: block;
		padding-top: 4px;
		padding-right: 0;
		padding-bottom: 4px;
		padding-left: 25px;
		margin: 0;
		width: 152px;   /*ne-IE explorery*/ 
		text-decoration: none;
		/*color: #02214B;*/
		color:#333333;
	}
	#navcontainer a.dir:hover {
		/*background-image:   url(../images/kropka_dir2.gif);*/
		  background-image:   url(../images/kropka_dir28.gif);
		background-repeat: repeat-y;
		background-position: 0 0;
		text-decoration: none;
		/*color: #02214B;*/
		color:#333333;
		background-color:#DADADA;
		
	}

	#navcontainer a.dir_open {
		/*background-image:  url(../images/kropka_dir_selected.gif);*/
		background-image:   url(../images/kropka_dir27.gif);
		background-repeat: repeat-y;
		background-position: 0 0;
		display: block;
		padding-top: 4px;
		padding-right: 0;
		padding-bottom: 4px;
		padding-left: 25px;
		margin: 0;
		width: 152px;   /*ne-IE explorery*/ 
		/*color: #02214B;*/
		color:#333333;
		text-decoration: none;
		font-weight:bold;
		
		
	}

#navcontainer a.dir_open:hover {
	/*background-image:   url(../images/kropka_dir_selected.gif);*/
	background-image:   url(../images/kropka_dir28.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	text-decoration: none;
	/*color: #02214B;*/
	color:#333333;
	background-color:#DADADA;
}


	#navcontainer a.doc {
		/*background-image:  url(../images/kropka_doc.gif);*/
		background-image:   url(../images/kropka_dir27.gif);
		background-repeat: repeat-y;
		background-position: 0 0;
		display: block;
		
		padding-top: 4px;
		padding-right: 0;
		padding-bottom: 4px;
		padding-left: 25px;
		
		margin: 0;
		width: 152px;   /*ne-IE explorery*/ 
		/*color: #02214B;*/
		color:#999999 ;
		text-decoration: none;
	}
#navcontainer a.doc:hover {
	/*background-image:   url(../images/kropka_doc2.gif);*/
	background-image:   url(../images/kropka_dir28.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	text-decoration: none;
    /*color: #02214B;*/
	color:#333333 ;
	background-color:#DADADA;
}
	#navcontainer a.doc_open {
		/*background-image:  url(../images/kropka_doc2_open.gif);*/
		background-image:   url(../images/kropka_dir27.gif);
		background-repeat: repeat-y;
		background-position: 0 0;
		display: block;
		padding-top: 4px;
		padding-right: 0;
		padding-bottom: 4px;
		padding-left: 25px;
		
		margin: 0;
		width: 152px;   /*ne-IE explorery*/ 
		/*color: #02214B;*/
		color:#333333;
		text-decoration: none;
		font-weight:bold;
		
	}
#navcontainer a.doc_open:hover {
	/*background-image:   url(../images/kropka_doc2_open.gif);*/
	background-image:   url(../images/kropka_dir28.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	text-decoration: none;
	/*color: #02214B;*/
	color:#333333;
	background-color:#DADADA;
}