/* --------------------- GLOBAL --------------------- */

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

body,
td, th,
input, select, option, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 100%; color: #333333; }
input, select, option, textarea { color: #333333; padding:2px; }
input, textarea { border-radius:3px; }

p, ul, ol { margin: 0; padding: 0 0 22px 0; }

a { color: #96b916; text-decoration: none; }
a:hover, a.active { color: #9fca04; text-decoration: underline; }
a:active, a:focus { outline: 0; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 36px; color: #000000; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 2px; text-shadow:1px 1px 1px #fff; }
h1 { font-size: 24px; line-height: 24px;  }
h2 { font-size: 22px; line-height: 22px; }
h2.contentheading { font-size: 24px; line-height: 24px; color: #000000; }
h3 {
	font-size: 19px;
	line-height: 19px;
	color: #96b916; 
	letter-spacing:1px;
}
h4,
h4 a {
	font-size: 18px;
	line-height: 18px;
	color: #000000;
}
h5 {
	font-size: 18px;
	line-height: 18px;
	color: #96b916;
}
h6 {
	font-size: 17px;
	line-height: 17px;
	color: #96b916;
}
ul, ol {
	padding-left: 16px;
}
ul li {
	list-style-type: none;
	background: transparent url('../images/li.gif') 0 9px no-repeat;
	padding-left: 12px;
}
ol li {
	list-style-position: inside;
}
img {
	border: none;
}

.clr {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}
strong, .strong {
	color: #96b916;
	font-weight: bold;
}
em {
	color: #000000;
	font-weight: bold;
	font-style: normal;
}
.floatimg {
	float: left;
	border: none;
	margin-right: 20px;
	margin-bottom: 10px;
}
.grey {
	color: #b7b7b7;
}
.small { font-size:11px; color: #999; line-height:140%; }
table.taboffer { border-collapse:collapse; margin-bottom:22px; }
table.taboffer td, table.taboffer th { padding:8px 6px; font-size:11px; text-align:center; border:1px solid #618500; box-shadow:1px 1px 1px #eff4e0; line-height:110%; }
table.taboffer th { background-color:#7e952c; color:#fff; box-shadow:1px 1px 1px #a4b763; text-shadow:1px 1px 1px #333; }
table.taboffer td.tleft, table.taboffer th.tleft { text-align:left; }
table.taboffer td { text-align:center; }
table.taboffer .odd td { background-color:#dde8b9; }
table.taboffer .even td { background-color:#e7edd3; }
table.taboffer .noborder, table.taboffer .odd .noborder, table.taboffer .even .noborder { border:none; background-color:transparent; }
table.functionalities { border-collapse:collapse; margin-bottom:22px; }
table.functionalities td, table.functionalities th { padding:8px 6px; font-size:11px; text-align:center; border:1px solid #618500; box-shadow:1px 1px 1px #eff4e0; line-height:110%; }
table.functionalities th { background-color:#7e952c; color:#fff; box-shadow:1px 1px 1px #a4b763; text-shadow:1px 1px 1px #333; }
table.functionalities td { text-align:left; }
#maincontent table.functionalities td img { margin-bottom:0; }
table.functionalities td.tcenter { text-align:center; }
table.functionalities td strong { color:#333; text-shadow:1px 1px 1px #fff; }
table.functionalities .odd td { background-color:#dde8b9; }
table.functionalities .even td { background-color:#e7edd3; }
table.functionalities td.tleft, table.functionalities th.tleft { text-align:left; }
table.functionalities .noborder , table.functionalities .odd .noborder, table.functionalities .even .noborder { border:none; background-color:transparent; }
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter { text-align:center; }
abbr { border-bottom:1px dotted #333333; }
.no-padding { padding:0; }

/* --------------------- LAYOUT --------------------- */
.box {
	width: 986px;
	margin: 0 auto;
	text-align: left;
}
html {
	min-height: 100%;
	height: auto;
}

body {
	text-align: center;
	background-color: #f1f1f1;
}

#page {
}


/* ------ header ------ */
#header {
	background: #f1f1f1 url('../images/pattern-top.jpg') center top repeat-x;
}
#header .box {
	background: #f4f4f4 url('../images/header.jpg') center 35px no-repeat;
}
#header-left {
	background: transparent url('../images/header-left.jpg') left top no-repeat;
	padding-left: 14px;
}
#header-right {
	background: transparent url('../images/header-right.jpg') right top no-repeat;
	padding-right: 14px;
	height: 399px;
}
#header img {
	border: none;
}

#header-top {
	height: 349px;
}


#logo {
	float: left;
	width: 216px;
	padding-top: 23px;
	/*padding-bottom: 50px;*/
	padding-bottom: 40px;
	font-size: 22px;
}
#logo a {
	text-decoration: none;
	margin-left: 30px;
}

#topmenu {
	float: left;
	width: 440px;
	padding-top: 12px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
}
#topmenu .menu{
	padding-left: 14px;
}
#topmenu li {
	display: inline;
	text-align: right;
	background: transparent url('../images/li_top.gif') 0 3px no-repeat;
	padding-left: 22px;
	padding-right: 16px;
}
#topmenu li.first {
	padding-left: 0;
	background-image: none;
}
#topmenu a {
	color: #000000;
	text-decoration: none;
}
#topmenu a:hover {
	text-decoration: underline;
}

#searchbox {
	float: left;
	/*width: 318px;*/
	width: 278px;
	padding-top: 6px;
	margin-right: 24px;
	text-align: right;
}
#searchbox .inputbox {
	width: 192px;
	height: 16px;
	font-size: 10px;
	padding:2px 0 2px 2px;
	letter-spacing: 0;
	border: 1px solid #b7b7b7;
	color: #9a9a9a;
	box-shadow:1px 1px 2px #aaa;
}
#search-submit {
	width: 18px;
	height: 24px;
	margin: 0;
	padding: 0;
	margin-left: 10px;
	background: transparent url('../images/lupe.gif') top left no-repeat;
	font-size: 0px;
	text-indent: -99999px;
	cursor: pointer;
	border: none;
	box-shadow:none;
}

