@import url(reset.css);

.floatleft {float: left;}
.floatright {float: right;}
.clear {clear: both;}
.none {display: none;}

body {
	background: #6d5644;
	font-family: 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	}

div#gora {
	background: url(dane/layout/tlo-gora.jpg) no-repeat center top;
	}
	
div#dol {
	background: url(dane/layout/tlo-dol.jpg) no-repeat center bottom;
	}
	
div#tlo {
	background: url(dane/layout/tlo-srodek.png) repeat-y center;
	}
	
div#klimontow {
	width: 850px;
	margin: 0 auto;
	}
	
div#mapa-strony {
	margin: 0 auto;
	padding: 15px 0;
	}
	
div#mapa-strony2 {
	position: relative;
	margin: 0 auto;
	padding: 35px;
	border: 2px solid black;
	width: 730px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: rgba(250,245,240,0.8);
	}

	
/* NAGŁÓWEK */
	
div#header {
	position: relative;
	background: url(dane/layout/header-tlo.png) no-repeat center bottom;
	margin: -1px auto 5px;
	width: 802px;
	height: 50px;
	}
	
div#logo  h1 {
	background: url(dane/layout/logo-klimontow.png) no-repeat;
	height: 43px;
	width: 298px;
	position: relative;
	text-indent: -9999px;
	margin: 0 14px;
	top: 8px;
	}
	
div#logo a {
	display: block;
	height: 43px;
	width: 298px;
	}
	
#slogan {
	background: url(dane/layout/fotografia.png) no-repeat;
	position: absolute;
	width: 304px;
	height: 32px;
	top: 19px;
	right: 14px;
	text-indent: -9999px;
	}

	
/* MENU GŁÓWNE */
div#mainnav {
	margin: 0 auto;
	background-color: #000;
	width: 800px;
	height: 330px;
	border: 2px solid #000;
	overflow: hidden;
	}

.menuWrapper {
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	text-transform:uppercase;
	letter-spacing: normal;
	line-height: 1.45em;
	position: relative;
	height: 330px;
	width: 804px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
	}
	
ul.menu {
	list-style: none;
	width: 804px;
	}

ul.menu > li {
	float: left;
	width: 160px;
	height: 330px;
	border-right: 1px solid #282828;
	background-repeat: no-repeat;
	background-color: transparent;
	}
	
ul.menu > li.last {
	border: none;
	}

.bg1{
	background-image: url(dane/layout/1.jpg);
	}
.bg2{
	background-image: url(dane/layout/2.jpg);
	}
.bg3{
	background-image: url(dane/layout/3.jpg);
	}
.bg4{
	background-image: url(dane/layout/4.jpg);
	}
.bg5{
	background-image: url(dane/layout/5.jpg);
	}

.pozycja1 {
	background-position: 320px 0;
	}
.pozycja2 {
	background-position: -320px 0;
	}
.pozycja3 {
	background-position: -480px 0;
	}
.pozycja4 {
	background-position: -640px 0;
	}
.pozycja5 {
	background-position: -799px 0;
	}
	
#mapa-miejsc .pozycja1 {
	background-position: 0 0;
	}
#mapa-miejsc a#bg1 {
	color: #eee;
	}
	
#news .pozycja2 {
	background-position: 0 0;
	}
#news a#bg2 {
	color: #eee;
	}
	
#trasy .pozycja3 {
	background-position: 0 0;
	}
#trasy a#bg3 {
	color: #eee;
	}
	
#kultura .pozycja4 {
	background-position: 0 0;
	}
#kultura a#bg4 {
	color: #eee;
	}
	
#baza-turystyczna .pozycja5 {
	background-position: 0 0;
	}
#baza-turystyczna a#bg5 {
	color: #eee;
	}
	
ul.menu > li > a{
	float: left;
	width: 160px;
	height: 50px;
	margin-top: 255px;
	text-align: center;
	line-height: 50px;
	color: #808080;
	background-color: rgba(45,45,45,.85);
	letter-spacing: 1px;
	cursor: pointer;
	text-decoration: none;
	text-shadow: 0px 0px 1px #808080;
	position: relative;
	z-index: 10;
	font-weight: normal;
	}
	
ul.menu div{
	list-style: none;
	float: left;
	margin-top: -100px;
	width: 100%;
	height: 100px;
	background-repeat: no-repeat;
	background-color: transparent;
	position: relative;
	z-index: 1;
	}
	
