body {font-family: arial, sans-serif; text-align: center; margin: 0 0 8px 0; padding: 0; background: rgb(52,104,155) url(../picture/gfx/layout/bg-body.gif) scroll repeat-x top left;}
body * {position: relative;}
a {text-decoration: none; color: rgb(0,60,150);}
a:hover {text-decoration: underline;}
blockquote {font-style: italic; font-size: 12px; color: rgb(100,60,0);}

.center {text-align: center; clear: both;}
.right {text-align: right;}
.fclr {clear: both;}

/* containers */
#all, #top, #foot {width: 1006px;}
#all {margin: 0 auto; text-align: left; background: rgb(255,255,255) url(../picture/gfx/layout/bg-all.gif) scroll repeat-y top left;}
#left {width: 166px; float: left;}
#right {width: 840px; float: left;}
#column1 {width: 454px; float: left;}
#column2 {width: 376px; float: left;}
#column1a {width: 790px; float: left; clear: both;}
/* half */
.righthalf {width: 415px; float: left;}
.half1a {width: 395px; float: left;}

/* top */
#top {height: 110px; background-image: url(../picture/gfx/layout/bg-top.gif); background-position: top left;}
#top h1 {display: none;}
#top ul {list-style-type: none; text-align: right; margin: 0 20px 0 5px; padding: 20px 0 0 0;}
#top li {display: inline; line-height: 12px; font-size: 12px; margin: 0; padding: 0;}
#top a {color: rgb(50,50,50); margin: 0 0 0 8px;}
#top form {padding: 0; margin: 0;}
#top p {text-align: right; padding: 22px 28px 0 0; margin: 0;}

/* menu */
#menu {padding: 0 0 0 8px;}
#menu ul {margin: 0; padding: 0 0 8px 16px; list-style-type: square; font-size: 12px;}
#menu li {margin: 0; padding: 0; line-height: 16px;}
#menu a {color: rgb(51,51,51);}
#menu img {border: none;}

/* foot */
#foot {clear: both; padding: 32px 0 16px 0; text-align: center; background: transparent url(gfx/layout/bg-foot.gif) scroll no-repeat bottom left;}
#foot hr {margin: 0 16px; height: 1px;}
#foot p {font-size: 12px; margin: 0; padding: 8px 0 0 0;}

/* box */
/* .boxbg {background-color: rgb(220,235,245); padding: 8px 16px;} */
.boxbg {background-color: rgb(255,255,255); padding: 8px 24px 8px 8px;}
.box {padding: 0 10px; line-height: 16px;}
.box h1 {font-size: 12px; padding: 4px 8px 4px 8px; margin: 16px 0 4px 0; border-bottom: 1px solid rgb(180,180,180); color: rgb(0,0,0); background-color: rgb(255,225,150);}
.box h2 {font-size: 12px; padding: 0; margin: 0; border: none; background: none;}
.box h3 {font-size: 14px; padding-top: 12px; margin-top: 0;}
.box ul, .box ol {margin: 0; padding: 8px 8px 8px 24px; list-style-type: square; font-size: 12px;}
.box li {margin-bottom: 6px;}
.box p {font-size: 12px; margin: 0; padding: 0 0 8px 0;}
.box span {color: rgb(100,100,100); margin-left: 16px;}
.box span.date {color: rgb(100,100,100); margin-left: 0; font-size: 10px;}
.box img {border: none;}

/* content */
.txt {margin: 0 10px; padding: 1px 0 0 0;}
.txt h1 {font-size: 18px;}
.txt h2 {font-size: 16px;}
.txt h3 {font-size: 14px;}
.txt h4 {font-size: 12px;}
.txt p, .txt ul, .txt ol {font-size: 12px; line-height: 16px;}
.txt img {border: 1px solid rgb(20,20,20); margin: 0; padding: 0;}
.txt .date {color: rgb(150,150,150); font-size: 10px; margin-bottom: 0; padding-bottom: 0;}
.txt sup {font-size: 11px;}

