body {
background:#FAF3E4 url('../design/bg-top.jpg') repeat-x top center;
}

#container {
position: relative;
margin: 0 auto;
width:100%;
min-height: 100%;
background: url('../design/bg-bot.jpg') repeat-x bottom center;
}

#main {
position: relative;
margin: 0 auto 0 auto;
width:100%;
background: url('../design/main-top.jpg') no-repeat top center;
padding-bottom:280px;
z-index:1;
min-height: 380px;
}

#text {
position: relative;
margin: 0 auto 0 auto;
width:918px;
padding: 36px 0 0 0;
}

div.half {
width:430px;
float:right;
margin:0px 0 0 60px;
}

div.half h2 {
margin:15px 0 15px 0;
}


/* Index
--------------------------------------------------------------------------------------- */


#index {
width:281px;
float:left;
padding-top:15px
}

#news {
width:281px;
float:right;
list-style-type: none;
margin:9px 0 0 0;
}
#news li{margin-bottom:5px;}
#news span:after {
content: url('../design/arrow.gif');
padding:0px 5px 0px 6px;
}


#napis1 {
position: absolute;
display:block;
width:230px; 
height:38px;
bottom:78px;
left:206px;
background:url('../design/napis1.png') no-repeat;
text-indent:-3000px;
z-index:2

}
#napis2 {
position: absolute;
display:block;
width:324px; 
height:69px;
bottom:26px;
left:243px;
background:url('../design/napis2.png') no-repeat;
text-indent:-3000px
}

#napis-bg {
position: relative;
width:571px; 
height:290px;
border:1px solid gray;
background:#fff url('../design/img01.jpg') no-repeat center;

border-left:1px solid #EEE8D9;
border-top:1px solid #EEE8D9;
border-right:1px solid #DCD6CA;
border-bottom:1px solid #DCD6CA;
padding:15px;

  box-shadow: 1px 2px 4px #E4DCCF;
  -moz-box-shadow: 1px 2px 4px #E4DCCF;
  -webkit-box-shadow: 2px 3px 4px #E4DCCF;

}




/* Header
--------------------------------------------------------------------------------------- */

#top {
position: relative;
margin: 0 auto 0 auto;
width:992px;
height:230px;
}

#logo {
position: absolute;
display:block;
width:517px; 
height:195px;
top: 35px;
left: -14px;
background:url('../design/logo.jpg') no-repeat;
text-indent:-3000px
}



/* Menu
--------------------------------------------------------------------------------------- */

#nav-top {
position: absolute;
top: 0px;
right: 37px;
list-style-type: none;
margin:6px 0 0 0
}

#nav-top li { 
display: inline; 
margin-left:18px;
}
#nav-top li img { margin:2px 0 -2px 0}

#nav-bot {
position: absolute;
top: 0px;
right: 37px;
}

#nav-bot ul {
list-style-type: none;
margin: 0px 0 15px 0px;
}

#nav-bot ul li { 
display: inline; 
margin-left:8px;
}
#nav-bot ul li:before { 
content:"|";
margin-right:8px;
}
#nav-bot ul li:first-child:before { 
display:none
}


#nav-main {
position: absolute;
width:581px; 
height:43px;
bottom: 0px;
right: 0px;
background:url('../design/menu.jpg') no-repeat;
z-index:10;
list-style-type: none;
margin:0px
}

ul#nav-main li {
top:0;
left:0;
position: absolute;
z-index:4;
}

ul#nav-main li a{
position: absolute;
height: 43px;
top:0;
display: block;
text-indent: -4000px;
z-index:10;
}

ul#nav-main a#m01 {width: 123px; left:0px;}
ul#nav-main a#m02 {width: 86px; left:123px;}
ul#nav-main a#m03 {width: 91px; left:209px;}
ul#nav-main a#m04 {width: 90px; left:301px;}
ul#nav-main a#m05 {width: 87px; left:393px;}
ul#nav-main a#m06 {width: 101px; left:480px;}

ul#nav-main a#m01:hover {background: url('../design/menu.jpg') 0px 43px }
ul#nav-main a#m02:hover {background: url('../design/menu.jpg') -123px 43px }
ul#nav-main a#m03:hover {background: url('../design/menu.jpg') -209px 43px }
ul#nav-main a#m04:hover {background: url('../design/menu.jpg') -301px 43px }
ul#nav-main a#m05:hover {background: url('../design/menu.jpg') -393px 43px }
ul#nav-main a#m06:hover {background: url('../design/menu.jpg') -480px 43px }

ul#nav-main a.current{height: 62px; z-index:20}
ul#nav-main a#m01.current, ul#nav-main a#m01.current:hover {width: 120px; left:3px; background: url('../design/menu-current.png') 0px 0px;}
ul#nav-main a#m02.current, ul#nav-main a#m02.current:hover {width: 103px; left:106px; background: url('../design/menu-current.png') -120px 0px;}
ul#nav-main a#m03.current, ul#nav-main a#m03.current:hover {width: 109px; left:192px; background: url('../design/menu-current.png') -223px 0px;}
ul#nav-main a#m04.current, ul#nav-main a#m04.current:hover {width: 111px; left:282px; background: url('../design/menu-current.png') -332px 0px;}
ul#nav-main a#m05.current, ul#nav-main a#m05.current:hover {width: 104px; left:376px; background: url('../design/menu-current.png') -443px 0px;}
ul#nav-main a#m06.current, ul#nav-main a#m06.current:hover {width: 118px; left:463px; background: url('../design/menu-current.png') -547px 0px;}



/* Footer
--------------------------------------------------------------------------------------- */

#bottom {
position: absolute;
height:280px;
width:100%;
bottom: 0px;
left: 0;
z-index:2
}

#bottom-bg {
position: absolute;
height:339px;
width:100%;
bottom: 0px;
left: 0;
background: url('../design/bottom.jpg') no-repeat top center;
z-index:0
}


#footer {
position: relative;
margin: 170px auto 0 auto;
width:918px;
padding:0 37px;
z-index:10;
}

#footer img  {
float:left;
margin:0 25px 0px -3px;
padding:0
}







/* Index
--------------------------------------------------------------------------------------- */