/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Design modifications by Paula Marin-Rogers, Krzysztof Raczyński, Michal Jakobczyk
*/
body {
	margin: 0;
	padding: 0;
	background: #221611 url(./graf/styles/mur.gif) repeat-y 50% bottom;
	color: #222;
	text-align: center;
}
body, table {font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #D8A712;
}
h1 {
	font-size: 197%;
}
h2 {
	font-size: 167%;
}
h3 {
	font-size: 100%;
	font-weight: bold;
}

p, ol, ul {
	line-height: 180%;
}

blockquote {
	margin: 0;
	padding-left: 20px;
	border-left: 10px solid #E6E6E6;
	font-style: italic;
	color: #999999;
}

blockquote * {
	line-height: normal;
}

a {
	color: #E06529;
}

a.roraty {
	color: #660066;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

hr {
	display: none;
}

#header {
	background: #221611;
	margin: 0 auto;
	padding: 0 5px;
	text-align: left;
}

div#logo {
    left: 0px;
    top: 0px;
    text-align:center;
    height: 159px;
    width: 100%;
	 background: url(./graf/styles/studnia.gif) no-repeat top center;
	
}

#logo h1, #logo h2 {
	padding-left: 140px;
	font-weight: normal;
	color: #E06529;
}

#logo h1 {font-weight: bold;}

#logo h2 {
	font-size: 110%;
	letter-spacing: 3px;
	font-weight: bold;
}

#logo a {
	text-decoration: none;
}

#logo h1 a, #logo h2 a {display: none;}

/* Top Menu */

div#topmenu {
	float: right;
    margin-top: 5px;
    height: 40px;
}

#topmenu ul {
	list-style: none;
	line-height: normal;
}

#topmenu li {
	display: inline;
}

#topmenu a {
	padding: 0 5px;
	border-left: 1px solid #555;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
	text-transform: lowercase;
}

#topmenu a:hover {
	text-decoration: underline;
}

#topmenu .first a {
	border: none;
}

/* Header 2 */

#header2 {
	width: 970px;
	width: 1006px;
	height: 200px;
	margin:  0 auto;
	text-align: left;
	background: transparent url(./graf/styles/tu-ziemia.gif) no-repeat 0 0;
	padding-bottom: 0px;
}

/* Menu */

#menu, #menu2 {
	float: left;
	width: 205px;
	height: 200px;
	background: transparent url(./graf/styles/menu.png) repeat-x 0 0;
}
#menu { text-align:right; margin-left: 18px;}
#menu2 {float: right; text-align:left; margin-right: 18px;}

#menu ul, #menu2 ul {
	margin: 0;
	padding: 13px;
	list-style: none;
	line-height: normal;
}

#menu li, #menu2 li {
	display: inline;
}

#menu a, #menu2 a {
	display: block;
	padding: 8px 10px;
	/*background: url(./graf/styles/img05-sbn.gif) repeat-x;*/
	border-top: 1px solid #bca36c;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
	color: #F0DBA4;
}

#menu a:hover, #menu2 a:hover, #menu a:active {
	/*text-decoration: underline;*/
	background: #bca36c;
	color: #f9eeca;
}

#menu .first a, #menu2 .first a {
	/*background: none;*/
	border-top: none;
}

/* Splash */

#splash {
	float: left;
	width: 560px;
	height: 200px;
	padding: 0; 
}

#splash img {
	display: block;
}

/* Page */

#page {
	background: #fff;
	width: 970px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0;
}

/* Content */

#content {
	float: left;
	width: 710px;
	padding-left: 30px;
}

#content table {
   padding-top: 10px;
   padding-bottom:10px;
}

#content p {text-align: justify;}
#content p.centered {text-align: center;}

.letter-illuminations {padding: 0.3em 0.1em 0.25em 0; float: left; font-size: 6em; display: block; height: 0.3em; color: #555;}

#content ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#content ul li {
	padding-left: 15px;
	background: url(./graf/styles/img08.gif) no-repeat 0 8px;
}

#content ol {
	margin-left: 0;
	padding-left: 0;
	list-style: lower-alpha inside;
}


.title {
	padding-top: 3px;
}

.content {
	padding: 20px;
	background: transparent url(./graf/styles/cien.gif) no-repeat 0 0px;
	border-top: 1px solid #ddd;
	border-bottom: 0px solid #fff;
}

.twocols .col1 {
	float: left;
	width: 220px;
}

.twocols .col2 {
	float: right;
	width: 220px;
}