div.sub1{
	background-image: url(dane/layout/bg1sub.png);
	}
div.sub2{
	background-image: url(dane/layout/bg2sub.png);
	}
div.sub3{
	background-image: url(dane/layout/bg3sub.png);
	}
div.sub4{
	background-image: url(dane/layout/bg4sub.png);
	}
div.sub5{
	background-image: url(dane/layout/bg5sub.png);
	}

	
.cien {
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	}
	
	
/* Treść */
div#content {
	position: relative;
	margin: 15px auto 10px;
	background-color: #ebe1d5;
	width: 800px;
	border: 2px solid #000;
	padding: 25px 0 1px;
	}

div.tresc {
	overflow: hidden;
	position: relative;
	margin: 0 25px 10px;
	padding: 10px 35px;
	background-color: rgba(0,0,0,.05);
	}
	.tresc p {
		text-indent: 20px;
		text-align: justify;
		line-height: 1.5em;
		}
	.jeden {
		margin-bottom: 25px !important;
		}
	.bez-tytulu {
		padding-top: 20px !important;
		}
	p.mniejsza {
		font-size: 12px;
		}
		
h2 {
	font-size: 26px;
	text-align: right;
	background-color: rgba(0,0,0,.6);
	padding: 0.5em 29px;
	margin: 0 0 30px;
	color: #fff;
	letter-spacing: 1px;
	text-shadow: #111 0 0 4px;
	}
	h2.dlugi-tytul {
		letter-spacing: 0;
		font-size: 22px;
		padding: 0.69em 30px;
		}
	h2.dlugi-tytul2 {
		letter-spacing: 0;
		font-size: 20px;
		padding: 0.8em 30px;
		}
h3 {
	margin: 0 -35px 10px;
	font-size: 18px;
	background-color: rgba(0,0,0,.1);
	padding: 0.4em 55px;
	color: #111;
	letter-spacing: 1px;
	text-shadow: #777 0 0 1px;
	}
	h3.dlugi-tytul {
		letter-spacing: 0;
		}
		
blockquote {
	background: url(dane/layout/cytat.png) no-repeat 24px 13px rgba(0,0,0,.05);
	font-family: georgia, serif;
	font-style: italic;
	font-size: 15px;
	text-indent: 0;
	text-align: justify;
	line-height: 1.4em;
	padding: 8px 30px 8px 100px;
	margin: 15px 0 25px 0;
	border-top: 1px solid #cbb;
	border-bottom: 1px solid #cbb;
	}
	
strong { font-weight: bold; }

.bold  { font-weight: bold; }
	.bold td  { font-weight: bold; }

em { font-style: italic; }

.serif { font-family: georgia, serif; }

sup { vertical-align: super; font-size: 0.7em; }

sub { vertical-align: sub; font-size: 0.7em; }

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #34b;
	}
a:hover, a:active {
	text-decoration: underline;
	}

a.powrot {
	position: absolute;
	top: 25px;
	left: 0;
	padding: 1.2em 14px 1.3em 47px;
	font-size: 15px;
	background: url(dane/layout/powrot-tlo.png) no-repeat 17px 50% rgba(255,255,255,.3);
	text-decoration: none;
	color: #383838;
	font-weight: normal;
	}
	a.powrot:hover, a.powrot:active {
		background-position: 15px 50%;
		}

		
.obraz {
	padding: 3px;
	background-color: rgba(0,0,0,.05);
	}
	.lewa {
		float: left;
		margin: 10px 35px 15px 0;
		}
	.prawa {
		float: right;
		margin: 10px 0 15px 35px;
		}
	.obraz p {
		text-indent: 0;
		text-align: center;
		letter-spacing: 1px;
		font-size: 13px;
		margin-top: 1px;
		}
	.pierwszy {
		margin-top: 3px;
		}
		
.srodek  p {
	text-align: center;
	text-indent: 0;
	}
		
.srodek img {
	margin: 0 auto;
	display: block;
	padding: 3px;
	background-color: rgba(0,0,0,.05);
	}
	
.srodek2 img {
	margin: 0 auto;
	display: block;
	}
		
.center {
	text-align: center !important;
	text-indent: 0 !important;	
	}
	
.right {
	text-align: right !important;
	text-indent: 0 !important;	
	}
	
.left {
	text-align: left !important;
	}
	
.no-indent {
	text-indent: 0 !important;
	}

