body 
{
    background-color:#404040;
}


#container
{
    width:1000px;
    margin-left:auto;
    margin-right:auto;
}


#logo
{
    color:white;
    margin-top: 20px;
    font-size:44px;
    letter-spacing:3px;
    font-weight:900px;
}

#menu
{
    background-color:#303030;
    margin-top:20px;
    color:#FFFFFF;
    padding:10px
}

.option
{
    float:left;
    min-width: 50px;
    height:25px;
    font-size:18px;
    padding:10px;
    border-right:2px dotted #444444;
    opacity:0.8;
}

/*Co sie zmieni po najechaniu*/
.option:hover
{
    background-color:#000000;
    cursor:pointer;
}


#topbar
{
    background-color:#128870;
    color:#FFFFFF;
    padding:10px;
    margin-top:20px;
    margin-bottom: 25px;
    height:30px;
    font-size:16px;
    text-align:justify;
}


#sidebar
{
    float:left;
    width:148px;
    min-height: 620px;
    padding:20px;
    text-align: center;
    background-color:lightgray;
    font-size :18px;
    border-right:2px dotted #666666;

}
 
.optionL
{
    font-size:18px;
    height:25px;
    padding:10px;
    border-bottom:2px dotted #444444;
}

/*co zmieni sie po najechaniu*/
.optionL:hover
{
    background-color:#f36742;
    cursor: pointer;
    color:#FFFFFF;
}



#content
{
    float:left;
    padding:40px;
    width:730px;
    background-color:#dedede;
    text-align:justify;
    min-height:580px;
}

#footer
{
    clear:both;
    color:white;
    text-align:center;
    padding:20px;
    font-size:16px;
}

h1
{
    font-size:40px;
    border-bottom: 3px dotted #444444;
}