body,
html {
	color: #666;
	font-size: 14px;
	background-color: #cccccc;
	height: 100%;
	font-family: 'Trebuchet MS',arial, sans-serif;
	font-size: 12px;
	/*background: #dddddd url(img/background.gif) repeat-y top center;*/
	}
body, html, div {
	margin:0;
	padding:0;
	}

.wrap { 
	width: 790px; 
	/*position:relative;*/ 
	margin: auto;
}

a { text-decoration: none; } 

#header p { display: block; float: right; width: 500px; }
#header img { border: none;  margin: 0.5em;  }


ul.menu form { display: inline; margin:0px; }

ul.menu, ul.submenu {
	list-style: none;
	padding: 0;
	margin: 0;
	clear: both;
	display: block;
}

ul.menu li {
	float: left;
	border: 1px solid;
	border-bottom-width: 0;
	background: #eeeeee;
	margin: 0 0 0 0.5em;
	height: 30px;
}

ul.menu li a, ul.menu li p {
	margin: 0px;
	display: block;
	padding: 0.2em;
}

ul.menu li a {
	padding: 0.5em;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	color: #666666;
}

 ul.menu li p a {
	display: inline;
	}

ul.menu li.active {
	position: relative;
	top: 1px;
	background: white;
	}

ul.menu li:hover {
	background: white;
	}

.right { float: right; margin: 10px 10px 0 0; display: inline; }
.left {  float: left;  margin: 10px 0 0 10px; display: inline; }

ul.submenu { 
	border-bottom: 1px solid #666666;
	margin: 1em;
	text-align: left; 
	}
ul.submenu li { display: inline; margin-right: 1em; }
ul.submenu li a { text-decoration: none; }

p {
	margin: 0.5em;
	}

.content {
	margin: 0px;
	clear: both;
	background: #ffffff; 
	border: solid #666666;
	border-width: 1px 0 1px 0;
}

.infobox {
	position: relative;
	width: 250px;
	margin: 5px 0 10px 5px;
	padding: 0px;
	float: right;
	display:inline;
	}

#footer .infobox { width: 200px; margin-left: 15px; }

.infobox2 {
	position: relative;
	width: 520px;
	margin: 5px 5px 10px 0;
	float: left;
	padding: 0px;
	display:inline;
	}


.infobox h2, .infobox2 h2 {
	border-bottom: 1px solid #666666; 
	font-size: 1.2em;
	}


.body {
	padding: 10px 10px 0 10px;
	margin: 20px 0 0 0;
	}

.author {
	padding: 25px 10px 0 0px;
	margin: 0px;
	font-size: 13px;
	color: #999;
	text-align: right;
	}

.author strong {
	font-size: 14px;
	color: #666;
	font-weight: bold;
	float: left;
	}

