#lewa {
    margin  : 0px;
    border  : none;
    padding : 10px;
    width   : 160px;
    float   : left;
}

#prawa {
    margin  : 0px;
    border  : 1px;
    padding : 20px;
    float   : left;
}

.navbar {
    width: 220px;
    float: left;
}


.navbar img {
    border: none;
    margin: 0;
    padding: 0;
}

.strnavbar {
width: 240px;
float: right;
text-align: right;
}

.strnavbar img {
    border: none;
    margin: 0;
    padding: 0;
}


h1 {
    text-align: center;
    line-height: 140%;
    clear: both;
    padding-top: 40px;
}

#center h2 {
    text-align: center;
    line-height: 140%;
    font-size: 100%;
}

div.toc {
    margin: 0 auto;
    border: 1px solid gray;
    background: #f0fff9;
    padding: 10px;
    margin-bottom: 50px;
}

div.toc ol {
    list-style-type: none;
    
}


pre {
    border: 1px solid black;
    background: #efefef;
    padding: 10px 10px 10px 10px;
    margin-top: 20px;
    margin-bottom: 20px;    
    line-height: 140%;
    width: 475px;
    overflow: scroll;
}





div.image {
    margin: 20px auto;
    text-align: center;
    border: 1px solid black;
    background: #e0eefe;
    padding-top: 30px;
    padding-bottom: 30px;    
}

div.table {
    margin: 50px auto;
}

div.table p {
    text-align: center;
}

div.frame {
    border: 1px solid gray;
    margin: 30px;
    padding: 10px;    
    background: #f2fffc;
    font-size: 120%;
}

span.variable {
    font-family: "Courier New", monospace;
    font-weight: bold;
    color: #0016ae;
}

span.filename {
    font-family: "Courier New", monospace;
    font-weight: bold;
    color: #a90505;
}

span.program {
    font-weight: bold;
}

span.option {
    font-weight: bold;
    font-style: italic;
    font-family: Georgia, serif;
    color: #0061c1;
}

div.listing  {
    background: #f9f9f9;
    border: 1px solid black;
    margin: 10px auto;
    width: 495px;
}

div.listing p {
    text-align: center;
}

div.listing pre {
    background: #f9f9f9;
    border: none;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;    
}

div.listing>pre {
    overflow: visible;
}



table {
    border-collapse: collapse;
    border: 1px solid black;
    margin: 0 auto;
}

td, th {
    border: 1px solid black;
    padding: 2px 4px;
}


.artykul {
    text-align: left;
/*    border: 1px solid gray; */
    margin: 40px 0;
    padding: 0;
   
}

.artykul img {
    border: none;
    vertical-align: middle;        
}

.artykul .dalej {
    text-align: right;
    margin: 0;
    padding: 0;
    width: 200px;
    float: right;
    font-size: 80%;    
    vertical-align: middle;    
}

.artykul .data {
    text-align: left;
    margin: 0;
    padding: 0;
    width: 200px;
    float: left;
    font-size: 80%;    
    text-indent: 20px;
}

.artykul p {
    margin: 0;
    padding: 0;
}

.artykul h3 {
    text-align: left;
    font-size: 100%;
    margin: 0;
    padding: 0;
}


div.frame pre {
    width: 398px;
    overflow: scroll;    
    
}

#center>pre {
    overflow: visible;
}


div.frame>pre {
    overflow: visible;
}