/* globalne */

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, 
dt, dd, li, address, form, fieldset, hr, blockquote { 
	margin: 0;
	padding: 0;
}

img, fieldset { 
	border: 0;
}

.fleft { float: left; }

body {
background: #808F69;
font-family: arial, helvetica, tahoma, sans-serif;
font-size: 9px;
}

div#container {
position: relative;
width: 930px;
height: 930px;
margin: 0 auto;
background: url('../images/edge_left.png') no-repeat;
}

div#wrapper {
width: 930px;
height: 930px;
background: url('../images/edge_right.png') no-repeat right top;
}

div#header {
background: url('../images/header.png') no-repeat;
width: 366px;
height: 131px;
position: absolute;
left: 35px;
color: #525942;
font-size: 9px;
padding: 25px 0 0 100px;
}

/* menu */

div#menu {
background: url('../images/menu.png') no-repeat;
width: 480px;
height: 131px;
position: absolute;
left: 401px;
}

div#menu ul {
list-style-type: none;
font-family: Georgia, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 17px 0 0 20px;
}

div#menu ul li {
float: left;
border-right: 1px solid #99A474;
padding: 0 10px;
}

div#menu ul li.last {
border: 0;
}

div#menu ul li a {
color: #002E59;
text-decoration: none;
}

div#menu dl {
margin: 41px 0 0 35px;
}
div#menu dl dt {
font-family: Georgia, helvetica, sans-serif;
text-transform: uppercase;
color: #4B5531;
padding: 0 0 10px 0;
}
div#menu dl dt a{
font-family: Georgia, helvetica, sans-serif;
text-transform: uppercase;
color: #002E59;
text-decoration: none;
padding: 0 0 10px 0;
}
div#menu dl dd a {
font-family: tahoma, arial, serif;
color: #002E59;
text-decoration: none;
}

/* linki 'mapa' i 'folder' */

div#nav {
position: absolute;
left: 367px;
top: 57px;
}

div#nav a.mapa {
margin-left: 46px;
text-indent: -2000px;
background: url('../images/mapa.png') no-repeat;
width: 59px;
height: 19px;
display: block;
margin-bottom: 5px;
}
div#nav a.mapa:hover {

background: url('../images/mapa_ac.png') no-repeat;

}

div#nav a.folder {
margin-left:0px;
text-indent: -2000px;
background: url('../images/folder.png') no-repeat;
width: 105px;
height: 24px;
display: block;
}

div#nav a.folder:hover {
background: url('../images/folder_ac.png') no-repeat;
}


div#content {
height: 538px;
width: 490px;
background: url('../images/content_left.png') no-repeat;
position: absolute;
left: 391px;
top: 131px;
}

div#content-wrapper {
height: 538px;
width: 490px;
background: url('../images/content_right.png') no-repeat right top;
position: absolute;
}

/* naglowek contentu */

div#content-wrapper h2 {
background: url('../images/content_header.png') no-repeat;
width: 444px;
height: 62px;
position: absolute;
left: 23px;
font-family: Georgia, helvetica, sans-serif;
font-size: 11px;
padding: 22px 0 0 20px;
}

div#content-body {
background: #F5ECCE;
width: 444px;
height: 476px;
position: absolute;
left: 23px;
top: 62px;
}

/* tresc glowna */

div#main {
position: absolute;
left: 15px;
width:280px;
font-family: tahoma, arial, sans-serif;
color: #455011;
font-size: 9px;
}

div#main a {
color: #002E59;
}

/* podpis obrazka */

div#main span {
clear: both;
display: block;
margin: 2px 0 0;
color: #6C7735;
}

div#main span a {
text-decoration: none;
color: #00519D;
}


div#main p {
margin: 10px 0 0;
}

/* nawigacja obok tresci */

div#content-body ul {
/*position: absolute;
left: 300px;*/
list-style-type: none;
font-family: Georgia, helvetica, sans-serif;
font-size: 10px;
width: 137px;
float: right;
}

div#content-body ul li {
background: url('../images/line.png') repeat-x left bottom;
padding: 4px 0;
}
div#content-body ul li a {
color: #00519D;
background: url('../images/arrow.png') no-repeat left 50%;
padding-left:13px;
text-decoration: none;
}

div#content-body ul li.last {
background: none;
}

div#content-body ul li.act a {
color: #000;
background: url('../images/arrow_act.png') no-repeat left 60%;
}

div#content-nav {
position: absolute;
top: 430px;
left: 15px;
}

/* stronicowanie */

