@import "reset.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,800,800italic,700italic&subset=latin,latin-ext);

body		{background: #f5f5f5; font-family: 'Open Sans', Arial, sans-serif; color: #231f20; overflow-x: hidden;}
a			{text-decoration: underline; cursor: pointer; color: #231f20;}
.clear		{clear: both;}
strong		{font-weight: 700;}
strong *		{font-weight: 700;}
em			{font-style: italic;}

#top				{width: 100%; background: url(../img/top-bg.jpg) center -199px no-repeat; height: 280px;}
#top .content		{position: relative; margin: 0 auto; width: 960px; height: 479px;}
#top .content #logo	{position: absolute; z-index: 100; left: 0; top: -50px;}
#top #strip			{position: absolute; z-index: 200; right: 50%; top: 150px; width: 920px; height: 70px; margin-right: -1080px; background: url(../img/top-title-bg.png) no-repeat;}
#top #sliderTitles		{position: absolute; z-index: 300; right: 290px; top: 150px; height: 70px; line-height: 70px;}
#top #sliderTitles div	{position: absolute; left: 0; top: 0; display: none; color: #ffffff; font-size: 46px; background: none !important;}
#top #sliderTitles div:first-child	{display: block;}
#top #slider			{position: absolute; z-index: 1; left: 0; top: 0;}
#top #slider img		{display: none; position: absolute; z-index: 1; left: 0; top: 0; margin: 0; padding: 0; border: none;}
#top #slider img:first-child	{display: block;}

#main			{position: relative; margin: 0 auto; width: 960px; height: auto; padding-top: 55px; font-size: 15px;}
#main #column		{width: 960px; height: auto; float: none;}
#main #column-l		{width: 600px; height: auto; float: left;}
#main #column-r		{width: 310px; height: auto; float: right;}

#main h1		{font-size: 30px; font-weight: 900; line-height: 32px; margin-bottom: 30px;}
#main h2		{font-size: 16px; line-height: 21px;}
#main p		{font-size: 13px; line-height: 17px; margin: 17px 0; text-align: justify;}
#main ul		{list-style: disc outside none; line-height: 17px; margin: 17px 0 17px 40px;}
#main p + ul	{margin-top: -17px;}
#main ol		{list-style: decimal outside none; line-height: 17px; margin: 17px 0 17px 40px;}
#main p + ol	{margin-top: -17px;}

#main .newslist						{color: #3e3027;}
#main .newslist .item				{border-bottom: 1px dashed #dcdcdc; padding-bottom: 15px; margin-bottom: 22px;}
#main .newslist .item .icon			{float: left; width: 50px; height: auto;}
#main .newslist .item .content		{float: right; width: 538px; height: auto; font-size: 13px; line-height: 15px;}
#main .newslist .item .content img	{margin: 4px 6px 6px 0;}
#main .newslist .item h2				{font-size: 14px; line-height: 17px; font-weight: 700; margin-bottom: 3px;}
#main .newslist .item h2 a				{color: #3e3027; font-weight: 700; text-decoration: none;}
#main .newslist .item h2 a:hover		{text-decoration: underline;}
#main .newslist .item p				{margin: 0;}
#main .newslist .item p.more			{line-height: 19px; height: 19px; text-align: right; margin-top: 10px; margin-right: 8px; font-size: 13px;}
#main .newslist .item p.more img		{vertical-align: bottom; margin: 0 !important;}
#main .newslist .item p.more a		{color: #adadad; font-style: italic; text-decoration: none;}
#main .newslist .item p.more a:hover	{text-decoration: underline;}

#main .newslist .item.full .icon		{float: left; width: auto; margin: 0 10px 8px 0;}
#main .newslist .item.full .content	{float: none; width: auto; font-size: 13px; line-height: 17px;}
#main .newslist .item.full h2			{font-size: 16px; line-height: 21px;}
#main .newslist .item.full p			{margin: 17px 0;}
#main .newslist .item.full p.download		{line-height: 50px;}
#main .newslist .item.full p.download img	{vertical-align: middle; margin-right: 10px;}
#main .newslist .item.full p.back			{line-height: 19px; height: 19px; text-align: right; margin-top: 10px; margin-right: 8px; font-size: 12px;}
#main .newslist .item.full p.back img		{vertical-align: bottom; margin: 0 !important;}
#main .newslist .item.full p.back a		{color: #adadad; font-style: italic; text-decoration: none;}
#main .newslist .item.full p.back a:hover	{text-decoration: underline;}

#main .pager			{text-align: center; width: auto; position: relative; margin: 0 auto;}
#main .pager a		{display: inline-block; width: 30px; height: 30px; line-height: 30px; background: #e4e4e4; border-radius: 6px; text-decoration: none; margin: 2px;}
#main .pager a:hover	{background: #238244; color: #ffffff;}
#main .pager strong a	{background: #238244; color: #ffffff;}

#main .sidebox			{width: 310px; height: auto; padding-top: 10px; padding-bottom: 25px;}
#main .sidebox h3		{height: 56px; font-size: 20px; line-height: 20px; color: #1b1f26; font-weight: normal; background: url(../img/sidebox-h3.png) no-repeat 0 38px;}
#main .sidebox .box		{width: 310px; height: auto; background: #f0f0f0;}
#main .sidebox .box img.random				{margin: 30px;}
#main .sidebox .box  .newslist				{padding: 20px;}
#main .sidebox .box  .newslist .item			{border-bottom: none; margin: 10px 0; padding: 0;}
#main .sidebox .box  .newslist .item .icon		{margin: 0;}
#main .sidebox .box  .newslist .item .content	{width: 208px;}
#main .sidebox .box  .newslist .item h2		{color: #1a5e28;}
#main .sidebox .box  .newslist .item h2 a		{color: #1a5e28;}

#main #foo		{width: 950px; height: auto; margin-top: 30px;}
#main #foo #newsletter					{position: relative; width: 950px; height: 262px; background: url(../img/foo-bg.jpg) no-repeat;}
#main #foo #newsletter #fooclaim			{position: absolute; width: 347px; height: 116px; top: 99px; right: 20px; color: #ffffff; text-align: center;}
#main #foo #newsletter #fooclaim p		{color: #ffffff; height: auto; line-height: 50px; margin: 0; padding: 0; width: auto; font-size: 40px;}
#main #foo #newsletter #fooclaim a		{color: #ffffff; text-decoration: none;}
#main #foo #newsletter #fooclaim strong	{font-weight: 800;}
#main #foo #newsletter #in-newsletter		{position: absolute; width: 150px; height: 30px; line-height: 30px; background: none; padding: 0 15px; margin: 0; border: none; top: 87px; left: 29px;}
#main #foo #newsletter .submit			{position: absolute; top: 87px; left: 209px;}
#main #foo p		{width: 475px; height: 70px; line-height: 70px; font-size: 13px;}
#main #foo #copy	{float: left;}
#main #foo #made	{float: right; text-align: right;}

#main .galleryTitle					{font-size: 18px; font-weight: bold;}
#main .galleryComment				{margin: 10px 0 20px 0;}
#main .gallerylist					{margin-left: -3px;}
#main .gallerylist .item				{position: relative; display: block; float: left; width: 233px; height: 223px; margin: 0 0 3px 3px; border: 1px solid #d0d0d0; background: #f0f0f0;}
#main .gallerylist .item:hover		{border-color: #0d541e; background: #0d541e;}
#main .gallerylist .item:hover p		{color: #ffffff;}
#main .gallerylist .item.image		{}
#main .gallerylist .item.dir			{}
#main .gallerylist .item img			{position: absolute; top: 12px; left: 13px;}
#main .gallerylist .item p			{position: absolute; bottom: 4px; left: 13px; height: 50px; width: 207px; overflow: hidden; margin: 0; padding: 0; color: #231f20; font-size: 13px; line-height: 16px;}

form .submit			{width: 88px; height: 30px; background: url(../img/form-send.png) no-repeat; cursor: pointer;}
h2.szukaj					{margin: 20px 0;}
.cms_form					{}
.cms_form ul					{margin: 0 !important; padding: 0 !important;}
.cms_form ul li				{clear: both; list-style: none; margin: 0 0 11px 0 !important; padding: 0 !important; background: none; height: auto;}
.cms_form ul li label			{float: left; width: 80px; height: 24px; line-height: 24px; cursor: pointer;}
.cms_form ul li div.input		{float: left; width: 250px; height: 24px; line-height: 24px;}
.cms_form ul li div.textarea	{float: left; width: 666px; height: auto;}
.cms_form ul li input			{width: 230px; padding: 0 10px; height: 24px; line-height: 24px; font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; color: #231f20;}
.cms_form ul li select			{width: 252px; padding: 0 10px; height: 24px; line-height: 24px; font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; color: #231f20;}
.cms_form ul li textarea			{width: 643px !important; padding: 4px 10px; height: 165px !important; line-height: 17px; font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; color: #231f20;}
.cms_form .search-button		{width: 100px; float: right; line-height: normal;}
.cms_form.no_label ul				{width: auto; margin: 0; padding: 0;}
.cms_form.no_label li					{width: auto; margin: 0; padding: 0;}
.cms_form.no_label div.input			{float: none;}
.cms_form.no_label div.textarea		{float: none; width: auto; height: auto;}
.cms_form.no_label textarea			{width: 230px !important;}
.cms_form.no_label .submit			{float: right;}
#rodform				{position: relative; margin: 0 auto; width: 250px; padding: 30px 0;}
#kontaktform 			{position: relative; margin: 0 auto; width: 250px;}

.cTable					{width: 100%; font-size: 12px;}
.cTable th, .cTable td	{padding: 15px; text-align: center; vertical-align: middle; line-height: 14px;}
.cTable th				{background: #e3e3e3; color: #989898; font-weight: bold;}
.cTable td				{background: #f1f1f1;}
.cTable tbody tr:hover td	{background: #d4d4d4;}
.cTable tbody tr:hover td.kontaktform	{background: #f1f1f1;}


#cFormTable 					{font-size: 13px; color: #231F20;}
#cFormTable td				{text-align: left;}
#cFormTable label				{font-weight: bold;}
#cFormTable tbody tr:hover td	{background: #f1f1f1;}

/* ------------  Menu  ROOT  ------------ */
.page-menu {
	position: absolute;
	top: 257px;
	left: 0;
	z-index: 666;
	width: 960px;
	height: 65px;
}
.page-menu .left		{float: left; width: 11px; height: 65px; background: url(../img/menu-bg-left.png) no-repeat;}
.page-menu .right	{float: right; width: 73px; height: 65px; background: url(../img/menu-bg-right.png) no-repeat;}
.page-menu .right .ico-search	{margin-left: 11px; margin-top: 6px;}

#menuwrapper	{width: 876px; float: left; background: url(../img/menu-bg.png) repeat-x; height: 65px;}


ul#primary-nav li hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
       	height: 32px;
       	margin: 0px 5px 0px;
}
.page-menu ul#primary-nav {
	height: 1%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
.page-menu ul#primary-nav li {
	float: left;
}
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
	display: block;
	padding: 0 10px;
}
.page-menu ul#primary-nav li a {
	padding-left: 0;
	color: #000;
	font-weight: bold;
	line-height: 2.15em;
	text-decoration: none;
	margin-left: 1px;
	font-size: 13px;
}
.page-menu ul#primary-nav li a:hover {
	text-decoration: underline;
}

.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
	color: #000;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
	color: #000;
}
.page-menu ul#primary-nav li a span {
	padding-top: 22px;
	padding-right: 0;
	padding-bottom: 14px;
	padding-left: 5px;
	text-transform: uppercase;
	font-weight: bold;
}
.page-menu ul#primary-nav li a.menuparenth,
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
	background-position: 100% -120px;
}
.page-menu ul#primary-nav li a {
	background-position: 100% -80px;
}
.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:hover span,
.page-menu ul#primary-nav li a:focus span,
.page-menu ul#primary-nav li a:active span {
	background-position: 0 -40px;
}
.page-menu ul#primary-nav li a span {
	background-position: 0 0;
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
	font-weight: normal;
	background-image: none;
	display: block;
	padding: 2px 0;
	line-height: 18px;
}
#primary-nav {
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	list-style: none;
	margin: -6px 0px 0px;
	padding: 0px;
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 209px;
}
#primary-nav ul {
	position: absolute;
	z-index: 1001;
	top: auto;
	display: none;
	padding-top: 9px;
	background: url(../img/menu-ultop.png) no-repeat left top;
}
* html #primary-nav ul.unli {
	padding-top: 12px;
	background: url(../img/menu-ultop.gif) no-repeat left top;
}
#primary-nav ul.unli ul {
	margin-left: -7px;
	left: 100%;
	top: 3px;
}
* html #primary-nav ul.unli ul {
	margin-left: -0px;
}
#primary-nav li {
	margin: 0px;
	float: left;
}
#primary-nav li li {
	margin-left: 7px;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* Styling the basic appearance of the menu elements */
