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

img, div { behavior: url(js/pngfix/iepngfix.htc) }


body {
	font-size: 17px;
	font-family: Helvetica, Arial, sans-serif;
}

body#main {
	background: url(../grafika/tlo.jpg) repeat-x #101800;
}


body#podstrona {
	background: url(../grafika/tlo-podstrona.jpg) repeat-x #101800;
}

body#katalog {
	background: url(../grafika/tlo-katalog.jpg) repeat-x #2C4201;
	overflow-x: hidden;
}

a {
	text-decoration: none;	
}

a.more, a.smallmore, a.kontakt {
	font-family: 'Museo300';
	color:#809970;
}

a.more:hover, a.smallmore:hover, a.kontakt:hover {
	text-shadow:0 0 1px #fff !important;
	color:#fff !important;
}	

/* HEADER & MAIN CONTENT */

#container {
	width: 960px;
	height: auto;
	margin:0 auto;
	position: relative;
	overflow-x:visible;
}

header {
	width: 960px;
	height: 126px;
	margin:0 auto;
	display: block;
	font-family: 'Museo500';
	position: relative;
}

#logo {
	width: 160px;
	height: 120px;
	background: url(../grafika/logo.png) no-repeat;
	left: 0; top: 0;
	position: absolute;
}

header ul {
	height: 42px;
	list-style:none;
	float: right;
	width: 760px;
	margin-right: 0;
	margin-top: 52px;
}

header ul li {
	float:left;
	margin-right: 5px;
	height: 32px;
	padding-top: 10px;
	text-align: center;
}

header ul li a {
	color: #9ba38c;
	text-shadow:0 1px 1px #000000;
	
}

header ul li:last-child {
	margin-right: 0;
}

header ul li a:hover {
	color: #fff;
	text-shadow:0 0 1px #FFFFFF !important;
}

header ul li#glowna { background: url(../grafika/menu/glowna.png); width:179px; }
header ul li.glowna-aktywny { background: url(../grafika/menu/glowna-a.png) !important;}
header ul li.glowna-aktywny a { color: #fff; }

header ul li#onas { background: url(../grafika/menu/onas.png); width:102px; }
header ul li.onas-aktywny { background: url(../grafika/menu/onas-a.png) !important;}
header ul li.onas-aktywny a { color: #fff; }

header ul li#uslugi { background: url(../grafika/menu/uslugi.png); width:210px; }
header ul li.uslugi-aktywny { background: url(../grafika/menu/uslugi-a.png) !important;}
header ul li.uslugi-aktywny a { color: #fff; }

header ul li#katalog { background: url(../grafika/menu/katalog.png); width:114px; }
header ul li.katalog-aktywny { background: url(../grafika/menu/katalog-a.png) !important;}
header ul li.katalog-aktywny a { color: #fff; }

header ul li#kontakt { background: url(../grafika/menu/kontakt.png); width:117px; }
header ul li.kontakt-aktywny { background: url(../grafika/menu/kontakt-a.png) !important;}
header ul li.kontakt-aktywny a { color: #fff; }

/* SWIATLA I TŁA ABSOLUTNE POZYCJONOWANIE */

#galeria-tlo {
	position: absolute;
	display:block;
	top: 126px;
	left: -183px;
	width: 1326px;
	height: 433px;
	background: url(../grafika/tlo-galeria.jpg) no-repeat;
}

#swiatlo-gora {
	display:block;
	width: 1226px;
	height: 471px;
	position: absolute;
	top: 712px;
	left: -133px;
	background: url(../grafika/glowna-swiatlo-gora.jpg) no-repeat;
}

#swiatlo-dol {
	display:block;
	width: 1226px;
	height: 436px;
	position: absolute;
	top: 1297px;
	left: -133px;
	background: url(../grafika/glowna-swiatlo-dol.jpg) no-repeat;
}

/* EOF SITAP */

/* GALERIA GŁÓWNA */

#galeria-cien {
	width: 940px;
	height: 48px;
	z-index: 10;
	position: absolute;	
	bottom: 55px;
	background: url(../grafika/galeria-cien.png) no-repeat;
}

#galeria {
	padding-top: 80px;
	height: 433px;
	position: relative;
}

#galeria .navi {
	width: auto;
	position: absolute;
	bottom: -55px;
	left: 265px;
	height: 25px;
}

