*{
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	color:#715430;
}

body{
	background-image: url(../images/bg.jpg);
	margin:0;
	padding: 0 0 20px 0;
}

a{
	color:#e67724;
	text-decoration: none;
	outline: none;
}
a:hover{
	text-decoration: underline;
}


#Preloader{
	width:48px;
	height:48px;
	background-color: #473d30;
	padding:15px;
	left:50%;
	top:200px;
	z-index: 1000;
	position: absolute;
	border:1px solid #322c25;
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px;    /* Konqueror */
	-moz-border-radius: 5px; /* Firefox */
	border-radius: 5px;
	display: none;
}

#container{
	width:1000px;
	margin:0 auto;
	position: relative;
}
/* --------------- r—zne fonty ---------------- */
.fontOrange{
	color:#e67724;
	font-size: 13px;
}
.fontOrange:hover{
	color:#ffb350;
	text-decoration: none;
	border-bottom: 1px dotted #e67724;
}
.fontLight{
	color:#eed9c5;
	font-size: 13px;
}
/* -------------------------------------------- */

/* ------------------- logo ------------------- */
#logo{
	padding:0 0 0 31px;
	width:206px;
	height:50px;
	position: absolute;
	top:0;
	left:0;
}
#logo a{
	outline:none;
}
#dodaj_produkt{
	padding:0 0 0 31px;
	width:206px;
	height:56px;
	position: absolute;
	top:50px;
	left:0;
	background-image: url(../images/bg_menu.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#logo a img{
	outline: none;
	border: 0 none;
}
/* ------------------- menu ------------------- */
ul#menu{
	position: absolute;
	top:104px;
	left:0;
	margin:0;
	padding: 0;
	list-style: none;
}
ul#menu li{
	display: block;
	width:237px;
	height:38px;
	background-image: url(../images/bg_menu.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
ul#menu li a{
	outline: none;
	display: block;
	height:38px;
	line-height: 38px;
	font-size: 13px;
	color:#ffffff;
	padding:0 0 0 34px;
}
ul#menu li a:hover{
	color:#e67724;
	text-decoration: none;
	background-image: url(../images/bg_menu_hover.png);
	background-repeat: no-repeat;
}
ul#menu li a.logged{
	color:#ff8022;
	text-decoration: none;
	background-image: url(../images/bg_menu_hover_logged.png);
	background-repeat: no-repeat;
}
ul#menu li a.logged:hover{
	color:#ffcd76;
	text-decoration: none;
	background-image: url(../images/bg_menu_hover.png);
	background-repeat: no-repeat;
}
ul#menu li.last{
	height:25px;
	background-image: none;
}
/* ---------------------------------------------- */

/* ------------------- top ---------------------- */
#top{
	margin:0 0 0 237px;
	width:730px;
	height:53px;
	position: absolute;
	z-index: 100;
}
#top_nick{
	position: absolute;
	top:10px;
	left:0;
	width:300px;
	height:20px;
}
#top_nick a{
	font-weight: bold;
}
#top_login{
	position: absolute;
	top:27px;
	left:0;
	width:162px;
	height:20px;
}
#top_login a{
	font-weight: bold;
}
/* ---------------------------------------------- */


/* ----------- dzienne zapotrzebowanie ---------- */
div.top_input_container{
	display: block;
	background-position: 2px 0;
	background-image: url(../images/bg_input_top.png);
	background-repeat: no-repeat;
	width:48px;
	padding:0 4px;
	margin:0;
}
div.top_input_container input[type=text]{
	border:0 none;
	width:46px;
	text-align: center;
	background-color: #2a231c;
	color:#eed9c5;
	outline: none;
}
#dzienne_zapotrzebowanie{
	position: absolute;
	top:22px;
	line-height: 26px;
	left:162px;
	width:568px;
	height:26px;
}


#input_bialko_title{
	top:0;
	left:172px;
	position: absolute;
	width:50px;
	text-align: right;
	height:26px;
}
#input_bialko{
	position: absolute;
	top:0;
	left:222px;
	background-position: 2px 0;
	background-image: url(../images/bg_input_top.png);
	background-repeat: no-repeat;
	width:48px;
	padding:0 4px;
}
#input_bialko_type{
	position: absolute;
	top:0;
	left:278px;
	width:20px;
}