ul#primary-nav ul hr.menu_separator{
        position: relative;
        visibility: visible;
        display:block;
        width:130px;
       	height: 1px;
       	margin: 2px 30px 2px;
	padding: 0em;
	border-bottom: 1px solid #ccc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
	height: 9px;
	width: 209px;
	margin: 0px 0px -8px;
	background: url(../img/menu-ulbtm.png) no-repeat left bottom;
}
* html #primary-nav .separator {
       z-index:-1;
	background: url(../img/menu-ulbtm.gif) no-repeat left bottom;
}
*:first-child+html #primary-nav .separator {
       z-index:-1;
}
#primary-nav ul.unli li a {
	padding: 0px 10px;
	width: 165px;
	margin: 5px;
	background-image: none;
}
#primary-nav ul.unli li a:hover {
	text-decoration: none;
}

* html #primary-nav ul.unli li a {
	padding: 0px 10px 0px 5px;
	width: 165px;
	margin: 5px 0px;
}
#primary-nav li li a:hover {
	background-color: #DBE7F2;
	
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	background-color: #DBE7F2;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-image: url(../img/menu-arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/*************** End Menu *****************/

#cookie_politics_overlay			{z-index: 9999; position: fixed; bottom: 0; width: 100%; height: 58px; background: #075521; border-top: 1px solid #e1e1e1;}
#cookie_politics_overlay_txt		{position: relative; width: 950px; margin: 0 auto; height: auto; line-height: 16px; font-family: Arial, sans-serif; text-align: center; color: #fff; font-size: 11px; padding-top: 14px;}
#cookie_politics_overlay_txt a		{color: #fff; text-decoration: underline;}
#cookie_politics_overlay_close		{background: #fff; border-radius: 7px; color: #999; cursor: pointer; font-size: 16px; font-weight: bold; height: auto; line-height: 14px; padding: 5px 6px; position: absolute; right: -20px; text-align: center; top: 18px; width: auto;}