/* style */


/* strona */

*{
margin: 0;
padding: 0;
}

html{
height: 100%;
}

p {
margin: 10px 0px 0px 0px;
}

body {
background: #151512;
font-family: verdana, sans-serif; 
font-size: 12px; 
color: #ffffff;
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: 985px;
}

/* top */

#top_top {
background: url('top_top.jpg') repeat-x;
top: 0px;
left: 0px;
width: 100%;
height: 659px;
position: absolute;
}

#top {
position: relative;
width: 985px;
height: 454px;
    top: -2px;
    left: -7px;
}

#top01 {
background: url('top.jpg');
position: absolute;
width: 592px;
height: 241px;
top: 55px;
left:180px;
}

#top02 {
background: url('top01.jpg');
position: absolute;
top: 330px;
left: 30px;
width: 550px;
height: 295px;
}

#top03 {
/*background: url('top03.jpg');*/
position: absolute;
top: 361px;
left: 516px;
width:470px;
height: 295px;
z-index:-10;
}


/* menu */

#menu {
background:url('menu.jpg') no-repeat;
position: absolute;
right: 58px;
top: 320px;
width: 915px;
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:100px;
width:124px;
height:33px;
}

a#menu02 {
top:0px;
left:225px;
width:138px;
height:33px;
}

a#menu03 {
top:0px;
left:364px;
width:81px;
height:33px;
}

a#menu04 {
top:0px;
left:446px;
width:63px;
height:33px;
}

a#menu05{
top:0px;
left:510px;
width:90px;
height:33px;
}

a#menu06 {
top:0px;
left:601px;
width:83px;
height:33px;
}

a#menu07 {
top:0px;
left:685px;
width:76px;
height:33px;
}


a#menu01:hover {
background: url('menu_hover.jpg') -100px 0px;
}

a#menu02:hover {
background: url('menu_hover.jpg') -225px 0px;
}

a#menu03:hover {
background: url('menu_hover.jpg') -364px 0px;
}

a#menu04:hover {
background: url('menu_hover.jpg') -446px 0px;
}

a#menu05:hover {
background: url('menu_hover.jpg') -510px 0px;
}

a#menu06:hover {
background: url('menu_hover.jpg') -601px 0px;
}

a#menu07:hover {
background: url('menu_hover.jpg') -685px 0px;
}


/* tresc */

#tresc {
position: relative;
width:985px;
height: auto;
margin: 0 auto;
z-index:1;
    top: 150px;
    left: 0px;
}

#text {
position: relative;
width:855px;
height: auto;
margin: 0 auto;
padding:0px 0px 0px 0px;
z-index:1;
}

a:link, a:visited {
color: #b25416;  
text-decoration: underline;
}

a:hover	{ 
color: #cd7840;
text-decoration: none;
}

a:focus { 
outline: none
}

.gallery a:link img, .gallery a:visited img {
background:#898987;
border: 1px solid #ffffff;
padding: 3px 3px;
}
       
.gallery a:hover img, .gallery a:active img {
border: 1px solid #898987;
padding: 3px 3px;
}

/* bottom */
#bottom {
position: relative;
width:100%;
height: 44px;
left: 0px;
bottom:0px;
z-index: 8;
}

#copy 
{
background: url('top_bottom.jpg') repeat-x bottom;
position: absolute;
width: 100%;
height: 40px;
top: 120px;
left: 0px;
z-index: 8;
font-size: 10px;
color: #727272;
}

#copy a:link, #copy a:visited {
color: #CFCFCF; 
text-decoration:none;
}

#copy a:hover	{ 
color: #B2B2B2; 
text-decoration:none;
}

.border_left {
border: 1px solid #453016;
background:#feffff;
padding: 5px 5px;
float: left;
clear:left;
margin: 0px 8px 0px 0px;
}

.border_right {
border: 1px solid #dde0c1;
background:#feffff;
padding: 5px 5px;
float: right;
clear:right;
margin: 0px 0px 0px 8px;
}

.border{
background:#feffff;
padding: 4px 4px;
}