#input_energia_title{
	top:0;
	left:298px;
	position: absolute;
	width:60px;
	text-align: right;
	height:26px;
}
#input_energia{
	position: absolute;
	top:0;
	left:358px;
	background-position: 2px 0;
	background-image: url(../images/bg_input_top.png);
	background-repeat: no-repeat;
	width:48px;
	padding:0 4px;
}
#input_energia_type{
	position: absolute;
	top:0;
	left:414px;
	width:40px;
}


#input_phe_title{
	top:0;
	left:454px;
	position: absolute;
	width:30px;
	text-align: right;
	height:26px;
}
#input_phe{
	position: absolute;
	top:0;
	left:484px;
	background-position: 2px 0;
	background-image: url(../images/bg_input_top.png);
	background-repeat: no-repeat;
	width:48px;
	padding:0 4px;
}
#input_phe_type{
	position: absolute;
	top:0;
	left:540px;
	width:28px;
}
/*
#dzienne_zapotrzebowanie #dzienne_zapotrzebowanie_title{
	position: relative;
	float:left;
	width:179px;
	height:26px;
}
#dzienne_zapotrzebowanie #input_bialko{
	position: relative;
	float:left;
	width:127px;
	height:26px;
}
#dzienne_zapotrzebowanie #input_energia{
	position: relative;
	float:left;
	width:152px;
	height:26px;
}
#dzienne_zapotrzebowanie #input_phe{
	position: relative;
	float:left;
	width:110px;
	height:26px;
}

#dzienne_zapotrzebowanie #input_bialko #bialko,#dzienne_zapotrzebowanie #input_energia #energia,#dzienne_zapotrzebowanie #input_phe #phe{
	border:0 none;
	width:48px;
	text-align: center;
	background-color: #2a231c;
	color:#eed9c5;
	outline: none;
}
*/
#bialko::selection,#energia::selection,#phe::selection,#phe_search::selection{
        background: #785532; /* Safari */
}
#bialko::-moz-selection,#energia::-moz-selection,#phe::-moz-selection,#phe_search::-moz-selection{
        background: #785532; /* Firefox */
}
/* ---------------------------------------------- */

#body_top{
	margin:0 0 0 204px;
	padding: 20px 0 0 0;
	width:796px;
	height:85px;
	position: relative;
}
#body_top #body_TL{
	display: block;
	width:55px;
	height:85px;
	float: left;
	background-image: url(../images/bg_body_TL.png);
	background-repeat: no-repeat;
}
#body_top #body_TC{
	display: block;
	width:686px;
	height:85px;
	float: left;
	background-image: url(../images/bg_body_TC.png);
	background-repeat: repeat-x;
}
#body_top #body_TR{
	display: block;
	width:55px;
	height:85px;
	float: left;
	background-image: url(../images/bg_body_TR.png);
	background-repeat: no-repeat;
}

/* ------------------- szukaj ------------------- */
#body_top #body_search{
	position: absolute;
	left:62px;
	top:53px;
	height:52px;
	width:672px;
}
#body_top #body_search #search_left{
	display: block;
	float:left;
	width:40px;
	height:52px;
	background-image: url(../images/search_bg_left.png);
	background-repeat: no-repeat;
}
#body_top #body_search #search_center{
	display: block;
	float:left;
	width:566px;
	height:52px;
	background-image: url(../images/search_bg.png);
	background-repeat: repeat-x;
}
#body_top #body_search #search_right{
	display: block;
	float:left;
	width:66px;
	height:52px;
	background-image: url(../images/search_bg_right.png);
	background-repeat: no-repeat;
}
#body_top #body_search #search_center form{
	padding:0;
	margin:0;
}
#body_top #body_search #search_center #phe_search{
	display: block;
	background-color: #44301B;
	border:0 none;
	font-size: 14px;
	line-height: 25px;
	width:100%;
	height:28px;
	color:#ffffff;
	margin:10px 0 0 0;
	outline: none;
}


/* ---------------------------------------------- */


#body{
	width:796px;
	padding:0 0 0 0;
	margin:0 0 0 204px;
	background-image: url(../images/bg_body.png);
	background-repeat: repeat-y;
	
}
#body div.h_line{
	height:2px;
	padding:5px 33px 9px 33px;
}
#body div.h_line span{
	display: block;
	height:2px;
	background-color: red;
	background-image: url(../images/h_line.gif);
	background-repeat: repeat-x;
}

