/* Ogolne parametry */


body {
    margin: 0;
    padding: 0;
    background-color: #85b90e;
}
body.popup {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}
div {
	text-align: left;
}

div, p, ol, ul, li, t, td, input, select, option, textarea {
	font-family: Verdana, Arial;
    font-size: 11px;
    color: #333333;
}
input, select, option, textarea {
	color: #333333;
}
a {
	text-decoration: none;
	color: #324e99;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
p {
	margin: 0 0 10px 0;
	line-height: 16px;
}
form {
	margin: 0;
	padding: 0;
}

.opcjonalna {
	color: #808080;
	font-size: 10px;
	margin: 4px 10px;
}

/* layout strony */
#pageDiv {
	text-align: center;
	min-height: 580px;
}
#mainDiv {
	width: 979px;
	background-color: white;
	margin: 22px auto;
}
.homepage #mainDiv {
	height: 580px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -310px 0 0 -490px;
}
#mainDivSub {
	background-image: url(../images/page_bg.gif);
}

#topDiv {
	height: 90px;
}

#topDivNAQ {
	float: right;
}
#imgLogoNAQ {
	margin: 10px 93px 0 0;
}
#imgLogoDN {
	margin: 20px 0 0 23px;
}


#menuDiv{
	height: 26px;
}
#menuDivButtons {
	float: right;
	padding: 0 66px 0 0;
}
#menuDivButtons a {
	display: block;
	float: left;
	background-image: url(../images/dots1.gif);
	background-repeat: no-repeat;
	background-position: 9px 5px;
}
#menuDivButtons a.menuDivButtonMapa {
	background: none;
}
#menuDivButtons a img {
	margin: 0 0 0 20px;
}
#menuDivMain {
	padding: 2px 0 0px 6px;
	
}
#menuDivMain a {
	font-size: 13px;
	font-weight: bold;
	padding: 0 10px 0 18px;
	text-transform: uppercase;
}
#menuDivMain a:hover,
#menuDivMain a.current {
	color: #00a6ea;
	text-decoration: none;
}

#menuDivPath {
	font-size: 9px;
	color: #abacac;
	height: 18px;
	margin: 0 0 0 24px;
}
#menuDivPath a {
	color: #abacac;
}
#menuDivPath a:hover {
	color: #808080;
	text-decoration: none;
}
#bottomDiv {
	padding: 6px 46px 0 0;
	text-align: right;
}
#footerDiv {
    background-color: #85b90e;
	padding: 8px 16px 8px 24px;
}
#footerDiv div {
 	color: white;
	font-size: 10px;
}
#footerDiv div a {
	color: white;
}
#footerDiv div.right {
	float: right;
}
#footerDiv div.right a {
	text-transform: uppercase;
}

#leftMenu a {
	display: block;
	padding: 0 8px 0 13px;
	margin: 0 0 8px 0;
	background-image: url(../images/arr_2.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#leftMenu a:hover {
	color: #84b90d;
	text-decoration: none;
}
#leftMenu a.active {
	color: #84b90d;
	font-weight: bold;
	background-image: url(../images/arr_1a.gif);
}
/* home Page */

#homeDiv {
	margin: 0 0px 0 23px;
	padding: 0 0 10px 0;
}
#homeDivMainOvr {
	z-index: 1001;
}
#homeDivMainOvr2 {
	position: absolute;
	z-index: 2002;
}
#homeDivMain {
	float: left;
	width: 707px;
	height: 333px;
}
#homeDivRight {
	margin-left: 713px;
	width: 227px;
	height: 333px;
}
#homeDivRight .SWFObject {
	position: relative;
	width: 219px;
	margin: 0 0 27px 0;
}
#homeDivBottom1 {
	margin-top: 20px;
	float: left;
	width: 231px;
	height: 78px;
}
#homeDivBottom2 {
	margin-top: 20px;
	margin-left: 7px;
	float: left;
	width: 231px;
	height: 78px;
}
#homeDivBottom3 {
	margin-top: 20px;
	margin-left: 7px;
	float: left;
	width: 231px;
	height: 78px;
}
#homeDivBottomRight {
	margin-top: 20px;
	margin-left: 713px;
	width: 227px;
	height: 78px;
}

