/* ========================== glowne style ========================== */

html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	_height: 100%;
	_overflow: visible;
	border-style: none;
	background: url(../images/bg.jpg) repeat 0px 0px;
}

body, td {
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #2c2c2c;
}

td {
	vertical-align: top;
}

p {
	margin: 0px;
	padding: 0px;
	line-height: 16px;
}

img {
	border-style: none;
}

/* naglowki */

h1, h2, h3, h4, h5, h6, h7 {
	margin: 0px;
	padding: 0px;
}

h1 {
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
	text-transform: uppercase;
}

h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: solid 1px #f7cd9e;
	font-size: 16px;
	font-family: Georgia, Times New Roman, Tahoma, Arial;
	font-weight: normal;
	font-size: 28px;
	color: #990000;
}

h1 a, h1 a:hover;
h2 a, h2 a:hover {
	color: #990000;
}

h3 {
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #2c2c2c;
}

h3 a, h3 a:hover {
	color: #2c2c2c;
}

h4 {
	margin: -12px 0px 10px 0px;
	font-size: 10px;
	font-weight: bold;
	color: #808080;
	padding: 2px 10px;
	background-color: #ffffff;
	float: right;
	position: relative;
	top: -5px;
	border-left: solid 5px #f7cd9e;
}

h4 a, h4 a:hover {
	color: #990000;
}

h5 {
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

h5 a, h5 a:hover {
	color: #ffffff;
}

/* linki */

a {
	color: #990000;
	text-decoration: none;
}

a:hover {
	color: #bc0004;
	text-decoration: underline;
}

/* wypunktowania */

ol, ul, li {
	_position: relative;
	list-style-position: inside;
	line-height: 16px;
	zoom: 1;
}

ol, ul {
	margin: 10px 0px 10px 10px;
	padding: 0px;
}

ol ol, ul ul {
	margin: 0px 0px 0px 10px !important;
	padding: 0px;
}

ol li {
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

ul li {
	margin: 0px 0px 0px 5px;
	*margin: 0px 0px 0px -10px;
	padding: 0px 0px 0px 15px;
	background: url(../images/punktor.gif) no-repeat 2px 5px;
	list-style: none;
	list-style-position: inside;
}

/* dodatki */

.clear {
	clear: both;
	*margin-top: -10px;
	zoom: 1;
}

.fix {
	overflow: hidden;
	height: 1% !iefix;
}

.overflow {
	overflow: hidden;
	height: auto;
}

.display-inline {
	display: inline;
}

.display-block {
	display: block;
}

.display-none {
	display: none;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* usuniecie ramki z flasha */
object, a:active {outline: none}
object, a:focus {-moz-outline-style: none}



/* ===================== stale elementy serwisu ===================== */

#zaslona {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	z-index: 15;
	width: 100%;
	height: 100%;
}

p.intro {
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}
p.intro a {
	color: #808080;
	text-decoration: none;
}
p.intro a:hover {
	color: #000000;
}

#cien-gora {
	background: url(../images/cien-gora.png) repeat-x 0px top;
}

#cien-prawa {
	background: url(../images/cien-prawa.png) repeat-y right 0px;
}

#cien-dol {
	background: url(../images/cien-dol.png) repeat-x 0px bottom;
}

#cien-lewa {
	background: url(../images/cien-lewa.png) repeat-y left 0px;
}

#zawartosc {
	margin: 0px auto 0px auto;
	width: 1000px;
	min-height: 100%;
	_height: 100%;
	_overflow: visible;
}

#gora {
	overflow: visible;
	padding: 50px 50px 0px 50px;
	*padding: 50px 50px 0px 34px;
	height: 256px;
	background: url(../images/gora.png) no-repeat 0px 0px;
}

.gora-lewa {
	position: relative;
	float: left;
	width: 280px;
}

.gora-srodek {
	position: relative;
	float: right;
	margin: 0px 0px 0px 20px;
	width: 600px;
}

#wewnatrz {
	background: url(../images/wewnatrz.png) repeat-y center 0px;
	z-index: 1;
}

#wewnatrz #wewnatrz-gora {
	background: url(../images/wewnatrz-gora.png) no-repeat center top;
}

#wewnatrz #wewnatrz-lewa {
	background: url(../images/wewnatrz-lewa.png) repeat-y left 0px;
}

#wewnatrz #wewnatrz-prawa {
	overflow: visible;
	padding: 0px 50px 0px 0px;
	*padding: 0px 34px 0px 0px;
	min-height: 260px;
	_height: 260px;
	background: url(../images/wewnatrz-prawa.png) repeat-y right 0px;
	z-index: 1;
}

.lewa {
	overflow: hidden;
	float: left;
	margin: 100px 0px 0px 0px;
	width: 430px;
}

.srodek {
	overflow: hidden;
	float: left;
	margin: 80px 40px 0px 20px;
	width: 460px;
}

#wewnatrz-dol {
	background: url(../images/wewnatrz-dol.png) no-repeat center 0px;
}