#body div.wrapper{
	/*padding:5px 33px 9px 33px;*/
	padding:5px 50px 9px 50px;
}
#body div.wrapper p{
	line-height: 16px;
}

h1{
	font-size: 14px;
	padding: 10px 0 0 0;
	margin:0;
}
#body p{
	padding:5px 0 9px 0;
	margin:0;
}

#body_bottom{
	position: relative;
	margin:0 0 0 204px;
	width:796px;
	height:44px;
}
#body_bottom #body_BL{
	display: block;
	width:45px;
	height:44px;
	float: left;
	background-image: url(../images/bg_body_BL.png);
	background-repeat: no-repeat;
}
#body_bottom #body_BC{
	display: block;
	width:706px;
	height:44px;
	float: left;
	background-image: url(../images/bg_body_BC.png);
	background-repeat: repeat-x;
}
#body_bottom #body_BR{
	display: block;
	width:45px;
	height:44px;
	float: left;
	background-image: url(../images/bg_body_BR.png);
	background-repeat: no-repeat;
}

/* -------------------- home ------------------------ */
#home_steps{
	background-image: url(../images/bg_home_steps.png);
	background-repeat: no-repeat;
	height:300px;
	margin: 10px 0 0 0;
}
#home_steps .box{
	padding:40px 0 0 65px;
	width:167px;
	float:left;
}
#home_steps .box1{
	background-image: url(../images/screen_1.png);
	background-repeat: no-repeat;
	background-position: 57px bottom;
	height:170px;
}
#home_steps .box h2{
	font-family: Georgia,sans-serif;
	color:#ff8022;
	font-size: 16px;
	font-weight: normal;
	padding:0;
	margin:0 0 5px 0;
}
/* -------------------------------------------------- */

/* ------------------- stopka ----------------------- */
#body_bottom #footer{
	position: absolute;
	top:17px;
	left:33px;
	width:730px;
	height:20px;
}
#body_bottom #footer #footer_menu{
	float:right;
	text-align: right;
	width:400px;
	height:20px;
}


/* -------------------------------------------------- */
/* ---------------- lista produktow ----------------- */
.ButtonClose{
	cursor: pointer;
	position: absolute;
	background-image: url(../images/button_close.png);
	width:30px;
	height:30px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.ButtonClose:hover{
	background-position: -30px 0;
}

#InfoProductAddRemove{
	border:1px solid #ffffff;
	position: absolute;
	left:50%;
	top:10px;
	margin: 0 0 0 -130px;
	display: none;
	background-color: white;
	width:400px;
	height:70px;
	-moz-box-shadow: 0 0 20px #000000;
	-webkit-box-shadow: 0 0 20px #000000;
	box-shadow: 0 0 20px 0 #000000;
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px;    /* Konqueror */
	-moz-border-radius: 5px; /* Firefox */
	border-radius: 5px;
	z-index:102;
}
#InfoProductAddRemove p{
	display: block;
	width: 220px;
	padding: 0 10px;
	border-right:1px solid black;
	height:50px;
	margin:10px 0;
}
#InfoProductAddRemove p strong{
	display: block;
	padding:3px 0 3px 0;
}
#InfoProductAddRemove div.right{
	position: absolute;
	display: block;
	height:55px;
	top:10px;
	right:30px;
	width:120px;
}
#InfoProductAddRemove div.right b.error{
	color:#aa0000;
}
#InfoProductAddRemove div.right b.nodata{
	color:#cccccc;
	font-weight: normal;
	font-style: italic;
}
#InfoProductAddRemove .ButtonClose{
	right:0;
	top:0;
}

#ProductsContainer{
	display: none;
	position: absolute;
	padding: 0;
	left:50%;
	margin-left: -335px;
	top:70px;
	
	z-index: 101;
}
#ProductsContainer .Container{

}