.navi a {
	display: block;
	width: 25px;
	height: 23px;
	margin-right:9px;
	background: url(../grafika/galeria-navi.png) no-repeat;
	background-position: 0;
	float: left;
}

.navi a.active {
	background-position: -32px;
}

#galeria-container {
	width: 838px;
	height: 381px;
	margin: 0 auto;
	background: url(../grafika/galeria-nowa.png) no-repeat;
	display: block;
	position: relative;
	padding: 35px 0 0 82px;
	z-index: 999;
	margin-top: -25px;
}

#galeria-cien-tekst {
	position: absolute;
	bottom:70px;
	left: 86px;
	background: url(../grafika/galeria-cien-tekst.png) no-repeat;
	width: 742px;
	height: 38px;
	text-align: center;
	z-index: 9999;
	color: white;
	font-family: 'Museo300';
	font-size: 24px;
	padding-top:12px;
}

.galeria-arr {
	position: absolute;
	top: 120px;
	width: 71px;
	height: 111px;
	display: block;
	cursor: pointer;
}

#galeria-arr-right {
	right: -91px;
	background: url(../grafika/galeria-arr-right.png) no-repeat;
}

#galeria-arr-left {
	left: -91px;
	background: url(../grafika/galeria-arr-left.png) no-repeat;
}

.scrollable {
	position:relative;
	overflow:hidden;
	width: 749px;
	height: 315px;
}

.scrollable .items {
	width:20000em;
	position:absolute;
	overflow: hidden;
}

.scrollable .items div {
	float:left;
	width: 749px;
}

/* EOF GALERIA GŁÓWNA */

/* WYSZUKIWARKA GŁÓWNA */

#wyszukiwarka-glowna {
	width: 253px;
	height: 74px;
	background: url(../grafika/wyszukiwarka-pole.png) no-repeat;
	position: relative;
	margin: 0 auto;
	margin-top: 15px;
}

#wyszukiwarka-glowna form input {
	background: none;
	border: none;
	position: absolute;
}

#wyszukiwarka-glowna form input.button {
	height:26px;
	left:15px;
	top:10px;
	width:24px;
}

#wyszukiwarka-glowna form input.szukaj { 
	height:22px;
	left:35px;
	top:11px;
	width:200px;
	color: #8B8B8B;
	font-size: 14px;
	font-family: 'Museo300';
	text-align: center;
}


/* EOF WYSZUKIWARKA GŁÓWNA */

/* TREŚĆ GŁÓWNA */

#content-glowna {
	height: 1021px;
	z-index:999;
}

#ofertypromocje-glowna {
	margin-top: 25px;
	height: 510px;
	position: relative;
}

#ofertypromocje-glowna h1 {
	background: url(../grafika/ofertypromocje-tekst.png) no-repeat;
	height: 122px;
	width: 460px;
	position:absolute;
	left:-15px;
	top:0;
}

#ofertypromocje-glowna a.more {
	display:block;
	width: 199px;	
	height: 32px;
	background: url(../grafika/glowna-button-duzy.png) no-repeat;
	position: absolute;
	right: 20px;
	top:48px;
	font-size: 23px;
	text-align: center;
	padding-top:2px;
}

#ofertypromocje-container {
	top: 120px;
	position: absolute;
	height: 380px;
	width:100%;
	overflow: hidden;
}

#ofertypromocje-container div.ofertypromocje-modul {
	float:left;
	width: 315px;
	height:100%;
	position: relative;
}

.ofertypromocje-modul .oferta-obrazek-container {
	position: absolute;
	width:329px;
	height:257px;
	top:0;
	left:0;
	background: url(../grafika/ramka-oferty-glowna.png) no-repeat;
}

.oferta-obrazek-container img {
	position: absolute;
	max-width: 269px;
	max-height: 208px;
	top:10px;
	left:18px;
}

.oferta-obrazek-container span.swiatlo-obrazek {
	width: 289px;
	height: 228px;
	position: absolute;
	left: 9px;
	bottom: 30px;
	display: block;
	background: url(../grafika/ramka-oferta-glowna-swiatlo.png) no-repeat;
}

.ofertypromocje-modul span {
	position: absolute;
	display:block;
	text-shadow:1px 1px 1px #000, 0 0 20px #667a40 !important;
	color:#fff;
}

.ofertypromocje-modul span.tytul { 
	font-size: 18px;
	top: 260px;
	left: 15px;
}

