@font-face {
	font-family: 'NettoOTBold';
	src: url('font/nettoot-bold-webfont.eot');
	src: local('☺'), url('font/nettoot-bold-webfont.woff') format('woff'), url('font/nettoot-bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NettoOT';
	src: url('nettoot-webfont.eot');
	src: local('☺'), url('nettoot-webfont.woff') format('woff'), url('nettoot-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

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

html {
	background: url('site-bg.gif') repeat-x;
	font-family: arial; font-size: 12px;
}

body {
	position: relative; margin: auto; width: 981px;
}

a { color: #5a4d36; text-decoration: none; }

h1 span, header div span, #home-form h3 span,
#slides span, #home-demo h3 span { position: absolute; top: -10000px; }

.clear {
	clear: both; display: block;
	width: 100%; 
	font-size: 1px;
}

/* -- header -- */
header h1 a {
	position: relative; z-index: 1;
	display: block; width: 259px; height: 115px;
	background: url('logo.jpg') no-repeat;
}

header .plus {
	position: absolute; top: 0; right: 0;
	width: 529px; height: 115px;
	background: url('plus.jpg') no-repeat;
}

header .plus a { display: block; width: 529px; height: 115px; }

/* -- menu -- */
nav ul#main-menu { height: 69px; }

#main-menu > li {
	display: block; float: left;
	background: url('menu-bg.gif') no-repeat;
}

#main-menu > li:first-child { background: none; }

#main-menu > li > a {
	display: block; padding-top: 19px;
	height: 35px; text-align: center;
	font-size: 16px;
}

#main-menu > li a:hover, nav li a.active { color: #bd480e; font-weight: bold; }

nav #index { width: 189px; }
nav #news { width: 173px; }
nav #mobile { width: 196px; }
nav #other { width: 265px; }
nav #about { width: 157px; }

nav li.submenu2 {
	position: relative; z-index: 1;
}

nav li.submenu2 ul {
	position: absolute; top: 54px; left: 2px;
	width: 260px;
	background-color: #fff;
}

nav li.submenu2 li {
	display: block; padding: 14px 0 14px 15px; list-style: none;
	background: url('breadcrumb_bg2.gif') no-repeat top left;
	margin: 0 30px; border-bottom: 1px solid #e9e8df;
}

.border-light {
	position: absolute; top: 169px;
	width: 979px; height: 15px;
	border-left: 1px solid #f1784c;
	border-right: 1px solid #f1784c;
}

/* -- content -- */
#content a:hover { text-decoration: underline; }

#breadcrumbs {
	position: relative; z-index: 0; padding: 30px 0 0 30px; color: #848168;
	height: 40px; border-left: 1px solid #e2e0d1; 
}

.breadcrumb {
	padding: 0 0 0 40px; font-weight: bold;
	background: url('breadcrumb_bg.gif') no-repeat 15px 5px;
}

#sidebar {
	position: absolute; top: 184px; right: 0; width: 312px;
}

#sidebar h2 {
	padding: 29px 0 0 30px; height: 40px;
	font-size: 12px; color: #706a41;
}

#sidebar ul { background: url('sidebar-bg.gif') no-repeat #e2e0d1;
	padding: 20px 60px 20px 30px;
}

#sidebar .submenu li {
	padding-left: 30px; list-style: none;
	background: url('submenu2_bg.gif') no-repeat 0 15px;
}
#sidebar .submenu li a {
	display: block; padding: 10px 0 10px;
	color: #706a41; border-top: 1px solid #d7d4c0;
}
#sidebar .submenu li:first-child a { border: none; }
#sidebar .submenu li a:hover, #sidebar .submenu li a.active { color: #fff; }

/* -- index -- */
#home-top { margin-top: -70px; width: 100%; }

#home-form {
	position: relative; z-index: 0; width: 869px; height: 322px;
	background: url('form-bg.jpg') repeat;
}

#home-form form { padding: 99px 0 0 30px; width: 400px; }

#home-form .input {
	position: relative; float: left; padding: 9px 0 0 15px;
	background: url('input-bg.png') no-repeat;
	margin: 0 15px 15px 0; width: 161px; height: 25px;
}

#home-form .input input { font-family: arial; font-size: 11px; color: #b9b7a3; }

#home-form .submit {
	clear: both; width: 309px; text-align: right;
	background: url('submit-bg-h.gif') no-repeat right;
}

#home-form .submit input {
	width: 117px; height: 32px;
	cursor: pointer;
	background: url('submit-bg.gif') no-repeat right;
}

#home-form .submit input:hover {
	background: none;
}

.msg-ok  { font-size: 16px; color: #fff; }

#home-demo {
	position: absolute; top: 184px; right: 0; z-index: 0;
	width: 421px; height: 268px; overflow: hidden; background: url('demo-bg.gif');
}

#home-demo h3 {	height: 81px; }

/* -- slider -- */
#slider {
	width: 900px; height: 450px;
	overflow: hidden; position: relative;
	border: none; float: left;
}

#slider .play {
	position: absolute; top: 0; left: 0; z-index: 100;
	display: block; width: 224px; height: 115px;
	background: url('movie.png') no-repeat;
}