#ProductsArrow{
	position: absolute;
	left:-50px;
	top:44px;
}
#ProductsTabs{
	position: absolute;
	display: block;
	width:59px;
	height: 113px;
	padding:0;
	margin:59px 0 0 -60px;
}
#ProductsTabs #ProductsTabsAdd{
	display: block;
	width: 59px;
	height: 57px;
	background-image: url(../images/products_tabs.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#ProductsTabs #ProductsTabsAdd.active{
	background-position: -60px 0;	
}
#ProductsTabs #ProductsTabsDelete{
	display: block;
	width: 59px;
	height: 56px;
	background-image: url(../images/products_tabs.png);
	background-repeat: no-repeat;
	background-position: 0 -57px;
}
#ProductsTabs #ProductsTabsDelete.active{
	background-position: -60px -57px;	
}
#Products{
	border:1px solid #ffffff;
	position: relative;
	display: block;
	background-color: white;
	width:800px;
	height:530px;
	margin:0 auto 0 auto;
	-moz-box-shadow: 0 0 20px #000000;
	-webkit-box-shadow: 0 0 20px #000000;
	box-shadow: 0 0 20px 0 #000000;
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px;    /* Konqueror */
	-moz-border-radius: 5px; /* Firefox */
	border-radius: 5px;
	background-image: url(../images/bg_Products.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#Products .ButtonClose{
	right:0;
	top:0;
}
#Products .alfabet{
	text-align: center;
	padding:5px 0 0 0;
	height:27px;
}
#Products .alfabet .title{
	display: block;
	padding:5px 0 0 0;
	font-size: 14px;
}
#Products .alfabet a{
	display: inline-block;
	height:19px;
	font-weight: bold;
	padding:8px 6px 0 6px;
}
#Products .alfabet a:hover,#Products .alfabet a.active{
	background-color: #f37800;
	color:#ffffff;
	-webkit-border-radius: 5px 5px 0 0; /* Safari, Chrome */
	-khtml-border-radius: 5px 5px 0 0;    /* Konqueror */
	-moz-border-radius: 5px 5px 0 0; /* Firefox */
	border-radius: 5px 5px 0 0;
}

#Products .paginacja{
	text-align: center;
	padding:4px 0 0 0;
	height:24px;
}
#Products .paginacja a{
	display: inline-block;
	height:19px;
	font-weight: bold;
	padding:5px 6px 0 6px;
	color:#ffffff;
}
#Products .paginacja span{
	display: inline-block;
	height:19px;
	font-weight: bold;
	padding:5px 6px 0 6px;
	color:#ff8e46;
}

#Products .paginacja a:hover,#Products .paginacja a.active{
	background-color: #ffffff;
	color:#f37800;
	-webkit-border-radius: 5px 5px 0 0; /* Safari, Chrome */
	-khtml-border-radius: 5px 5px 0 0;    /* Konqueror */
	-moz-border-radius: 5px 5px 0 0; /* Firefox */
	border-radius: 5px 5px 0 0;
}
#Products #Columns{
	width:780px;
	margin:0 auto 0;
	height:440px;
}
#Products #Columns ul.column{
	display: block;
	float: left;
	list-style: none;
	padding: 10px 0 0 0;
	margin:0;
}
#Products #Columns ul.column li{
	display: block;
	width: 231px;
	padding: 3px 7px 3px 22px;
	cursor: pointer;
	height:24px;
	line-height: 24px;
}
#Products #Columns ul.column li.double{
	line-height: 12px;
}
#Products #Columns ul.column li:hover{
	background-color: #dddddd;
}
#Products #Columns ul.column li.Product span.product{
	position: absolute;
	display: inline-block;
	white-space: nowrap;
	height:24px;
}
#Products #Columns ul.column li.Product span.product.double{
	line-height: 12px;
	white-space: normal;
	width:185px;
}
#Products #Columns ul.column li span.right{
	display: block;
	float: right;
	font-size: 11px;
	color:#715430;
	line-height: 24px;
}
#Products #Columns ul.column li span.checkbox,#Products #Columns ul.column li span.checkbox_active{
	position: absolute;
	display: block;
	font-size: 1px;
	line-height: 24px;
	width: 18px;
	height:18px;
	background-image: url(../images/checkbox.png);
	background-repeat: no-repeat;
	margin:3px 0 0 -22px;
	
}
#Products #Columns ul.column li.active{
	color:#f16c00;
}
#Products #Columns ul.column li span.checkbox{
	background-position: -18px 0;
}
#Products #Columns ul.column li.active span.checkbox{
	background-position: 0 0;
}
#Products #Columns ul.column li span.deleteMode{
	background-position: 0 -18px;
}



