/* ogolne */
body, input, textarea, td {
	font: 11px tahoma, arial, helvetica, sans-serif;
}
body {
	background: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 0;
	text-align: center;
}
input, textarea {
	background: #FFFFE0;
    border: 1px solid #555555;
}
input:focus, textarea:focus {
	background: #FFFF99;
}
a {
    color: #222222;
    text-decoration: none;
}
a:hover {
    color: #FF0000;
    text-decoration: underline;
}
a img {
	border: 0;
}
p {
	margin: 0 0 1em 0;
	text-indent: 2em;
}
ul {
	margin: 0;
	padding: 0;
}
form, h1, h2 {
	margin: 0;
	font-size: 100%;
}
.clr {
	clear: both;
	font-size: 1px;
	height: 1px;
	overflow: hidden;
	width: 1px;
}

/* layout */
#page {
	margin: 0 auto;
	text-align: left;
	width: 1000px;
}
#page_header {
	clear: both;

	text-align: center;
}
#page_main {
	clear: both;
    min-height: 200px;
}
#page_footer {
	border-top: 1px solid #CCCCCC;
	clear: both;
	height: 20px;
}
#page_left {
	float: left;                                                      
	width: 145px;
}
.page_center {
	float: left;
	font-size: 1px;
	height: 1px;
	width: 10px;
}
#page_right {
	float: left;
	width: 845px;
}

/* boxy */
.content_box, .article_box, .order_box {
	padding: 10px;
}
.search_box {
	padding: 10px;
	text-align: center;
}
.login_box {
	padding: 10px;
	text-align: right;
}
.navi_box {
	text-align: right;
}

/* sekcje */
h2 {
	background: #E67817;
	border: 1px solid;
	border-color: #EEEEEE #C0C0C0 #C0C0C0 #EEEEEE;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0 2px 5px;
}
.tags h1, .tags h2, .tags h3, .tags h4, .tags h5, .tags h6 {
	background: #FFFFFF;
	border: 0;
    display: inline;
	font-weight: normal;
	margin: 0;
	padding: 0 5px 0 0;
}
.tags h1 {
	font-size: 11px;
}
.tags h2 {
	font-size: 14px;
}
.tags h3 {
	font-size: 12px;
}
.tags h4 {
	font-size: 18px;
}
.tags h5 {
	font-size: 20px;
}
.tags h6 {
	font-size: 22px;
}
ul.bullet1 {
	list-style-type: none;
}
ul.bullet2 {
	list-style-type: none;
	margin: 0 0 10px 0;
}
ul.bullet1 li {
	background: url(/images/bullet.gif) no-repeat top left;
	padding: 0 0 0 10px;
}
ul.bullet2 li {
	display: inline;
	padding: 0 10px 0 0;
}
.artlink {
    color: #000080;
    font-weight: bold;
}
.height_space {
	height: 5px;
}
.article_box .button {
    margin: 5px 0 0 0;
	text-align: right;
}
.article_box .key {
    float: left;
    font-weight: bold;
    margin: 0 5px 5px 0;
    width: 50px;
}
.article_box .value {
    float: left;
    margin: 0 0 5px 0;
    width: 770px;
}
.article_box .cart_space {
	height: 10px;
}
.article_box .desc_box {
	background: #F0F0F0;
    padding: 4px 6px 4px 6px;
    margin: 0 0 5px 0;
}
.article_box .note {
	color: #555555;
	font-size: 9px;
    margin: 5px 0 0 0;
}
.article_box .producer {
    float: right;
}