#wewnatrz-dol #wewnatrz-lewa-dol {
	background: url(../images/wewnatrz-lewa-dol.png) no-repeat left 0px;
}

#wewnatrz-dol #wewnatrz-prawa-dol {
	height: 95px;
	background: url(../images/wewnatrz-prawa-dol.png) no-repeat right 0px;
}

#dol {
	overflow: visible;
	padding: 0px 50px 35px 50px;
	*padding: 0px 50px 35px 34px;
	height: 80px;
	background: url(../images/dol.png) no-repeat 0px 0px;
	font-size: 9px;
	color: #ffffff;
}

#dol a,
#dol a:hover {
	color: #ffffff;
}

.dol-lewa {
	float: left;
	margin: 20px 0px 20px 40px;
	width: 340px;
	text-align: left;
}

.dol-srodek {
	float: right;
	margin: 10px 40px 10px 20px;
	width: 460px;
	text-align: center;
}



/* ==================== dodatki w tresci serwisu ==================== */

/* boks */
.boks {
	overflow: hidden;
	padding: 0;
	height: auto;
	zoom: 1;
}

/* ramka zdjecia, zdjecie szablonu */
.ramka-zdjecia,
.zdjecie img {
	margin: 0px;
	padding: 4px;
	border: solid 1px #d7b167;
	background: #fbe7cf;
	text-align: center;
}

/* otaczanie zdjecia */
.otaczanieZdjecia {
	margin: 0px 8px 2px -3px;
}

/* opis z FCK Editor */
.opis {
	margin: 5px 0px 5px 0px;
	text-align: justify;
}

/* formatowanie listy wzgledem zdjec w opisie z FCK Editor */
.opis ul, .opis ol {
	overflow: hidden;
	height: auto;
}

/* linki */

.linki {
	overflow: hidden;
	height: auto;
	text-align: right;
}

.link {
	padding: 0px 0px 0px 15px;
	background: url(../images/punktor.gif) no-repeat 2px 5px;
}

/* label */

label {
	margin: 0px;
	width: 90%;
	line-height: 16px;
	cursor: pointer;
}

.label-zgoda {
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
}

.label-wymagane {
	float: left;
	margin: 1px 0px 0px 10px;
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
}

/* formularz */

.formularz {
	overflow: hidden;
	margin: 10px 0px 0px 0px;
	height: auto;
}

.formularz table {
	width: 90%;
}

.formularz .formularz-label {
	padding: 3px 10px 0px 10px;
	width: 90px;
	text-align: right;
	vertical-align: top;
}

.formularz .formularz-pole {
	padding: 0px 0px 10px 0px;
	text-align: left;
	vertical-align: top;
}

/* gwiazdka w formularzu */
.formularz .gwiazdka {
	float: left;
	margin: 0px 3px 0px 3px;
	font-weight: normal;
	color: #eb6909;
}

/* pole input formularza */
.formularz .pole {
	float: left;
	padding: 4px 5px 4px 5px;
	width: 180px;
	height: 13px;
	border: solid 1px #424851;
	background: #ffffff;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	color: #424851;
	vertical-align: middle;
}

/* pole textarea formularza */
.formularz textarea {
	float: left;
	padding: 4px 5px 4px 5px;
	width: 250px;
	height: 145px;
	border: solid 1px #424851;
	background: #ffffff;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	color: #424851;
	vertical-align: middle;
}

/* pole select formularza */
.formularz select {
	float: left;
	margin: 0px;
	width: 192px;
	height: 21px;
	border: solid 1px #424851;
	background: #ffffff;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	color: #424851;
	vertical-align: middle;
}

/* pole plik formularza */
.formularz .pole-plik {
	float: left;
	padding: 4px 5px 4px 5px;
	border: solid 1px #424851;
	background: #ffffff;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	color: #424851;
	vertical-align: middle;
}

/* pole checkbox formularza */
.formularz .pole-zaznacz {
	float: left;
	margin: 0px;
}

/* przyciski */

.przyciski {
	overflow: hidden;
	margin: 5px 0px 0px 0px;
	height: auto;
}

.przycisk {
	padding: 0px 5px 4px 5px;
	padding: 0px 5px 2px 5px \9;
	height: 28px;
	border-style: none;
	background: #990000;
	font-family: Georgia, Times New Roman, Tahoma, Arial;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}


/* ============================= bloki ============================== */

/* blok domyslny */

.blok {
	margin: 0px 0px 10px 0px;
}

.blok p, .blok ul, .blok ol {
	margin: 10px 0px 10px 0px;
}

/* blok menu */

.blok-menu {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 120px 0px 10px 0px;
}

.blok-menu ul {
	position: relative;
	margin: 0px;
	padding: 0px;
	z-index: 10;
	zoom: 1;
}

.blok-menu ul li {
	position: relative;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	height: 36px;
	background: none;
	line-height: 32px;
	z-index: 10;
	zoom: 1;
}