#motto {
	clear: both;
	width: 454px;
	/*margin-left: 87px;*/
	margin-left: 120px;
}
#motto h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #96b916;
	letter-spacing: 1px;
	padding-bottom: 26px;
}
#motto h2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #000000;
	line-height: 140%;
	letter-spacing: 0;
	font-weight: normal;
	font-style: italic;
	padding-bottom: 0;
}

#menu {
	clear: both;
	height: 50px;
	font-size: 16px;
	text-transform: uppercase;
	background: transparent url('../images/menu_bg.gif') 0 0 repeat-x;
	
	/*box-shadow:20px 4px 7px #cc0000;*/
}
#menu ul {
	padding-bottom: 0;
	padding-left: 0;
}
#menu li {
	float: left;
	color: #ffffff;
	letter-spacing: 1px;
	background-image: none;
}
#menu a span span {
	padding-right: 40px;
	padding-left: 44px;
}
#menu a span span span {
	color: #000000;
	display: block;
	height: 50px;
	line-height: 50px;
	text-indent: -99999px;
	text-decoration: none;
	background-color: transparent;
	background-position: 0 16px;
	background-repeat: no-repeat;
	padding-right: 0;
	padding-left: 0;
}
#menu li.sfHover a,
#menu li:hover a,
#menu .active a,
#menu a:hover {
	display: block;
	background: transparent url('../images/menu_act_bg.gif') 0 0 repeat-x;
	cursor: pointer;
}
#menu li.sfHover a span,
#menu li:hover a span,
#menu .active a span,
#menu a:hover span {
	background: transparent url('../images/menu_act_left.gif') top left no-repeat;
	display: block;
}
#menu li.sfHover a span span,
#menu li:hover a span span,
#menu .active a span span,
#menu a:hover span span {
	background: transparent url('../images/menu_act_right.gif') top right no-repeat;
}
#menu li.sfHover a span span span,
#menu li:hover a span span span,
#menu .active a span span span,
#menu a:hover span span span {
	color: #718824;
	text-decoration: none;
	background-position: 0 -23px;
	padding-right: 0;
	padding-left: 0;
	cursor: pointer;
}
#menu a span {
	display: block;
}
#menu #menu_glowna span span span,
#menu #item1 span span span {
	width: 135px;
	background-image: url('../images/menu_glowna.gif');
}
#menu #menu_ofirmie span span span,
#menu #item2 span span span {
	width: 78px;
	background-image: url('../images/menu_ofirmie.gif');
}
#menu #menu_oferta span span span,
#menu #item3 span span span {
	width: 65px;
	background-image: url('../images/menu_oferta.gif');
}
#menu #menu_realizacje span span span,
#menu #item4 span span span {
	width: 93px;
	background-image: url('../images/menu_realizacje.gif');
}
#menu #menu_kontakt span span span,

