h1{
font-family: georgia, sans-serif;
    font-size  : 15px;
    color      : #725F48;


}
#header{
    display    : block;
    left       : 430px;
    top        : 100px;
    width      : 351px;
    height     : 30;
    padding    : 0px;
    margin     : 0px;
    border     : none;
    position   : absolute;
    font-family: georgia, sans-serif;
    font-size  : 15px;
    color      : #725F48;
}
#headerintro{
    
    left       : 360px;
    top        : 0px;
    width      : 300px;
    height     : 15px;
    padding    : 0px;
    margin     : 0px;
    border     : none;
    position   : absolute;
 
}
#headerintro {
    display    : block;
    padding    : 0px;
    margin     : 0px;
    border     : none;
    color      : #725F48;
}
p, #scrolled p{
   padding     : 0px;
   margin      : 0px;
   font-family : arial, sans-serif;
/*   font-size   : 12px;*/
   color       : #222222;
}

li, #scrolled li{
  padding     : 0px;
   margin      : 0px;
   font-family : arial, sans-serif;
   color       : #222222;
}
ul, #scrolled ul{
   display     : block;
   margin      : 10px;
   text-indent : 5px;
   font-family : arial, sans-serif;
   color       : #222222;
}

body {
    background  : url('images/bg.jpg');
    background  : #250F04;
    margin      : 0px;
    padding     : 0px;
    border      : none;
    font-family : "arial", sans-serif;
    font-size   : 12px;
    color       : #222222;
    
}
#whole {
  
    background:url('images/bg.jpg');
    border:none;
}
#layout {
    
    top        : 35px;
    width      : 848px;
    height     : 624px;
    position   : relative;
    margin     : 0px auto;
}
#top {
    background : url('images/top.jpg') no-repeat;
    top        : 0px;
    width      : 848px;
    height     : 140px;

    padding    : 0px;
    margin     : 0px auto;
    border     : none;
    position   : absolute;
}
#topintro {
    background : url('images/topintro.jpg') no-repeat;
    top        : 0px;
    width      : 848px;
    height     : 140px;

    padding    : 0px;
    margin     : 0px auto;
    border     : none;
    position   : absolute;
}
#logo a{
    
    top        : 0px;
    width      : 170px;
    height     : 120px;

    padding    : 0px;
    margin     : 0px auto;
    border     : none;
    position   : absolute;
}


#contentintro {
  
   
   position    : absolute; 
   left        : 360px; 
   top         : 30px;
   width       : 300px;
   height      : 380px;
   
}
#contentintro p{
   display     : block;
   text-align  : left;
   
   font-family : arial, sans-serif;
   font-size   : 11px;
   color       : #222222;
   valign      : bottom;
   
}


#main {
    background : url('images/main.jpg') no-repeat;
    left       : 0px;
    top        : 140px;
    width      : 848px;
    height     : 454px;
    position   : absolute;
}
#mainintro {
    background : url('images/mainintro.jpg') no-repeat;
    left       : 0px;
    top        : 140px;
    width      : 848px;
    height     : 454px;
    position   : absolute;
}
#bottom {
    left       : 0px;
    top        : 580px;
    width      : 848px;
    height     : 30px;
    padding    : 0px;
    margin     : 0px auto;
    border     : none;
    position   : absolute;
}
#copyright {
    left       : 30px;
    top        : 0px;
    width      : 200px;
    height     : 20px;
    padding    : 0px;
    margin     : 0px auto;
    border     : none;
    position   : absolute;
    font-family: arial, sans-serif;
    font-size  : 10px;
    color      : #7A7574;
    valign     : bottom;
}
#created a{
    text-decoration : none;
    left       : 669px;
    top        : 0px;
    width      : 150px;
    height     : 20px;
    padding    : 0px;
    margin     : 0px auto;
    border     : none;
    position   : absolute;
    font-family: arial, sans-serif;
    font-size  : 10px;
    color      : #7A7574;
    valign     : bottom;
    align      : center:
}

#gallery {
    top        : 0px;
    left       : 260px;
    
    width      : 121px;
    height     : 182px;
	padding    : 0px;
    margin     : 0px auto;
    border     : none;

    list-style-type : none;
    position        : absolute;
    
}
#galleryintro {
    top        : 250px;
    left       : 360px;
    
    width      : 252px;
    height     : 84px;
    padding    : 0px;
    margin     : 0px;
    border     : none;

    list-style-type : none;
    position        : absolute;
}
#foto1intro a{
    background : url('thumbs/item11.gif') no-repeat;
    top        : 0px;
    left       : 0px;

    padding    : 0px;
    margin     : 0px;
    
    width      : 121px;
    height     : 84px;
    position   : absolute;
    border     : none;
    text-decoration : none;

    display  : block;
    
}
#foto2intro a{
    background : url('thumbs/item12.gif') no-repeat;
    top        : 0px;
    left       : 141px;
    
    width      : 121px;
    height     : 84px;
    position   : absolute;
}