.lista li{
	margin-top: 5px;
	padding-left: 40px;
	}
	
.lista2 li{
	margin-top: 5px;
	padding-left: 28px;
	}
	
div.element-boczny {
	width: 200px;
	background-color: rgba(0,0,0,.05);
	padding: 25px 25px 15px;
	float: right;
	margin: -53px -35px 10px 35px;
	border-left: 15px solid #EBE1D5;
	border-bottom: 15px solid #EBE1D5;
	}
	div.element-boczny h3 {
		margin: -14px -25px 10px;
		padding: 0.4em 25px;
		text-align: center;
		background-color: transparent;
		}
	div.element-boczny img {
		display: block;
		margin: 0 auto;
		}

.autor {
	text-align: right !important;
	margin: 25px 0 15px;
	font-style: italic;
	}

div.przypis {
	margin: 40px 25px 15px;
	}
	div.przypis p {
		font-size: 13px;
		text-indent: -9px;
		margin-bottom: 10px;
		text-align: left;
		}

p.gwiazdka {
	font-size: 10px;
	}
	
.wyroznienie {
	background-color: rgba(0,0,0,0.08);
	padding: 10px 25px 11px;
	width: 500px;
	margin: 20px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px;
	}
	
.noindent {
	text-indent: 0 !important;
	}
	
span.zrodlo {
	font-size: 10px;
	}
	
.wiersz {
	font-family: georgia, serif;
	font-style: italic;
	text-indent: 0 !important;
	padding-left: 75px;
	font-size: 15px;
	}

/* Mapa */

div#mapa-gminy-klimontow {
	text-indent: -9999px;
	position: relative;
	width: 800px;
	height: 718px;
	
	}
	
.mapa-tlo {
	background: url(dane/mapa/mapa.klimontow.sandomierski.jpg) no-repeat center top;
	}
	
.miejsce-na-mapie {
	border-style: none;
	}
	.miejsce-na-mapie:hover {
		border: 2px solid rgba(0,0,0,.4);
		}

#m-klimontow {
	width: 100px;
	height: 54px;
	position: absolute;
	top: 304px;
	left: 366px;
	z-index: 100;
	}
	#m-klimontow a {
		display: block;
		width: 100px;
		height: 54px;
		}
		
#m-szymanowice {
	width: 99px;
	height: 75px;
	position: absolute;
	top: 408px;
	left: 333px;
	z-index: 100;
	}
	#m-szymanowice a {
		display: block;
		width: 99px;
		height: 75px;
		}
		
#m-olbierzowice {
	width: 102px;
	height: 40px;
	position: absolute;
	top: 314px;
	left: 159px;
	z-index: 90;
	}
	#m-olbierzowice a {
		display: block;
		width: 102px;
		height: 40px;
		}
		
#m-gozlice {
	width: 59px;
	height: 40px;
	position: absolute;
	top: 71px;
	left: 492px;
	z-index: 100;
	}
	#m-gozlice a {
		display: block;
		width: 59px;
		height: 40px;
		}
		
#m-ossolin {
	width: 64px;
	height: 44px;
	position: absolute;
	top: 210px;
	left: 559px;
	z-index: 100;
	}
	#m-ossolin a {
		display: block;
		width: 64px;
		height: 44px;
		}
		
#m-konary {
	width: 74px;
	height: 45px;
	position: absolute;
	top: 197px;
	left: 129px;
	z-index: 100;
	}
	#m-konary a {
		display: block;
		width: 74px;
		height: 45px;
		}
		
#m-gorki-klimontowskie {
	width: 104px;
	height: 45px;
	position: absolute;
	top: 275px;
	left: 236px;
	z-index: 100;
	}
	#m-gorki-klimontowskie a {
		display: block;
		width: 104px;
		height: 45px;
		}
		
#m-gory-pechowskie {
	width: 89px;
	height: 55px;
	position: absolute;
	top: 191px;
	left: 305px;
	z-index: 100;
	}
	#m-gory-pechowskie a {
		display: block;
		width: 89px;
		height: 55px;
		}
		
#m-aleja-kasztanowcow {
	width: 72px;
	height: 36px;
	position: absolute;
	top: 273px;
	left: 328px;
	z-index: 90;
	}
	#m-aleja-kasztanowcow a {
		display: block;
		width: 72px;
		height: 36px;
		}
		
