/* ___| CSS document |_____________________ */


body { 
	margin: 0;
	padding: 0;
	font-size: 70%;
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
	background: #716d54 url("../graphics/bg.jpg") repeat;
	color: #000;
	}
a img {
  	border: 0;
	}
h1, h2, h3, h4, h5, p {
	margin: 0;
	}
h6    { margin: 0;
        padding: 0;
        font-size: 150%;
        text-align: center;

        }
.none {
	display: none;
	}
.clear {
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
	clear: both;
	}
	
	
/* ___| top |_____________________ */


#top {
	margin: 0;
	width: 100%;
	height: 278px;
	background: url("../graphics/bg_top.jpg") repeat-x top;
	}
	
	
/* ___| container |_____________________ */


#container {
	margin: 10px auto 0 auto;
	width: 932px;
	}
	
	
/* ___| header |_____________________ */


#header {
	margin: 0 auto 0 auto;
	width: 932px;
	height: 233px;
	background: url("../graphics/bg_head.jpg") no-repeat center top;
	}
h1 {
	margin: 4px 0 0 95px;
	float: left;
	}
ul#top_menu {
	margin: 6px 0 0 0;
	padding: 0;
	width: 500px;
	float: right;
	}
ul#top_menu li {
	margin: 0 4px 0 0;
	list-style: none;
	display: inline;
	font-size: 90%;
	color: #a7c436;
	}
ul#top_menu li img {
	margin: 0 4px 0 0;
	}
ul#top_menu li a {
	margin: 0 7px 0 0;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}
ul#top_menu li a:hover {
	text-decoration: none;
	color: #a7c436;
	}
ul#top_menu li a.now {
	text-decoration: none;
	color: #a7c436;
	}	
	
	
/* ___| menu |_____________________ */


menu {
	margin: 0 auto 0 auto;
	padding: 15px 0 0 48px;
	width: 884px;
	height: 30px;
	background: #676353 url("../graphics/bg_menu.jpg") no-repeat center top;
	}
menu li {
	margin: 0 1px 0 0;
	list-style: none;
	color: #000;
	display: inline;
	}
menu li a {
	margin: 0 2px 0 0;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}
menu li.now a {
	color: #88ff00;
	}
menu li a:hover {
	color: #88ff00;
	text-decoration: none;
	}
ul#submenu {
	margin: 0;
	padding: 2px 0 0 0;
	width: 185px;
	}
ul#submenu li {
	margin: 2px 0 0 0;
	list-style: none;
	color: #fff;
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	vertical-align: middle;
	}
ul#submenu li a {
	margin: 0;
	padding-left: 38px;
	width: 147px;
	height: 29px;
	background: #4b483c url("../graphics/bg_item.jpg") no-repeat;
	background-position: 0 0;
	color: #fff;
	text-decoration: none;
	display: block;
	}
ul#submenu li.now a {
	color: #88ff00;
	background-position: 0 -29px;
	}
ul#submenu li a:hover {
	color: #88ff00;
	background-position: 0 -29px;
	}
	
	
/* ___| box |_____________________ */


.box {
	margin: 0 0 10px 0;
	width: 185px;
	float: left;
	clear: both;
	}
.box_t {
	margin: 0;
	width: 100%;
	height: 4px;
	background: #a09c83 url("../graphics/bg_box_t.jpg") no-repeat;
	font-size: 0;
	float: left;
	clear: both;
	}
.box_m {
	margin: 0;
	padding: 8px 14px 0 14px;
	width: 157px;
	background: #a09c83 url("../graphics/bg_box_m.jpg") repeat-y;
	float: left;
	clear: both;
	}
.box_b {
	margin: 0;
	width: 100%;
	height: 4px;
	font-size: 0;
        color: red;
	background: #a09c83 url("../graphics/bg_box_b.jpg") no-repeat;
	float: left;
	clear: both;
	}
.box h4 {
	margin-bottom: 2px;
	font-size: 100%;
	}