/* Odpowiedzialni */
.odpowiedzialny {clear: left; padding-bottom: 20px; height: 162px;}
.odpowiedzialny img {float: left; margin: 0 20px 20px 0;}
.odpowiedzialny div {padding: 50px 0; margin-left: 20px;} 
.odpowiedzialny h4 {margin:0; padding: 0;}
 
/* Galeria foto - lista */
#content ul.gallery-list li {background-image: none; padding-left: 0; clear: left; margin-bottom: 0.5em;}
#content ul.gallery-list li a {display: block; height: 72px; text-decoration: none;}
#content ul.gallery-list li a .foto {height: 72px; width: 120px; text-align: center; float: left;}
#content ul.gallery-list li a img {height: 60px; padding: 5px; border: 1px solid #ccc;}
#content ul.gallery-list li a:hover img {border-color: #bbb;}
#content ul.gallery-list li a .gallery-title {display: block; margin-left: 120px; padding: 0.5em 0; font-size: 18px;}
#content ul.gallery-list li a:hover .gallery-title {text-decoration: underline;}
#content ul.gallery-list li a .date {display: block;}
#content table img, #content .content .topimg img, #content #notkibiograficzne table.content img {padding: 5px !important; border: 1px solid #ccc !important; background: #fff;}
#content table.content img {padding: 0 !important; border: 0 !important;}
#content .centered img, #content .miniaturka img, .odpowiedzialny img {padding: 5px; border: 1px solid #ccc; background: #fff;}
#content .centered a:hover img, #content .miniaturka a:hover img {border-color: #bbb;}
#content table a:hover img, #content .content .topimg a:hover img {border-color: #bbb !important;}

/* Sidebar */

#sidebar {
	float: right;
	width: 200px;
	/*height:100%;*/
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 20px;
	
}

#sidebar li ul {
	padding: 10px 20px;
	font-size: 96%;
}

#sidebar li ul,
#sidebar li form {
	background: #F5F2E7;
	border: 1px solid #DDDDDD;
}

#sidebar li li {
	margin: 0;
	padding: 5px 0;
	background: transparent;
	border-top: 1px dotted #CDCDCD;
}

#sidebar h2 {
	height: 30px;
	margin: 0;
	padding: 6px 0 0 10px;
	background: #bca36c /*url(./graf/styles/img06.gif) no-repeat*/;
	font-size: 100%;
	font-weight: bold;
	color: #F9EECA;
}

#sidebar h3 {
	margin: 0;
}

#sidebar p {
	margin: 0;
	line-height: normal;
}

#sidebar a {
	color: #66A715;
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar .first {
	border: none;
}

#sidebar .subscribe form {margin: 0; padding: 5px;}
#sidebar .subscribe div {margin: 0px; padding: 5px;}
#sidebar .subscribe .input-text {width:125px; margin: 0 0 0 5px;}
#sidebar .subscribe .submit {margin-left: 45px;}


#sidebar .groups li {text-transform: uppercase; letter-spacing: 0.1em; background:transparent url(./graf/styles/img08.gif) no-repeat scroll 0pt 8px;
padding-left:15px;}

#sidebar .news li {padding: 1px 0; line-height: 1.25em;}
#sidebar .news li h4 {margin: 0; padding: 0; line-height: 1.75em; font-size: 100%;}
#sidebar .news li span {float: left;}
#sidebar .news li h4 span {float: none;}
#sidebar .news li a {display:block; margin-left:3em; width:115px;}

/* Footer */

#footer-wrapper {height: 185px; padding: 0; background: transparent url(./graf/styles/woda.jpg) no-repeat 0 0; text-align: center; width: 970px; margin: 0 auto; color: #af945a;}

#footer {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding-top: 120px;
}

#footer p {
	margin: 0;
	line-height: normal;
}

#footer a {
	color: #8F7743;
}

#legal {
	float: left;
	padding: 15px 0px 0;
	/*background: url(./graf/styles/logo.gif) no-repeat left center; */
	width: 500px;
}

#legal span {float: left;}

#links {
	float: right;
	padding: 20px 5px 0;
}

/* added styles */

.lastmod	{text-align: right !important; font-size: 80%; font-style: italic;}
.centered {text-align: center; margin-left: auto; margin-right: auto;}
.red {color: red;}
.green {color: #A54718; font-size: 18px;}
td.right {width:150px;}
.justify {text-align: justify; margin-left: auto; margin-right: auto;}
.link {float: right; position: relative; top:-2em; margin-bottom: -2em;}
.ikonka {float:left;margin:5px;}


table.full {
	text-align:left;
	width:100%;
	padding: 20px;
	background: url(./graf/styles/img10.gif) no-repeat;
}

.ogloszenie {
	padding: 20px;
	background: url(./graf/styles/img100.gif) repeat-y;
}