#m-las-grabowiec {
	width: 44px;
	height: 55px;
	position: absolute;
	top: 326px;
	left: 317px;
	z-index: 100;
	}
	#m-las-grabowiec a {
		display: block;
		width: 44px;
		height: 55px;
		}
		
#m-byszowka {
	width: 70px;
	height: 49px;
	position: absolute;
	top: 367px;
	left: 430px;
	z-index: 90;
	}
	#m-byszowka a {
		display: block;
		width: 70px;
		height: 49px;
		}
		
#m-rybnica {
	width: 73px;
	height: 39px;
	position: absolute;
	top: 598px;
	left: 251px;
	z-index: 100;
	}
	#m-rybnica a {
		display: block;
		width: 73px;
		height: 39px;
		}
		
#m-byszow {
	width: 70px;
	height: 41px;
	position: absolute;
	top: 371px;
	left: 584px;
	z-index: 100;
	}
	#m-byszow a {
		display: block;
		width: 70px;
		height: 41px;
		}
		
#m-nawodzice {
	width: 76px;
	height: 43px;
	position: absolute;
	top: 499px;
	left: 281px;
	z-index: 100;
	}
	#m-nawodzice a {
		display: block;
		width: 76px;
		height: 43px;
		}
		
#m-pechow {
	width: 63px;
	height: 41px;
	position: absolute;
	top: 237px;
	left: 411px;
	z-index: 100;
	}
	#m-pechow a {
		display: block;
		width: 63px;
		height: 41px;
		}
		
#m-zyznow {
	width: 63px;
	height: 40px;
	position: absolute;
	top: 437px;
	left: 244px;
	z-index: 100;
	}
	#m-zyznow a {
		display: block;
		width: 63px;
		height: 40px;
		}
		
#m-borek-klimontowski {
	width: 129px;
	height: 37px;
	position: absolute;
	top: 436px;
	left: 454px;
	z-index: 100;
	}
	#m-borek-klimontowski a {
		display: block;
		width: 129px;
		height: 37px;
		}
		
#na-mapie-polski {
	text-indent: -9999px;
	width: 137px;
	height: 158px;
	background: url(dane/mapa/na-mapie-polski.png) no-repeat center top;
	position: absolute;
	bottom: -33px;
	right: 28px;
	}
	#na-mapie-polski:hover {
		background-position: bottom center;
		}
	#na-mapie-polski a {
		display: block;
		width: 137px;
		height: 158px;
		}


/* Mapa - wersja tekstowa */

h4.trigger {
	padding: 0;
	margin: 30px 0 5px 0;
	background: rgba(0,0,0,.65) url(dane/layout/rozwin-tlo.png) no-repeat;
	font-size: 26px;
	font-weight: normal;
	text-indent: 0;
	color: #fff;
	letter-spacing: 1px;
	text-shadow: #111 0 0 4px;
	}
	h4.trigger a {
		padding: 0.5em 29px;
		color: #fff;
		text-decoration: none;
		display: block;
		}
		h4.trigger a:hover {
			color: #ccc;
			}
		
h4.active {
	background-position: left bottom;
	} 
	
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	clear: both;
	}
	
