html, body {
	background: url(images/tlo2.jpg) 50%;
	background-color: #d1d9e4;
	color: #000;
	margin: 0;
	padding: 0;
	height: 100%;
}

a {
	text-decoration: none;
	color: #555555;
	}

a:hover { color: gray; }

img {
	padding: 25px 0px 0px 50px;
}

hr.thin {
height: 1px;
border: 0;
color: #0060ad;
background-color: #0060ad;
width: 85%;
} 

hr.thin2 {
height: 1px;
border: 0;
color: #0060ad;
background-color: #0060ad;
width: 92%;
} 

h1 {
	font-size: 16px;
	font-weight: bolder;
	color: #083d80;
	letter-spacing:1px;
}

h2 {
	font-size: 12px;
	font-weight: bolder;
	color: black;
	letter-spacing:1px;
}

h3 {
	font-size: 14px;
	font-weight: bolder;
	color: black;
}

h4 {
	font-size: 12px;
	font-weight: normal;
	color: black;
}

h5 {
	font-size: 12px;
	font-weight: normal;
	color: black;
}

ul {
	list-style-type: square;
}

li {
	list-style-type: circle;
}


#slideshow {list-style:none; color:#424242}
#slideshow span {display:none}
#wrapper {width:750px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:750px; height:500px; padding:2px; border:1px solid #ccc; background:#424242}
#information {position:absolute; bottom:0; width:750px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.4; filter:alpha(opacity=40)}
#information h3 {padding:4px 4px 3px; font-size:14px; color: #fff;}
#information p {padding:0 2px 2px}
#image {width:750px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:506px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:506px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#miniaturki {margin-top:5px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#cecdcd}
#slideleft:hover {background-color:#4a4a4a}
#slideright {float:right; width:20px; height:81px; background:#cecdcd url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#4a4a4a}
#slidearea {float:left; position:relative; width:705px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}


#banner {
	background: url(images/banner.jpg) no-repeat;
	float: left;
	width: 668px;
	height: 340px;
	
}

#prawa_kolumna {
	background: url(images/wizytowka_prawa.jpg) no-repeat;
	width: 276px;
	height: 368px;
	float: right;
	overflow: hidden;
	background-color: #e8e8e8;
}

#podstrona {
	background-color: white;
	width: 668px;
	float: left;
	
}

#podstrona_galeria {
	background-color: #e8e8e8;
	width: 944px;
	height: 770px;
	float: left;
}

#prawa_kolumna2 {
	float: left;
	background-color: #e8e8e8;
	width: 276px;
	height: 368px;
}

.text_prawa_kolumna2 {
	position: relative; left: 30px; right: 30px; top: 50px;
	line-height: 15px;
	text-align: left;
	font-family: "Lucida Grande", Myriad, tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
	font-weight: 500;

}
	
.text {
	font-family:Verdana, Arial;
	font-size: 90%;
	width: 580px;
	color:black; 
	letter-spacing:1px; 
	line-height:17px; 
	white-space:pre-wrap;
	text-align: left;
	position: relative; left: 52px; right: 50px; top: 25px;
	padding-bottom: 100px;
	
}

#stopka {
	clear: both;
	position: relative;
margin:0 auto;
	background-color: #cecdcd;
	height: 20px;
	width: 944px;
	font-family:Verdana, Arial;
	font-size:9px;
	color: black;
	letter-spacing:1px;
	text-align:center;
	padding: 20px 0px;
}