/* table */
.tabela {width: 98%; border-collapse: collapse;}
.tabela p, .tabela td, .tabela th {font-size: 12px;}
.tabela th, .tabela td {vertical-align: top; padding: 4px 8px; text-align: left; border: 1px solid rgb(204,204,204);}
.tabela th {border: 1px solid rgb(204,204,204); background-color: rgb(255,225,125); font-weight: bold;}
.tabela caption {background-color: rgb(170,130,0); color: rgb(255,255,255); font-size: 16px; font-weight: bold; padding-top: 3px; padding-bottom: 2px;}
.tabela span {color: rgb(102,102,102); font-size: 10px;}
.tabela .center {text-align: center;}

/* person */
.person {width: 376px; margin-left: 8px; float: left; height: 240px;}
.person div {background-color: rgb(220,235,245); height: 232px;}
.person div.death {background-color: rgb(240,240,240);}
.person h2 {font-size: 16px; padding: 16px 8px 0 0; margin: 0;}
.person p {font-size: 12px; padding: 8px 0 8px 0; margin: 0 8px 0 0;}
.person img {border: 1px solid rgb(180,180,180); margin: 14px 8px 0 16px; float: left; height: 200px;}
.person p img {border: none; float: none; height: auto; margin: 0 0 4px; display: block;}

/* gmina */
.gmina {width: 376px; margin-left: 8px; float: left; height: 270px;}
.gmina div {background-color: rgb(220,235,245); height: 232px;}
.gmina h2 {font-size: 16px; padding: 16px 8px 0 0; margin: 0;}
.gmina p {font-size: 12px; padding: 8px 0 0 0; margin: 0 8px 0 0;}
.gmina img {border: none; margin: 14px 8px 0 16px; float: left;}

.gminaico {width: 200px; margin-left: 8px; float: right; height: 200px; text-align: center; background-color: rgb(220,235,245);}
.gminaico img {border: none; margin: 14px 8px 0 16px;}

/* newsletter */
.newsletter {border: 1px gray solid; padding: 10px; width: 600px;}
.newsletter .kontakt {border: 1px silver solid; padding: 10px; margin-top: 60px; width: 200px;}
.newsletter h1 {margin-top: 0px; font-size: 18px; color: #993300;}
.newsletter h2 {margin-top: 0px; font-size: 18px; color: #000000;}
.newsletter p {font-size: 13px;}
.newsletter .dziedzina {font-weight: bold; font-size: 13px; margin-bottom: 2px; color: #3366cc;}
.newsletter .lead {font-weight: bold;}
.newsletter .kontakt {font-size: 12px;}

#system_errors {color: rgb(204,0,0);}
#system_messages {color: rgb(0,50,204);}

p.back {clear: both; text-align: center; font-weight: bold; margin-top: 32px; padding: 8px 0; border-top: 1px solid rgb(0,40,90);}

#trail {margin: 8px 0; background: rgb(180,206,233);}
#trail p {font-size: 11px; padding: 4px 8px; margin: 0;}

.gallery {clear: both; margin: 16px 0;}
.gallery, .gallery p {text-align: center;}
.gallery img {padding: 2px; margin: 10px 0 0 0; border: 1px solid rgb(51,102,153);}
.gallery .thumb {display: block; width: 176px; height: 145px; float: left; text-align: center; margin: 0 15px 15px 0; border: none;}

p.pic {text-align: center; clear: both; font-size: 11px; line-height: 14px;}
p.pic img {padding: 2px; margin: 0 8px 4px 0; border: 1px solid rgb(51,102,153);}

div.navigator {clear: both; margin: 16px 0; border-top: 1px solid rgb(180,206,233); border-bottom: 1px solid rgb(180,206,233);}
div.navigator p{text-align: center; padding: 8px 0; margin: 0;}
div.navigator small {font-size: 11px;}

.newssmall {clear: both; border-bottom: 2px solid rgb(245,245,245); margin: 0 0 8px;}
.newssmall h2 {margin-bottom: 8px;}
.newssmall img {float: right; border: 1px solid rgb(0,0,0); margin: 0 0 8px 16px;}
.newssmall p {text-align: justify;}

.newsgallery {clear: both; padding: 0 0 8px;}
.newsgallery a {display: block; float: left; width: 132px; height: 100px; text-align: center;}
.newsgallery a img {border: none; margin: 0;}

.addr {clear: both; width: 100%; border-collapse: collapse;}
.addr th, .addr td {font-size: 12px; vertical-align: top; padding: 2px 4px; text-align: left;}
.addr td.room {width: 80px; text-align: right;}
.addr td.phone {width: 120px; text-align: right;}