html, body{
    background: url('../i/background-gradient.png')
                repeat-x top
                #1f3f7b;
    height:  100%;
    width: 100%;
}

strong{
    font-weight: bold;
} 

#wrapper{
    min-width: 100%;
    min-height: 100%;
    background:  url('../i/background-siatka.png');
    text-align: center;
}

    #content{
        margin: 0px auto;
        padding: 20px 0px;
        width: 904px;
    }
    
        #content #title{
            width:  904px;
            height: 141px;
            background: url('../i/title.png');
            display: block;
            text-indent: -9999px;
        }
        
        #content .topbar{
            width: 904px;
            height: 12px;
            display: block;
            background: url('../i/topbar.png');
        }
        
        #content .middle{
            width: 904px;
            background: url('../i/middle.background.png');
            font-family: Arial, sans-serif;
            font-size: 14px;
            color: #AAA;
        }
        
            #content h1{
                margin-top: 20px;
            }
    
            #content a{
                color: fuchsia;
            }
            
            #content .middle p{
                padding: 20px 20px 0 20px;
                text-align: left;
                font-weight: normal;
            }
            
            #content .middle p.menu{
                text-align: center;
            }
            
            #content .middle ul{
                text-align: left;
                margin-left: 20px;
            }
            
            #content .middle ul li{
                list-style: circle;
                margin-left: 20px;
            }
            
            #content .middle img{
                margin: 20px;
            }
        
        
        #content .bottombar{
            width: 904px;
            height: 22px;
            display: block;
            background: url('../i/bottombar.png');
        }