/* Content */
#contentDiv {
	margin: 0 26px 0 24px;
	padding: 16px 0 36px 0;
	border-bottom: solid 1px #cedcdf;
}
.popup #contentDiv {
	margin: 0px;
	padding: 16px;
	border-bottom: none;
}
#contentDivLeft {
	float: left;
	width: 162px;
	border-right: solid 1px #84b90d;
	padding: 0 0 0 0;
}
#contentDivMain {
	float: left;
	width: 499px;
	padding: 0 14px 0 14px;
	border-left: solid 1px #84b90d;
	margin-left: -1px;
	min-height: 200px;
}
#contentDivMain .imgtext-table {
	margin: -8px 0 0 15px;
}
#contentDivMain .imgtext-table img {
	position: relative;
	left: -7px;
}
.console #contentDivMain {
	width: 710px;
}
.clear {
	height: 1px;
	clear: both;
}
#contentDiv p {
    line-height: 15px;
	margin: 0 20px 10px 0;
}
#contentDiv ul {
	margin: 18px 20px 18px 0;
	padding: 0 0 0 18px;
}
#contentDiv ul li {
    line-height: 14px;
	margin: 0 0 2px 0;
	padding: 1px 0 0 18px;
	list-style-type: none;
	background-image: url(/images/b_arr_right2.gif);
	background-repeat: no-repeat;
}
#contentDiv h3 {
	font-size: 18px;
	font-style: oblique;
	font-weight: normal;
	color: #84b90d;
	margin: -4px 0 12px 0;
	padding: 0px;
}

#contentDiv h4 {
	font-size: 14px;
	font-weight: bold;
	color: #84b90d;
	margin-top: 4px;
	margin-bottom: 8px;
	padding: 0px;
}
#contentDivMain a {
	color: #0c3f98;
	font-weight: bold;
}

#contentDivRight {
	float: left;
	padding: 0 0 0 0;
	width: 230px;
}
.console #contentDivRight {
	display: none;
}
#contentDivRight .SWFObject {
	position: relative;
	margin: 1px 0;
	width: 219px;
}

/* rozne */
#alertBG,
#zoomBG {
	background-color: white;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2000;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
	cursor: pointer;
}
#alertPopup,
#zoomIMG {
	background-color: white;
	position: absolute;
	width: 460px;
	height: 460px;
	border: solid 2px #84b90d;
	z-index: 2002;
}
#zoomIMG img {
	margin: 6px 0 0 0;
}
#alertPopup .close,
#zoomIMG .close {
	position: absolute;
	margin: 0 0 0 434px;
	width: 26px;
	height: 26px;
	background-image: url(/images/popup_x.gif);
	cursor: pointer;
}
#zoomIMG.zoomBig {
	width: 810px;
	height: 610px;
}
#zoomIMG.zoomBig .close {
	margin: 0 0 0 784px;
}
#alertBG_old {
	background-color: white;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2000;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}
#alertPopup {
	height: 160px;
	text-align: center;
}
#alertPopup_old {
	background-color: white;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 460px;
	height: 160px;
	z-index: 2002;
	margin-top: -100px;
	margin-left: -245px;
	text-align: center;
	border: solid 2px #84b90d;
}
#alertPopup .close_old {
	position: absolute;
	margin: 0 0 0 434px;
	width: 26px;
	height: 26px;
	background-image: url(/images/popup_x.gif);
	cursor: pointer;
}
#alertPopup p {
	margin: 10px 20px;
	height: 55px;
	text-align: left;
}
#alertPopup h3 {
	font-size: 20px;
	font-style: oblique;
	font-weight: normal;
	color: #84b90d;
	margin: 10px 20px;
	padding: 0px;
	text-align: left;
}
#alertPopup input.button {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 0 10px;
	border: solid 2px #97d000;
	color: #608d09;
	background-color: white;
	padding: 3px 6px;
}
/* sitemap */