#menu #item5 span span span {
	width: 75px;
	background-image: url('../images/menu_kontakt.gif');
}

/* submenu */
#menu li {
	position: relative;
}
#menu li ul {
	/*position: absolute;
	top: 50px;
	left: 34px;
	width: 222px;*/
	background-color: #e3e3e3;
	border-bottom: 1px solid #618500;
	border-left: 1px solid #618500;
	border-right: 1px solid #618500;
}
#menu li ul li {
	padding-right: 0;
	padding-left: 0;
}
#menu li.sfHover ul a,
#menu li:hover ul a,
#menu li ul a {
	display: block;
	padding-right: 6px;
	padding-left: 10px;
	color: #010101;
}
#menu li.sfHover ul a,
#menu li:hover ul a,
#menu li.sfHover ul a span,
#menu li:hover ul a span,
#menu li ul a,
#menu li ul a span {
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	color: #010101;
	text-decoration: none;
	letter-spacing: 0;
}
#menu li.sfHover ul a span span span,
#menu li:hover ul a span span span,
#menu li ul .active a span span span,
#menu li ul a span span span {
	color: #010101;
	text-decoration: none;
	display: block;
	width: 206px;
	text-indent: 0;
	height: 36px;
	line-height: 36px;
	padding-left: 0;
	padding-right: 0;
}
#menu li.sfHover ul a span span,
#menu li:hover ul a span span,
#menu li ul .active a span span,
#menu li ul a:hover span span,
#menu li ul a span span {
	padding-left: 0;
	padding-right: 0;
}
#menu li.sfHover ul .active a,
#menu li:hover ul a:hover,
#menu li ul .active a,
#menu li ul a:hover {
	display: block;
	background: transparent url('../images/submenu_bg.gif') 0 0 repeat-x;
	padding-right: 6px;
	padding-left: 10px;
	/*color: #96b916;*/
	color: #010101;
	font-weight:bold;
	width: 206px;
}
#menu li ul .active a span,
#menu li ul a:hover span {
	display: block;
	background-image: none;
}
#menu li ul .active a span span,
#menu li ul a:hover span span {
	background-image: none;
}
#menu li ul .active a span span span,
#menu li ul a:hover span span span {
	background-image: none;
	/*color: #96b916;*/
	color: #010101;
}


/* ------ content ------ */
#content {
	background: #f1f1f1 url('../images/pattern-white.jpg') left top repeat;
}
#content-shadow {
	background: transparent url('../images/pattern-white-shadow.jpg') left top repeat-x;
}
#content .box {
	width:978px;
}
#content-left {
	background: transparent url('../images/content-left.gif') left top repeat-y;
}
#content-left-shadow {
	background: transparent url('../images/content-left-shadow.gif') left top no-repeat;
}
#content-right {
	background: transparent url('../images/content-right.gif') right top repeat-y;
}
#content-right-shadow {
	background: transparent url('../images/content-right-shadow.gif') right top no-repeat;
}
#content-inner {
	float: left;
	background: #f0f0f0 url('../images/content_line1.jpg') 305px 100px no-repeat;
	margin-right: 10px;
	margin-left: 10px;
}
#content-inner2 {
	float: left;
	padding-right: 30px;
	background: transparent url('../images/maincontent-bg-top.gif') left top repeat-x;
	/*padding-top: 43px;
	padding-bottom: 30px;*/
}

/* ------ breadcrumbs ------ */
#breadcrumbs {
	padding-top: 15px;
	padding-bottom: 17px;
	padding-left: 30px;
	background: transparent url('../images/breadcrumbs_bg.jpg') left bottom no-repeat;
	margin-bottom:30px;
	font-size:11px;
	letter-spacing:1px;
	color:#333333;
}
#breadcrumbs .pathway a { color:#96b916; text-decoration:underline; }
#breadcrumbs .pathway a:hover { color:#333333; text-decoration:underline; }
#breadcrumbs .pathway img { margin:0 2px; }

/* ------ modules ------ */