.toggle_container .block {
	overflow: hidden;
	background-color: rgba(255,255,255,0.2);
	padding: 11px 20px 30px 15px;
	margin: 5px 10px;
	border: 2px solid rgba(0,0,0,.5);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
	.block li {
		padding-left: 2px;
		margin-left: 3px;
		margin-bottom: 2px;
		}
	.block div {
		float: left;
		width: 339px;
		margin-left: 31px;
		}
	.block h4 {
		margin-top: 15px;
		margin-bottom: 5px;
		}
		.block h4 a {
			font-weight: bold;
			}
	.block a {
		text-decoration: none;
		color: #555;
		}
	.block h4 a {
		padding: 1px 3px;
		}
	.block a:hover, .block a:active {
		color: #000;
		background-color: rgba(0,0,0,0.05);
		}
	.block li a{
		border-left: 6px solid transparent;
		padding: 1px 4px;
		}
	.block li a:hover {
		border-left: 6px solid #bbb;
		}

		
		
/* News */

.news {
	position: relative;
	margin: 0 25px 25px;
	padding: 10px 35px;
	background-color: rgba(0,0,0,.05);
	}
	.news p {
		text-indent: 20px;
		text-align: justify;
		line-height: 1.5em;
		}
	.news h3 {
		font-size: 16px;
		text-align: right;
		padding: 0.4em 34px;
		}
		.news h3.dlugi-tytul {
			letter-spacing: 0;
			color: #272727;
			}
		.news h3.dlugi-tytul2 {
			letter-spacing: -1px;
			color: #222;
			}
	.news span.data {
		font-size: 16px;
		text-align: center;
		position: absolute;
		top: 10px;
		left: 0;
		background-color: rgba(0,0,0,.05);
		padding: 0.4em 36px;
		letter-spacing: 1px;
		text-shadow: #777 0 0 1px;
		}

.zmiany {
	width: 710px;
	background-color: rgba(0,0,0,0.1);
	padding: 10px 20px;
	margin: -5px auto 25px;
	border-radius: 5px;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px;
	}
	.zmiany p {
		text-indent: 0;
		text-align: center;
		letter-spacing: 1px;
		}
		
/* Trasy */

div#spis-tresci {
	width: 246px;
	background-color: rgba(0,0,0,.1);
	padding: 25px 27px 10px;
	float: right;
	margin: -53px -35px 10px 35px;
	border-left: 15px solid #EBE1D5;
	border-bottom: 15px solid #EBE1D5;
	}
	div#spis-tresci h3 {
		margin: -14px -27px 10px;
		}
	div#spis-tresci li {
		width: 250px;
		padding: 0;
		margin: 2px 0;
		line-height: 1.3em;
		}
	div#spis-tresci a {
		display: block;
		width: 250px;
		padding: 0.25em 27px;
		margin: 0 -27px;
		}
	div#spis-tresci a:link, div#spis-tresci a:visited {
		color: #000;
		text-decoration: none;
		background-color: rgba(255,255,255,.1)
		}
		div#spis-tresci a:hover, div#spis-tresci a:active {
			color: #000;
			background: url(dane/layout/spis-tresci-strzalka.png) 12px 50% no-repeat rgba(0,0,0,.1);
			}
		div#spis-tresci a.active {
			background: url(dane/layout/spis-tresci-strzalka.png) 12px 50% no-repeat #555;
			color: #aaa;
			padding-left: 27px;
			}
	div#spis-tresci p {
		text-indent: 10px;
		margin: 8px 0 5px;
		letter-spacing: 1px;
		}

.przebieg-trasy {
	text-align: center !important;
	text-indent: 0 !important;
	margin: 20px 0 5px;
	}

.pobierz {
	text-align: center;
	margin: 20px 0 25px;
	color: #777;
	font-size: 10px;
	}
	.pobierz a {
		text-decoration: none;
		color: #777;
		}
		.pobierz a:hover, .pobierz a:active {
			color: #000;
			}
	.pobierz img {
		margin-bottom: 5px;
		opacity: 0.9;
		}
		.pobierz img:hover {
			opacity: 1;
			}

.mapa-trasy {
	margin: 0 auto;
	padding: 15px;
	}
	.mapa-trasy img {
		display: block;
		margin: 0 auto;
		background-color: rgba(255,253,250,.3);
		}
	.mapa-trasy p {
		margin-top: 5px;
		letter-spacing: 1px;
		text-align: center;
		font-size: 12px;
		}
		
		
		
/* Kultura i sport */

#kultura span.data {
	font-size: 16px;
	text-align: center;
	position: absolute;
	top: 145px;
	left: 25px;
	background-color: rgba(0,0,0,.6);
	padding: 0.35em 0 0.5em;
	width: 200px;
	letter-spacing: 1px;
	text-shadow: #000 0 0 4px;
	z-index: 10;
	color: #ddd;
	}
		
.zawody {
	width: 615px;
	background-color: rgba(0,0,0,0.05);
	padding: 3px 15px;
	margin: 0 auto;
	border-radius: 5px;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px;
	}
	.zawody p {
		text-indent: 0;
		text-align: center;
		}
		
table.tabela-wynikow {
	margin: 10px auto 25px;
	border-collapse: separate;
	border-spacing: 4px;
	border: 5px solid #d4cbc0;
	}
	table.tabela-wynikow td {
		padding: 5px 10px;
		background-color: #d4cbc0;
		vertical-align: middle;
		}
		table.tabela-wynikow td.center {
			text-align: center;
			}
	table.ostatnia {
		margin: 10px auto;
		}
	table.center td {
		text-align: center;
		}
	table.space td {
		padding: 5px 15px;
		line-height: 1.5em;
		}
	table.top td {
		vertical-align: top;
		}
	table.small td {
		font-size: 12px;
		}
		