#contentDivMain .sitemap1 {margin-left: 00px; margin-top: 8px;}
#contentDivMain .sitemap1 a {color: #0c3f98; font-weight: bold; font-family: Tahoma;}
#contentDivMain .sitemap2 a:hover {color: #00a6ea;}

#contentDivMain .sitemap2 {margin-left: 15px; margin-top: 0px;}
#contentDivMain .sitemap2 a {color: #0c3f98; font-weight: normal; font-family: Tahoma;}
#contentDivMain .sitemap2 a:hover {color: #00a6ea;}

#contentDivMain .sitemap3 {margin-left: 30px; margin-top: 0px;}
#contentDivMain .sitemap3 a {color: #0c3f98; font-weight: normal; font-family: Tahoma;}
#contentDivMain .sitemap3 a:hover {color: #00a6ea;}



/* dnList specific */

.dnList {
}

.dnListCategory {
}
.dnListPriceSwitch {
	border: solid 1px #e0e0e0;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	color: #808080;
	font-size: 10px;
}
.dnListPriceSwitch input {
	vertical-align: middle;
	margin-top: 0px;
}

.dnListCategorySwitch {
	font-size: 11px;
	margin: 20px 0;
	height: 25px;
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	padding: 6px 0 0 23px;
}
.dnListCategorySwitch span {
	font-weight: bold;
	color: #808080;
}
.dnListCategorySwitch select {
	margin-top: -3px;
	float: right;
	display: block;
	font-size: 11px;
	width: 270px;
	border: solid 1px #84b90d;
}
.dnListCategorySwitch option {
	font-size: 11px;
	margin: 2px;
}


.dnListShortcut {
	font-size: 11px;
	margin: 20px 0;
	height: 18px;
}
.dnListShortcut select {
	margin-top: -2px;
	float: right;
	display: block;
	font-size: 11px;
	width: 400px;
	border: solid 1px #84b90d;
}
.dnListShortcut option {
	font-size: 11px;
}

.dnListHeader {
	clear: both;
	padding: 6px 0px 0px 16px;
	margin: 8px 0;
	height: 24px;
	width: 486px;
	color: white;
	background-color: #85b90f;
	background-image: url(/images/bg_header.gif);
	font-weight: bold;
	font-size: 11px;
}

.dnListHeaderExpand,
.dnListHeaderCollapse {
	float: right;
	width: 35px;
	height: 30px;
	background-color: #85b90f;
	margin-top: -6px;
}
.collapsed .dnListHeaderExpand {
	display: block;
}
.dnListHeaderExpand {
	display: none;
}
.collapsed .dnListHeaderCollapse {
	display: none;
}
.dnListHeaderCollapse {
	display: block;
}

.collapsed .dnListItems {

}

.dnListItem {
	clear: left;
	margin: 4px 0px 4px 0px; 
	padding: 2px 0px; 
	background-color: white;
}
.dnListItemHover {
	background-color: #e8f9fe;
}

.dnListItem .thumbnail {
	width: 122px;
	text-align: left;
}
.dnListItem .thumbnail img {
	border: solid 1px white;
}
.dnListItemHover .thumbnailZoom img {
	border: solid 1px #c0c0c0;
}
.dnListItemHover .thumbnailZoom {
	cursor: pointer;
}
.dnListItemHover .thumbnailZoom .zoomLupa {
	width: 18px;
	height: 18px;
	background-color; #dadada;
	position: absolute;
	margin: -18px 0 0 104px;
	background-image: url(/images/lupa.gif);
	background-repeat: no-repeat;
}
.dnListItemDivider {
	background-color: #e0e0e0;
	height: 1px;
	margin: 3px 0;
	font-size: 1px;
}
.dnListItem table {
	width: 500px;
	border-collapse: collapse;
	border: none;
}
.dnListItem table td.td1 {
	font-size: 11px;
	color: #808080;
	width: 120px;
	padding: 5px;
}
.dnListItem table td.td1 span {
	display: block;
	margin-top: 4px;
}
.dnListItemLong  table td.td1 span,
.dnListItemShort  table td.td1 img {
	display: none;
}
.dnListItem table td.td2 {
	width: 350px;
	padding: 5px 10px;
}