.ofertypromocje-modul span.cena { 
	top: 260px;
	right: 25px;
	font-size: 19px;
}

.ofertypromocje-modul span.opis { 
	left: 15px;
	font-size: 15px;
	top: 285px;
	color:#a4b287;

}

.ofertypromocje-modul a.smallmore { 
	top: 350px;
	right: 25px;
	background: url(../grafika/glowna-button-maly.png) no-repeat;
	width:131px;
	height: 20px;
	text-align: center;
	font-size: 14px;
	display: block;
	position: absolute;
	padding-top:3px;
}

#lokalizacja-glowna {
	height: 410px;
	position: relative;
	float:left;
	width: 595px;
}

#lokalizacja-glowna h1 {
	background: url(../grafika/lokalizacja-tekst.png) no-repeat;
	height: 123px;
	width: 473px;
	position:absolute;
	left:-15px;
	top:30px;
}

#porady-glowna {
	height: 410px;
	position: relative;
	float:left;
	width: 350px;
}

#porady-glowna h1 {
	background: url(../grafika/porady-tekst.png) no-repeat;
	height:128px;
	width: 233px;
	position:absolute;
	left:0;
	top:30px;
}

#mapa-glowna {
	width: 296px;
	height: 203px;
	border: 7px solid #475a22; 
	position: absolute;
	top: 155px;
	left: 30px;
}

#godziny-otwarcia {
	background: url(../grafika/godziny-otwarcia.png) no-repeat;
	width: 268px;
	height: 166px;
	left: 335px;
	top: 130px;
	position: absolute;
}

#lokalizacja-glowna a.kontakt {
	width: 199px;
	height: 32px;
	background-color: #112a00;
	position: absolute;
	top: 315px;
	left: 370px;
	text-align: center;
	color:#809970;
	font-size: 23px;
	padding-top: 2px;
}

#test {
	position: absolute;
	left:30px;
	top: 140px;
	width: 324px;
	height: 235px;
	background: url(../grafika/test.png) no-repeat;
}

/* EOF TREŚĆ GŁÓWNA */

/* TREŚĆ PODSTRONY */

#podstrona-divider {
	height:32px;
	position: relative;
}

#podstrona-divider-tlo {
	position: absolute;
	display:block;
	top: 0;
	left: -133px;
	width: 1226px;
	height: 32px;
	background: url(../grafika/tlo-divider.jpg) no-repeat;
}

#podstrona-tresc {
	height: 1087px;
	position: relative;
}


#swiatlo-gora-podstrona {
	display:block;
	width: 1226px;
	height: 471px;
	position: absolute;
	top: 0;
	left: -133px;
	background: url(../grafika/glowna-swiatlo-gora.jpg) no-repeat;
	z-index:-1;
}

#swiatlo-dol-podstrona {
	display:block;
	width: 1226px;
	height: 436px;
	position: absolute;
	bottom: 0;
	left: -133px;
	background: url(../grafika/glowna-swiatlo-dol.jpg) no-repeat;
	z-index:-1;
}

#ofirmie-tekst-naglowek {
	background: url(../grafika/ofirmie-tekst.png) no-repeat;
	width: 233px;
	left: -32px;
	height: 118px;
	position: absolute;
	top: 30px;
}

#ofirmie-tekst, #uslugi-tekst {
	position: absolute;
	top: 135px;
	left: 10px;
	height: auto;
	width: 785px;
	border-left: 4px solid #476b01;
	padding-left: 20px;
	color: #fff;
	font-size: 14px;
	font-family: 'Museo300';
}

#ofirmie-tekst p, #uslugi-tekst p {
	margin-bottom: 20px;
	line-height: 17px;
}

#ofirmie-tekst p.italic {
	font-style: italic;
	margin-bottom: 0;
}

#uslugi-tekst-naglowek {
	background: url(../grafika/uslugi-tekst.png) no-repeat;
	width: 415px;
	left: -32px;
	height: 119px;
	position: absolute;
	top: 30px;
}

#kontakt-test {
	background: url(../grafika/kontakt-test.png) no-repeat;
	width: 698px;
	left: 0;
	height: 338px;
	position: absolute;
	top: 30px;
}

#mapa-kontakt {
	position: absolute;
	right:0;
	bottom:5px;
}

#formularz-container {
	position: absolute;
	top: 400px;
	height: 500px;
}

