@font-face {
	font-family: 'DINPro-BoldRegular';
	src: url('font/DINPro-Bold.eot');
	src: local('DINPro-Bold'), local('DINPro-Bold'), url('font/DINPro-Bold.woff') format('woff'), url('font/DINPro-Bold.ttf') format('truetype');
}

html {
	margin: 0; padding: 0;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 9pt;
	background: #fff; color: #535353;
}
body {
	margin: 0 auto; padding: 0;
	background: url('top_bg.png') top repeat-x #fff;
}
h1, #top-menu, #top-menu li, #menu, #menu li, #foot ul, #foot ul li {
	margin: 0; padding: 0;
	list-style: none;
}

h1 span, .pp-small span, .pp-big span, #slider a span {
	position: absolute;
	top: -10000px;
}
.clear {
	clear: both; display: block;
	width: 100%; height: 1px;
	font-size: 1px;
}

/* -- LAYOUT -- */
#site {
	width: 957px;
	margin: 0 auto;
}

#top {
	background: url('top.png') no-repeat 0 34px;
	height: 275px;
	position: relative;
}

h1 {
	position: absolute; top: 65px; left: -1px;
	width: 226px; height: 99px;
}
h1 a {display: block; height: 99px;}
h1 a:hover {
	border: solid 1px #8E2692;
}

#top-txt {
	position: absolute; top: 120px; right: 0;
	color: #fff; font-size: 15pt; font-weight: bold;
	text-align: center; width: 650px;
	font-family: 'DINPro-BoldRegular';
}
#top-txt-down {font-size: 13pt;}

#top-menu {
	position: absolute; top: 7px; right: 17px;
}
#top-menu li {
	margin: 0 10px; padding: 0 10px 0 20px;
	float: left;
}
#top-menu a {
	color: #757575;
}
#top-menu a:hover {
	color: #535353;
}
#top-menu-1 {background: url('i_home.gif') no-repeat 0 4px;}
#top-menu-2 {background: url('i_map.gif') no-repeat 0 4px;}
#top-menu-3 {background: url('i_contact.gif') no-repeat 0 4px;}

#menu {
	position: absolute; top: 220px; left: 0;
	height: 55px; width: 940px;
	background: url('menu_bg.gif') repeat-x #0089C4;
}
#menu li {
	float: left;
	background: url('menu_sep.gif') no-repeat 0 22px;
}
#menu-1st {
	margin-left: 80px !important;
	background: none !important;
}
#menu li a {
	display: block; float: left;
	padding: 19px 20px 0 20px; margin: 0 -1px 0 0;
	height: 36px; color: #fff;
	font-size: 10pt;
}
#menu li a:hover {
	background: url('menu_h.gif') repeat-x #33A1D0;
}
#menu .active {
	font-weight: bold;
}

#body {
	overflow: hidden; padding: 30px 0 30px 0;
	width: 940px;
}

#content {}
#content-tight, #content-vtight {
	float: left; width: 670px;
}
#sidebar, #sidebar-wide {
	float: right; width: 240px;
}
#content-vtight {width: 560px;}
#sidebar-wide {width: 325px; margin-right: 25px;}

#foot {
	width: 940px; clear: both;
	padding: 20px 0 30px 0; text-align: center;
	border-top: solid 1px #CCCCCC;
}
#foot ul li {
	display: inline;
	padding: 0 10px 0 11px; font-weight: bold;
	background: url('sep.gif') no-repeat left;
}
#foot-1st {background: none !important;}
#foot p {
	margin: 10px 0 0 0;
	color: #757575;
}

/* -- CONTENT -- */
a {
	color: #0089C4;
	text-decoration: none;
}
a:hover {
	color: #34AEE2;
}

p {
	margin: 0 0 1em 0; padding: 0;
	line-height: 1.5em;
}
ul {
	margin: 0 0 1em 0; padding: 0;
	line-height: 1.5em;
}
li {
	margin: 0 0 0 20px; padding: 0;
}
#body p {
	text-align: justify;
}
#body ul {
	list-style: none;
}
#body ul li {
	background: url('point.gif') no-repeat 3px 8px;
	padding: 0 0 0 20px; margin: 0 0 7px 0; list-style: none;
}

#body ol {
	line-height: 1.5em; font-weight: bold; font-size: 10pt;
}
#body ol ol {
	font-weight: normal; font-size: 9pt;
}
#body ol li {margin-bottom: 1em;}
#body ol ol li {margin-bottom: 0;}

img {
	border: 0;
}

h2 {
	margin: 0 0 1em 0; padding: 0;
	font-size: 14pt;
	font-family: 'DINPro-BoldRegular';
}
h3 {
	margin: 0 0 1em 0; padding: 0;
	font-size: 11pt;
}

.hr {
	height: 1px; margin: 0 0 25px 0;
	border-top: solid 1px #CCCCCC;
	clear: both;
}
.hr hr {display: none;}

#home-news {
	float: left; padding: 15px 20px;
	width: 245px; height: 213px;
	background: #F0F0F0; 
}
#slider-container {
	float: right; width: 654px;
	margin: 0 -1px 25px 0;
}

.cols-3 {
	overflow: hidden; clear: both;
	padding: 0 0 25px 0;
}
.col {
	float: left; width: 270px;
	margin: 0 20px;
}
.col-wide {width: 325px;}
.col-tight {width: 242px;}

.links a {
	display: inline;
	padding: 0 10px 0 11px;
	background: url('sep.gif') no-repeat left;
}
.links-1st {background: none !important;}