table.mniejsza {
	font-size: 12px;
	}
		
		
		
/* Mapa strony */

p.mapastrony {
	margin: 3px 0;
	line-height: 1.3em;
	}
	.mapastrony a {
		color: #000;
		text-decoration: none;
		}
		.mapastrony a:hover, .mapastrony a:active {
			color: #555;
			}
			
.wciecie {
	padding-left: 20px;
	}

	
			
/* Podrozdziały */

div#podrozdzialy {
	margin: 30px 25px 25px;
	padding: 25px;
	background-color: rgba(0,0,0,.05);
	}
	div#podrozdzialy h3 {
		text-align: right;
		margin: 40px -25px 20px;
		font-size: 20px;
		background-color: rgba(0,0,0,.1);
		color: #333;
		padding: 0.4em 35px;
		}
		div#podrozdzialy h3.pierwszy {
			margin-top: -10px;
			}
			
.podrozdzial {
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	width: 700px;
	height: 200px;
	background-color: rgba(0, 0, 0, .08);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	.podrozdzial:hover {
		-moz-box-shadow: 0 0 4px #000;
		-webkit-box-shadow: 0 0 5px #000;
		box-shadow: 0 0 4px #000;
		}
	.podrozdzial img {
		float: left;
		margin: 25px;
		position: absolute;
		top: 0;
		left: 0;
		}
	.podrozdzial h4 {
		margin: 25px 0 10px 225px;
		letter-spacing: 1px;
		font-size: 15px;
		}
		.podrozdzial h4 a {
			background-color: rgba(0, 0, 0, .2);
			padding: 0.5em 0 0.5em 25px;
			display: block;
			color: #000;
			text-decoration: none;
			}
	.podrozdzial p {
		line-height: 1.5em;
		margin: 0 25px 0 250px;
		}
		.podrozdzial p.przebieg {
			margin-top: 9px;
			text-align: left;
			font-size: 11px;
			color: #555;
			}
		.podrozdzial p.dlugi-opis {
			line-height: 1.3em;
			margin-top: -2px;
			}
			
a.wiecej {
	position: absolute;
	text-align: right;
	background-color: rgba(0, 0, 0, .2);	
	right: 25px;
	bottom: 25px;
	padding: 0.5em 12px;
	color: #333;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

	

/* Artykuły */

.artykul {
	width: 640px;
	background-color: rgba(0,0,0,0.05);
	padding: 3px 20px 5px;
	margin: 10px auto 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px;
	}
	.artykul p {
		text-indent: 0;
		}

	
	
/* Galeria */

div#galeria {
	margin: 25px;
	padding: 10px 10px 20px;
	background-color: rgba(0, 0, 0, .05);
	}
	div#galeria h3 {
		margin: 40px -10px 5px;
		text-align: right;
		}
	div#galeria  h3.pierwszy {
		margin-top: 0;
		}
	
.miniatura {
	float: left;
	padding: 21px 21px 21px 22px;
	text-align: center;
	margin-bottom: -10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
.miniatura:hover {
	background-color: rgba(0, 0, 0, .06);
	}


	
/* STOPKA */
	
div#footerbox {
	position: relative;
	width: 820px;
	margin: 0 auto;
	overflow: hidden;
	height: 235px;
	}
	
div#footer {
	position: relative;
	background: url(dane/layout/footer-tlo.png) repeat-x;
	margin: 0 auto;
	width: 800px;
	height: 230px;
	border: 2px solid #222;
	border-bottom: 0;
	bottom: -5px;
	}
	
div#socialicons {
	position: absolute;
	top: 25px;
	left: 29px;
	}

ul#social {
	list-style: none;
	}	
	ul#social li{
		display: inline;
		}
		ul#social li a {
			text-indent: -9999px;
			display: block;
			width: 32px;
			height: 32px;
			float: left;
			margin-right: 20px;
			}
			ul#social li a.vimeo {
				background: url(dane/layout/vimeo.png) top center no-repeat;
				}
			ul#social li a.facebook {
				background: url(dane/layout/facebook.png) top center no-repeat;
				}
			ul#social li a.twitter {
				background: url(dane/layout/twitter.png) top center no-repeat;
				}
			ul#social li a.flickr {
				background: url(dane/layout/flickr.png) top center no-repeat;
				}
			ul#social li a.deviantart {
				background: url(dane/layout/deviantart.png) top center no-repeat;
				}
				ul#social li a.vimeo:hover, ul#social li a.vimeo:active,
				ul#social li a.facebook:hover, ul#social li a.facebook:active,
				ul#social li a.twitter:hover, ul#social li a.twitter:active,
				ul#social li a.flickr:hover, ul#social li a.flickr:active,
				ul#social li a.deviantart:hover, ul#social li a.deviantart:active {
					background-position: bottom center;
					}
	
	