#formularz-container h1 {
	background: url(../grafika/formularz-napis.png) no-repeat;
	width: 260px;
	height: 119px;
}

#formularz-container label {
	font-size: 15px;
	color: #fff;
	font-family: Helvetica;
	position: absolute;
	right: 20px;
	text-align: right;
} 

#formularz-container label em {
	color: #000;
}

#formularz-container input.inputbox, #formularz-container textarea  {
	background: none;
	border: 1px solid #476b02;
	position: absolute;
	left: 270px;
	width: 280px;
	height: 25px;
	color: #fff;
	font-size: 14px;
	font-family: Helvetica;
}

#formularz-container textarea	{
	width: 400px;
	height: 200px;
}

#imienazwafirmy, #imienazwafirmy-label { top: 120px; }
#email, #email-label {top: 180px;  }
#temat, #temat-label {top: 240px;  }
#tresc, #tresc-label {top: 300px;  }

#formularz-container a.mailsend {
	position: absolute;
	top: 540px;
	left: 280px;
	color:#fff;
}

#formularz-status {
	color:#98E800;
	display:block;
	font-size:16px;
	left:280px;
	position:absolute;
	top:600px;
	width:300px;
}

/* EOF TREŚĆ PODSTRONY */

/* KATALOG */


#podstrona-katalog {
	height: auto;
	min-height: 800px;
	position: relative;
	overflow-x:hidden;
	overflow-y:auto;
}

#menu-katalog {
	float: left;
	margin-top: 30px;
	height: auto;
	margin-right: 20px;
}

#menu-katalog h1.menu-kategoria {
	width: 226px;
	height: 38px;
	padding-bottom: 5px;
	background: url(../grafika/kategoria-katalog.png) no-repeat;
	padding-top: 13px;
	padding-left: 14px;
	font-size: 21px;
	color: #fff;
	text-shadow:0 1px 1px #364A1E;
	font-family: 'Museo500';
}

#menu-katalog ul {
	border: 5px #152000 solid;
	margin-bottom: 20px;
	background-color: #ACC39D;
}

#menu-katalog ul li {
	padding-top: 11px;
	padding-left: 20px;
	min-height: 22px;
	width: 210px;
	border-top: 1px solid #C3D5B6;
	border-bottom: 1px solid #94A883;
	background-color: #ACC39D;
	font-size: 14px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}

#menu-katalog ul li a {
	color: #152000;
}

#menu-katalog ul li ul {
	padding-left:20px;
	border: none;
	margin-bottom: 0;
	list-style: none;
}

#menu-katalog ul li ul li {
	border: none;
	padding-left: 0;
	width: 190px;
}

#menu-katalog ul li.katalog-expandable {
	padding-top: 0;
	width: 210px;
}

#menu-katalog ul li.katalog-expandable ul li a.active {
	font-weight: bold;
}

#menu-katalog ul li ul li a {
	font-size: 14px;
	font-weight: normal;
}

#wyszukiwarka-katalog {
	float:right;
	width: 232px;
	height: 42px;
	margin-top: 30px;
	background: url(../grafika/wyszukiwarka-katalog.png) no-repeat;
	position: relative;
}

#wyszukiwarka-katalog form input {
	background: none;
	border: none;
	position: absolute;
}

#wyszukiwarka-katalog form input.button {
	height:22px;
	left:15px;
	top:10px;
	width:20px;
}

#wyszukiwarka-katalog form input.szukaj { 
	height:22px;
	left:39px;
	top:10px;
	width:175px;
	color: #8B8B8B;
	font-size: 13px;
	font-family: 'Museo300';
	text-align: center;
}

#tresc-katalog {
	width: 700px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;	
	margin-top: 20px;
	min-height: 200px;
	height: auto;
	position: relative;
}

#podstrona-katalog h1.ilewynikow {
	color:#6AD228;
	font-size:20px;
	left:260px;
	position:absolute;
	top:40px;
}

#tresc-katalog div.katalog-modul {
	float:left;
	width: 213px;
	height: 300px;
	position: relative;
	margin-right: 20px;
	margin-bottom: 5px;
}

#tresc-katalog .katalog-modul .oferta-katalog-obrazek-container {
	width:211px;
	height:184px;
	background: url(../grafika/ramka-oferty-katalog.png) no-repeat;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