.content-item {
	overflow: hidden; padding: 0 0 10px 0; margin: 0 0 25px 0;
	border-bottom: solid 1px #CCCCCC; clear: both;
}
.item-date {
	display: block; font-size: 8pt; font-weight: normal;
}
.item-image {
	float: left; margin: 0 20px 20px 0;
}

.pp-small {
	height: 200px; width: 146px;
	display: block; margin: 30px auto;
	background: url('pp.jpg') no-repeat;
}
.pp-big {
	height: 146px; width: 325px;
	display: block; margin: 30px auto;
	background: url('pp_big.jpg') no-repeat;
}
.col .pp-big {margin: 0;}

.submenu {
	padding: 4px; margin: 0 0 50px 0;
	background: #EDE4ED;
	border: solid 1px #E2CBE2;
}
.submenu ul {
	margin: 0 !important; padding: 0 !important;
	border: solid 1px #E2CBE2;
}
.submenu ul li {
	margin: 0 0 -1px 0 !important; padding: 0 !important; 
	background: none !important;
	border-bottom: solid 1px #E2CBE2;
}
.submenu ul li a {
	display: block; margin: 0 -6px;
	padding: 12px 0 12px 40px; color: #280529;
	background: url('sidebar_point.gif') no-repeat 20px 18px;
}
.submenu ul li a:hover, .submenu .active {
	background: #942D98; color: #fff;
}
.submenu .active {
	background: #A965A9;
}

.pager-container {}
.pager {
	margin: 0 !important; padding: 0 !important;
}
.pager li {
	margin: 0 !important; padding: 4px 10px !important;
	background: none !important;
	float: left;
}
.pager li a {
	float: left; padding: 4px 8px; margin: -4px -8px;
	color: #fff;
	background: #942D98;
}

.quote {
	background: url('quote_up.gif') no-repeat;
	border-bottom: solid 1px #F0F0F0; margin: 0 0 10px 0;
}
blockquote {
	margin: 0; min-height: 80px;
	background: url('quote_down.gif') no-repeat bottom right;
}

.pf-item {
	position: relative; padding-top: 120px;
}
.pf-image {
	position: absolute; top: 0; left: 0; z-index: 20;
	margin: 0 0 10px 0; border: solid 2px #0089C4;
	height: 100px; overflow: hidden;
}
.pf-image:hover {
	height: auto;
}
.pf-image img {
	display: block;
}
.item-desc {
	margin: 10px 0; padding: 10px;
	background: #F0F0F0;
}
.item-logo img {
	margin: 0 auto; display: block;
}

.link-more {
	float: right; padding: 4px 8px;
	color: #fff; background: #0089C4;
}
.link-more:hover {
	background: #34AEE2; color: #fff;
}

/* -- SLIDER -- */
#slider {
	width: 651px; height: 195px;
	overflow: hidden; position: relative;
	border: solid 1px #CCCCCC;
}
#slider-0, #slider-1, #slider-2, #slider-3, #slider-4, #slider-5 {
	width: 100%; height: 100%;
	position: absolute; top: 0px; left: 0px; z-index: 5;
}
#slider-0 {
	background: url('slider/slide_0.jpg') no-repeat;
	z-index: 20;
}
#slider-1 {background: url('slider/slide_1.jpg') no-repeat;}
#slider-2 {background: url('slider/slide_2.jpg') no-repeat;}
#slider-3 {background: url('slider/slide_3.jpg') no-repeat;}
#slider-4 {background: url('slider/slide_4.jpg') no-repeat;}
#slider-5 {background: url('slider/slide_5.jpg') no-repeat;}

#slider a {
	display: block; height: 100%;
}

.slider-link-top, .slider-link-bottom {
	float: left; width: 215px; margin: 0 1px 0 0;
	padding: 15px 0; text-align: center;
	border: solid 1px #CCCCCC; font-weight: bold;
	font-size: 10pt; cursor: pointer;
}
.slider-link-top {border-bottom: none;}
.slider-link-bottom {border-top: none;}
.slider-link-active {
	background: #EDEDED;
}

/* -- FORMULARZE -- */
form {
	margin: 0; padding: 0;
}
.input input, .textarea textarea, .input select {
	padding: 5px 8px;
	border: solid 1px #CDCDCD; background: #F4F4F4;
	color: #444; font-size: 10pt;
}
.input input:focus, .textarea textarea:focus, .input select:focus {
	border: solid 1px #0089C4;
	background: #FFF; color: #000;
}
.input, .textarea {
	padding: 8px 10px; clear: both;
	overflow: hidden;
}
.input label, .textarea label {
	width: 140px; float: left; display: block;
	padding: 8px 0;
}
.textarea label {
	width: 500px; float: none;
}
.input input {
	width: 380px; float: right;
}
.input select {
	width: 398px; float: right;
}
.textarea textarea {
	width: 520px; height: 150px;
}

.error-container {clear: both;}
.error {padding: 4px 0 0 0; color: #cb0100;}
.input .error, .textarea-inline .error, .checkbox .error {
	margin: 0 0 0 150px;
}
.error-field {
	border: solid 1px #e59ea4 !important;
}

.submit {
	padding: 5px 10px;
	clear: both; overflow: hidden;
}
.submit input {
	float: right;
	padding: 5px 15px; margin: 0 0 0 10px;
	border: solid 1px #CDCDCD; background: #F4F4F4;
	color: #000; font-size: 10pt;
}