div#pages {
margin: 0 100px;
}
div#pages a {
color: #6792E8;
border-right: 1px solid #D0C4B3;
text-decoration: none;
padding: 0 2px 0 1px;
margin-left: 2px;
float: left;
}

div#pages a.act {
font-weight: bold;
color: #022977;
}

div#pages a.img {
border: 0 none;
width: 10px;
height: 11px;
text-indent: -2000px;
display: block;
}

div#pages a.left {
background: url('../images/nav-l.png') no-repeat;
}
div#pages a.right {
background: url('../images/nav-r.png') no-repeat;
}

div#pages a.last {
border: 0 none;
}

/* male menu w contencie */

div#content-nav ul {
position: absolute;
left: 0px;
top: 15px;
width: 230px;
list-style-type: none;
font-family: Georgia, helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
padding: 5px 0 0 45px;
background: url('../images/line.png') repeat-x top left;
}

div#content-nav ul li {
float: left;
border-right: 1px solid #99A474;
background: none;
padding: 0 5px;
}

div#content-nav ul li.last {
border: 0;
}

div#content-nav ul li a {
padding: 0;
color: #002E59;
text-decoration: none;
background: none;
font-weight: normal;
}

/* galeria */

div#galeria {
/*position: absolute;*/
/*left: 295px;*/
/*top: 113px;*/
float:right; clear:right; width:137px;
}

/* naglowek galerii */

div#galeria h3 {
background: url('../images/h3_bgr.png') no-repeat left 30%;
font-family: Georgia, helvetica, sans-serif;
font-size: 9px;
width: 130px;
font-weight: normal;
color: #4B5531;
padding:0 0 2px 12px;
}

div#galeria-content {
background: #DCD6B3 url('../images/galeria_bgr') repeat-x;
padding: 13px 2px 10px 7px;
height: 310px;
}

div#galeria-content a {
margin: 1px;
}

/* warstwa flash */

div#flash {
width: 368px;
height: 324px;

position: absolute;
left: 23px;
top: 131px;
}

/* legenda pod flashem */

div#legend {
background: url('../images/legenda.png') no-repeat;
width: 356px;
height: 215px;
position: absolute;
left: 35px;
top: 455px;
}

/* pseudonaglowek legendy */

div#legend span {
font-family: Georgia, helvetica, sans-serif;
color: #000;
position: absolute;
left: 55px;
top: 5px;
}

div#legend ol {
position: absolute;
top: 30px;
left: 55px;
list-style-type: none;
height: 130px;
color: #00519D;
font-family: tahoma, arial, serif;

}

div#legend ol li {
width: 130px;
margin: 2px 0;
}
div#legend ol li a {
color: #00519D;
text-decoration: none;
}
div#legend ol.second {
position: absolute;
left: 195px;
top: 20px;
}

div#legend dl {
position: absolute;
top: 170px;
left: 55px;
}

div#legend dl dd,
div#legend dl dd a {
color: #00519D;
text-decoration: none;
}

div#legend dl.second {
position: absolute;
left: 195px;
}


/* stopka - linki */

div#footer {
background: url('../images/footer.png') no-repeat;
width: 889px;
height: 168px;
position: absolute;
left: 16px;
top: 668px;
}

div#footer dl {
position: absolute;
left: 45px;
top: 5px;
font-family: Georgia, helvetica, sans-serif;
letter-spacing: 1px;
}
div#footer dt {
margin: 0 0 6px 10px;
}

div#footer dl dd {
float: left;
}

div#footer dl.second {
position: absolute;
left: 200px;
}
div#footer dl.second dt {
padding-top: 10px;
margin-bottom: 0;
}
div#footer dl.second dd {
}

/* stopka - created by */

div#footer-bottom {
width: 930px;
height: 80px;
background: url('../images/footer_bottom.png') no-repeat 63px top;
position: absolute;
top: 836px;
left: 0;
}

div#footer-bottom span {
position: absolute;
left: 598px;
font-family: tahoma, arial, serif;
color: #DCD6B3;
height: 14px;
margin-top:4px;
}

div#footer-bottom span a {
color: #DCD6B3;
font-weight: bold;
background: url('../images/krauz_icon.png') no-repeat;
text-decoration: none;
height: 16px;
padding: 1px 0 2px 17px;
}

/* copyright i tekst na dole */

div#copyright {
position: absolute;
top: 863px;
width: 930px;
/*background: url('../images/zwierzaczek_bottom.png') no-repeat 491px 0;*/
}
div#copyright p {
font-family: tahoma, arial, serif;
width: 330px;
background: url('../images/c_bgr.png') no-repeat;
margin: 0 0 0 40px;
padding: 0 0 5px 40px;
}