#tresc-katalog .katalog-modul .oferta-katalog-obrazek-container img {
	max-width: 203px;
	max-height: 159px;
	margin: auto;
	display: block;
}

#tresc-katalog .katalog-modul .oferta-katalog-obrazek-container span.swiatlo-obrazek {
	width: 210px;
	height: 165px;
	position: absolute;
	left: -4px;
	top: 0;
	display: block;
	background: url(../grafika/ramka-oferty-katalog-swiatlo.png) no-repeat;
}

#tresc-katalog .katalog-modul span {
	display:block;
	text-shadow:1px 1px 1px #000, 0 0 20px #667a40 !important;
	color:#fff;
	margin-left:10px;
}

#tresc-katalog .katalog-modul span.tytul { 
	font-size: 13px;
}

#tresc-katalog .katalog-modul span.cena { 
	float:right;
	margin-right: 8px;
	margin-left: none;
	font-size: 13px;
}

#tresc-katalog .katalog-modul span.opis { 
	margin-top: 15px;
	font-size: 12px;
	color:#a4b287;
	height: 30px;
}

#tresc-katalog .katalog-modul a.smallmore { 
	float:right;
	background: url(../grafika/glowna-button-maly.png) no-repeat;
	width:131px;
	height: 20px;
	text-align: center;
	font-size: 13px;
	display: block;
	padding-top:3px;
}

#tresc-katalog .katalog-szczegoly .oferta-katalogszczegoly-obrazek-container {
	width:305px;
	height:257px;
	background: url(../grafika/ramka-oferty-glowna.png) no-repeat;
	padding-top: 3px;
	text-align: center;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	position: relative;
}

#tresc-katalog .katalog-szczegoly .oferta-katalogszczegoly-obrazek-container img {
	max-width: 269px;
	max-height: 208px;
	margin: auto;
	display: block;
}

#tresc-katalog .katalog-szczegoly .oferta-katalogszczegoly-obrazek-container span.swiatlo-obrazek {
	width: 289px;
	height: 228px;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background: url(../grafika/ramka-oferta-glowna-swiatlo.png) no-repeat;
}

#tresc-katalog .katalog-szczegoly span {
	display:block;
	color:#fff;
	margin-left:10px;
}

#tresc-katalog .katalog-szczegoly span.tytul { 
	font-size: 24px;
}

#tresc-katalog .katalog-szczegoly span.cena { 
	float:right;
	margin-right: 8px;
	margin-left: none;
	font-size: 24px;
}

#tresc-katalog .katalog-szczegoly span.opis { 
	margin-top: 15px;
	font-size: 12px;
	color:#a4b287;
	height: 30px;
}


/* EOF KATALOG */

#footer-katalog {
	background: url(../grafika/tlo-footer-katalog.jpg) repeat-x;
	position: absolute;
	left:-200px;
	bottom:0;
	width: 1000px;
	height: 125px;
	z-index: -2;	
}

footer {
	display:block;
	height: 55px;
	padding-top:50px;
}

body#main footer {
	padding-top: 0;
}

footer ul {
	list-style:none;
	margin-left: 40px;
	float:left;
}

footer ul li {
	float: left;
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid #7ea365;
}

footer ul li:last-child {
	border-right: none;
}

footer ul li a {
	font-family: 'Museo300';
	color:#7ea365;
	font-size: 13px;
}

footer ul li a:hover {
	text-shadow:0 0 1px #fff !important;
	color:#fff !important;
}

footer div.credits {
	float:right;
	margin-right: 50px;
	padding-top: 2px;
	font-size: 12px;
	color:#90a383;
	opacity: .55;
	filter: alpha(opacity = 55);
	font-family: 'Museo300';
}

footer div.credits a {
	font-weight: bold;
	color:#90a383;
}

footer div.credits a:hover {
	color:#648425 !important;
}

/* FLOW TOOLS */

.overlay {
	display:none;	
	width:800px;		
	padding:30px;
	font-size:11px;
}

.overlay .close {
	background-image:url(../grafika/close.png);
	position:absolute; right:10px; top:10px;
	cursor:pointer;
	height:35px;
	width:35px;
}

div.overlay.black {
		background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);		
		color:#fff;
}
	
div.overlay h2 {
		margin:10px 0 -9px 0;
		font-weight:bold;
		font-size:14px;
}
	
div.black h2 {
		color:#fff;
}