body {
background: url(img/bg.png);
text-align: center;
font: 12px "Arial", sans-serif;
color: #000;
font-weight: bold;
}

* { margin: 0; padding: 0; }
a { color: #87898F; text-decoration: none; }
a:hover { color: #91A9CB; }
a img { border: 0; }
h1, h2 { text-indent: -99999px; }
h3 { font: 24px "Arial", sans-serif; text-align: center; font-weight: bold; }
h4 { font: 12px "Arial", sans-serif; font-weight: bold; color: #FF0000; }
h5 { font: 12px "Arial", sans-serif; text-align: right; font-weight: bold; }
h6 { font: 26px "Arial", sans-serif; font-weight: bold; }
p { font-size: 12px; font-weight: bold; line-height: 1.5em; text-align: justify;  }

#photo {
margin: auto;
text-align: left;
position: relative;
width: 981px;
height: 656px;
background: url(img/bcg_foto.jpg) no-repeat;
margin-bottom: 12px;
z-index: 1;
}
#footer { color: #87898F; }

#lang, #for, #menu, #reklama, #slideshow, #news, #galeria-link, #content { position: absolute; }

#lang {
top: 57px;
left: 868px;
list-style: none;
z-index: 2;
}
#lang li { float: left; margin-right: 10px; }

#for {
top: 147px;
right: 13px;
list-style: none;
text-align: right;
z-index: 2;
}
#for li { margin-bottom: 6px; }
#for a { color: #E6EAF0; background: url(img/arrow.gif) 0 50% no-repeat; padding-left: 10px; }
#for a:hover { color: #91A9CB; }

#menu {
top: 167px;
left: 40px;
list-style: none;
}
#menu li { float: left; margin-right: 16px; }
#menu a { display :block;color: #E6EAF0; background: url(img/arrow.gif) 0 50% no-repeat; padding: 0 10px 0 8px; margin: 0 0 6px 0; }
#menu li ul {
margin: 0;
padding: 4px;
font: 1.0em "Tahoma", sans-serif;
position: absolute;
visibility: hidden;
background: #001b47;
opacity: 100;
width: 100px !important;
list-style: none;
border-left: 1px solid #A1ABB5;
border-right: 1px solid #A1ABB5;
border-bottom: 1px solid #A1ABB5;
z-index: 100;
}

#menu li ul li {
clear: both;
height: auto;
margin-bottom: 3px;
width: 100px;
}

#menu li ul li a {
display: inline;
background: none;
height: auto;
padding: 0;
margin: 0;
color: #FFF;
}
#menu li ul li a:hover { #A1ABB5; }


#reklama {
bottom: 0;
left: 0;
border: 3px solid #FFF;
overflow: hidden;
zoom: 1;
height: 356px !important;
}
#reklama img { height: 356px; }

#slideshow{
top: 477px;
left: 162px;
} 

#slideshow img { position: absolute; z-index: 8; opacity: 0.0; border: 3px solid #FFF; } 
#slideshow img.active { z-index: 10; opacity: 1.0; }
#slideshow img.last-active { z-index: 9; }

#news {
top: 416px;
right: 0;
background: #D4D2CC;
opacity: 0.8;
width: 205px;
height: 125px;
padding: 5px 10px;
border: 3px solid #FFF;
}
#news-title { background: url(img/arrow2.gif) 0 50% no-repeat; padding-left: 10px; margin-bottom: 5px; }
.news small { font-size: 0.8em; display: block; }
.news div { text-align: right;}
.news a { color: #000; }
.news a:hover{ text-decoration: none; }

#galeria-link { 
top: 630px;
right: 524px;
background: #D4D2CC;
height: 21px;
padding: 5px 0 0 0;
opacity: 0.8;
width: 70px;
text-align: center;
}
#galeria-link a { background: url(img/arrow2.gif) 0 50% no-repeat; padding-left: 10px; }

#content {
background: #D4D2CC;
opacity: 0.8;
top: 233px;
left: 233px;
width: 672px;
height: 373px;
padding: 15px;
padding-left: 25px;
overflow: scroll;
scrollbar-face-color: #000080;
overflow-x: hidden; }
a { color: #000; }
a:hover{ text-decoration: none; }

#content-title { background: url(img/arrow2.gif) 0 50% no-repeat; padding-left: 10px; }

#container { text-align: center; padding-right: 20px;}

#linki {
top: 750px;
left: 750px;
}

#after {
margin-top: 220px;
margin-left: 225px;
Width: 550px;
height: 145px;
background: #FFF;
opacity: 0.8;
text-align: center;
}