body {
    margin:0;
    padding:0;
}

#header {
    height:316px;
    background: transparent url(header5.jpg) 0 0 no-repeat;
    position:relative;
}
#header h1 {
    position:absolute;
    bottom:20px;
    right:20px;
}
#opis {
    width:500px;
    padding-left:15px;
    height:150px;
    background: transparent url(trans.png) top left no-repeat;
    color:white;
    position:absolute;
    right:0px;
    bottom:10px;
}
#header img {
    position:absolute;
    top:30px;
    left:50px;
    width:348px;
    height:249px;
}

#navigation {
}

#content {
    background-color:#c3d3b6;
    padding:20px 30px;
}

#footer {
    border-top:3px solid #e4e4e4;
    background-color:#f0f1f5;
    position:relative;
    padding:20px 30px;
}


#friends {
    width:46%;
    border:1px solid #ddd;
    float:left;
    padding:15px;
}
#credits {
    width:46%;
    border:1px solid #ddd;
    float:right;
    padding:15px;
}


div.szerokosc {
    width:920px;
    padding:0 30px;
}
div.uklad {
    margin:0 auto;
}