.dnListItem div {
	font-size: 11px;
	color: #0c3f98;
}
.dnListItem .title {
	font-weight: bold;
	font-size: 12px;
}
.dnListItem .subtitle {
	color: #808080;
	margin: 0 0 6px 0;
}
.dnListItem .promotext {
	font-weight: bold;
	color: red;
	font-size: 10px;
	margin: 2px 0;
}
.dnListItem .subtitle {
}
.dnListItem .description {
	color: #808080;
	margin: 4px 0px 8px 0px;
}

.dnListItem .left {
	font-weight: bold;
	margin: 0 0 6px 0;
}
.dnListItem .right {
	float: right;
}
.dnListItem .right span {
	color: #808080;
}
.dnListItem .p1 {
	color: #0c3f98 !important;
}
.dnListItem .quantity {
	clear: both;
}
.dnListItem .quantity table {
	width: 350px;
}
.dnListItem .quantity table .tdleft {
	font-weight: bold;
	color: #0c3f98;
	font-size: 11px;
}
.dnListItem .quantity table .tdright {
	text-align: right;
}
.dnListItem .quantity .inputtext {
	border: solid 1px #84b90d;
	width: 30px;
	height: 14px;
	margin-right: 4px;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
}
.dnListItem .quantity input {
	vertical-align: middle;
	margin-right: 4px;
}
.dnListItem .zamawiam img {
	margin: 4px 0 0 0;
}


.dnListItem .ptaszek {
	width: 22px;
	height: 22px;
	position: absolute;
	margin: -26px 0 0 200px;
	background-image: url(/images/ptaszek.gif);
	cursor: pointer;
	z-index: 100;
}
.dnListItem .selectDispenser {
	margin-bottom: 10px;
}
.dnListItem .selectDispenser select {
	margin-top: -1px;
	float: right;
	display: block;
	font-size: 11px;
	width: 220px;
	border: solid 1px #84b90d;
}

.dnListItem .priceranges
{
	display: block;
	margin: 5px 0;
	font-weight: normal;
	color: #808080;
}
.dnListItem .priceranges .zasztuke
{
	color: #0c3f98;
}
/* dnShortOrder */

#dnShortOrder {
	width: 209px;
	padding: 0 0px 0 10px;
	margin: 15px 0 0 0;
}
#dnShortOrder .orderHeader {
	background-color: #97d000;
	background-image: url(/images/th209.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	text-align: center;
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 6px 0;
}

#dnShortOrder .orderHeader .headerStatus div {
	font-size: 10px;
	color: white;
	text-align: center;
	display: none;
}
#dnShortOrder .orderHeader .headerStatus_complete div.complete,
#dnShortOrder .orderHeader .headerStatus_not_complete div.not_complete,
#dnShortOrder .orderHeader .headerStatus_too_much div.too_much,
#dnShortOrder .orderHeader .headerStatus_enter_user div.enter_user {
	display: block;
}

