/* ********************************************* POCZĄTEK ARKUSZA STYLÓW */

/* main ************************************************************ main */
body {
		background: white;
		margin: 0;
		text-align: left;
		color: #222222;
		font-size: 10pt;
		font-family: trebuchet, "Trebuchet MS", verdana, sans-serif;
		/* wywołanie zachowania IE */
			behavior: url(pliki/csshover.htc);
		/* scrollbar (IE) */
			scrollbar-arrow-color:      #ff0000; /*arrow*/
			scrollbar-face-color:       #ffffff; /* face */
			scrollbar-track-color:      #ffffff; /*bgrd*/
			scrollbar-3dlight-color:    #ff0000; /* outline top left */
			scrollbar-highlight-color:  #ffffff; /* inline top left*/
			scrollbar-shadow-color:     #ffffff; /* inline bottom right */
			scrollbar-darkshadow-color: #ff0000; /* outline bottom right */
	}
	
	/* linki ************************************************************ linki */
	a { text-decoration: none; }
	a:link { color: red; cursor: crosshair; }
	a:visited { color: #800000; cursor: crosshair; }
	a:hover { color: red; text-decoration: underline; }
	a:active { color: silver; }
		a:link img { border: 1px solid red; }
		a:visited img { border: 1px solid #800000; }
		a:hover img { border: 1px solid red; }
		a:active img { border: 1px solid silver; }
		
	/* table ************************************************************ table */
	
/* 1 **************************** 1 */
body#red {
	background: red;
	color: white;
	margin: 20px;
	}
	body#red a { text-decoration: none; }
	body#red a:link { color: silver; }
	body#red a:visited { color: silver; }
	body#red a:hover { color: white; text-decoration: underline; }
	body#red a:active { color: silver; }
		body#red a:link img { border: 1px solid red; }
		body#red a:visited img { border: 1px solid red; }
		body#red a:hover img { border: 1px solid white; }
		body#red a:active img { border: 1px solid silver; }

/* right **************************** right */
body#r {
	border-left: 1px solid #eeeeee;
	}
	/* linki ************************************************************ linki */	
	a.label, a.outdoor_label {
		cursor: crosshair;
		display: block;
		font-variant: small-caps;
		font-size: 1.1em;
		letter-spacing: 0.15em;
		border: 1px solid red;
		background: white;
		height: 22px;
		width: 100px;
		padding: 0 10px 0 10px;/*trbl*/
	}
	a.label {
		border: 1px solid red;
		margin: 3px 0 3px -11px;/*trbl*/
		position: relative;
		left: -1px;
	}
	a.label:hover, a.outdoor_label:hover { text-decoration: none; }
	a.outdoor_label {
		border: 1px solid silver;
		color: silver;
		margin: 0;
		position: absolute;
		bottom: 10px;
		left: -1px;
	}

table,p,td,div { font-size: 10pt; }
	p {
		margin: 10px 10px 15px 10px;/*trbl*/
		text-align: justify;
		border: none;
	}
	p:first-line {
		font-weight: bold;
		font-variant: small-caps;
	}
	p .center {
		font-weight: bold;
		font-variant: small-caps;
			display: block;
			width: 100%;
			margin: 0;
			padding: 0;
			text-align: center;
	}
	p#kontakt { padding: 5px; margin: 0; }
	p#kontakt table tr td { border: none; /*1px solid red;*/ padding: 1px; }
	p#kontakt table tr td img { border: none; margin: 2px 0; }

/* style tekstu ************************************************************ style tekstu - span, p - */
.caps {
	font-variant: small-caps;
}
.head {
	font-family: georgia, Georgia MS, times, times new roman, serif;
	font-variant: small-caps;
	font-weight: bold;
	color: #cc0000;
}
.code {
	font-family: courier, courier new, monospace;
}
.intext {
	position: relative;
	top: 6px;
	float: right;
	text-align: right;
}