#slider .hover {
	position: absolute; top: 0; left: 0; z-index: 100;
	display: block; width: 224px; height: 115px;
	background: url('movie-h.png') no-repeat;
}

#slider div {
	width: 100%; height: 100%;
	position: absolute; top: 0px; left: 0px; z-index: 5;
}
#slider div#slider-0 {
	z-index: 20;
}

.error {
	position: absolute; top: 20px; color: #e45326;
	font-size: 11px;
}

#index-content {
	margin-top: 29px; border-bottom: 1px solid #e9e8df;
}

#index-content-left, #index-content-right {
	float: left;
	padding: 0 0 0 32px;
}

#index-content h3, #index-content h3 a {
	font-family: nettootbold; font-size: 36px;
	color: #d45415; line-height: 36px;
}

#index-content h3 a:hover { text-decoration: underline; }

#index-content p {
	font-family: arial; font-size: 12px;
	color: #848168; padding: 24px 0 26px;
}

#index-content-left {
	width: 455px;
	/*border-bottom: 1px solid #e9e8df;*/
}

#index-content-right {
	width: 461px;
	border-left: 1px solid #e9e8df;
	background: url('content-right-bg.gif') no-repeat bottom left;
}

/* -- slajdy -- */
#slides {
	clear: both; position: relative;
	width: 980px; height: 458px;
	background: url('slides-bg.jpg') no-repeat bottom;
}

#gallery {
	position: absolute; top: 149px; left: 88px;
	width: 803px; height: 285px; overflow: hidden;
}

#gallery-in { width: 10000px; }

#gallery-in li {
	list-style: none; display: block;
	float: left; margin: 0 25px 0 0;
}

#gallery-in li:hover { cursor: pointer; }

#gallery-in h4 {
	/*font-family: nettoot;*/ font-size: 14px;
	font-weight: normal; line-height: 16px;
	color: #725431; width: 389px; height: 35px;
}

#slide-left, #slide-right {
	position: absolute; top: 262px; left: 20px;
	width: 50px; height: 50px; cursor: pointer;
}

#slide-right { left: 910px; }

#slides h3 {
	padding: 41px 0 0 30px; font-family: nettootbold;
	font-size: 36px; color: #d45415;
}

/* -- newsy -- */
#news-content .content-item, #news-item .content-item, .msg-error, .msg-warn {
	width: 609px;
	padding: 30px 0 30px 30px; border-top: 1px solid #e2e0d1;
}

#news-content .content-item:first-child, #news-item .content-item { border-top: none; }

#news-item ul li { margin: 5px 0 5px 15px; list-style-image: url('breadcrumb_bg.gif'); }

.content-item h3 a, #news-item h2, .msg-error h2, .msg-warn h2 { font-size: 36px; color: #d45415; }

.content-item h3 span, #news-item h2 span {
	display: block; font-size: 12px;
	font-weight: normal;color: #575439; padding: 0;
}

.msg-error, .msg-warn { height: 150px; border: none; }

.content-item p { padding: 25px 0; text-align: justify; }

.link-more { font-weight: bold; text-decoration: underline; color: #ed561f; }

.pager-container {
	width: 613px; height: 36px; padding: 20px 0 0 30px;
	background: url('pager-bg.gif') no-repeat;
	font-weight: bold; color: #ed561f;
}

.pager-container span.pick { color: #575439; padding-right: 5px; }

.pager-container ul { display: inline; }

.pager-container ul li { display: inline; padding: 0 3px 0 7px; border-left: 1px solid #efe9e0; }

.pager-container ul li:first-child { border: none; }

.pager-container a { text-decoration: underline; color: #ed561f; }

/* -- statyczne -- */
#page-content { padding: 30px; line-height: 18px; clear: both; }

#page-content h2 { font-size: 36px; color: #d45415; line-height: 32px; }

#page-content h3 { padding-top: 25px; font-size: 25px; color: #d45415; }

#page-content p { padding-top: 25px; text-align: justify; }

#page-content ol li { margin: 5px 0 5px 15px; }

#page-content ul li { margin: 5px 0 5px 15px; list-style-image: url('breadcrumb_bg.gif'); }

#demo1 { margin-top: 20px; text-align: center; }

/* -- kontakt -- */
#contact {
	position: relative; margin-top: -1px; width: 981px;
	height: 182px; background: url('contact-bg.jpg') no-repeat;
}

#contact-content div { position: absolute; top: 27px; line-height: 14px; }

#contact h4 { font-size: 12px; margin-bottom: 28px; color: #fff; }

#contact p { position: relative; }

#contact strong { position: absolute; right: 0; }

.contact-left { left: 32px; }

.contact-middle { left: 185px; width: 275px; }

.contact-right { left: 500px; width: 200px; }

/* -- footer -- */
footer {
	display: block; height: 90px;
	font-size: 12px; color: #848168;
}

footer a:hover { text-decoration: underline; }

footer div { float: left; margin-top: 24px; padding-top: 6px; }

#footer-left { width: 660px; padding-left: 30px; }

#footer-right {
	background: url('footer-bg.gif') no-repeat;
	padding-left: 120px; width: 165px;
}

.orange { color: #e85627; font-weight: bold; }