﻿

/* ___| CSS document |_____________________ */


body { 
	margin: 6px 0 0 0;
	padding: 0;
	font-size: 70%;
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
	background: #ad8b6f url("../graphics/bg.png") repeat-x top;
	color: #000;
	}
a img {
  	border: 0;
	}
h1, h2, h3, h4, h5, p {
	margin: 0;
	}
.none {
	display: none;
	}
.clear {
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
	clear: both;
	}


/* ___| container |_____________________ */


#container {
	margin: 0 auto 0 auto;
	width: 950px;
	}
p.reklama {
	margin: 10px 0 10px 0;
	color: #323232;
	font-size: 80%;
	}
p.reklama img {
	border: 1px solid #000;
	margin-top: 3px;
	}
	
	
/* ___| head |_____________________ */


#head {
	margin: 0;
	width: 950px;
	height: 268px;
	background: url("../graphics/bg_head.jpg") no-repeat;
	}
#head h1 {
	margin: 5px 0 0 30px;
	float: left;
	}
#head ul {
	margin: 6px 0 0 0;
	padding: 0;
	width: 300px;
	float: right;
	}
#head ul li {
	margin: 0 0 0 0;
	list-style: none;
	display: block;
	float: left;
	text-align: center;
	width: 87px
	}
#head ul li a {
	color: #000;
	text-decoration: none;
	}
#head ul li a:hover {
	color: #6c490c;
	}
p#flag {
	margin: 72px 0 0 222px;
	width: 400px;
	float: left;
	clear: both;
	}
p#flag img {
	margin-right: 1px;
	border: 1px solid #000;
	}
#textarea {
	margin: 34px 0 0 240px;
	width: 400px;
	float: left;
	clear: both;
	}
#textarea h3 {
	margin-bottom:  7px;
	color: #d07600;
	font-size: 120%;
	}
#textarea p {
	line-height: 140%;
	}
	

/* ___| main |_____________________ */


#main {
	margin: 0;
	width: 950px;
	background: url("../graphics/bg_main.png") repeat-y;
	position: relative;
	}


/* ___| left column |_____________________ */


#left_col {
	margin: -160px 0 0 0;
	padding-bottom: 30px;
	width: 200px;
	min-height: 400px;
	position: relative;
	float: left;
	}
#left_col h3 {
	margin: 0;
	padding: 15px 0 0 30px;
	width: 170px;
	height: 31px;
	background: #f1b209 url("../graphics/bg_tit.png") no-repeat;
	color: #000;
	font-size: 100%;
	}
#left_col h3.last {
	margin: 0;
	padding: 15px 0 0 30px;
	width: 170px;
	height: 34px;
	background: #f1b209 url("../graphics/bg_tit_l.png") no-repeat;
	color: #000;
	font-size: 100%;
	}
#left_col h3.left_tit {
	margin: 0 0 10px 34px;
	padding: 0;
	width: auto;
	height: auto;
	color: #fff;
	background: none;
	}
.lbox {
	margin: 0;
	width: 200px;
	}
.lbox_t {
	margin: 0;
	width: 100%;
	height: 4px;
	font-size: 0;
	background: #c0a689 url("../graphics/bg_lbox_t.png") no-repeat;
	}
.lbox_m {
	margin: 0;
	padding: 6px 8px 6px 15px;
	width: 177px;
	min-height: 20px;
	background: #c0a689 url("../graphics/bg_lbox_m.png") repeat-y;
	}
.lbox_b {
	margin: 0;
	width: 100%;
	height: 4px;
	font-size: 0;
	background: #c0a689 url("../graphics/bg_lbox_b.png") no-repeat;
	}
.lbox ul {
	margin: 0 0 0 17px;
	padding: 0;
	}
.lbox ul li {
	margin: 0;
	padding-left: 18px;
	line-height: 20px;
	list-style: none;
	background: url("../graphics/point.png") no-repeat left 6px;
	}
.lbox ul li a {
	color: #000;
	text-decoration: underline;
	}
.lbox ul li a:hover {
	text-decoration: none;
	}
.lbox img {
	border: 1px solid #f4b254;
	}
.tbox {
	margin: 0 0 0 4px;
	width: 196px;
	}
.tbox_t {
	margin: 0;
	width: 100%;
	height: 4px;
	font-size: 0;
	background: #b8aa9d url("../graphics/bg_tbox_t.png") no-repeat;
	}
.tbox_m {
	margin: 0;
	padding: 6px 0 6px 0;
	width: 100%;
	min-height: 20px;
	background: #b8aa9d url("../graphics/bg_tbox_m.png") repeat-y;
	}
.tbox_b {
	margin: 0;
	width: 100%;
	height: 5px;
	font-size: 0;
	background: #b8aa9d url("../graphics/bg_tbox_b.png") no-repeat;
	}
#left_col form {
	margin: 0;
	padding: 0;
	}
#left_col form input {
	margin: 3px 0 0 20px;
	padding: 2px;
	width: 150px;
	border: 1px solid #c6c6c6;
	background: #fff url("../graphics/bg_input.png") no-repeat left top;
	}
#left_col form input.butt {
	margin: 6px 0 0 110px;
	padding: 0;
	width: 66px;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	border: 1px solid #c6c6c6;
	background: #9d6536 url("../graphics/bg_butt.png") no-repeat;
	font-weight: bold;
	font-size: 90%;
	border: none;
	color: #fff;
	text-align: center;
	}

	
/* ___| content |_____________________ */


a {color: black; text-decoration: underline}
a:hover {text-decoration: none}

#content a {color: black; text-decoration: underline}
#content a:hover {text-decoration: none}

