/* CSS Copyright 2010 Mixon Web design ( http://www.MiXon.pl )
==============================================================================================================*/

@font-face {
	font-family: Myriad Pro;
	src: url(font/MyriadPro-Regular.otf) format("opentype");
}

html {
	text-align: center;
	background: #aec626 url(img/bg.png) repeat-x 0 top;
}

body {
	background: url(img/bg_main.jpg) no-repeat center top;
	color: #5a5a5a;
	font: 11px Arial, Tahoma, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

a {
	text-decoration: none;
	color: #789722;
}

a:hover {
	text-decoration: underline;
}

p {
	color: #5a5a5a;
	line-height: 160%;
	text-align: justify;	
}

h1 {
	color: #5e5e5e;
	font: bold 16px/100% Arial, Tahoma, sans-serif;
}

h2 {
	font-size: 15px;
	color: #2b2b2b;
	margin: 10px 0 5px;
}

em, address {
	font-style: normal;
}

/* Globalne */
.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	margin-left: auto !important;
	margin-right: auto !important;
}

.text_center {
	text-align: center;
}

.text_right {
	text-align: right;
}

#header {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	background: url(img/header.jpg) no-repeat 0 top;
}

h1#logo {
	width: 305px;
	height: 139px;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
}

h1#logo a {
	width: 305px;
	height: 139px;
	display: block;
}

#top {
	width: 950px;
	height: 310px;
	clear: both;
	background: url(img/top.jpg) no-repeat;
}

#header ul {
	width: 950px;
	height: 64px;
	background: url(img/menu_bg.png) no-repeat;
}

#header ul li {
	float: left;
	height: 61px;
	margin: 0 15px;
	padding: 0 25px 0 5px;
	background: url(img/menu_sep.png) no-repeat right 0;
}

#header ul li:last-child {
	background: none;
}

#header ul a, #header ul a span {
	display: block;
	float: left;
	margin-top: 15px;
	line-height: 33px;
	height: 33px;
}

#header ul a {
	color: #4c5f0e;
	font: 18px Myriad Pro, Arial, Helvetica, Sans-Serif;
	padding-left: 11px;
	cursor: pointer;
}

#header ul a span {
	padding-right: 11px;
}

#header ul a:hover, #header ul li.active a {
	color: #64791f;
	background: url(img/menu_l.png) no-repeat left top;
	text-decoration: none;
}

#header ul a:hover span, #header ul li.active a span {
	background: url(img/menu_r.png) no-repeat right top;
}

#header ul li:first-child a:hover span, #header ul li.active a span {
	background: url(img/menu_r_first.png) no-repeat right top;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#header ul a, #header ul a span {
	float: none
}
/* End IE5-Mac hack */ 

#content {
	width: 950px;
	overflow: hidden;
	margin: 0 auto;
	padding: 15px 0 0;
	background: #deea95;
}

#sidebar {
	width: 223px;
	float: left;
	display: inline;
	margin: 0 0 0 18px;
}

#sidebar h2 {
	width: 223px;
	height: 63px;
	margin: 0;
	background: url(img/sidebar_header.png) no-repeat;
	color: #556e14;
	font: bold 16px/74px Arial, Helvetica, Sans-Serif;
	text-align: center;
}

#sidebar_main {
	width: 223px;
	overflow: hidden;
	background: #f9f9f9 url(img/sidebar_bg.png) no-repeat;
}

#sidebar_footer {
	width: 223px;
	height: 39px;
	background: url(img/sidebar_footer.png) no-repeat;
}

#submenu {
	width: 209px;
	margin: 10px auto;
}

#submenu li {
	margin-bottom: 3px;
}

#submenu li a {
	display: block;
	width: 209px;	
	height: 27px;
	line-height: 27px;
	text-indent: 13px;
	color: #525252;
	font-size: 12px;
	background: url(img/submenu.png) no-repeat;
}

#submenu li a:hover, #submenu li.active a {
	color: #1a1a1a;
	text-decoration: none;
	background: url(img/submenu2.png) no-repeat;	
}