.box h5 {
	margin-bottom: 1px;
	font-size: 100%;
	font-style: italic;
	}
.box p {
	margin-bottom: 0;
	line-height: 140%;
	}
.box p.more {
	margin-bottom: 10px;
	text-align: right;
	font-style: italic;
	}
.box p.date {
	color: #fff;
	}
.box a {
	color: #000;
	text-decoration: underline;
	}
.box a:hover {
	text-decoration: none;
	}
.box input.find {
	margin: -5px 0 5px 0;
	position: relative;
	}
.box form {
	margin: 0;
	padding: 0 0 4px 0;
	}
.box input {
	margin: 0 0 6px 0;
	padding: 2px;
	border: 1px solid #757575;
	background: url("../graphics/bg_input.png") left top;
	width: 100px;
	}
.box input.loginform {
        width: 148px;
}
.box input.butt {
	margin: 4px 3px 8px 0;
	width: 65px;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 90%;
	color: #000;
	border: none;
	background: #78b03b url("../graphics/bg_butt.png") left top;
	float: right;
	}
.box label {
/*	margin: 4px 0 0 0;*/
	width: 48px;
/*	font-weight: bold;
	display: block;
	float: left;*/
	}
.box button {
	padding: 0;
	width: 44px;
	height: 22px;
	border: none;
	background: none;
	}

.dotline {
	margin: 3px 0 10px 0;
	width: 100%;
	height: 2px;
	font-size: 0;
	background: url("../graphics/bg_dotline.png") repeat-x;
	float: left;
	clear: both;
	}
.anketa_box {
	width: 141px; 
	float: left; 
	clear: both; 
	padding: 0; 
	margin: 0 0 3px 0; }
.anketa_box p { 
        margin: 0 0px 0px 0px; }
.anketa_box form { 
	margin: 0; 
	padding: 0 2px 0 1px; 
	width: 140px; }
.anketa_box form label { 
	float: left; 
	width: 100px; 
	margin: 0 0 7px 0}
.anketa_box form img.green { 
	background: #2aa94a url(/graphics/green.gif) repeat-x top left; 
	border: 1px solid #000; 
	margin: 3px 3px 0 0; }
.anketa_box form img.red { 
	background: #ef2820 url(/graphics/red.gif) repeat-x top left; 
	border: 1px solid #000; 
	margin: 3px 3px 0 0; }
.anketa_box form img.blue {
	background: #3a6cc0 url(/graphics/blue.gif) repeat-x top left; 
	border: 1px solid #000; 
	margin: 3px 3px 0 0; }
.anketa_box form input.radio { 
        background: #757575 url(/graphics/bg_box_m.jpg) repeat-x top left;
        border: 0px;
	width: 15px; 
	height: 25px; 
	float: left; 
	clear: left; 
	margin: 0 5px 0 0; }
.anketa_box form div {
	clear: left; 
	margin: 0 0 0 0}
.anketa_box form .subm {
	font-weight: bold;
	font-size: 90%;
	clear: left; 
	display: block; 
	margin: 10px 0 0 70px;  
	height: 22px; text-align: center; 
	width: 70px; 
	color: #0000; 
	background: #679d2d; 
	border: 0 none; 
	cursor: pointer; }
.anketa_box form .submit.hover {text-decoration: none}

	
	
/* ___| dark box |_____________________ */


.dbox {
	margin: 0 0 12px 0;
	width: 185px;
	float: left;
	clear: both;
	}
.dbox_t {
	margin: 0;
	width: 100%;
	height: 9px;
	background: #74705c url("../graphics/bg_dbox_t.jpg") no-repeat;
	font-size: 0;
	float: left;
	clear: both;
	}
.dbox_m {
	margin: 0;
	padding: 0 14px 7px 14px;
	width: 157px;
	background: #74705c url("../graphics/bg_dbox_m.jpg") repeat-y;
	float: left;
	clear: both;
	}