#content {
	margin: 0px 0 -120px 25px;
	width: 685px;
	background: #fff;
	float: left;
	position: relative;
	}
#content h2 {
	color: #e88700;
	font-size: 130%;
	margin: 0 0 1em 0
	}
#content .double_col h2 {
	margin-bottom: 1px;
	color: #e88700;
	font-size: 100%;
	}
#content .double_col h2 a {
	color: #e88700;
	text-decoration: underline;
	}
#content .double_col h2 a:hover {
	text-decoration: none;
	}
#content h3 {
	margin-bottom: 10px;
	color: #be2400;
	font-size: 110%;
	}
#content p {
	margin-bottom: 12px;
	color: #3f3f3f;
	line-height: 140%;
	}
#content p.date {
	margin-bottom: 2px;
	color: #be2400;
	}
#left_con {
	margin: 0 20px 0 0;
	width: 475px;
	float: left;
	}
#right_con {
	margin: 12px 0 0 0;
	width: 190px;
	float: left;
	}
.box {
	margin: 0 0 16px 0;
	width: 190px;
	}
.box_t {
	margin: 0;
	width: 100%;
	height: 4px;
	font-size: 0;
	background: #f1e5d7 url("../graphics/bg_box_t.png") no-repeat;
	}
.box_m {
	margin: 0;
	padding: 6px 14px 6px 15px;
	width: 161px;
	min-height: 20px;
	background: #f1e5d7 url("../graphics/bg_box_m.png") repeat-y;
	}
.box_b {
	margin: 0;
	width: 100%;
	height: 4px;
	font-size: 0;
	background: #f1e5d7 url("../graphics/bg_box_b.png") no-repeat;
	}
.box ul {
	margin: 0 0 0 0;
	padding: 0;
	}
.box ul li {
	margin: 0 0 4px 0;
	padding-left: 18px;
	line-height: 16px;
	list-style: none;
	background: url("../graphics/bg_item.png") no-repeat left 6px;
	}
.box ul.without li {
	padding-left: 8px;
	background: none;
	}
.box ul li a {
	color: #000;
	text-decoration: underline;
	}
.box ul li a:hover {
	text-decoration: none;
	}
.double_col {
	margin: 4px 0 0 0;
	width: 475px;
	background: url("../graphics/bg_dbl_col.png") repeat-y 234px 0;
	float: left;
	clear: both;
	}
.dl_col {
	margin: 0 25px 0 0;
	width: 210px;
	float: left;
	}
.dr_col {
	margin: 0 0 0 25px;
	width: 210px;
	float: left;
	}


/* ___| footer |_____________________ */


#footer {
	margin: 0;
	padding-top: 146px;
	width: 100%;
	height: 64px;
	background: #c5aa93 url("../graphics/bg_footer.png") no-repeat center top;
	}
#footer ul {
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	width: 910px;
	text-align: right;
	}
#footer ul li {
	margin-right: 10px;
	list-style: none;
	display: inline;
	color: #f1e5d7;
	}
#footer ul li a {
	margin-right: 10px;
	text-decoration: none;
	color: #64350b;
	}
#footer ul li a:hover {
	color: #7e6753;
	}
p#foot {
	margin: 0 auto 0 auto;
	padding: 10px 0 40px 0;
	width: 870px;
	color: #f1e0d2;
	text-align: right;
	}
p#foot a {
	color: #f0b008;
	text-decoration: none;
	}
p#foot a:hover {
	color: #ecca71;
	}

	
#discussion input.text, textarea {background: #DDD; border: 1px solid #555; color: #000}
#discussion input.button {border: 1px solid; border-color: #888 #444 #444 #888; background: #222; color: #FFF; font-variant: small-caps}
#discussion input.button:first-letter {font-weight: bold}

#discussion table.diskuse {margin: auto; width: 100%; overflow-y: auto}
#discussion table.diskuse textarea {display: block}

#discussion .reply {width: auto; margin: auto}
#discussion .reply .reply2 {width: auto; margin-left: 25px; background: #EEE; border: 1px solid #DDD; margin-bottom: 1em}

#discussion .diskuse_reply {margin-left: 25px; width: auto}

#discussion .diskuse_post {width: auto; margin: auto; text-align: left; margin-bottom: 20px}
#discussion .diskuse_post .head {background: #DDD; color: #000; border: 1px solid #555; padding: 2px}
#discussion .diskuse_post .head:after {content: " "; display: block; clear: both; height: 0; overflow: hidden}
#discussion .diskuse_post .head .name {float: left}
#discussion .diskuse_post .head .datum {text-align: right}
#discussion .diskuse_post .text {border-top: 0 none; padding: 4px; background: #EEE; border: 1px solid #DDD;  border-top: 0px none}
#discussion .diskuse_post .text p {text-indent: 1em; text-align: justify; margin-top: 0; margin-bottom: 0.2em}
#discussion textarea {display: block}

table.discussion_preview {border-collapse: collapse; border: 1px solid #DDD}
table.discussion_preview caption {text-align: left; padding: 5px}
table.discussion_preview th {background: #EEE; padding: 5px}
table.discussion_preview td {border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 2px}

.paging {clear: both; text-align: center; margin-top: 1em}

#content div.addressbook p.headline {margin-bottom: 0; color: #888}
#content div.addressbook p.annotation {margin-top: 0}

#content div.listitem p.headline {margin-bottom: 0; color: #888}
#content div.listitem p.annotation {margin-top: 0}

#content .ab_selection {margin-bottom: 1em}
#content .ab_selection select {font-size: 85%}
#content .ab_selection input {font-size: 85%}

#content .path {color: #AAA; font-size: 90%}
#content .path a {color: #AAA}


div.img img {border: 1px solid black; margin: 0 0 5px 0}


