@import "inc_global.css";
@import "inc_body_top.css";
@import "inc_menu.css";
@import "inc_news.css";
@import "inc_box.css";
@import "inc_foot.css";
@import "inc_submenu.css";
@import "inc_table.css";

#body_top {
	height: 120px;
	background: url(../img-sys/bg_small.jpg) no-repeat;
}
#breadcrumb {
	width: 900px;
	height: 40px;
	padding: 0px 30px 0px 30px;
	line-height: 40px;
	color: #25a345;
}
#breadcrumb a {
	margin: 0px 5px 0px 5px;
	font-weight: bolder;
	text-decoration: none;
	color: #25a345;
}
#breadcrumb a:hover,
#breadcrumb a.active {
	text-decoration: underline;
}
#content {
	width: 960px;
}
#content_left {
	width: 230px;
	float: left;
	margin-right: 30px;
	overflow: hidden;
}
#content_center {
	width: 700px;
	float: left;
	background: url(../img-sys/content_center_obecna.jpg) no-repeat left top;
	overflow: hidden;
}

#content_left ul {
	list-style: none;
}
#content_center_img {
	width: 230px;
	height: 280px;
	float: right;
}
#content_center #cnt2 {
	width: 640px;
	min-height: 390px;
	padding: 22px 30px 0px 30px;
	background: url(../img-sys/content_center_img1.jpg) no-repeat right top;
}

/*Clear only left needed because UL float issue and "no text area in content"*/
#cnt2 h1 {
	padding: 0px 0px 14px 0px;
	text-align: left;
	font: normal 25px/28px Arial, Helvetica, sans-serif;
	color: #25a345;
	letter-spacing: -0.02em;
	clear: left;
}
#cnt2 h2 {
	padding: 12px 0px 13px 0px;
	text-align: left;
	font: bold 15px Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	color: #25a345;
	clear: left;
}
#cnt2 h3 {
	padding: 12px 0px 13px 0px;
	text-align: left;
	font: bold 13px Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	color: #25a345;
	clear: left;
}
#cnt2 a {
	color: #25a345;
	font-weight: bold;
}
#cnt2 img {
	margin: 12px 26px 12px 26px;
	border: 1px solid #c8f1d8;
	display: block;/*fix for img margin bottom*, but screws up IE6 margin - IE6 works with inline too*/
}
/*anchor images doesnt work in IE, but no effect on design - JS fix*/
#cnt2 .cnt_image_border {
	padding: 9px;
	background: #e4f7ea;
	height: 1%;/*IE7 height fix - bottom margin*/
}
/*cursor IE fix*/
#cnt2 a .cnt_image_border {
	cursor: pointer;
}
#cnt2 ul {
	list-style: none;
	margin: 0px 0px 0px 4px;
	padding: 8px 0px 12px 0px;
	font-size: 11px;
	overflow: auto;/*Uses float left in li to wrap the line while floating, overflow is needed*/
	position: relative;
}
#cnt2 ul li {
	padding: 3px 0px 3px 18px;
	background: url(../img-sys/li.gif) no-repeat left 9px;
	float: left;
	clear: both;
}

/*Vertical snippet*/
#cnt2 .snippet_v {
	padding: 6px 30px 6px 0px;
	color: #505050;
	font-weight: bold;
	line-height: 47px;
	text-align: center;
	float: left;
}
#cnt2 .snippet_v div {
	width: 180px;
	height: 47px;
	overflow: hidden;
	background-image: url(../img-sys/snippet_v.jpg);
	background-position: left -46px;
}
#cnt2 .snippet_v .snippet_v_top {
	background-position: left 0px;
	height: 46px;
}
#cnt2 .snippet_v .snippet_v_bottom {
	background-position: left -93px;
	height: 46px;
}

/*Horizontal snippet*/
#cnt2 .snippet_h {
	width: 640px;
	height: 70px;
	margin: 10px 0px 10px 0px;
	color: #505050;
	text-align: left;
	overflow: hidden;
	background: url(../img-sys/snippet_h.jpg) no-repeat left top;
}
#cnt2 .snippet_h .snippet_h_left,
#cnt2 .snippet_h .snippet_h_center,
#cnt2 .snippet_h .snippet_h_right {
	float: left;
	height: 70px;
}
#cnt2 .snippet_h .snippet_h_left {
	width: 269px;
	margin: 0px 0px 0px 20px;
}
#cnt2 .snippet_h .snippet_h_center {
	width: 110px;
	margin: 0px 0px 0px 43px;
}
#cnt2 .snippet_h .snippet_h_right {
	width: 116px;
	margin: 0px 0px 0px 58px;
}

#form_login .login_name {
	background: url(../img-sys/login_input_name_small.jpg) no-repeat left top;
}
#form_login .login_pass {
	background: url(../img-sys/login_input_pass_small.jpg) no-repeat left top;
}
#form_login .login_name input {
	width: 110px;
}
#form_login .login_pass input {
	width: 65px;
}

.box {
	width: 230px;
}
.box .box_cnt {
	width: 170px;
	background: url(../img-sys/box_repeat_small.gif) repeat-y;
}
.box .box_bottom {
	background: url(../img-sys/box_bottom_small.jpg) no-repeat left top;
}
/*boxes img*/
.box.box_1 .box_top {
	background-image: url(../img-sys/box_1_small.jpg);
}

/* Kontakt form */
#cnt2 .form-error {
	margin-top: 20px;
}
#cnt2 form {
	margin-top: 20px;
}
#cnt2 form fieldset {
	border: #d9f1fb 1px solid;
	padding: 20px;
	margin-bottom: 10px;
}
#cnt2 form fieldset legend {
	padding: 0 6px;
}
#cnt2 label {
	width: 240px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #646464;
}
#cnt2 label em {
	font-weight: normal;
}
#cnt2 p input.lb {
	margin: 2px 0px 6px 14px;
	width: 250px;
	border: 1px solid #8ace9b;
}
#cnt2 p textarea {
	width: 504px;
	margin: 2px 0px 2px 0px;
	float: left;
	height: 164px;
	border: 1px solid #8ace9b;
}
#cnt2 input.button_odeslat {
	margin-top: 3px;
	margin-left: 14px;
	width: 100px;
	border: 0px;
	padding: 2px 0 2px 0;
	background: #8ace9b;
	/*border: 1px solid #d5f6e1;*/
	color: #ffffff;
}
#cnt2 img.img-captcha {
	float: left;
	margin: 0 0 14px 14px; 
	border: 1px solid #8ace9b;
}