/* ***************************************************************************** float * clear * hide */
.flo_r { float: right; }
.flo_l { float: left; }
.clear { clear: both; }
.hid { visibility: hidden; }

/* ***************************************************************************** KOLORY */
.black { color: #333333; }
.dark { color: #666666; }
.norm { color: #999999; }
.gray { color: #cccccc; }
.lite { color: #eeeeee; }
.red { color: #cc0000; }
.brd { color: #880000; }
.grn { color: #117722; }
.trmn { color: #339933; }

/* ***************************************************************************** różne */
.undrl { text-decoration: underline; }
.curd { cursor: default; }
.curpo { cursor: pointer; cursor: hand; }
.curh { cursor: help; }

/* ***************************************************************************** nagłówki - h1-h6 */
h1, h2, h3, h4, h5, h6 {
	font-family: georgia, Georgia MS, times, times new roman, serif;
	font-variant: small-caps;
	font-weight: bold;
	margin: 0 8px;
}
h1 img { position: relative; top: 10px; }
h1, h2, h3, h4, h5, h6 {
	color: #444444;
}
		h1 { font-size: 24px; }
		h2 { font-size: 20px; }
		h3 { font-size: 16px; }
		h4 { font-size: 14px; }
		h5 { font-size: 13px; }
		h6 { font-size: 10px; }

body#red h1, body#red h2, body#red h3,
body#red h4, body#red h5, body#red h6 {
	color: black;
	font-family: inherit;
	letter-spacing: 2px;
}
h1+p, h2+p, h3+p, h4+p, h5+p, h6+p { margin-top: 2px; }

/* ***************************************************************************** pozioma linia - hr */
hr { color: black; background: black; border: none; width: auto; clear: both; margin: 5px; height: 1px; }
hr.wh { color: white; background: white; border: white; }


/* tabele zew. ************************************************************ tabele zew. - td - */
td {
	margin: 0;
	padding: 10px;
}
	td.td_left, td.td_right, td.td_top, td.td_bottom { border: 1px dashed silver; }
	td.td_left, td.td_right { border-left: none; border-right: none; }
	td.td_top, td.td_bottom { border-top: none; border-bottom: none; }

/* enter ************************************************************ enter - div - */
div#enter {
	position: absolute;
	visibility: hidden;
	width: 130px;
	height: 22px;
	border: 1px solid white;
	background: red;
	font-size: 12pt;
	font-weight: bold;
}

/* obrazki ************************************************************ obrazki - img - */
	img { margin: 10px 0; }
		img.clear { margin: 10px 0 5px 0; clear: both; }
	img.left_img { float: left; margin-right: 10px; }
	img.right_img { float: right; margin-left: 10px; }
	
	img#domek {
		height: 32px;
		width: 32px;
		margin: 10px;
		border: none;
		}
		
	div.abu {
		width: 182px;
		margin: 5px;
		padding: 0;
		float: left;
		border: none;
		}
		div.abu img.fotka {
			margin: 0;
			width: 100px;
			height: 100px;
			border: none;
			}
			
/*****************************/
div#maska {
	z-index: 100;
	display: none;
	background: url(./pliki/maska_wh.gif) repeat;
	background: url(./pliki/maska_wh_1-2.gif) repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/*****************************/
div#show_Div {
	height: auto;
	width: auto;
	background: url(./pliki/wait.gif) 50% 50% no-repeat;
	border: 1px solid #aaaaaa;
	margin: 0;
	padding: 0;
	display: none;
}
img#show_Img {
	z-index: 102;
	border: 10px solid white;
	margin: 0;
	padding: 0;
	cursor: pointer; cursor: hand;
}

/* podpis ************************************************************ podpis - img, a - */
#webdiz {
	font-size: 7.5pt;
	color: silver;
}
img.mrkk { margin: 1px 0 -1px 1px; border: none; }
/* styl ************************************************************ styl */

/* ********************************************* KONIEC ARKUSZA STYLÓW */