#foto1 a{
    top        : 0px;
    left       : 0px;

    padding    : 0px;
    margin     : 0px;
    
    width      : 121px;
    height     : 84px;
    position   : absolute;
    border     : none;
    text-decoration : none;

    display  : block;
    
}
#foto2 a{
    top        : 98px;
    left       : 0px;
    
    width      : 121px;
    height     : 84px;
    position   : absolute;
}

IMG 
    {border: 0px;
} 

#container {
    
    left       : 430px;
    top        : 0px;
  
    width      : 500px;
    height     : 380px;

    padding    : 0px;
    margin     : 0px auto;
    border     : 1px;

    text-align : left;
    position   : absolute;
    
    overflow   : hidden; 
     

}
#scrolled {
   position    : absolute; 
   left        : 0px; 
   top         : 0px;
   clip       : rect(0px 300px 380px 0px); 
   width       : 300px;
   font-family : arial, sans-serif;
   font-size   : 12px;
   color       : #222222;
}

#pasek {
    display    : block;
    left       : 733px;
    top        : 0px;
    width      : 14px;
    height     : 382px;

    padding    : 0px;
    margin     : 0px auto;
    border     : none;
    position   : absolute;
    border     : none;
}
#scrollup {
    background : #724f31;
    display    : block;
    left       : 0px;
    top        : 0px;
    width      : 7px;
    height     : 8px;
    padding    : 0px;
    margin     : 0px auto;
    border     : none;
    position   : absolute;
}
#scrollup:hover{
    background : #835f42;
}
#scrolldown {
    background : #724f31;
    display    : block; 
    left       : 0px;
    top        : 376px;
    width      : 7px;
    height     : 8px;
    padding    : 0px;
    margin     : 0px auto;
    border     : none;
    position   : absolute;
}
#scrolldown:hover{
    background : #835f42;
}
#scrollbar{
    background : #724f31;
    display    : block;
    left       : 2px;
    top        : 20px;
    width      : 3px;
    height     : 30px;
    border     : none;
    position   : absolute;
}
#scrollbar:hover{
    background : #835f42;
}

#flags {
    background : url('images/flags.gif') no-repeat;
    left : 40px;
    top  : 405px;
    
    width      : 79px;
    height     : 24px;
    border     : 1px;
    padding    : 0px;
    margin     : 0px auto;
    border     : none;

    list-style-type : none;
    position        : absolute;
}
#pl a{
    background : url('images/pl.gif') no-repeat;
    left : 0px;
    top  : 0px;
    width      : 30px;
    height     : 17px;

    padding    : 0px;
    margin     : 0px auto;
    border     : none;
    position   : absolute;
    
}

#en a{
    background : url('images/en.gif') no-repeat;
    left : 31px;
    top  : 0px;
    width      : 30px;
    height     : 17px;

    padding    : 0px;
    margin     : 0px auto;
    border     : none;
    position   : absolute;
}


#de a{
    background : url('images/de.gif') no-repeat;
    left : 60px;
    top  : 0px;
    width      : 30px;
    height     : 17px;

    padding    : 0px;
    margin     : 0px auto;
    border     : none;
    position   : absolute;
}
#ru a{
    background : url('images/ru.gif') no-repeat;
    left : 90px;
    top  : 0px;
    width      : 30px;
    height     : 17px;

    padding    : 0px;
    margin     : 0px auto;
    border     : none;
    position   : absolute;
}


#menu {
    background : url('images/menu.gif') no-repeat;
    left       : 27px;
    top        : 0x;
    width      : 202px;
    height     : 180px;

    padding    : 0px;
    margin     : 0px auto;
    border     : none;

    list-style-type : none;
    position        : absolute;
}

#menu a {
    background : url('images/menu.gif') no-repeat;
    text-decoration : none;

    display  : block;
    position : absolute;
	
    padding    : 0px;
    margin     : 0px;
    border     : none;

    font-size  : 0px;
    color      : black;
}


#o1pl a {

    background : url('images/item1pl.gif') no-repeat;
    left : 0px;
    top  : 0px;

    
    width  : 211px;
    height : 25px;
}

#o1pl a:hover {
    background : url('images/item1plover.gif') no-repeat;
}


#o2pl a {
background : url('images/item2pl.gif') no-repeat;
    
    left : 0px;
    top  : 31px;

    width  : 211px;
    height : 25px;
}

#o2pl a:hover {
    background : url('images/item2plover.gif') no-repeat;
}

#o3pl a {
    background : url('images/item3pl.gif') no-repeat;
   
    left : 0px;
    top  : 62px;

    
    width  : 211px;
    height : 25px;
}

#o3pl a:hover {
    background : url('images/item3plover.gif') no-repeat;
}


#o4pl a {
	background : url('images/item4pl.gif') no-repeat;
    
    left : 0px;
    top  : 93px;

    width  : 211px;
    height : 25px;
}