div#kontakt {
	position: absolute;
	width: 198px;
	height: 71px;
	background: rgba(0,0,0,.2) url(dane/layout/kontakt-tlo.png) top left no-repeat; 
	top: 73px;
	left: 29px;
	z-index: 2;
	padding: 21px;
	font-size: 15px;
	}
	#kontakt h4 {
		text-align: right;
		font-size: 23px;
		letter-spacing: 1px;
		color: #777;
		margin-bottom: 19px;
		margin-top: -6px;
		}
	#kontakt p {
		text-align: right;
		color: #aaa;
		margin-bottom: 5px;
		margin-right: 2px;
		}
	#kontakt a {
		color: #aaa;
		text-decoration: none;
		font-weight: normal;
		}
		#kontakt a:hover, #kontakt a:active {
			color: #ddd;
			}
div#footerkreska {
	background: url(dane/layout/footer-kreska.png) no-repeat;
	width: 2px;
	height: 158px;
	position: absolute;
	top: 26px;
	left: 297px;
	}
	
#wyszukiwarka {
	position: absolute;
	width: 450px;
	height: 20px;
	top: 26px;
	right: 25px;
	}

#custom-search-box {
	margin-right: 6px;
	padding: 5px !important;
	border: 1px solid #555555 !important;
	width: 337px;
	position: relative;
	top: -9px;
	background: #373635 !important;
	color: #888;
	}
	#custom-search-box:focus, #custom-search-box:hover, #custom-search-box:active {
		border: 1px solid #333 !important;
		background: #525151 !important;
		color: #222;
		}
	
#footermenu {
	position: absolute;
	font-size: 15px;
	top: 73px;
	right: 0;
	width: 475px;
	height: 113px;
	background: url(dane/layout/footer-menu-tlo.png) no-repeat center transparent;
	z-index: 3;
	}
	#footermenu ul {
		float: left;
		margin: 10px 19px 10px 26px;
		}
		#footermenu ul li {
			margin-bottom: 10px;
			}
			#footermenu ul li a {
				text-decoration: none;
				font-weight: normal;
				display: block;
				}
				#footermenu ul li a:link, #footermenu ul li a:visited{
					color: #333;
					}
				#footermenu ul li a:hover, #footermenu ul li a:active{
					color: #222;
					text-shadow: #353535 0 0 1px;
					}
	
#footerkosciol {
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 800px;
	height: 168px;
	display: block;
	background: url(dane/layout/footer-kosciol.png) no-repeat center transparent;
	}
	#footerkosciol p {
		color: #333;
		font-size: 11px;
		text-align: center;
		position: absolute;
		bottom: 11px;
		width: 800px;
		}
	#footerkosciol a {
		text-decoration: none;
		font-weight: normal;
		}
		#footerkosciol a:link, #footerkosciol a:visited {
			color: #333;
			}
		#footerkosciol a:hover, #footerkosciol a:active {
			color: #222;
			text-shadow: #353535 0 0 1px;
			}
	
	
/* Tooltip */

.tooltip {
	text-indent: 0;
	display:none;
	background-color: rgba(0,0,0,.8);
	padding: 10px;
	font-size:11px;
	color:#fff;
	text-align: left;
	-moz-box-shadow: 0 0 7px #000;
	-webkit-box-shadow: 0 0 7px #000;
	box-shadow: 0 0 7px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #555;
	}
	.tooltip h5 {
		font-weight: bold;
		color: #eee;
		font-size: 13px;
		padding: 5px 14px;
		background-color: #000;
		margin: -5px -10px 10px;
		}
	.tooltip li {
		padding-left: 6px;
		border-left: 5px solid #454545;
		margin: 7px 10px 3px 5px;
		list-style-type: none;
		}
	.tooltip a {
		color: #fff;
		}
		.tooltip a:hover {
			text-decoration: none;
			cursor: text;
			}