/* -------------------------------------------------- */
/* ------------------- kalkulator ------------------- */
table.kalkulator{
	width:696px;
	margin:0 0 30px 0;
}
table.kalkulator td{
	height:39px;
	padding:0;
	margin:0;
}
table.kalkulator td.start{
	width: 7px;
	background-image: url(../images/table.td.left.png);
	background-repeat: no-repeat;
}
table.kalkulator td.end{
	width: 7px;
	background-image: url(../images/table.td.right.png);
	background-repeat: no-repeat;
}

table.kalkulator td.bg{
	background-image: url(../images/table.td.bg.png);
	background-repeat: repeat-x;
	line-height: 14px;
}
table.kalkulator td.weight{
	width:90px;
}
table.kalkulator td.weight input[type=text]{
	margin:0 3px 0 0;
	padding: 0 5px;
	line-height: 39px;
	display: block;
	float:left;
	width: 55px;
	height: 39px;
	border:0 none;
	text-align: center;
	background-color: transparent;
	background-image: url(../images/table.input.bg.png);
	background-repeat: no-repeat;
	outline: none;
}
table.kalkulator td.weight span{
	display: block;
	position: absolute;
	width:30px;
	margin:11px 0 0 70px;
}

table.kalkulator td.center{
	text-align: center;
}
table.kalkulator td.separator,table.kalkulator th.separator{
	width:2px;
	background-image: url(../images/table.td.separator.png);
	background-repeat: repeat-y;
}
table.kalkulator th{
	font-weight: normal;
}
table.kalkulator th.separator{
	height:48px;
}
table.kalkulator th.waga{
	text-align: left;
	text-indent: 18px;
}
table.kalkulator th.bialko,table.kalkulator th.energia,table.kalkulator th.phe{
	width:64px;
}
table.kalkulator td.MyProduct{
	width:60px;
}

table.kalkulator td.bg a.MyProduct{
	display: block;
	width:60px;
	height:36px;
	background-image: url(../images/table.td.buttons.png);
	background-repeat: no-repeat;
	background-position: 0 -117px;	
}
table.kalkulator td.bg a.MyProduct:hover{
	background-position: 0 -78px;
}
table.kalkulator td.bg a.MyProductActive{
	background-position: 0 0;	
}
table.kalkulator td.bg a.MyProductActive:hover{
	background-position: 0 -39px;	
}
table.kalkulator td.RemoveProduct{
	width:37px;
}
table.kalkulator td.RemoveProduct a.RemoveProduct{
	display: block;
	width:37px;
	height:36px;
	background-image: url(../images/table.td.buttons.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
table.kalkulator td.RemoveProduct a.RemoveProduct:hover,table.kalkulator td.RemoveProduct a.RemoveProductActive{
	background-position: right top;	
}

table.kalkulator tr.summary td{
	font-weight: bold;
}
table.kalkulator tr.summary td.razem{
	text-align: right;
	font-weight: bold;
	font-size: 14px;
	padding-right: 12px;
}
table.kalkulator tr.summary td.error{
	color:#ec2327;
}

div.bar{
	width:50px;
	height:4px;
	background-color: #d9d9d9;
	margin:14px auto 4px auto;
}
div.bar > div{
	height:4px;
	width:100%;
	margin:0;
	padding: 0;
}
div.bar > div.low{
	background-color:#8eba14;
}
div.bar > div.medium{
	background-color: #ec8723;
}
div.bar > div.high{
	background-color: #ec2327;
	width:100%;
}
/* dodaj wlasny produkt */
div.CalcCreator h2{
	font-weight:normal;
	font-size: 13px;
	padding:15px 0 0 0;
}
div.Creator{
	background-image: url(../images/bg_creator.gif);
	background-repeat: repeat-x;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	width:680px;
	height:37px;
	padding:0 0 0 16px;
	margin:0 0 20px 0;
}
div.Creator div input{
	border:0 none;
	background-color: #eed9c5;
	color:#000000;
	height:14px;
	margin:10px 0 0 0;
	padding: 0;
	outline: none;
}
div.Creator div input.default{
	color: #ae9883;
}
div.Creator div.input_left,div.Creator div.input_right,div.Creator div.input_middle,div.Creator div.input_both{
	height: 37px;
	float:left;
	background-image: url(../images/bg_creator_input_corners.png);
	background-repeat: no-repeat;

}
div.Creator div.input_left{
	width: 13px;
	background-position: top right;
}
div.Creator div.input_middle{
	height: 37px;
	background-position: top left;
	background-image: url(../images/bg_creator_input_bg.png);
	background-repeat: repeat-x;
}
div.Creator div.input_both{
	width: 37px;
	background-position: top left;
}

div.Creator div.input_right{
	width: 13px;
	background-position: top left;
}
div.Creator div.creator_product_name,#creator_product_name{
	width:260px;
}
div.Creator creator_product_unit,#creator_product_unit{
	width:50px;
}
div.Creator creator_product_B,#creator_product_B,div.Creator creator_product_E,#creator_product_E,div.Creator creator_product_Phe,#creator_product_Phe{
	width:30px;
	text-align: center;
}
#creator_add_product{
	display: block;
	float: left;
	width:96px;
	height:37px;
	background-image: url(../images/button_dodaj.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0 0 0 10px;
}
#creator_add_product:hover{
	background-position: left bottom;
}
#CreatorProductSelectUnit{
	position: absolute;
	margin:5px 0 0 28px;	
}
#CreatorProductSelectUnit ul{
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	background-image: url(../images/form.select.png);
	background-position: 0 0;
	width: 36px;
	height: 72px;
}
#CreatorProductSelectUnit ul.hover{
	background-position: 36px 0;	
}
#CreatorProductSelectUnit ul.hover li{
	display: block;
}
#CreatorProductSelectUnit ul li{
	display: none;
	height: 22px;
	line-height: 22px;
	padding:0 15px 0 6px;
	cursor: pointer;
}
#CreatorProductSelectUnit ul li.first{
	display: block;
	height: 25px;
	line-height: 25px;
}
#CreatorProductSelectUnit ul li a{
	display: block;
	text-align: center;
	color: #ffffff;
}
#CreatorProductSelectUnit ul li a:hover{
	text-decoration: none;
}
#CreatorProductSelectUnit ul li:hover a{
	color: orange;
}