.news .body { background: #dddddd url(/img/nt.gif) no-repeat top left; }
.news .author { background: url(/img/nb.gif) no-repeat top left; }

/* forms: login / comment / adding bubbles: */
.menu input { border: none; background: #ccc; }
input.short { width: 10px; }


.hidden { display: none; }
.clear { clear: both; float: none; }

.odd {
	background: #e5e5e5;
	}

.katalog a {
	font-weight: bold;
	margin: 5px;
	}
.katalog a:hover {
	font-size: +1px;
	}

.zamowienie, .produkty {
	padding: 0px;
	/*background: #ffffff;*/
	}
.zamowienie h2 { margin: 5px; }


.produkty {
	background: #ffffff;
	}

.zamowienie {
	border: #666666 1px solid;
	}

.historia_zamowien div {
	padding: 3px;
	}

.produkty div, .zamowienie div {
	clear:both;
	margin-top: 10px;
	}

.produkty span.cena, .zamowienie span.cena, .historia_zamowien span.cena, .zamowienie span.telefon  {
	text-align: right;
	float: right;
	margin: 0 5px 0 0;
	}
span.red { color: #660000; }

.zamowienie h2.klient { font-weight: normal; }

.zamowienie .form { border:none; }

.produkty img, .zamowienie img {
	float: left;
	margin: 2px;
	}


.zamowienie textarea {
	width: 200px;
	height:300px;
	}


/* indicator for ajax requests */ 
.indicator {
	background:url(img/busy_bg.gif);
	margin: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	z-index: 100;
	}

img.progress {
	display:block;
	margin: 10px auto;
	width: 16px;
	float: none;
	z-index: 101;
	}

.kontakt p { margin: 0px; }
.kontakt strong { float: right; width: 140px; }

.malezdjecia img { width: 18px; height: 18px; border:none; padding: 0px; }
/* ICONS */
ul.menu li img { float: left; margin-right: 3px; }
.infobox h2, .infobox2 h2 { margin: 10px; background: url(/img/icons/24-message-info.png) no-repeat top left; padding-left: 27px;  }

a.secure { background: url(/img/icons/16-security-key.png) no-repeat top left; padding-left: 18px;  }

.historia_zamowien h2 { background: url(/img/icons/24-tag-manager.png) no-repeat top left; padding-left: 27px; padding-bottom: 3px;  }

.zamowienie h2 { background: url(/img/icons/24-tag-pencil.png) no-repeat top left; padding-left: 27px;  }
.zamowienie h2.klient { background-image: url(/img/icons/24-member.png);  }
.produkty h2 { background-image: url(/img/icons/24-em-down.png);  }

/* orders: on - nowe, oa - anulowane, or - realizowane, ow,oo, - wysłane, odebrane */
/* questions: qn - nowe, qz - rozpatrzone  */
span.on, span.oa, span.or, span.ow, span.oo, span.qn, span.qz, span.czas {
	background-repeat: no-repeat;
	background-position: top left; 
	padding-left: 18px;  
	}

span.on { background-image: url(/img/icons/16-tag-hot.png); }
span.oa { background-image: url(/img/icons/16-tag-cross.png); }
span.qn { background-image: url(/img/icons/16-tag-question.png); }
span.qz { background-image: url(/img/icons/16-tag-question-check.png); }
span.ow, span.oo, span.or, span.zamow { background: url(/img/icons/16-tag-check.png) no-repeat top left; padding-left: 18px;  }
span.czas { background-image: url(/img/icons/16-clock.png); }

.wspolpraca a, .wspolpraca h2, .mapa a, .mapa h2, .kontakt h2, .submenu a { 
	background: no-repeat top left; 
	padding-left: 18px; 
	}

.zamowienie a.c { background: url(/img/icons/24-tag-check.png) no-repeat top left; padding-left: 27px;  }
.zamowienie a.x { background: url(/img/icons/24-tag-remove.png) no-repeat top left; padding-left: 27px;  }

.produkty span.add, .produkty a.add { text-decoration: none; background: url(/img/icons/16-tag-add.png) no-repeat top right; padding-right: 18px; }

.wspolpraca a, .wspolpraca h2, .mapa a, .mapa h2 { 
	display: block; 
	}
.wspolpraca a { padding-left: 16px; background-image: url(/img/icons/16-heart-silver-xxs.png); }
.wspolpraca h2 { margin: 5px 0; background-image: url(/img/icons/16-heart-silver-xs.png); }

.mapa a { padding-left: 16px; background-image: url(/img/icons/16-heart-silver-xxs.png); }
.mapa h2 { margin: 5px 0; background-image: url(/img/icons/16-file-page.png); }

.kontakt h2 { margin: 5px 0; background-image: url(/img/icons/16-message-info.png); }

.submenu a {background-image: url(/img/icons/16-cube-blue.png); }

.produkty small {
	background: no-repeat bottom right; 
	padding-right: 18px; 
	}
.produkty small.t { background-image: url(/img/icons/16-em-check.png); }
.produkty small.n { background-image: url(/img/icons/16-em-cross.png); }

.produkty small.j { background-image: url(/img/icons/16-circle-green-check.png); }
.produkty small.b { background-image: url(/img/icons/16-circle-blue-remove.png); }
.produkty small.e { background-image: url(/img/icons/16-circle-red-remove.png); }


a.zamow { background: url(/img/icons/16-tag-check.png) no-repeat top left; padding-left: 18px;  }
a.szczegoly { background: url(/img/icons/16-zoom.png) no-repeat top left; padding-left: 18px;  }

p.zapytanie { background: #eeffff url(/img/icons/16-member.png) no-repeat top left; padding-left: 18px;  }
p.komentarz { background: url(/img/icons/16-message-info.png) no-repeat top left; padding-left: 18px;  }



a.t { background: url(/img/icons/16-em-check.png) no-repeat top left; padding-left: 18px;  }
a.n { background: url(/img/icons/16-em-cross.png) no-repeat top left; padding-left: 18px;  }


/* specjalne */
img.nasrodku { display: block; margin: 5px auto; }
img.nasrodku.licensed { width: 240px; }
.ferrari h2 { background-image: url(/img/temporary/ferrari/24-message-ferrari.png); }
.natleferrari { background-position: 35px; background: url(/img/temporary/ferrari/backsmall.gif) no-repeat center;}

/* startery */
a.ferrari, a.ferre, a.tacchini, a.cavalli, a.laperla, a.angel  { background: no-repeat top left; width: 86px; height: 34px; display: inline; float: left; margin: 0px; }
a.ferrari { background-image: url(/img/temporary/ferrari.gif); }
a.ferre { background-image: url(/img/temporary/ferre.gif); }
a.angel { background-image: url(/img/temporary/angel.gif); }
a.tacchini { background-image: url(/img/temporary/tacchini.gif); }
a.cavalli { background-image: url(/img/temporary/cavalli.gif); }
a.laperla { background-image: url(/img/temporary/laperla.gif); }

a.ferrari span, a.ferre span, a.tacchini span, a.cavalli span, a.laperla span, a.angel span { display: none; }
#startery { margin-bottom: 50px; display: block; }