.blok-menu ul a {
	display: inline-block;	
	padding: 2px 10px 2px 10px;
	height: 32px;
	background: #990000 url(../images/menu-element.gif) repeat-y 0px 0px;
	font-family: Georgia, Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 32px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

.blok-menu ul a:hover,
.blok-menu ul a.aktywny {
	background: #bc0004;
	color: #ffffff;
	text-decoration: none;
}

/* bloki flash */

.blok-flash-srodek {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 20;
	padding-right: 150px;
	zoom: 1;
}

div.mainlink {
	position: absolute;
	width: 680px;
	height: 160px;
	top: 30px;
	right: 0;
	display: none;
}

.blok-flash-lewa {
	z-index: 0;
}

/* blok baner zakladki */

.blok-baner-zakladki {
	position: relative;
	margin: 0px 0px 10px 0px;
	background: #000000;
}

.blok-baner-zakladki .zakladka {
	position: relative;
	width: 460px;
	height: 180px;
	text-align: center;
}

.blok-baner-zakladki .zakladka .baner-tlo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 460px;
	height: 180px;
	background: url(../images/baner-tlo.png) no-repeat 0px 0px;
}

.blok-baner-zakladki .zakladka .baner-tlo a {
	width: 460px;
	height: 180px;
	display: block;
}

.blok-baner-zakladki .zakladka .opis-tlo {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 460px;
	height: 60px;
	background: #ff0000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity : 0.5;
}

.blok-baner-zakladki .zakladka .opis {
	position: absolute;
	left: 0px;
	bottom: -5px;
	padding: 10px 15px 10px 15px;
	width: 430px;
	height: 40px;
	text-align: right;
}

.blok-baner-zakladki .zakladka h3 {
	margin: 0px;
	font-size: 12px;
	color: #ffb401;
}

.blok-baner-zakladki .zakladka h2,
.blok-baner-zakladki .zakladka h2 a,
.blok-baner-zakladki .zakladka h2 a:hover {
	margin: 0px;
	font-size: 20px;
	color: #ffffff;
	border: none;
}

.blok-baner-zakladki .zakladki-lista {
	position: absolute;
	overflow: hidden;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	left: 0px;
	top: 0px;
	height: 14px;
	z-index: 0;
}

.blok-baner-zakladki .zakladki-lista li {
	float: left;
	margin: 0px 1px 0px 1px;
	padding: 0px;
	background: none;
	line-height: 11px;
	text-align: center;
	z-index: 0;
}

.blok-baner-zakladki .zakladki-lista a {
	position: relative;
	display: table;
	*display: inline-block;	
	width: 14px;
	height: 14px;	
	background: #d8d8d8;
	color: #ff6100;
	text-decoration: none;
	cursor: pointer;
}

.blok-baner-zakladki .zakladki-lista a:hover,
.blok-baner-zakladki .zakladki-lista .active a {
	background: #ffffff;
	color: #000000;
	text-decoration: none;
}



/* ============================= moduly ============================= */

/* modul domyslny */

.modul {
	margin: 0px 0px 10px 0px;
}

.modul p, .modul ul, .modul ol {
	margin: 10px 0px 10px 0px;
}

/* modul aktualnosci */

.modul-aktualnosci .aktualnosc {
	border-bottom: solid 1px #f7cd9e;
}



/* ======================= terminarz ========================== */

.terminarz {
	background-color: #fbe7cf;
	border-right: solid 1px #d9b775;
	border-bottom: solid 1px #d9b775;
}

.terminarz td {
	width: 40px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	border-top: solid 1px #d9b775;
	border-left: solid 1px #d9b775;
}

.terminarz th {
	width: 40px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	border-top: solid 1px #d9b775;
	border-left: solid 1px #d9b775;
	background-color: #e8d4ae;
}

.terminarz .aktywny {
	background-color: #ffd52f;
	cursor: pointer;
}






/* ======================= style standardowe ======================== */

/* zdjecia */

.zdjecie {text-align: center; color: #A1A1A1;}

.zdjecie a {display: block;}

/* zdjecia po prawej stronie tresci */
.zdjecieright {float: right; margin: 2px 0px 0px 12px; _margin: 2px 0px 0px 9px; text-align: center;}
.zdjecieright .zdjecie {padding: 0px 0px 4px 0px;}
.zdjecieright .clear {display: none;}

/* zdjecia po lewej stronie tresci, miniaturka w liscie aktualnosci */
.zdjecieleft, .miniaturka {float: left; margin: 2px 12px 0px 0px; _margin: 2px 9px 0px 0px; text-align: center;}
.zdjecieleft .zdjecie {padding: 0px 0px 4px 0px;}
.miniaturka .zdjecie {padding: 0px 0px 4px 0px;}
.zdjecieleft .clear, .miniaturka .clear {display: none;}

/* zdjecia u gory i na dole tresci, zdjecia w galerii */
.zdjecieother {margin: 10px 5px 0px 5px; text-align: center;}
.galeria-zdjecia {margin: 0; text-align: center;}
.zdjecieother .zdjecie {float: left; padding: 0px 10px 10px 10px;}
.galeria-zdjecia .zdjecie {float: left; padding: 2px;}