#dnShortOrder .orderFooter {
	background-color: #97d000;
	background-image: url(/images/tf209.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	border: none;
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 6px 20px;
}
#dnShortOrder .header {
	background-color: #85b90f;
	color: white;
	font-weight: bold;
	margin: 0;
	Xwidth: 201px;
	padding: 2px 4px;
	height: 13px;
	border: none;
	cursor: pointer;
}
#dnShortOrder .header .marker {
	float: right;
	width: 12px;
	height: 12px;
	border: solid 1px white;
}
#dnShortOrder .header .markerChecked {
	clear: left;
	background-image: url(/images/mark.gif);
}
#dnShortOrder .orderFooter .total {
	float: right;
	color: white;
	font-weight: bold;
}
#dnShortOrder .orderFooter .brutto .totalNetto,
#dnShortOrder .orderFooter .netto .totalBrutto {
	display: none;
}
#dnShortOrder .preitems {
	float: left;
	width: 1px;
	height: 10px;
}
#dnShortOrder .items {
	border-left: solid 2px #97d000;
	border-right: solid 2px #97d000;
	padding: 2px 3px;
}
#dnShortOrder .item {
	Xborder: solid 1px red;
	width: 199px;
	padding: 0;
}
#dnShortOrder .item .erase {
	width: 7px;
	height: 7px;
	background-image: url(/images/x.gif);
	float: right;
	cursor: pointer;
	margin: 3px 0 0 4px;
	font-size: 2px;
}
#dnShortOrder .title{
	font-size: 11px;
}
#dnShortOrder .item .quantity{
	color: #808080;
	font-size: 10px;
	text-align: right;
}
#dnShortOrder .items {
	min-height: 10px;
}

#dnShortOrder .items-dane div {
	display: none;
}
#dnShortOrder .items-dane-ok div.wypelnione,
#dnShortOrder .items-dane-notok div.niewypelnione {
	display: block;
}


#dnShortOrder .hint {
	padding: 10px 0 10px 40px;
	margin: 6px 0 0 0;
	color: #808080;
	font-weight: bold;
	Xtext-align: center;
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#dnShortOrder .hint div {
	text-align: left;
	font-weight: normal;
	display: none;
}
#dnShortOrder .hintPakiet div.hintPakiet,
#dnShortOrder .hintWoda div.hintWoda,
#dnShortOrder .hintDystrybutor div.hintDystrybutor,
#dnShortOrder .hintDane div.hintDane,
#dnShortOrder .hintZamow div.hintZamow {
	display: block;
}
/* inputForm */

.inputForm {
}

.inputForm .fieldSet {
	clear: both;
	margin: 5px 0;
}
.inputForm .fieldSet .ptaszek {
	float: right;
	width: 22px;
	height: 22px;
}
.inputForm .fieldSetActive .ptaszek {
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}
.inputForm .fieldSetRequired .ptaszek {
	background-image: url(/images/big_x.gif);
}
.inputForm .fieldSetRequired .ptaszekOk {
	background-image: url(/images/ptaszek.gif);
}
.inputForm .fieldSetDisabled .ptaszek {
	background-image: none;
}