/* dodaj zestaw produktow */
div.Creator div.creator_set_name,#creator_set_name{
	width:347px;
}
div.Creator div.creator_set_result{
	display: block;
	float:left;
	width:70px;
	height:30px;
	text-align: center;
	padding: 7px 0 0 0;
}
#creator_add_set{
	display: block;
	float: left;
	width:96px;
	height:37px;
	background-image: url(../images/button_zapisz.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0;
}
#creator_add_set:hover{
	background-position: left bottom;
}

/* --------------------- Archiwum ------------------- */
div.Creator div.archive_set_date_text,#archive_set_date_text{
	width:200px;
}
div.Archive h2{
	padding:0;
	margin:0;
}
#ArchiveSet div.Creator div.info{
	float:left;
	display: block;
	height:37px;
	line-height: 37px;
	width:90px;
}
#ArchiveSet div.Creator div.input_right{
	width:101px;
}
#ArchiveSet div.Creator div.PTotal{
	width: 180px;
	line-height: 37px;
	padding:0;
	margin:0;
}
div.Creator div.archive_set_result{
	display: block;
	float:left;
	width:70px;
	height:30px;
	text-align: center;
	padding: 7px 0 0 0;
}
#archive_add{
	display: block;
	float: left;
	width:96px;
	height:37px;
	background-image: url(../images/button_zapisz.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0;
}
#archive_add:hover{
	background-position: left bottom;
}
#archive_set div img.ui-datepicker-trigger{
	background-image: url(../images/button_zmien_date.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	width:98px;
	height:25px;
	position: absolute;
	margin: -19px 0 0 200px;
	cursor: pointer;	
}
#archive_set div img.ui-datepicker-trigger:hover{
	background-position: 0 -25px;
}
.ui-datepicker *{
	font-size: 11px;
}



div.Creator div.archive_get_date_text,#archive_get_date_text{
	width:200px;
}
#ArchiveGet div.Creator div.info{
	float:left;
	display: block;
	height:37px;
	line-height: 37px;
	width:90px;
}
#ArchiveGet div.Creator div.input_right{
	width:101px;
}
#ArchiveGet div.Creator div.PTotal{
	width: 180px;
	line-height: 37px;
	padding:0;
	margin:0;
}
div.Creator div.archive_get_result{
	display: block;
	float:left;
	width:70px;
	height:30px;
	text-align: center;
	padding: 7px 0 0 0;
}
#archive_view{
	display: block;
	float: left;
	width:96px;
	height:37px;
	background-image: url(../images/button_wczytaj.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0;
}
#archive_view:hover{
	background-position: left bottom;
}
#archive_get div img.ui-datepicker-trigger{
	background-image: url(../images/button_zmien_date.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	width:98px;
	height:25px;
	position: absolute;
	margin: -19px 0 0 200px;
	cursor: pointer;	
}
#archive_get div img.ui-datepicker-trigger:hover{
	background-position: 0 -25px;
}

