a{
text-decoration:none;
}

body{
background-image:     url(../grafika/tlo.gif);
}

  

div#main{
position: relative;
height:                220px;
width:                 950px;

}
div#main2{
position: absolute;
width: 950px;
min-height: 440px;
}


img#kema{
position: absolute;
top:4px; 
right: 0px; 
}
img#pbi{
position: absolute;
top:9px; 
left: 220px; 
}
img#znaczek{
position: absolute;
top:0px; 
left: 10px; 
z-index:2;
}
img#logogazele{
position: absolute;
top:3px; 
right: 133px; 
z-index:2;
}

span#naglowek{ 
        
font-family:     SansBold;
font-size:           26px;
}

div#pasek1{
position: absolute;
background-color:     #28156e;
height:                21px;
width:                 950px;
top:                   29px;
z-index:-1;
 }
div#tlo1{
position: absolute; 
background-image:     url(../grafika/tlo1.png);
height:                169px;
width:                 221px;
top:                  51px;
z-index:-1;


} 
img#zdj1{
position: absolute;
top:51px; 
right:0px; 
} 
img#zdj2{
position: absolute;
top:51px; 
right:243px; 
}
img#zdj3{
position: absolute;
top:51px; 
right:486px; 
}   

a.menu{
position: absolute;
top:29px;
font-family:           tahoma;
font-size:            16px;
color:                 #fdfdfd;
z-index:10;
height:21px;
text-decoration:       none;
margin:0px;
border-left:           #544883 solid 1px;
display: block;
padding-left:5px;
padding-right:5px
}
a.menu:hover{
background:            #5e4d9a;

}
div#pasek2{
position: absolute;
background-color:     #535353;
height:                17px;
width:                 950px;
top:                   0px;
z-index:-1;
 }
 
div#pasek3{
position: absolute;
background-color:     #706f6f;
height:                17px;
left: 10px;
border-left:           #7893c6 solid 2px;
border-right:           #ffffff solid 1px;
width:                 209px;
top:                   0px;
z-index:2;
font-family:           tahoma;
font-size:            13px;
color:                 #fdfdfd;
font-weight: bold;
letter-spacing:1px;
text-indent: 8px;
} 
/* menu boczne góra i dół */

div#menu3{
position: absolute;
top: 17px;
left:0px;
min-height: 250px;
height:100%;
width:                 221px;
background-color:     #7893c6;
z-index:1;
}  
div#menu4{
position: absolute;
top: 19px;
min-height: 190px;
width:                 221px;
background-color:     #7893c6;

margin-top:200px; 
bottom:0px;
left:-221px; 
z-index:0;
} 



div#wypeln{
position: absolute;
top: 17px;
left:221px;
min-height: 550px;
width:                 729px;
background-color:     #ffffff;

} 
div#stopka{
position: absolute;
background-color:     #d9d7d7;
right:0px;
height:                12px;
width:                 950px;
bottom:                   0px;
z-index:2;
font-family:           tahoma;
font-size:            9px;
color:                 #f9f9f9;
font-weight: bold;
letter-spacing:0.5px;
text-indent: 20px;
border-top:           #ffffff solid 1px;
}   
div#stopka_kwad{
position: absolute;
background-color:     #c6c6c6;
right:939px;
height:                12px;
width:                 10px;
bottom:                   0px;
z-index:3;
color:                 #c6c6c6;
} 
div#tlo2{
position: absolute; 
background-image:     url(../grafika/tlo2.png);
height:                75px;
width:                 729px;
top:                  0px;
z-index:2;


} 
img#kreska{
position: absolute;
top:21px; 
left:20px; 
z-index:3;
} 
span#nadkreska{
position: absolute;
top: 5px;
left:32px;
z-index:4;
font-family:           tahoma;
font-size:            15px;
font-weight: bold;
letter-spacing:0px;


} 

a.menugl3{

list-style-image: url(../grafika/kropka.gif);  
z-index:50;
color: #fdfdfd;
font-family:           tahoma;
font-size:            11px;
font-weight: bold;
margin-top:10px;
text-decoration:       none;
letter-spacing:1px;

}
li.menugl3:hover{
list-style-image: url(../grafika/kropka1.gif);
z-index:50;
}