.box {
	width: 214px;
	overflow: hidden;
	margin: 10px auto 0;
	background: #f5f9ea;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-khtml-border-top-left-radius: 8px;
	-khtml-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-icab-border-top-right-radius: 8px;
	-icab-border-top-left-radius: 8px;
	-o-border-top-left-radius: 8px;
	-o-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.box h3 {
	color: #6d8039;
	font: 12px/1.6em Arial, Helvetica, Sans-Serif;
	text-align: center;
}

.box_footer {
	width: 214px;
	height: 12px;
	margin: 0 auto;
	background: url(img/box_footer.png) no-repeat;	
}

.box ul {
	width: 195px;
	margin: 8px auto 0;
}

.box ul br {
	display: none;
}

.box ul li {
	width: 195px;
	display: block;
}

.box ul li a {
	display: block;
	background: url(img/arrow.png) no-repeat 0 center;
	padding: 4px 0 4px 22px;
	font: 11px/1.1em Arial, Tahoma, sans-serif;
	color: #747474;
}

.box ul li a:hover, .box ul li.active a {
	color: #747474;
	text-decoration: underline;
}

.box2 form {
	text-align: center;
	margin: 15px 10px;
}

.box2 {
	width: 214px;
	overflow: hidden;
	margin: 10px auto 0;
	background: #eef9ea;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-khtml-border-top-left-radius: 8px;
	-khtml-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-icab-border-top-right-radius: 8px;
	-icab-border-top-left-radius: 8px;
	-o-border-top-left-radius: 8px;
	-o-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.box2 h3 {
	color: #77895a;
	font: 12px/1.6em Arial, Helvetica, Sans-Serif;
	text-align: center;
}

.box2_footer {
	width: 214px;
	height: 12px;
	margin: 0 auto;
	background: url(img/box2_footer.png) no-repeat;	
}

.box2 ul {
	width: 195px;
	margin: 8px auto 0;
}

.box2 ul br {
	display: none;
}

.box2 ul li {
	width: 195px;
	display: block;
}

.box2 ul li a {
	display: block;
	background: url(img/arrow2.png) no-repeat 0 center;
	padding: 4px 0 4px 22px;
	font: 11px/1.1em Arial, Tahoma, sans-serif;
	color: #747474;
}

.box2 ul li a:hover, .box2 ul li.active a {
	color: #747474;
	text-decoration: underline;
}

p.online {
	text-align: center;
	color: #8b9748;
	font-size: 12px;
	line-height: 1.2em;
	margin: 15px 0;
}

#content_main {
	width: 683px;
	float: right;
	display: inline;
	margin: 0 14px 0 0;
}

#content_main > h2:first-child, .cell {
	width: 683px;
	height: 77px;
	margin: 0;
	background: url(img/main_header.png) no-repeat;
	color: #556e14;
	text-indent: 38px;
	font: bold 14px/52px Arial, Helvetica, Sans-Serif;
}

#main {
	padding: 0 20px 20px;
	background: #fbfbfb;
	text-align: justify;
	color: #5a5a5a;
	font-size: 12px;
	overflow: hidden;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-khtml-border-bottom-left-radius: 8px;
	-khtml-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-icab-border-bottom-right-radius: 8px;
	-icab-border-bottom-left-radius: 8px;
	-o-border-bottom-left-radius: 8px;
	-o-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;	
}

#main p {
	color: #5a5a5a;
	font-size: 12px;
}

#main img {
	margin: 5px;
}

.slownik {
	width: 620px;
	overflow: hidden;
	margin: 10px auto;
	padding: 10px;
	clear: both;
	background: #f6fce5 url(img/slownik_bg.png) repeat-x;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	-icab-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;	
	color: #5f5f5f;
}

.slownik h3 {
	color: #88a33c;
	margin: -5px 0 8px;
	font: 12px/100% Arial, Helvetica, Sans-Serif;
	text-align: center;
}

#footer {
	width: 950px;
	height: 34px;
	margin: 0 auto;
	overflow: hidden;
	background: #deea95 url(img/footer.png) no-repeat;
}

#footer p {
	color: #ecf9b3;
	font: 12px/36px Arial, Helvetica, Sans-Serif;
	margin: 0 20px;
	display: inline;
}

#footer p a {
	color: #ecf9b3;
	font: 12px/36px Arial, Helvetica, Sans-Serif;
}

#contact_form form {
	width: 323px;
	min-height: 218px;
	padding: 52px 0 0;
	background: url(../img/contact_form.png) no-repeat 0 top;
}

#login_box {
	width: 262px;
	height: 130px;
	float: right;
	display: inline;
	margin: 7px 13px 0 0;
	overflow: hidden;
	background: url(img/login_box.png) no-repeat;
}

#login_box h2 {
	color: #556a20;
	font: bold 14px/1.6em Arial, Helvetica, Sans-Serif;
	margin: 4px 0 0 15px;
}

#login_box div {
	width: 240px;
	overflow: hidden;
	margin: 5px auto;
}

#login_box label {
	width: 70px;
	float: left;
	text-align: right;
	padding: 0 6px 0 0;
	font: 11px/26px Arial, Tahoma, sans-serif;
	color: #394614;
}

#login_box input.text {
	width: 144px;
	height: 18px;
	margin: 0;
	padding: 4px 10px;
	border: 0;
	font: 11px/18px Arial, Tahoma, sans-serif;
	color: #000;
	background: url(img/input.png) no-repeat;
}

#login_box input.submit {
	width: 82px;
	height: 19px;
	float: right;
	margin: 4px 20px 0 0;
	padding: 0;
	background: url(img/button.png) no-repeat;
	border: 0;
	font: 11px/19px Arial, Tahoma, sans-serif;
	color: #2a350b;
	cursor: pointer;
}

input, textarea, select{
	font: 11px Tahoma;
	padding: 3px;
	border: 1px solid #bcbcbc;
}
form{
	margin: 0;
}
input.text{
	height: 22px;
}
input.submit{
	border: 0;
	background: #aed73f;
	color: #FFF;
	font-weight: bold;
	padding: 0 6px;
	text-align: center;
	cursor: pointer;
	height: 22px;
}

hr
{ 
	height: 0px;
	border: solid #d2dcd1 0px;
	border-top-width: 1px;
	margin: 5px 0;
}