table.kalkulator .headerW,
table.kalkulator .headerB,
table.kalkulator .headerE,
table.kalkulator .headerP{
	width:75px;
}


#button_print{
	display: block;
	width:177px;
	height: 40px;
	background-image: url(../images/button_print.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#button_print:hover{
	display: block;
	background-position: 0 -40px;
}


/* -------------------------------------------------- */
/* --------------------- modale --------------------- */
div.overlay{
	position:absolute;
	width:100%;
	height:100%;
	z-index:103;
	background-image: url(../images/overlay-bg.png);
	background-repeat: repeat;
}
div.modal{
	top:80px;
	left:50%;
	margin-left: -270px;
	position: absolute;
	width:520px;
	padding:10px;
	background-color: #f5f5f5;
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px;    /* Konqueror */
	-moz-border-radius: 5px; /* Firefox */
	border-radius: 5px;	
	z-index:104;
}
div.modal .ButtonClose{

}
div.modal .ButtonClose{
	right:0;
	top:0;
}
/* -------------------------------------------------- */


/* -------------------------------------------------- */
/* ------------------ rejestracja ------------------- */
.FormModal{
	width:480px;
}
#Register .FormModal{
	height:280px;
}
.FormModal ul{
	padding:0;
	margin:0;
	display: block;
	list-style: none;
}
.FormModal ul.left{
	width:130px;
	float:left;
	background-image: url(../images/vline.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.FormModal ul.left li{
	font-weight: bold;
	text-align: right;
	padding:0 15px 0 0;
	height:30px;
	line-height: 30px;
}
.FormModal ul.right{
	width:350px;
	float:left;
}
.FormModal ul.right li{
	height:30px;
	line-height: 30px;
	padding:0 0 0 15px;
}
.FormModal ul.right li.info{
	line-height: 15px;
	padding:5px 0 5px 15px;
}
.FormModal ul.right li.info span.checkbox{
	display: block;	
	float: left;
	width:30px;
	height:40px;
}
.FormModal span.label{
	display: block;
	width:300px;
	padding: 6px 15px;
	margin:-27px 0 0 0;
	position: absolute;
	background-color: #aa0000;
	left:365px;

	font-size: 12px;
}
.FormModal span.label div{
	line-height: 13px;
	color:#ffffff;	
}
.FormModal span.label div i{
	color:#ffffff;
	font-weight: bold;
}
.FormModal span.label span.arrow{
	display: block;
	width:12px;
	height:32px;
	margin:0;
	position: absolute;
	background-image: url(../images/arrow_red.png);
	left:-12px;
	top:-4px;
}

.FormModal input[type=text],form.FormModal input[type=password]{
	-webkit-border-radius: 12px; /* Safari, Chrome */
	-khtml-border-radius: 12px;    /* Konqueror */
	-moz-border-radius: 12px; /* Firefox */
	border-radius: 12px;
	border:0;
	background-color: #eed9c5;
	background-image: url(../images/input-shadow.gif);
	width:188px;
	background-repeat:no-repeat;
	background-position: top left;
	height:25px;
	padding:0 6px;
	font-weight: bold;
}
.FormModal input[type=text].error,form.FormModal input[type=password].error{
	background-position: bottom left;
	color:#ffffff;
}
.captcha{
	vertical-align: middle;
/*
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;	
	border:1px solid #eed9c5;
*/
}
.FormModal #buttonRegister{
	margin:10px 0 20px 85px;
	display: block;
	width:115px;
	height:36px;
	background-image: url(../images/button_register.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.FormModal #buttonRegister:hover{
	background-position: left bottom;	
}

/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ------------------- logowanie -------------------- */
#Login .FormModal{
	height:225px;
}
.FormModal #buttonLogin{
	margin:10px 0 20px 91px;
	display: block;
	width:109px;
	height:36px;
	background-image: url(../images/button_login.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.FormModal #buttonLogin:hover{
	background-position: left bottom;	
}
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ---------------- odzyskanie hasla ---------------- */
#PasswordRecovery .FormModal{
	height:175px;
}
.FormModal #buttonSend{
	margin:10px 0 20px 91px;
	display: block;
	width:109px;
	height:36px;
	background-image: url(../images/button_send.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.FormModal #buttonSend:hover{
	background-position: left bottom;	
}
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ------------------ wyszukiwarka ------------------ */
#SearchResults{
	position: absolute;
	left:1px;
	top:30px;
	width:669px;
	z-index:50;
}
#SearchResults .top{
	background-image: url(../images/bg-top-search-results.png);
	background-repeat: no-repeat;
	width:669px;
	height: 11px;
}
#SearchResults .container{
	width:669px;
}
#SearchResults .container table.list{
	-webkit-border-radius: 0 0 5px 5px; /* Safari, Chrome */
	-khtml-border-radius: 0 0 5px 5px;    /* Konqueror */
	-moz-border-radius: 0 0 5px 5px; /* Firefox */
	border-radius: 0 0 5px 5px;
	background-color: #513a20;
	width:669px;
}
#SearchResults .container table.list tr.product{
	cursor: pointer;
}
#SearchResults .container table.list tr.product:hover td,#SearchResults .container table.list tr.product.active td{
	background-color: #000000;
	color: #ffaf75;
}
#SearchResults .container table.list tr.product:hover td.title span,#SearchResults .container table.list tr.product.active td.title span{
	background-color: #ffbb8a;
}
#SearchResults .container table.list td{
	color:#ffffff;
}

