html,body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 13px;
  background: #ede3cc url(../templates/bodyBackgroundLeft.jpg) repeat-x scroll top left;
  text-align: center;
  color: #3d2902;
  border: 0px solid black;

 }

 
#backgroundRight {

  width: 50%; 
  height: 500px; 
  position: absolute;
  top: 0; right: 0;
  background: transparent url(../templates/bodyBackgroundRight.jpg) repeat-x scroll 0 0;
  border: 0px solid black;

} 

 
div {
  margin: 0;
  padding: 0;
  text-align: left;
}

a {
	text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

form, p, h1, h2, h3, h4, h5, ul {
	margin: 0;
	padding: 0;
}


h1 {
	font: bold 24px arial;
}


h2 {
	font: bold 20px arial;
}


h3 {
	font: bold 16px arial;
}


h4 {
	font: bold 14px arial;
}

img {
    border: 0;
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

ul {
	list-style: none;
}

select {font-size: 11px;}
table {border-collapse: collapse;}


#main {
	height: auto;
	margin: 0 auto;
	width: 971px;
	border-bottom: 1px solid #ede3cc;
	position: relative;
	z-index: 1;
	margin-bottom: -100px;
	
}

/*
.foot, .push {
	height: 150px;  .push must be the same height as .footer 
	
}
*/

	
.homepageBox {height: 543px; position: relative; background: transparent url(../templates/mainTopBackground.jpg) no-repeat scroll 0 0;}

a.logo {width: 380px; height: 93px; display: block; float: right; border: 0px solid black; background: transparent url(../templates/logo.png) no-repeat scroll 0 0;}
a.logo:hover {background: transparent url(../templates/logoHover.png) no-repeat scroll 0 0;}

.siteMapLink {position: absolute; top: 70px; right: 15px; border: 0px solid black; width: 100px; text-align: right;}
.siteMapLink a {color: #097FBD; font: bold 13px arial;}

.POPMainButterfly {position: absolute; top: 98px; left: 305px; height: 392px; border: 0px solid black; width: 310px;} 

.POPMainLinks {position: absolute; top: 485px; left: 5px; height: 40px; border: 0px solid black; width: 960px;} 
a.popOrange {width: 468px; height: 40px; display: block; float: left; border: 0px solid black; background: transparent url(../templates/popMainBackground.jpg) no-repeat scroll 0 0;}
a.popGreen {width: 492px; height: 40px; display: block; float: right; border: 0px solid black; background: transparent url(../templates/popMainBackground.jpg) no-repeat scroll -468px 0;}

a.popOrange:hover { background: transparent url(../templates/popMainBackgroundHover.jpg) no-repeat scroll 0 0;}
a.popGreen:hover {background: transparent url(../templates/popMainBackgroundHover.jpg) no-repeat scroll -468px 0;}

a.centresOnMapLink {position: absolute; top: 409px; right: 31px; width: 285px; height: 64px; display: block; border: 0px solid black; background: transparent url(../templates/centresOnMapLink.png) no-repeat scroll 0 0;}
a.centresOnMapLink:hover {background: transparent url(../templates/centresOnMapLinkHover.png) no-repeat scroll 0 0;}

.centresListParentBox {position: absolute; top: 177px; right: 41px; width: 263px; height: 172px; border-left: 2px solid #e3dfd7; border-top: 2px solid #e3dfd7; background-color: #fdfdf9; overflow: hidden; z-index: 1000;}

.centresListItemInParentBox {width: 260px; margin-left: 3px; padding-top: 0px; margin: 0 auto; border: 0px solid black;}
.centresListOnHomepage { list-style: none; border: 0px solid black;}
.centresListOnHomepage li {margin: 0; padding: 0 3px; }
.centresListOnHomepage li a {margin: 0; color: #484848; font: normal 13px arial; display: block; padding: 8px 0 8px 35px; border-bottom: 1px solid #efebd9; width: 100%;}
.centresListOnHomepage li > a {width: auto;}

a.starOrange { background: transparent url(../templates/starOrange.png) no-repeat scroll 2px 40%;}
a.starGreen { background: transparent url(../templates/starGreen.png) no-repeat scroll 2px 40%;}
.centresListOnHomepage li a:hover {background-color: #f1ede2; color: #c66f08; text-decoration: none;} 

.footTable {width: 100%; border: 0px solid black;}
.footTable td {vertical-align: top;}

.footBlock1 {background: transparent url(../templates/hand.jpg) no-repeat scroll 0 30%; color: #484848; padding-left: 50px; font: normal 12px arial; padding-top: 4px;}
.footBlock2 {color: #99907a; line-height: 18px; padding-top: 5px; font-size: 13px;}
.footBlock2 a {color: #99907a; font-size: 12px;}
.footBlock2 a:hover {color: #595449;}


/* podstrona POP */

.mainPopOrangeBox {height: 490px; position: relative; background: transparent url(../templates/popMainOrangeBackground.jpg) no-repeat scroll 0 0;}
.mainPopGreenBox {height: 490px; position: relative; background: transparent url(../templates/popMainGreenBackground.jpg) no-repeat scroll 0 0;}
.mainSiteMapBox {height: 490px; position: relative; background: transparent url(../templates/sitemapBackground.jpg) no-repeat scroll 0 0;}



a.linkToPopGreen {position: absolute; top: 127px; right: 28px; width: 225px; height: 55px; display: block; border: 0px solid black; background: transparent url(../templates/linkToPopGreen.png) no-repeat scroll 0 0;}
a.linkToPopGreen:hover {background: transparent url(../templates/linkToPopGreenHover.png) no-repeat scroll 0 0;}
a.linkToPopOrange {position: absolute; top: 127px; right: 28px; width: 225px; height: 55px; display: block; border: 0px solid black; background: transparent url(../templates/linkToPopOrange.png) no-repeat scroll 0 0;}
a.linkToPopOrange:hover {background: transparent url(../templates/linkToPopOrangeHover.png) no-repeat scroll 0 0;}


a.centresOnMapLinkTwo {position: absolute; top: 184px; right: 28px; width: 225px; height: 71px; display: block; border: 0px solid black; background: transparent url(../templates/centresOnMapLinkTwo.png) no-repeat scroll 0 0;}
a.centresOnMapLinkTwo:hover {background: transparent url(../templates/centresOnMapLinkTwoHover.png) no-repeat scroll 0 0;}


.centerBox {border: 0px solid black; height: auto; position: relative; top: -150px; left: 0; padding: 0 15px; width: 971px; }
#main > .centerBox {width: 941px;}

.left {	padding-top: 55px; width: 260px;  height: auto;  float: left; border: 0px solid black; }
.right { padding-top: 0px; width: 670px;  height: auto; float: right; border: 0px solid black; }

.siteHeader {background: transparent url(../templates/brickHeader.png) no-repeat scroll 5px 40%; color: #483e26; height: 43px; padding: 5px 0 2px 80px; border-bottom: 1px solid #d0c2a1;}
.right > .siteHeader {height: 33px; padding: 7px 0 5px 80px;}

.sideBox {width: 262px; height: auto; }
.sideBoxCenter {height: auto; margin: 0; padding: 0 5px; background: transparent url(../templates/sideBoxCenter.jpg) repeat-y scroll 0 0;}
.sideBoxTop {width: 262px; border: 0px solid black; height: 10px; line-height: 10px; background: transparent url(../templates/sideBoxTop.jpg) no-repeat scroll 0 0; margin: 0; padding: 0;}
.sideBoxBottom {width: 262px; border: 0px solid black; height: 10px; line-height: 10px; background: transparent url(../templates/sideBoxBottom.jpg) no-repeat scroll 0 0; margin: 0; padding:0;}

.sideBoxHeader {padding: 6px 10px; border-bottom: 1px solid #d0c2a1; color: #483e26;}
.sideBoxContent {padding: 10px;}

.sideMenuList { list-style: none;}
.sideMenuList li {margin: 0; padding: 0}
.sideMenuList a {margin: 0; color: #483e26; font: bold 13px arial; display: block; padding: 7px 0 7px 35px; border-bottom: 1px solid #ffffff; background: transparent url(../templates/sideMenuMark.jpg) no-repeat scroll 8px 50%;}
.sideMenuList a:hover, a.activeSideLink {text-decoration: none; color: #c66f08;  background: #fffef9 url(../templates/sideMenuMarkHover.jpg) no-repeat scroll 8px 50%;}
.sideMenuList ul a {margin: 0; color: #483e26; font: bold 13px arial; display: block; padding: 7px 0 7px 55px; border-bottom: 1px solid #ffffff; background: transparent url(../templates/sideMenuMark.jpg) no-repeat scroll 28px 50%;}


.foot {width: 950px; margin: 0 auto; border: 0px solid black; padding-left: 7px; position: relative; top: -120px ; margin-bottom: -100px !important;}
.footBoxTop {width: 950px; border: 0px solid black; height: 10px; line-height: 10px; background: transparent url(../templates/footBoxTop.jpg) no-repeat scroll 0 0;}
.footBoxCenter {width: 950px; height: auto; padding: 0; border: 0px solid black; background: transparent url(../templates/footBoxCenter.jpg) repeat-y scroll 0 0;}
.footBoxBottom {width: 950px; border: 0px solid black; height: 18px; line-height: 18px; background: transparent url(../templates/footBoxBottom.jpg) no-repeat scroll 0 0;}

.footHomepage {padding-bottom: 25px; border: 0px solid black;}

.rightContent {border: 0px solid black; padding: 10px;}
.rightContent img {padding: 4px; border: 1px solid #d0c2a1; background: #ffffff;}
a.lightbox img {padding: 4px; border: 1px solid #d0c2a1; background: #ffffff;}

.centresListInContent {list-style: none;}
.centresListInContent li {margin: 0; padding: 3px 0 3px 33px; border: 0px solid #e3dfd7; background: transparent url(../templates/brickOnList.png) no-repeat scroll 0 50%;}
.centresListInContent li a {color: #483e26; font: bold 16px arial;}

.subPagesListBlock {padding: 10px; border-bottom: 1px solid #d0c2a1; height: auto;}
.subPagesListBlockTable {width: 625px; margin-bottom: 5px; border: 0px solid black;}
.subPagesListBlock > .subPagesListBlockTable {width: 100%;}
.subPagesListBlockHeader {margin: 0; padding: 3px 0 3px 33px; color: blue; border: 0px solid #e3dfd7; background: transparent url(../templates/brickOnList.png) no-repeat scroll 0 50%;}
.subPagesListBlockHeader h3 a {color: #483e26; }
.subPagesListBlockDate {text-align: right; font-size: 13px;}
.subPagesListBlockImage {float: left; margin: 0 10px 5px 0; border: 1px solid #d0c2a1;}


.contactBox {width: 304px; height: auto; float: right;}
.contactBoxTop {width: 304px; border: 0px solid black; height: 50px; background: transparent url(../templates/contactBoxTop.png) no-repeat scroll 0 0;}
.contactBoxCenter {width: 304px; height: auto; padding: 0; border: 0px solid black; background: transparent url(../templates/contactBoxCenter.gif) repeat-y scroll 0 0;}
.contactBoxBottom {width: 304px; border: 0px solid black; height: 10px; line-height: 10px; background: transparent url(../templates/contactBoxBottom.png) no-repeat scroll 0 0;}

.contactTable {width: 100%;}
.contactTable td {text-align: center; padding: 5px 0;}
.contactInput {width: 271px; height: 23px; padding: 4px 3px 2px 3px; border: 1px solid #e3dfd7; background-color: #fdfdf9; }
.contactTextArea {font: normal 11px arial; width: 272px; height: 120px; padding: 3px; border: 1px solid #e3dfd7; background-color: #fdfdf9; overflow: hidden;}

.contactTable td > .contactInput {width: 265px; height: 17px;}
.contactTable td > .contactTextArea {width: 265px;}

.attachmentsHeader {font: bold 14px arial; padding: 5px 0;}
.attachmentsContent {background-color: #F7FBFF; padding: 5px 10px; border: 1px solid #d0c2a1;}
.attachmentsList {list-style: none;}
.attachmentsList li {font: bold 12px arial; margin: 0; padding: 3px 0 3px 32px; border: 0px solid #e3dfd7; background: transparent url(../templates/brickOnList.png) no-repeat scroll 0 50%;}
.attachmentsList li a {color: #483e26; font: bold 12px arial;}
.attachmentsList li a:hover {text-decoration: underline;}

.clear {clear: both; }
.clearDiv {line-height: 1%; height: 0px; border: 0px solid black; clear: both;}
.separator {height: 10px; line-height: 10px;}
.non_display { display: none; }


.imagesTable {width: 650px; border: 0px solid black; margin: 10px 0; }
.imagesTable td {text-align:center; vertical-align: top; padding: 0px 0px 10px 0px; font-size: 12px; border: 0px solid black;}


.leftImagesList {list-style-type:none; margin-right: 5px; float: left; border: 0px solid black;}
.leftImagesList li {padding: 5px; border: 0px solid red;}
.rightImagesList {list-style-type:none; margin-left: 5px; float: right; border: 0px solid black;}
.rightImagesList li {padding: 5px; border: 0px solid red; }
.leftImagesList li p, .rightImagesList li p {text-align: center; border: 0px solid black;}

/*google page*/
.googleMapPageBox {height: 586px; position: relative; background: transparent url(../templates/googleMapBackground.jpg) no-repeat scroll 0 0;}
a.linkToHomePage {position: absolute; top: 98px; right: 6px; width: 223px; height: 40px; display: block; border: 0px solid black; background: transparent url(../templates/linkToHomePage.jpg) no-repeat scroll 0 0;}
a.linkToHomePage:hover {background: transparent url(../templates/linkToHomePageHover.jpg) no-repeat scroll 0 0;}
.googleMapContener {position: absolute; top: 143px; right: 20px; width: 930px; height: 429px; display: block; border: 0px solid black; overflow: hidden;}


.sitemapList {list-style-type: none;}
.sitemapList li {border: 0px solid black;}

.sitemap_0 {background: transparent url(../templates/brickOnList.png) no-repeat scroll 0px 50%; padding: 5px 10px 5px 30px;}
.sitemap_1 {background: transparent url(../templates/brickOnList.png) no-repeat scroll 25px 50%; padding: 5px 10px 5px 55px;}
.sitemap_2 {background: transparent url(../templates/brickOnList.png) no-repeat scroll 50px 50%; padding: 5px 10px 5px 80px;}
.sitemap_3 {background: transparent url(../templates/brickOnList.png) no-repeat scroll 75px 50%; padding: 5px 10px 5px 105px;}
.sitemap_0 a, .sitemap_1 a{font: bold 16px arial; color: #483e26;}
.sitemap_2 a, .sitemap_3 a{font: bold 14px arial; color: #483e26;}


.bImageBox {width: 262px; height: auto; text-align: center;}
.linkReadMore {padding-top: 3px;}
.linkReadMore a {color: #7e8101; font: bold 12px arial;}
.linkReadMore a:hover {text-decoration: none; }


.pagingBox {padding-top: 10px;}
.pagingTable { width: 100%; border: 0px solid black; margin: 0; padding: 0;}
.pagingTable td {font-size: 12px;}
.pagingTable .pTOne {padding-left: 10px;}
.pagingTable .pTTwo {text-align: right;}
.pagingTable .pTThree {width: 50px; text-align: right;}
.pagingTable .pTFour {width: 40px; font-size: 11px;}

.pagingTable td a {font: bold 12px arial; color: #483e26;}

.mapAreaOne {border: 0px solid black; width: 408px; height: 336px; position: absolute; top: 140px; left: 297px;}
.mapAreaTwo {border: 0px solid black; width: 346px; height: 285px; position: absolute; top: 10px; left: 369px;}


.komunikat {
	display: block; 
	width: 711px;
	height: 33px;
	font: bold 11px tahoma; 
	background: transparent url(../templates/positive_alert.jpg) no-repeat scroll 0 0;
	color : #00000;
	text-align: center;
	padding-top: 10px;
	margin: 10px auto 0 auto;
}

.negative_alert {
	display: block; 
	width: 711px;
	height: 23px;
	font: bold 11px tahoma; 
	background: transparent url(../templates/negative_alert.jpg) no-repeat scroll 0 0;
	color : #00000;
	text-align: center;
	padding-top: 10px;
	margin: 0 auto;
}