body, table, tr, th, td, p, form, fieldset, legend, div, ul, ol, li, h1, h2, h3 {margin: 0; padding: 0; border: 0;}
body {height: 100%; text-align: center; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; line-height: 140%; background: url('../img/bgr/body.gif') repeat-x;}

a, a:visited {color: #000; text-decoration: none;}
a img {border: 0;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

.textCenter {text-align: center;}
.textRight {text-align: right;}

#all {width:833px; height: 100%; margin: auto; text-align: left;}

#all:after,
#all div:after,
#all div div:after,
#all ul:after,
#all ol:after,
#all p:after,
#all h1:after,
#all h2:after ,
#innerFooter:after
{content: "."; display:block; height: 0; clear:both; visibility:hidden;}

#mainNav {height: 32px; margin: 3px 0px 6px 0px; list-style: none;}

#mainNav li {display: block; float: left; height: 32px;}
#mainNav li a {display: block; float: left; cursor: pointer; color: #fff; text-transform: uppercase;}
#mainNav li a span {display: block; float: left}
#mainNav li a span.middle {padding: 8px 4px 0px;  height: 24px }
#mainNav li a span.leftCorner,
#mainNav li a span.rightCorner {width: 4px; height: 20px; padding-top: 12px;}
#mainNav li a span.rightCorner {background: url('../img/nav/right.gif') center right no-repeat;}
#mainNav li.last a span.rightCorner {background: none;}

#mainNav li.active {margin-left: -1px;}
#mainNav li.active a span.middle {background: url('../img/nav/activeMiddle.gif') repeat-x; padding-left: 11px;}
#mainNav li.active a span.leftCorner {background: url('../img/nav/leftActive.gif') repeat-x;}
#mainNav li.active a span.rightCorner {background: url('../img/nav/rightActive.gif') repeat-x;}

#page {padding-top: 10px;}

div.header {width: 833px; height: 27px; margin-bottom: 5px; background: url('../img/bgr/header.gif') repeat-x;}
div.header img, div.header p, div.header div {float: left;}
div.header p {padding: 6px 0px 0px 15px; color: #fff;}
div.header p a, div.header p a:visited {color: #fff;}
div.header #flags {float: right; padding: 6px 10px 0px 0px;}
div.header #flags a {float:right; padding-right: 3px;}

div#bgrWhite {background: #fff; height: 1%;}


#mainLeft {width: 617px; padding: 10px; float: left;}
#infos {width: 387px; float: left; }
.mlLi {width: 387px; float: left; margin-top: 25px; border-bottom: 1px solid #3ba067;}
.mlLi h3.title {padding:0px 0px 3px 27px; margin-bottom: 5px; font-size:12px; line-height: 150%; border-bottom: 1px solid #bdbdbd; background: url('../img/kilofyTrans.gif') 0.5% 0 no-repeat;}
.mlLi .mlContent {padding: 5px; margin-bottom: 10px; text-align: justify;}
.mlLi .mlContent p {margin: 3px 0px 11px;}  
.mlLi a.more img {float:left;}

#photos {width: 213px; padding: 9px 0px 7px 0px; margin: 0px 0px 0px 15px; float: left; text-align: center; background: url('../img/bgr/photos.gif'); border: 1px solid #f1f1f1;}
#photos img {margin: 3px 0px 3px 0px; border: 1px solid #fff;}

div#mainRight {width: 176px; padding: 5px; float: left; margin: 15px 10px 0px 0px; background: url('../img/bgr/mainRight.gif') repeat-x;}
div#mainRight h3.title {margin: 15px 0px 5px 0px; text-transform: uppercase; color: #00ba54; font-size:13px}
div#mainRight ul {width: 170px; list-style: none; height: 1%; margin-left: 0px;}
div#mainRight ul li {display: block; width: 146px; float: left; padding: 0px 5px 8px 25px; margin-top: 8px;  border-bottom: 1px solid #bdbdbd; background: url('../img/kilofyTrans.gif') 0% 8% no-repeat;}

.textpage {padding: 20px;}
.textContents {width: 445px; float: left; margin-right: 15px;}
.long {width:795px;}


h1.title {padding:0px 0px 3px 27px; margin: 10px 0px 15px 0px; font-size:12px; line-height: 150%; border-bottom: 1px solid #bdbdbd; background: url('../img/kilofyTrans.gif') 0.5% 30% no-repeat;}
h2.subtitle {padding:0px 0px 3px 27px; margin: 10px 0px 5px 0px; font-size:12px; line-height: 150%; border-bottom: 1px solid #bdbdbd; background: url('../img/kilofyTrans.gif') 0.5% 30% no-repeat;}

#preface {margin: 10px 5px 20px 5px; font-weight: bold;}
#content {border-bottom: 1px solid #bdbdbd; padding-bottom: 10px; margin-bottom: 20px;}

.textContents .textContent {margin: 10px 5px 10px 5px; text-align: justify;}

.textContents p {margin: 5px 0px 5px;}

.textContents ul,
.textContents ol {padding: 5px 0px 5px 25px;}


#gallery {margin: -15px 5px 10px 5px;}
#gallery .bgr {padding: 10px 10px 0px 10px; height: 1%; background: url('../img/bgr/gallery.gif'); border: 1px solid #f1f1f1; border-bottom: 0;}
.galleryRow {height: 1%;}
.galleryRow div {width: 131px; float: left; margin: 0px 10px 10px 0px;}
.galleryRow div p {width: 131px;}
.galleryRow div img {vertical-align: top;}
.galleryBottom {display: block; width: 100%; height: 4px; background: url('../img/bgr/galleryBottom.gif') repeat-x; border-bottom: 1px solid #f1f1f1;}

.wideGallery  {padding-top: 0px;}
.wideGallery .galleryRow {border-bottom: 1px solid #d9d9d9; padding-top: 10px;}
.wideGallery .galleryRow div {width: 145px; margin-right: 14px; margin-bottom: 10px;}
.wideGallery .galleryRow div img {border: 1px solid #c2c2c2;}


div#enclosures ul {list-style-type: square; }
#enclosures ul li {margin-left: 25px; margin-bottom: 10px;}




#leftContent {width: 305px; float: left; padding: 10px;  text-align: center; background: url('../img/bgr/photos.gif'); border: 1px solid #f1f1f1;}
#leftContent img {border: 1px solid #fff; margin: auto;}
div#quickContact {width: 270px; clear:both; padding: 5px 5px 5px 25px; margin: 0px 0px 0px 3px; background-image: url('../img/bgr/quickContact.png');}
div#quickContact .address { margin-top: 7px; float: left; color: #000;}
div#quickContact .address a,
div#quickContact .address a:visited {color: #fff;}
div#quickContact .address p.title {width: 55px; float:left; margin: 6px 10px 0px 0px; text-transform: uppercase; font-weight: bold; font-size:10px; color: #fff;}
div#quickContact .address div {float: left;}
div#quickContact .address p {text-align: left;}
div#quickContact .addressBottom {padding-bottom: 6px; border-bottom: 0;}

div#contactInfo {width: 415px; clear:both; padding: 5px 5px 15px 25px; margin: -20px 0px 25px 3px; font-size:13px; border-bottom: 1px solid #c8c8c8;}
.long div#contactInfo {width:765px;}

div#contactInfo .address { margin-top: 20px; float: left; clear: both; color: #8b8b8b;}
div#contactInfo .address a,
div#contactInfo .address a:visited {color: #00ba54;}
div#contactInfo .address p.title {width: 75px; float:left; margin: 6px 20px 0px 0px; text-transform: uppercase; font-weight: bold; color: #00ba54;}
div#contactInfo .address div {float: left;}
div#contactInfo .address p {text-align: left;}
div#contactInfo .addressBottom {padding-bottom: 6px; border-bottom: 0;}

.form label {display: block; float: left; font-weight: bold; color: #454545;}
.textInput, textarea{padding: 3px; float: left; background: #c5f3d9; border-top: 1px solid #84a495; border-right: 1px solid #9bc1ac; border-left: 1px solid #ddf3e7; border-bottom: 1px solid #ceebd9; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px;}
.wiersz {margin-bottom: 5px;}
.blad {font-weight: bold; color: #ff0000;}
.informacjaPomocnicza {display: none;}
.polaWymagane {margin-top: 10px;}
.polaWymagane img {float: left; margin: 3px 5px 0px 0px;}


#Kontakt {width: 415px; margin-left: 28px;}
.long #Kontakt {width: 765px}
#Kontakt label {width: 120px;}
#Kontakt .textInput {width: 280px;}
#Kontakt textarea {width: 280px; height: 115px;}
#Kontakt #wiersz_submit {border-bottom: 1px solid #c8c8c8; clear: both;}
#Kontakt #wiersz_submit input {margin-bottom: -5px; margin-left: -1px;}
#Kontakt #wiersz_submit label {display: none;}
#Kontakt .blad {margin-left: 110px;}


div#mainRight li.last {border: 0;}

div#footer {height: 167px; clear: both; background: url('../img/bgr/footer.gif') repeat-x;}
#innerFooter {width: 860px; height: 167px; margin: auto; text-align: left;}

div#fLeft {width: 220px; height: 123px; float:left; margin-top: 8px; padding: 10px 5px 5px 5px; background: url('../img/bgr/fLeft.gif') 100% 70% no-repeat;}
#logo {padding-bottom: 7px; border-bottom: #282828;}
div#fLeft .address {width: 215px; margin-top: 7px; float: left; color: #fff;}
div#fLeft .address a,
div#fLeft .address a:visited {color: #00ba54;}
div#fLeft .address p.title {width: 55px; float:left; margin: 6px 10px 0px 0px; text-transform: uppercase; font-weight: bold; font-size:10px; color: #00ba54;}
div#fLeft .address div {float: left;}
/*.addressBottom {padding-bottom: 6px; border-bottom: 1px solid #3a3a3a;}*/
.addressBottom {padding-bottom: 6px;}


div#fRight {width:615px; height: 149px; float:left; margin: 8px 0px 0px 15px; background: url('../img/bgr/fRight.jpg') no-repeat;}
div#fRight ul {list-style: none; margin-top: 130px;}
div#fRight ul li {display: block; float: left; padding: 0px 4px 0px 3px; background: url('../img/bullets/squareGreen.gif') center right no-repeat;}
div#fRight ul li a, div#fRight ul li a:visited {color: #fff;}
div#fRight ul li.last {background: none;}

div#maker {margin: 10px 0px 0px 0px; clear: both; padding-bottom: 50px;}
div#maker p {margin-bottom: 5px;}
div#maker a, div#maker a:visited {font-size:10px; color: #747474;}