#o4pl a:hover {
    background : url('images/item4plover.gif') no-repeat;
}

#o5pl a {
 background : url('images/item5pl.gif') no-repeat;

    
    left : 0px;
    top  : 124px;

    width  : 211px;
    height : 25px;
}

#o5pl a:hover {
    background : url('images/item5plover.gif') no-repeat;
}
#o6pl a {
 background : url('images/item6pl.gif') no-repeat;

    
    left : 0px;
    top  : 155px;

    width  : 211px;
    height : 25px;
}

#o6pl a:hover {
    background : url('images/item6plover.gif') no-repeat;
}

#o1en a {

    background : url('images/item1en.gif') no-repeat;
    left : 0px;
    top  : 0px;

    
    width  : 211px;
    height : 25px;
}

#o1en a:hover {
    background : url('images/item1enover.gif') no-repeat;
}


#o2en a {
background : url('images/item2en.gif') no-repeat;
    
    left : 0px;
    top  : 31px;

    width  : 211px;
    height : 25px;
}

#o2en a:hover {
    background : url('images/item2enover.gif') no-repeat;
}

#o3en a {
    background : url('images/item3en.gif') no-repeat;
   
    left : 0px;
    top  : 62px;

    
    width  : 211px;
    height : 25px;
}

#o3en a:hover {
    background : url('images/item3enover.gif') no-repeat;
}


#o4en a {
	background : url('images/item4en.gif') no-repeat;
    
    left : 0px;
    top  : 93px;

    width  : 211px;
    height : 25px;
}

#o4en a:hover {
    background : url('images/item4enover.gif') no-repeat;
}

#o5en a {
 background : url('images/item5en.gif') no-repeat;

    
    left : 0px;
    top  : 124px;

    width  : 211px;
    height : 25px;
}
#o1ru a {

    background : url('images/item1ru.gif') no-repeat;
    left : 0px;
    top  : 0px;

    
    width  : 211px;
    height : 25px;
}

#o1ru a:hover {
    background : url('images/item1ruover.gif') no-repeat;
}


#o2ru a {
background : url('images/item2ru.gif') no-repeat;
    
    left : 0px;
    top  : 31px;

    width  : 211px;
    height : 25px;
}

#o2ru a:hover {
    background : url('images/item2ruover.gif') no-repeat;
}

#o3ru a {
    background : url('images/item3ru.gif') no-repeat;
   
    left : 0px;
    top  : 62px;

    
    width  : 211px;
    height : 25px;
}

#o3ru a:hover {
    background : url('images/item3ruover.gif') no-repeat;
}


#o4ru a {
	background : url('images/item4ru.gif') no-repeat;
    
    left : 0px;
    top  : 93px;

    width  : 211px;
    height : 25px;
}

#o4ru a:hover {
    background : url('images/item4ruover.gif') no-repeat;
}

#o5ru a {
 background : url('images/item5ru.gif') no-repeat;

    
    left : 0px;
    top  : 124px;

    width  : 211px;
    height : 25px;
}
#o5ru a:hover {
    background : url('images/item5enover.gif') no-repeat;
}
#o6en a {
 background : url('images/item6en.gif') no-repeat;

    
    left : 0px;
    top  : 155px;

    width  : 211px;
    height : 25px;
}

#o6en a:hover {
    background : url('images/item6enover.gif') no-repeat;
}

#o1de a {

    background : url('images/item1de.gif') no-repeat;
    left : 0px;
    top  : 0px;

    
    width  : 211px;
    height : 25px;
}

#o1de a:hover {
    background : url('images/item1deover.gif') no-repeat;
}


#o2de a {
background : url('images/item2de.gif') no-repeat;
    
    left : 0px;
    top  : 31px;

    width  : 211px;
    height : 25px;
}

#o2de a:hover {
    background : url('images/item2deover.gif') no-repeat;
}

#o3de a {
    background : url('images/item3de.gif') no-repeat;
   
    left : 0px;
    top  : 62px;

    
    width  : 211px;
    height : 25px;
}

#o3de a:hover {
    background : url('images/item3deover.gif') no-repeat;
}


#o4de a {
	background : url('images/item4de.gif') no-repeat;
    
    left : 0px;
    top  : 93px;

    width  : 211px;
    height : 25px;
}

#o4de a:hover {
    background : url('images/item4deover.gif') no-repeat;
}

#o5de a {
 background : url('images/item5de.gif') no-repeat;

    
    left : 0px;
    top  : 124px;

    width  : 211px;
    height : 25px;
}

#o5de a:hover {
    background : url('images/item5deover.gif') no-repeat;
}
#o6de a {
 background : url('images/item6de.gif') no-repeat;

    
    left : 0px;
    top  : 155px;

    width  : 211px;
    height : 25px;
}

#o6de a:hover {
    background : url('images/item6deover.gif') no-repeat;
}