.dbox_b {
	margin: 0;
	width: 100%;
	height: 4px;
	font-size: 0;
	background: #74705c url("../graphics/bg_dbox_b.jpg") no-repeat;
	float: left;
	clear: both;
	}
.dbox a {
	text-decoration: underline;
	color: #fff;
	}
.dbox a:hover {
	text-decoration: none;
	}
	
	
/* ___| column left |_____________________ */


#col_left {
	margin: 0 0 0 17px;
	width: 185px;
	float: left;
	}
#col_left h3, #col_right h3 {
	margin-bottom: 7px;
	font-size: 110%;
	color: #88ff00;
	clear: both;
	}
#col_left .box h4 {
	color: #000;
	font-size: 100%;
	margin-bottom: 1px;
	font-style: italic;
	}
#col_left input {
	margin: 0;
	padding: 2px;
	width: 116px;
	border: 1px solid #757575;
	background: #fff url("../graphics/bg_input.png") no-repeat left top;
	}
#col_left button {
	margin: 0 0 -5px 0;
	padding: 0;
	width: 32px;
	border: none;
	background: none;
	position: relative;
	}
img#psi {
	margin: 0 0 0 -40px;
	position: relative;
	}
	
	
/* ___| column right |_____________________ */


#col_right {
	margin: 0;
	width: 185px;
	float: left;
	}
	
	
/* ___| content |_____________________ */


#content {
	margin: 0 21px 0 21px;
	width: 486px;
	float: left;
	}
#content p#path {
	margin: 0 0 7px 14px;
	color: #ece1ac;
	}
#content p#path a {
	color: #88ff00;
	text-decoration: none;
	font-weight: bold;
	}
#content p#path a strong {
	color: #000;
	text-decoration: none;
	}
#content p#path a:hover strong {
	color: #000;
	text-decoration: underline;
	}
#content p#path a:hover {
	text-decoration: underline;
	}
#content p {
	margin-bottom: 10px;
	line-height: 140%;
	}
#content h2 {
	margin-bottom: 8px;
	color: #585448;
	font-size: 120%;
	}
#content h3 {
	margin-bottom: 8px;
	color: #585448;
	font-size: 110%;
	}
#content a {
	text-decoration: underline;
	color: #000;
	}
#content a:hover {
	text-decoration: none;
	}
#content p.reklama, p.reklama {
	margin: 10px 0 10px 0;
	padding-left: 12px;
	min-height: 40px;
	background: url("../graphics/bg_reklama.png") no-repeat left top;
	text-align: center;
	float: left;
	clear: both;
	}
	
.line {
	margin: 3px 0 3px 100px;
	width: 294px;
	height: 5px;
	float: left;
	clear: both;
	background: url("../graphics/bg_line.jpg") no-repeat;
	}
	
	
.cbox {
	margin: 0;
	width: 487px;
	float: left;
	clear: both;
	}
.cbox_t {
	margin: 0;
	width: 100%;
	height: 4px;
	background: #cfcbba url("../graphics/bg_cbox_t.jpg") no-repeat;
	font-size: 0;
	float: left;
	clear: both;
	}
.cbox_m {
	margin: 0;
	padding: 12px 18px 12px 18px;
	width: 451px;
	min-height: 40px;
	background: #cfcbba url("../graphics/bg_cbox_m.jpg") repeat-y;
	float: left;
	clear: both;
	}
.cbox_b {
	margin: 0;
	width: 100%;
	height: 4px;
	background: #cfcbba url("../graphics/bg_cbox_b.jpg") no-repeat;
	font-size: 0;
	float: left;
	clear: both;
	}


/* ___| columns |_____________________ */


.col {
	margin: 6px 7px 6px 7px;
	width: 136px;
	float: left;
	}
.col_t {
	margin: 0;
	width: 100%;
	height: 5px;
	background: #77af34 url("../graphics/bg_col_t.png") no-repeat;
	font-size: 0;
	float: left;
	clear: both;
	}
