* { border: none; margin: 0; padding: 0; }

/*	global settings
 ---------------------------------- */

body { background: #fff; color: #666; font: normal 12px/18px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; height: 100%;width: 100%; }
a, a:link, a:hover, a:visited { cursor: pointer; }
a, a:link { text-decoration: none; color: #3d6e46; }
a:hover { text-decoration: underline; }
ul { list-style: none; }
h2 { font: bolder 16px/20px Tahoma, Helvetica, Arial, sans-serif; margin: 0 0 10px 0; }
h3 { font-size: 14px; font-weight: bolder; }
h4 { margin: 0 0 5px 0; font-size: 11px; font-weight: bolder; }
p { margin: 0 0 10px 0; }
.txt ul { margin: 5px 0 5px 30px; list-style: disc; }
.txt ol { margin: 5px 0 5px 30px;  }
.main .txt ul { margin: 5px 0 5px 0px; list-style: disc; }
.txt ul li { padding: 2px 0; }
.txt img { margin: 5px 10px; }
.txtdiv img { margin: 5px 10px; }
.txt-center { text-align: center; }
table { border-collapse: collapse; width: 99%; margin: 0 auto; }
table td { vertical-align: middle; text-align: center; }
.txt table td { vertical-align: top; text-align: left; }
/*	forms
 ----------------------------------*/
input[type="text"] { background: #ebebeb; color: #3B3B3B; font: normal 11px Tahoma, sans-serif; }
input[type="button"], input[type="submit"] { background: #3f3f3f; color: #fff; font: bolder 11px Tahoma, sans-serif; width: 50px; font-weight: bolder; height: 20px; font-size: 11px; padding: 0 0 3px 0; }
.search input[type="text"] { float: left; margin: 0; background: url(search-txt-trans.png) 0 0 no-repeat; width: 101px; height: 24px; line-height: 24px; padding: 0 5px;  }
.search input[type="button"], .search input[type="submit"] { float: left; width: 31px; background: url(search-button-trans.png) 0 0 no-repeat; height: 24px; line-height: 24px; }

/*	misc
 ----------------------------------*/

.clr { clear: both; }
.left { float: left; }
.right { float: right; }
.small { font-size: 10px; }
.noborder { border: none !important; }
.hidden { display: none; }

/*	layout
 ----------------------------------*/

#wraper { width: 920px; min-height: 500px; margin: 0 auto 40px auto; }
 #wraper #lang-bar { background: url(langbar.png) top left repeat-x; width: 887px; margin: 0 auto; height: 33px; text-align: right; padding: 0 10px; }
 #wraper #lang-bar .tab { background: url(tab.png) 0 0; height: 24px; width: 42px; margin: 0 3px 0 0; text-align: center; float: right; padding: 5px 0 0 0; }
 #wraper #lang-bar .tab a img { border: 1px solid #bbb; }
 #wraper #lang-bar .tab a:hover img { border: 1px solid #f1f1f1; }

#wraper #header { height: 187px; margin: 0 0 1px 0; }

#wraper #container { width: 907px; min-height: 200px; margin: 0 auto;  }
#wraper #top-nav { height: 48px; border: 1px solid #cdcdcd; padding: 1px; }
 #top-nav ul { height: 48px; background: url(topnav.png) 0 0 repeat-x; list-style: none; }
 #top-nav ul li { height: 48px; display: block; float: left; width: 150px; background: url(libg.png) top right no-repeat; text-align: center; }
 #top-nav ul .search { padding: 13px 0 0 5px; height: 36px; background: none; width: 145px; }
 #top-nav ul li a { display: block; color: #fff; font-weight: bolder; height: 33px; padding: 15px 0 0 0; width: 147px; }
 #top-nav ul li.active { background: url(topnav_bcp.png) 0 0 repeat-x;  }
 #top-nav ul li.active a { color: #3D6E46; }
 #top-nav ul li a:hover { color: #3D6E46; text-decoration: none; background: url(topnav_bcp.png) 0 0 repeat-x; }
 
#wraper #content { min-height: 400px; } 
 #content #top { background: url(content-top.png) 0 0 no-repeat; width: 907px; height: 15px; }
 #content #box-container { background: url(content-box.png) 0 0 repeat-y; width: 907px; min-height: 50px; }
  #box-container .box { width: 303px; margin: 0 7px 0 0; float: left; min-height: 100px; padding: 0 10px; }
  #box-container .box ul { list-style: none !important; }
  #box-container .box li { font-weight: bolder; color:#3D6E46; background: url(pointer.png) left 5px no-repeat; padding: 0 0 0 10px; }
  #box-container .box li a { font-weight: bolder; }
  #box-container .box .item { margin: 0 0 10px 0; }
  #box-container .box .date { background: url(pointer2.png) center left no-repeat; padding: 0 0 0 10px; }
  #box-container .box .more { display: block; float: right; font-weight: bolder; text-decoration: underline; }
  #box-container .box .more:hover { text-decoration: none; }
  #box-container .short { width: 226px; margin: 0; }
 #content #bottom { background: url(content-bottom.png) 0 0 no-repeat; width: 907px; height: 10px; margin: 0 0 10px 0; }

#wraper #partners { height: 102px; float: left; width: 660px; height: 102px; }
 #partners h2 { color: #3d6e46; }

#wraper .contact { background: url(contactbox.png) 0 0 no-repeat; width: 226px; height: 82px; float: left; padding: 10px; }
 
#wraper #bottom-nav { background: url(bottom-nav.png) 0 0 repeat-x; height: 28px; text-align: center; padding: 15px 0 0 0; margin: 0 0 10px 0; }
 #bottom-nav a { font-weight: bolder; padding: 0 7px; }
 
#wraper #footer { color: #9d9d9d; margin: 0 0 30px 0; }

/*	subpage
 ----------------------------------*/
#content #left-nav { width: 198px; margin: 0 7px 0 0; float: left; min-height: 200px; }
 #left-nav li { border-bottom: 1px solid #fff; background: #dfdfdf; }
 #left-nav li a { background: url(pointer3.png) center left no-repeat; color: #666; font-weight: bolder; margin: 0 0 0 15px; padding: 0 0 0 15px; display: block; line-height: 23px; }
 #left-nav li.active a { background: url(pointer-active.png) center left no-repeat; color: #666; font-weight: bolder; padding: 0 0 0 15px; display: block;  line-height: 23px; }
 #left-nav li:hover { background: #f1f1f1; color: #666; }
 #left-nav .active:hover { background: #dfdfdf; color: #666; }
 #left-nav li .sub li { border-bottom: 1px solid #dfdfdf; background: #f4f4f4; padding: 0; }
 #left-nav li .sub li a { background: url(pointer4.png) center left no-repeat; color: #666; font-weight: normal; padding: 0 0 0 15px; display: block; }
 #left-nav li .sub .active { border: none; }
 #left-nav li .sub .active a { font-weight: bolder; }
 #left-nav li .sub .active:hover { background: #f4f4f4; }
 #left-nav li .sub .active .subsub li { background: #fff; }
 #left-nav li .sub .active .subsub li a { padding: 0 0 0 15px; margin: 0 0 0 30px; font-weight: normal; }
#content #subpage-content { width: 680px; float: left; background: #f9f9f9; border: 1px solid #f4f4f4; min-height: 200px; padding: 10px; } 

#news { border-left: 1px solid #ababab; margin-top: 20px; padding-bottom: 5px; margin-bottom: 10px; }
#news h1 { color: #386641; font-size: 14px; padding-left: 12px; font-weight: bold; margin-top: 0px; margin-bottom: 15px; }
#news a { color: #386641; text-decoration: underline; }
#news a:hover { color: #555; text-decoration: underline; }
#news .item { background: url("dinks2.gif") no-repeat left top; text-align: left; padding: 0px 6px 15px 12px;}
#news .item .date { font-size: 11px;  color: #386641; margin: 0px; padding: 0px; }
#news .item .content { font-size: 11px; color: #747474; margin: 0px; padding: 0px; }
#news .item .more { font-size: 11px; text-align: right; margin: 0px; padding: 0px; padding-bottom: 10px;}
#news .item .more a { color: #386641; }


#content #news { border-width: 0px; }
#content #news .item  { background: none; }
#content #news .item .more { font-size: 11px; text-align: left; margin: 0px; padding: 0px; }
#content .praca { padding: 20px; border: 4px solid #386641; }
#content .praca b { display: block; padding: 15px 0px 10px 0px; }

table.gallery {  }
table.gallery td {  color: #747474; font-size: 11px; text-align: center; vertical-align: center; padding: 0px 20px 20px 0px;}

#messagebox { text-align: left; }
.boxinfo {   background: #fff; margin-bottom:10px;}
.boxerror {   background: #fff; color: #f00; margin-bottom:10px;}
.errormsg span.ok { }
.errormsg span.bad { background: #fff; color: #f00;}

.invis { visibility: hidden; }

table.form { border-collapse: collapse; margin: 0 auto; width:100%; }
table.form td { padding: 5px 10px 5px 0px; vertical-align: middle; border-bottom: 1px solid #f1f1f1; }
table.form td.label { width: 100px; padding-right: 20px; }

table.form input[type="password"],
table.form input[type="text"] {
	background: url(form-input.png) 0 0 no-repeat;
	border: 1px solid #ccc;
	color: #000;
	float: left;
	padding: 8px 5px 5px 5px;
	text-align: left;
	width: 194px;
}

table.form textarea {
	background: url(form-input.png) 0 0 no-repeat;
	border: 1px solid #ccc;
	color: #000;
	float: left;
	padding: 8px 5px 5px 5px;
	text-align: left;
	width: 194px;
	heifht: 60px;
}

table.form input[type="button"],
table.form input[type="submit"] {
	background: #333;
	color: #fff;
	float: left;
	height: 25px;
	padding: 0 0 2px 0;
	text-align: center;
	width: 60px;
}