.inputForm .fieldSet .field {
	float: right;
	width: 310px;
}
.inputForm .fieldSet .label {
	width: 145px;
	height: 22px;
	font-weight: bold;
	color: #808080;
	padding: 2px 15px 0 0;
	text-align: right;
}
.inputForm .fieldSet .radioLabel {
	font-size: 10px;
	color: #808080;
	margin: 2px 0 4px 0;
}
.inputForm .fieldSet .checkboxLabel {
	font-size: 10px;
	color: #808080;
	margin: 4px 10px 4px 0;
	text-align: justify;
}
.inputForm .fieldSetRequired .label {
	background-image: url(/images/gwiazdka.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
}
.inputForm .fieldSetDisabled .label {
	background-image: none;
}
.inputForm .fieldSet .field input.text {
	width: 284px;
	height: 17px;
	padding: 2px 8px 0 8px;
	border: none;
	background-image: url(/images/input300.jpg);
}
.inputForm .fieldSet .field select {
	width: 300px;
	height: 17px;
	*height: 19px;
	border: none;
	background-color: white;
	border: solid 1px #84b90d;
}
.inputForm .fieldSet .field textarea {
	width: 284px;
	height: 192px;
	padding: 4px 8px;
	border: none;
	background-image: url(/images/textarea300x200.jpg);
}
.inputForm .fieldSetDisabled .field input.text {
	background-image: url(/images/input300d.jpg);
}
.inputForm .fieldSet .field input.radio {
	vertical-align: middle;
	margin-top: 0px;
}
.inputForm .comments {
	clear: both;
	height: 80px;
	padding: 10px 30px 10px 130px;
}
.inputForm .comments .ok,
.inputForm .commentsOk .notOk {
	display: none;
}
.inputForm .commentsOk .ok {
	display: block;
}

.inputForm .comments .notOk {
	color: #808080;
	font-weight: bold;
	text-align: right;
}
.inputForm .comments .ok {
	color: #808080;
	font-weight: bold;
	text-align: right;
}

.inputForm .destroyButton {
	margin-top: 10px;
	border: solid 1px #808080;
	color: #808080;
	background-color: white;
}
.inputForm .confirmButton {
	float: right;
	margin: 10px 30px 0 0;;
	border: solid 1px #97d000;
	color: #608d09;
	background-color: white;
	font-weight: bold;
}
.dnSteps {
	clear: both;
}
.dnSteps .forwardButton {
	float: right;
	font-size: 11px;
	margin: 10px 0 0 10px;
	border: solid 1px #97d000;
	color: #608d09;
	background-color: white;
	font-weight: bold;
	padding: 3px 6px;
	width: auto;
	overflow: visible;
}
.dnSteps .backButton {
	font-size: 11px;
	margin: 10px 10px 0 0;
	border: solid 1px #808080;
	color: #808080;
	background-color: white;
	font-weight: bold;
	padding: 3px 3px;
	width: auto;
	overflow: visible;
}




.dnOrderSummary .item {
	clear: both;
	padding: 4px 8px;
	border-bottom: solid 1px #e0e0e0;
	height: 30px;
}

.dnOrderSummary .item .quantity {
	color: #808080;
	font-size: 11px;
}

.dnOrderSummary .right {
	float: right;
	text-align: right;
}
.dnOrderSummary .right span {
	color: #808080;
	font-size: 11px;
}
.dnOrderSummary .right .p1 {
	color: #0c3f98;
	font-size: 12px;
}
.dnOrderSummary .subtotal {
	clear: both;
	padding: 4px 8px 4px 8px;
	height: 30px;
	margin: 2px 0 0 0;
	border-top: solid 1px #e0e0e0;
}
.dnOrderSummary .itemKaucja {
	border: none;
}
.dnOrderSummary .field {
	clear: both;
	padding: 4px 8px 4px 8px;
	height: 16px;
	margin: 2px 0 0 0;
}

.dnOrderSummary .field .right {
	width: 300px;
	text-align: left;
	color: #0c3f98;
	border-bottom: solid 1px #e0e0e0;
	padding: 1px 8px;
	height: 14px
}

.dnOrderSummary .errors {
	clear: both;
	padding: 4px 8px;
	color: red;
}

#contentDiv .aktualnosc {
	margin: 0 0 15px 0;
}
#contentDiv .aktualnoscdata {
	color: #808080;
	width: 80px;
	float: left;
}
#contentDiv .aktualnosctytul {
	margin-left: 80px;
}
#contentDiv .aktualnosctresc {
	margin: 6px 0;
}
#contentDiv .aktualnosctresc a {
	font-weight: normal;
	color: #333333;
}

#contentDiv .trwaLadowanie {
	text-align: center;
	padding: 40px 20px;
	font-weight: bold;
	color: #808080;
}

table.zielona {
	border-left: solid 4px #85b90f;
	border-right: solid 4px #85b90f;
	border-collapse: collapse;
	width: 296px;
	margin: 0 2px;
}
table.zielona td {
	padding: 2px 8px;
}
table.zielona th {
	padding: 4px 8px;
	color: white;
	font-weight: bold;
	background-color: #85b90f;
}

.zielonaPre {
	width: 300px;
	height: 18px;
	background-image: url(/images/th300.gif);
	background-position: left top;
	margin: 0;
	padding: 0;
}
.zielonaPost {
	width: 300px;
	height: 18px;
	background-image: url(/images/tf300.gif);
	background-position: left top;
	margin: 0 0 15px 0;
	padding: 0;
}

div.toTop {
	text-align: right;
}
div.toTop a {
	padding: 0 12px;
	height: 14px;
	background-image: url(/images/arr_top.gif);
	background-repeat: repeat-x;
}