#modules {
	float: left;
	/*width: 280px; */
	width: 310px; 
	margin-right: 36px;
	line-height: 170%;
}
#modules .module,
#modules .module-contact,
#modules .module-menu {
	padding-bottom: 60px;
	padding-left: 30px;
	/*background: transparent url('../images/module_header_bg.gif') 0 6px no-repeat;*/
	background: transparent url('../images/module_bg.jpg') 0 10px no-repeat;
}
#modules .inner1 {
	background: transparent url('../images/module_bg.jpg') center bottom no-repeat;
	padding-bottom:20px;
}
/*
#modules .inner2 {
	background: transparent url('../images/module_bg_top.jpg') center 16px no-repeat;
}*/
#modules h3 {
	color: #000000;
	font-size: 22px;
	line-height: 24px;
}
.module-contact img {
	margin-right: 30px;
}
.module-contact h6 {
	padding-top: 18px;
	padding-bottom: 2px;
	font-size: 17px;
	color: #000000;
}
.module-contact a {
	color: #000000;
}
#modules .floatimg {
	margin-right: 0;
}
#modules p {
	padding-bottom: 10px;
}
#modules ul {
	padding-left: 0;
	padding-bottom: 0;
}
#modules li {
	background-image:none;
	line-height: 36px;
	padding-bottom: 4px;
	padding-left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
}
#modules li a {
	color: #454545;
	text-decoration: none;
	background: transparent url('../images/leftmenu-li.gif') top left no-repeat;
	padding-left: 12px;
	display:block;
}
#modules li.active a,
#modules li a:hover {
	color: #454545;
	font-weight: bold;
	background: transparent url('../images/leftmenu-li-act.gif') top left no-repeat;
}
#modules li ul {
	padding-top: 4px;
	padding-bottom: 6px;
}
#modules li ul li {
	background-image: none;
	font-size: 12px;
	line-height: 24px;
	padding-bottom: 0;
	padding-left: 18px;
}
#modules li li a.active,
#modules li li a:hover {
	color: #96b916;
	font-weight: normal;
	background-image:none;
}

/* ------ maincontent ------ */
#maincontent {
	float: left;
	/*width: 530px; 
	margin-left: 32px;*/
	width: 580px; 
	margin-left: 2px;
	line-height: 170%;
}
#maincontent img.floatleft {
	margin-bottom: 10px;
	margin-right: 10px;
}
#maincontent img.floatright {
	margin-bottom: 10px;
	margin-left: 10px;
}
#maincontent img {
	margin-bottom: 30px;
}
#maincontent .img_box img {
	margin-bottom: 0px;
}
#maincontent h3,
#maincontent h4,
#maincontent h5,
#maincontent h6 {
	padding-top: 14px;
	padding-bottom: 20px;
}



/* ------ footer ------ */
#footer {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	height: 59px;
	/*background-color: #7d9f02;*/
	background:#739f04 url('../images/footer-outer-bg.gif') 0 0 repeat-x;
}
#footer-inner {
	background: transparent url('../images/footer-inner-bg.gif') 0 0 repeat-x;
	width:978px;
}
#footer-left {
	background: transparent url('../images/footer-left.gif') left top no-repeat;
	padding-left: 10px;
}
#footer-right {
	background: transparent url('../images/footer-right.gif') right top no-repeat;
	padding-right: 10px;
	padding-top: 31px;
}
#footer a {
	color: #000000;
	text-decoration: none;
}
#footer a:hover {
	color: #eeeeee;
	text-decoration: underline;
}
#footer img {
	border: none;
}

#copy {
	float: left;
	padding-left: 16px;
}
#author {
	float: right;
	padding-right: 16px;
}

/* --------------------- CONTENT --------------------- */
.readon {
/*	color: #96b916; */
	color:#fff;
	font-weight:bold;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:11px;
	background:#74a004 url('../images/readmore-bg.gif') right bottom no-repeat;
	border:1px solid #3d5400;
	/*height:22px;*/
	height:16px;
	line-height:16px;
	padding:3px 28px 3px 10px;
	text-transform:uppercase;
	text-shadow:1px 1px 0 #4a6b02;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out; 
	border-radius:2px;
	box-shadow:1px 1px 5px #666;
}
.readon:hover {
	/*color: #9fca04;*/
	color:#fff;
	text-decoration: none;
	background-position:right 0;
	border:1px solid #618500;
}
.contentitem {
	padding-bottom: 14px;
}
.componentheading,
.contentpagetitle,
.contentheading {
	color: #000000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 2px;
	height: 24px;
	line-height: 24px;
	background: transparent url('../images/maincontent_header_bg.gif') 0 0 no-repeat;
	padding-left:30px;
}
.blog {
	padding-top:20px;
}
.blog .contentheading,
.blog .contentpagetitle {
	color: #000000;
	font-size: 19px;
	line-height: 19px;
	/*padding-bottom: 14px;*/
	padding-bottom: 24px;
	background: transparent url('../images/module_header_bg.gif') 0 0 no-repeat;
}
a.contentpagetitle:hover {
	text-decoration: none;
}
.createdate {

	color: #878686;
	margin-bottom: 20px;
}