.col_m {
	margin: 0;
	padding: 7px 10px 6px 10px;
	width: 116px;
	background: #fff;
	float: left;
	clear: both;
	}
.col_b {
	margin: 0;
	width: 100%;
	height: 24px;
	background: #77af34 url("../graphics/bg_col_b.png") no-repeat;
	float: left;
	clear: both;
	}
#content .col_b p {
	margin: 0;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
	}
#content .col_b p a {
	color: #000;
	text-decoration: none;
	}
#content .col_b p a:hover {
	color: #fff;
	}
#content .col h3 {
	margin-bottom: 8px;
	color: #000;
	font-size: 100%;
	}
#content .col img {
	margin-bottom: 8px;
	}

	
/* ___| footer |_____________________ */


#footer {
	margin: 4px 0 30px 17px;
	width: 896px;
	height: 92px;
	background: #5d594c url("../graphics/bg_footer.jpg") no-repeat;
	float: left;
	clear: both;
	}
#footer p {
	margin: 42px 0 0 26px;
	line-height: 135%;
	color: #000;
	float: left;
	}
#footer p a {
	text-decoration: underline;
	color: #fff;
	}
#footer p.right {
	margin: 7px 76px 0 0;
	float: right;
	color: #88ff00;
	position: relative;
	}
#footer p.right a {
	text-decoration: underline;
	color: #000;
	}
#footer p a:hover {
	text-decoration: none;
	}
	
	
	
	
table.itemlist {border: 1px solid #AAAAAA; border-collapse: collapse; margin-top: 1em; text-align: center}
table.itemlist th {border: 1px solid #AAF; padding: 0.4em; color: #FFF; background: #AAF}
table.itemlist td {text-align: left; border: 1px solid #777; padding: 0.4em}
table.itemlist tr:hover td {background: #999; color: #FFF}

table.itemlist th a {}

table.itemlist a.sortedup span {width: 14px; padding-right: 14px; background: url('../graphics/up.gif') no-repeat right center}
table.itemlist a.sortedup:hover span {background-image: url('../graphics/down.gif')}

table.itemlist a.sorteddown span {width: 14px; padding-right: 14px; background: url('../graphics/down.gif') no-repeat right center}
table.itemlist a.sorteddown:hover span {background-image: url('../graphics/up.gif')}

.paging {text-align: center; font-weight: normal}
.modinfo {margin-top: 5px; margin-bottom: 5px; text-align: center; font-weight: bold}
.newitem {text-align: center}

      .formline {display: block; margin-bottom: 2px; /*height: expression('1px');*/}
      .formline:after {content: ' '; display: block; height: 0; visibility: hidden; clear: both}
      .formline .left {display: block; float: left; width: 39.4%; text-align: right; margin-right:0.5%; line-height: 21px}
      .formline .right {display: block; float: left; width: 60%; text-align: left}
      .padtop {clear: both; margin-top: 0.8em}
      
      .formline select {width: 180px}
      .form {text-align: center}

/* type=image */
.image_preview {border: 1px solid #808080}

.error {text-align: center; color: #FF0000; font-weight: bold}

	#filter {
		text-align: center;
		font-size: 11px;
		border-bottom: 1px solid black;
		margin-bottom: 10px;
	}
	
	#filter select {
		font-size: 12px;
	}
	#filter input {
		font-size: 12px;
		
	}
	
	
.paging .items {float: left; width: 100px; padding:4px}
.paging .per_page {float: right; width: 180px; padding:0px}
.paging .pages {text-align: center; padding: 6px}

	table.topics {
	width: 96%; margin-left: 10px; margin-left: auto; margin-right: auto; font-size: 13px;
		border: 0px;		
	}
	
	table.topics tr {
		background-color: #fafafa;
	}

	table.topics tr:hover {
		background-color: #dadada;
	}
	
	table.topics td {    width: 50%;
		padding: 5px;
		margin: 0px;
	}