/* style */

h1 {
margin: 0px 0px 0px 0px;
font-size: 12px;
color: #5b93b2;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* strona */

*{
margin: 0;
padding: 0;
}

html{
height: 100%;
}

p {
margin: 10px 0px 0px 0px;
}

body {
background: #1d2419 url('background.jpg') no-repeat top center fixed;
font-family: verdana, sans-serif; 
font-size: 12px; 
color: #e1dcc3;
text-align: justify;
}

/* page */

#container {
position: relative;
min-height: 100%;
_height: 100%;
width:100%;
}

#page {
margin: 0 auto;
position: relative;
z-index: 1;
width: 796px;
}

/* top */

#top {
position: relative;
width: 796px;
height: 438px;
}

#top01 {
background: url('top01.jpg');
position: absolute;
width: 399px;
height: 438px;
top: 0px;
left: 0px;
}

#top02 {
background: url('top02.jpg');
position: absolute;
width: 397px;
height: 438px;
top: 0px;
left: 399px;
}

/* menu */

#menu {
background:url('menu.jpg') no-repeat;
position: absolute;
right: 60px;
top: 419px;
width: 685px;
height: 27px;
z-index: 90;
}

a#menu01, a#menu02, a#menu03, a#menu04, a#menu05, a#menu06, a#menu07, a#menu08{
left: 0px;
top: 0px;
text-indent:-3000px;
position:absolute;
display:block;
z-index:100;
}

a#menu01 {
top:0px;
left:0px;
width:109px;
height:27px;
}

a#menu02 {
top:0px;
left:109px;
width:109px;
height:27px;
}

a#menu03 {
top:0px;
left:218px;
width:241px;
height:27px;
}

a#menu04 {
top:0px;
left:459px;
width:127px;
height:27px;
}

a#menu05 {
top:0px;
left:586px;
width:100px;
height:27px;
}

a#menu01:hover {
background: url(menu_hover.jpg) -0px 0px;
}

a#menu02:hover {
background: url(menu_hover.jpg) -109px 0px;
}

a#menu03:hover {
background: url(menu_hover.jpg) -218px 0px;
}

a#menu04:hover {
background: url(menu_hover.jpg) -459px 0px;
}

a#menu05:hover {
background: url(menu_hover.jpg) -586px 0px;
}


/* tresc */

#tresc {
position: relative;
width:796px;
height: auto;
margin: 0 auto;
z-index:1;
padding-bottom:0;
}

#text {
width:700px;
position: relative;
margin:0 auto 0 auto;
padding:20px 0px 10px 5px;
z-index:10;
}

a:link, a:visited {
color: #988f61; 
text-decoration: none;
}

a:hover	{ 
color: #aaa27b; 
text-decoration: none;
}

a:focus { 
outline: none
}

.gallery a:link img, .gallery a:visited img {
background:#2e3a27;
padding: 5px 5px;
}
       
.gallery a:hover img, .gallery a:active img {
border: 1px solid #425337;
padding: 4px 4px;
}

/* bottom */

#bottom {
width: 796px;
height: 44px;
position: relative;
}

#bottom01 {
background: url('bottom.jpg');
position: absolute;
width: 769px;
height: 44px;
bottom:0px;
left: 0px;
z-index: 1;
}

.border{
background:#2e3a27;
padding: 6px 6px;
}

.border_right {
background:#2e3a27;
padding: 6px 6px;
float: right;
clear:right;
margin: 0px 0px 0px 20px;
}

table.wystawy {
border-collapse: collapse;
margin:40px 0px 0 0px;
border:5px solid #3F4F35;
background:#2E3A27;
color:#E1DCC3;
}

table.wystawy td {
border:1px solid #1D2318;
padding: 5px;
text-align:left;
}


#copy {
position: absolute;
width: 769px;
height: 10px;
top: 12px;
left: 13px;
z-index: 8;
font-size: 10px;
color: #988f61;
}

#copy a:link, #copy a:visited {
color: #beb791; 
text-decoration:none;
}

#copy a:hover	{ 
color: #988f61;
text-decoration:none;
}

code {
background:#283021;
display: block;
font-size:11px;
width:70%;
height: auto;
border: 1px solid #313F2C;
text-align:center;
padding:7px;
line-height:100%;
color:#E1DCC3;
margin: 0 auto;
}

#pl{
position:absolute;
left: 62px;
top: 360px;
width:40px;
height:25px;
z-index:10;
}

#en{
position:absolute;
left: 120px;
top: 360px;
width:43px;
height:25px;
z-index:10;
}

#kontakt{
position:absolute;
right: 45px;
top: 48px;
width:88px;
height:16px;
z-index:10;
}

.pedigree{
border-collapse: collapse;
margin:40px 0px 0 0px;
border:10px solid #3F4F35;
background:#2E3A27;
color:#E1DCC3;
}

.pedigree td{
border:1px solid #1D2318;
padding: 5px;
text-align:left;
}