/* formularze */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
.login_box br {
	clear: both;
}
.login_box label {
    float: left;
    margin: 2px 3px 0 0;
    text-align: right;
    width: 60px;
}
.login_box input.text, .login_box div {
	border: 1px solid;
	border-color: #C0C0C0 #EEEEEE #EEEEEE #C0C0C0;
    float: left;
    margin: 2px 0 0 0;
	width: 55px;
}
.login_box div {
	border: 0;
	text-align: left;
}
.login_box input.submit {
	background: #E67817;
	border: 1px solid;
	border-color: #EEEEEE #C0C0C0 #C0C0C0 #EEEEEE;
	color: #000000;
    margin: 5px 15px 0 0;
	width: 100px;
}
.search_box input.text {
	border: 1px solid;
	border-color: #C0C0C0 #EEEEEE #EEEEEE #C0C0C0;
	width: 520px;
}
.search_box input.submit {
	background: #E67817;
	border: 1px solid;
	border-color: #EEEEEE #C0C0C0 #C0C0C0 #EEEEEE;
	color: #000000;
	width: 60px;
}
.article_box form {
	display: inline;
}
.article_box input.text {
	border: 1px solid;
	border-color: #C0C0C0 #EEEEEE #EEEEEE #C0C0C0;
	width: 60px;
}
.article_box input.submit {
	background: #E67817;
	border: 1px solid;
	border-color: #EEEEEE #C0C0C0 #C0C0C0 #EEEEEE;
	color: #000000;
	margin: 0 0 0 60px;
	width: 120px;
}
.article_box .article_quantity input.text {
	text-align: right;
}
.order_box form {
	display: inline;
}
.order_box legend {
    font-weight: bold;
	padding: 10px 0 5px 105px;
}
.order_box br {
	clear: both;
}
.order_box label {
    float: left;
    margin: 2px 3px 0 0;
    text-align: right;
    width: 80px;
}
.order_box input.text, .order_box textarea, .order_box div {
	border: 1px solid;
	border-color: #C0C0C0 #EEEEEE #EEEEEE #C0C0C0;
    float: left;
    margin: 2px 0 0 0;
	width: 300px;
}
.order_box textarea {
    height: 50px;
}
.order_box div {
	border: 0;
	text-align: left;
}
.order_box input.submit {
	background: #E67817;
	border: 1px solid;
	border-color: #EEEEEE #C0C0C0 #C0C0C0 #EEEEEE;
	color: #000000;
    margin: 15px 25px 10px 50px;
	width: 200px;
}
input#date_time {
    width: 120px;
}
img#calendar {
    cursor: pointer;
	vertical-align: text-bottom;
}

/* tabele */
table.article_list {
    width: 100%;
}
.article_list td {
    padding: 1px 2px 1px 2px;
}
td.article_code {
    text-align: left;
    width: 80px;
}
td.article_name {
    text-align: left;
}
td.article_price {
    text-align: right;
    width: 80px;
}
td.article_image {
    text-align: center;
    width: 45px;
}
td.article_state {
    text-align: right;
    width: 70px;
}
td.article_quantity {
    text-align: right;
    width: 65px;
}
td.article_unit {
    text-align: left;
    width: 25px;
}
td.article_delete {
    text-align: right;
    width: 20px;
}
td.article_total {
    text-align: right;
}
.article_list .greyline {
	border-top: 1px solid #C0C0C0;
    font-size: 1px;
    height: 1px;
    width: 100%;
}

/* marginesy */
div#mm1 {
	margin: 0;
}

/* czcionki */
.v12b_ba {
	font: bold 12px verdana, tahoma, arial, helvetica, sans-serif;
}

/* kolory */
.v12b_ba {
	color: #000000;
}

/* zamienniki */
.b {
    font-weight: bold;
}
.i {
    font-style: italic;
}
.u {
    text-decoration: underline;
}
.c {
	text-align: center;
}
.j {
	text-align: justify;
}
.l {
	text-align: left;
}
.r {
	text-align: right;
}
.red {
	color: #FF0000;
}
.green {
	color: #00FF00;
}
.blue {
	color: #0000FF;
}

/* stopka */
#page_footer h6 {
	color: #555555;
	font-size: 10px;
	font-weight: normal;
	float: left;
	margin: 0;
	padding: 5px 0 10px 380px;
	vertical-align: top;
}
#page_footer .navi {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	float: right;
	margin: 0;
	padding: 5px 20px 10px 0;
	vertical-align: top;
}
#page_footer .navi img {
	vertical-align: bottom;
}