#SearchResults .container table.list td.title{
	padding:7px 10px;	
}
#SearchResults .container table.list td.title span{
	color: #513a20;
	background-color: #ffffff;
}

#SearchResults .container table.list td.separator{
	width:1px;
	background-color: #23170c;
}
#SearchResults .container table.list td.B,#SearchResults .container table.list td.E,#SearchResults .container table.list td.Phe{
	padding:7px 10px;
	width:90px;
}
#SearchResults .container table.list td.B{
}
#SearchResults .container table.list td.E{
}
#SearchResults .container table.list td.Phe{
	background-color: #302213;
	color:#ff8023;
}

#SearchResults .container table.list tr.product td{
	background-image: url(../images/hline.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}
#SearchResults .container table.list td.end{
	-webkit-border-radius: 0 0 0 5px; /* Safari, Chrome */
	-khtml-border-radius: 0 0 0 5px;    /* Konqueror */
	-moz-border-radius: 0 0 0 5px; /* Firefox */
	border-radius: 0 0 0 5px;
}
#SearchResults .container table.list td.end,#SearchResults .container table.list td.endPhe{
	height:5px;
}
#SearchResults .container table.list td.endPhe{
	background-color:#302213; 
	-webkit-border-radius: 0 0 5px 0; /* Safari, Chrome */
	-khtml-border-radius: 0 0 5px 0;    /* Konqueror */
	-moz-border-radius: 0 0 5px 0; /* Firefox */
	border-radius: 0 0 5px 0;
}


p.info_ok,p.info_error,p.info_caution{
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #dddddd;
	background-color: #ffffff;
	padding:20px 20px 20px 70px !important;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	line-height: 17px;
	margin:6px 0 !important;
}
p.info_ok strong,p.info_error strong,p.info_caution strong{
	display: block;
	padding:0 0 5px 0;
}
p.info_ok{
	background-image: url(../images/info_ok.png);
}
p.info_error{
	background-image: url(../images/info_error.png);
}
p.info_caution{
	background-image: url(../images/info_caution.png);
}


/* ======================= Regulamin ============================= */
#Regulamin *{
	line-height: 16px;
}
#Regulamin h2{
	padding:10px 0 5px 0;
	margin:0;
}
#Regulamin p{
	padding: 5px 0 8px 0;
}
#Regulamin p.info{
	padding-top:25px;
}
#Regulamin ol{
	margin:0;
	padding:10px 0 10px 20px;
}
#Regulamin ol li{
	padding:0 0 7px 0;
}

/* ========================== FAQ ================================ */
ol#faq{
	padding: 20px 0 0 20px;
	margin:0;
	font-weight: bold;
}
ol#faq li{
	padding:0 0 20px 0;
	margin:0;
}
ol#faq li h2{
	padding:0 0 6px 0;
	font-size: 13px;
	font-weight: normal;
	margin:0;
}
ol#faq li div{
	font-weight: normal;
	line-height: 15px;
}