.article-content {
	margin-left:30px;
	padding-bottom:40px;
	background: transparent url('../images/maincontent_bg.gif') right bottom no-repeat;
}
.blog .article-content {
	margin-left:30px;
	padding-bottom:0px;
	margin-bottom:20px;
	background: transparent url('../images/blogcontent_bg.gif') right bottom no-repeat;
}
.blog p {
	padding-bottom:16px;
}

.article_column.cols2,
.article_column.cols3,
.article_column.cols4 {
	float: left;
}
.article_column.cols2 {
	width: 50%;
}
.article_column.cols3 {
	width: 33%;
}
.article_column.cols4 {
	width: 25%;
}
.article_separator {
	line-height: 0;
	height: 0;
	font-size: 0;
	
}

.contact {
	margin-left:30px;
}
.contact p {
	padding-bottom:0px;
}
#emailForm {
	margin-left:30px;
	margin-top: 30px;
	/*background-color:#e9e9e9;
	padding:5px 20px 0 20px; */
}
.contact_email {
	padding-top: 6px;
}
.contact_email label {
	display: block;
	font-size:10px;
	text-transform:uppercase;
	line-height:150%;
}
.contact_email_checkbox label {
	font-size:10px;
	text-transform:uppercase;
	line-height:150%;
}
.contact_email_checkbox {
	margin-top: 3px;
}
#contact_email_copy {
	line-height: 100%;
	height: 15px;
	width: 15px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

#searchpage ol {
	padding-left: 0;
}
#searchpage ol li {
	list-style: none;
	list-style-position: outside;
	padding-bottom: 30px;
}
#searchpage .phrase input{
	border: none;
	background-color: transparent;
}
#searchpage .only input {
	line-height: 100%;
	height: 15px;
	width: 15px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}


/* --------------------- FORMS --------------------- */
fieldset {
	border: none;
}
input {
	height: 16px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	color: #666666;
	vertical-align: top;
	line-height: 16px;
}
textarea {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	color: #666666;
	overflow: auto;
}
#contact_text {
	width:250px;
}
.inputbox {
	margin-top: 2px;
}
/*
.button {
	margin: 20px 0;
	background-color: #7D9F02;
	color: #ffffff;
	border: 1px solid #ffffff;
	padding: 3px 5px;
	font-size: 10px;
	text-transform: uppercase;
	cursor: pointer;
}
.button:hover {
	color: #ffffff;
	text-decoration: none;
}*/
.button {
	margin: 20px 0;
	color:#fff;
	font-weight:bold;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:11px;
	background:#74a004 url('../images/readmore-bg.gif') left bottom no-repeat;
	border:1px solid #3d5400;
	line-height:16px;
	padding:2px 14px 2px 14px;
	/*padding:3px 28px 3px 10px;*/
	text-transform:uppercase;
	text-shadow:1px 1px 0 #4a6b02;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out; 
	border-radius:2px;
	box-shadow:1px 1px 5px #666;
}
.button:hover {
	color:#fff;
	text-decoration: none;
	background-position:right 0;
	padding:2px 28px 2px 8px;
	border:1px solid #618500;
}

/* ---------------- PAGINATION --------------------*/
.pagination { text-align:center; }


div.pagination ul{
	padding-left: 0;
	padding-bottom:10px;
}
div.pagination ul li {
	background: none;
	padding-left: 0;
	padding-right: 12px;
	display: inline;
	border:1px solid #bbb;
	background:#dcdcdc url('../images/pagination_li.gif') left center repeat-x;
	padding:4px 5px; 
	margin:0 2px;
}/*
div.pagination ul li a {
	border:1px solid #cccccc;
	background:#dcdcdc url('../images/pagination-li.gif') left center no-repeat;
	padding:2px 4px; 
}*/
.pagination-counter {
	font-size: 11px;
	color:#666666;
	text-align:center;
}
#slideshowContainer{
	cursor:pointer;
}


/* ---------------- facebook --------------------*/
#fb-box { width:346px; height:324px; position:fixed; top:60px; left:100%; margin-left:-38px; background:transparent url('../images/fb-bg.png') scroll 0px 0px no-repeat; z-index:3; }
#fb-box .inner { margin:7px 0 0 45px; width:292px; }