/* style */


/* strona */

#enter {
background: url('enter.jpg');
position: absolute;
width: 484px;
height: 415px;
top: 0px;
left: 140px;
}

#pl{
position: absolute;
right: 85px;
top: 268px;
width: 40px;
height: 25px;
z-index: 10;
}

#en{
position: absolute;
right: 35px;
top: 268px;
width: 43px;
height: 25px;
z-index: 10;
}

*{
margin: 0;
padding: 0;
}

html{
height: 100%;
}

p {
margin: 5px 0px 0px 0px;
}

body {
background: #000000;
font-family: verdana, sans-serif; 
font-size: 12px; 
color: #bcbcbc;
text-align: justify;
height: 100%;
}

/* page */

#container {
position: relative;
min-height: 100%;
_height: 100%;
width: 100%;
}

#page {
margin: 0 auto;
position: relative;
z-index: 1;
width: 860px;
}

/* top */

#top {
position: relative;
width: 822px;
height: 416px;
}

#top_top {
background: url('top_top.jpg') repeat-x;
top: 0px;
left: 0px;
width: 100%;
height: 579px;
position: absolute;
}

#top01 {
background: url('top01.jpg');
position: absolute;
width: 457px;
height: 416px;
top: 0px;
left: 0px;
}

#top02_home {
background: url('top02_home.jpg');
position: absolute;
width: 365px;
height: 416px;
top: 0px;
left: 457px;
}

#top02_nowosci {
background: url('top02_nowosci.jpg');
position: absolute;
width: 365px;
height: 416px;
top: 0px;
left: 457px;
}

#top02_naszepsy {
background: url('top02_naszepsy.jpg');
position: absolute;
width: 365px;
height: 416px;
top: 0px;
left: 457px;
}

#top02_naszesuki {
background: url('top02_naszesuki.jpg');
position: absolute;
width: 365px;
height: 416px;
top: 0px;
left: 457px;
}

#top02_szczenieta {
background: url('top02_szczenieta.jpg');
position: absolute;
width: 365px;
height: 416px;
top: 0px;
left: 457px;
}

#top02_mioty {
background: url('top02_mioty.jpg');
position: absolute;
width: 365px;
height: 416px;
top: 0px;
left: 457px;
}

#top02_kontakt {
background: url('top02_kontakt.jpg');
position: absolute;
width: 365px;
height: 416px;
top: 0px;
left: 457px;
}

#top02_linki {
background: url('top02_linki.jpg');
position: absolute;
width: 365px;
height: 416px;
top: 0px;
left: 457px;
}

/* menu */

#menu {
background: url('menu.jpg') no-repeat;
position: absolute;
right: 100px;
top: 60px;
width: 594px;
height: 33px;
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: 60px;
height: 33px;
}

a#menu02 {
top: 0px;
left: 61px;
width: 80px;
height: 33px;
}

a#menu03 {
top: 0px;
left: 142px;
width: 83px;
height: 33px;
}

a#menu04 {
top: 0px;
left: 226px;
width: 90px;
height: 33px;
}

a#menu05 {
top:0px;
left: 317px;
width: 88px;
height: 33px;
}

a#menu06 {
top: 0px;
left: 406px;
width: 60px;
height: 33px;
}

a#menu07 {
top: 0px;
left: 467px;
width: 75px;
height: 33px;
}

a#menu08 {
top:0px;
left: 543px;
width: 51px;
height: 33px;
}

a#menu01:hover {
background: url('menu_hover.jpg') -0px 0px;
}

a#menu02:hover {
background: url('menu_hover.jpg') -61px 0px;
}

a#menu03:hover {
background: url('menu_hover.jpg') -142px 0px;
}

a#menu04:hover {
background: url('menu_hover.jpg') -226px 0px;
}

a#menu05:hover {
background: url('menu_hover.jpg') -317px 0px;
}

a#menu06:hover {
background: url('menu_hover.jpg') -406px 0px;
}

a#menu07:hover {
background: url('menu_hover.jpg') -467px 0px;
}

a#menu08:hover {
background: url('menu_hover.jpg') -543px 0px;
}

/* tekst */

#tresc {
position: relative;
width: 822px;
height: auto;
margin: 0 auto;
z-index: 1;
}

#text {
position: relative;
width: 750px;
height: auto;
margin: 0 auto;
padding: 0px 0px 80px 15px;
z-index: 1;
}

a:link, a:visited {
color: #a26501; 
text-decoration: none;
}

a:hover	{ 
color: #ab7215; 
text-decoration: none;
}

a:focus { 
outline: none
}

.gallery a:link img, .gallery a:visited img {
background: #474747;
padding: 4px 4px;
}
       
.gallery a:hover img, .gallery a:active img {
background: #5f5f5f;
padding: 4px 4px;
}

/* bottom */

#top_bottom {
background: url('top_bottom.jpg') repeat-x bottom;
bottom: 0px;
left: 0px;
width: 100%;
height: 167px;
position: absolute;
}

#bottom {
width: 822px;
height: 34px;
bottom:0;
left: 0;
position: relative;
margin-left: 0px ;
z-index: 10;
}

#bottom01 {
background: url('bottom.jpg');
position: absolute;
width: 730px;
height: 34px;
bottom: 16px;
left: 60px;
z-index: 8;
}

#copy{
position: absolute;
right: 8px;
top: 6px;
width: 95px;
height: 20px;
z-index: 10;
}

/* inne */

.border_left {
background: #DEDBD2;
padding: 5px 5px;
float: left;
clear: left;
margin: 0px 15px 0px 0px;
}

.border_right {
background: #DEDBD2;
padding: 5px 5px;
float: right;
clear: right;
margin: 0px 0px 0px 8px;
}

.border{
background: #2B2924;
padding: 4px 4px;
}

.pedigree{
border-collapse: collapse;
margin: 0px 0px 0 0px;
border: 10px solid #2B2924;
background: #000000;
color: #9D9D9D;
}

.pedigree td{
border: 1px solid #2B2924;
padding: 5px;
text-align:left;
}

code {
background: #2B2924;
font-family: "Courier New", Courier, monospace;
display: block;
font-size: 9px;
width: 60%;
height: auto;
border: 1px solid #2B2924;
text-align:center;
padding: 5px;
line-height: 100%;
color: #6D695C;
margin: 0 auto;
}
