body {
     padding: 0;
     background-image: url(graphics/bg.jpg);
     background-color: #fff;
     color: #000;
     font-family: Arial, Georgia, Verdana;
     font-size: 12px;
     text-align: center;
     margin: 5px auto 0 auto;
     }

div {
     padding: 0;
     margin: 0;
    }

img {
    border: none;
    margin: 0;
    padding: 0;
    }
    
#top{
     margin: 0 auto;
     width: 888px;
     height: 246px;
     text-align: center;
     overflow: hidden;
     }
     
#top-left{
          margin: 0;
          width: 650px;
          height: 246px;
          text-align: left;
          overflow: hidden;
          float: left;
          }
          
#top-right{
          margin: 0;
          width: 238px;
          height: 246px;
          text-align: left;
          overflow: hidden;
          float: left;
          }
          
#top-rigt-top{
                margin: 0;
                width: 238px;
                height: 6px;
                text-align: left;
                overflow: hidden;
                background: url(graphics/top-right-top.png);
                }
          
#top-right a{
            height: 60px;
            width: 238px;
            display: block;
            text-align: left;
            }
	

#top-right a#start {
                    background: url(graphics/start.png);
                    }
	
#top-right a#start:hover {
                          background: url(graphics/start.png) 0 -60px;
                          }
                          
#top-right a#ofirmie {
                      background: url(graphics/ofirmie.png);
                     }
	
#top-right a#ofirmie:hover {
                          background: url(graphics/ofirmie.png) 0 -60px;
                          }
                          
#top-right a#portfolio {
                      background: url(graphics/portfolio.png);
                     }
	
#top-right a#portfolio:hover {
                          background: url(graphics/portfolio.png) 0 -60px;
                          }
                          
#top-right a#kontakt {
                      background: url(graphics/kontakt.png);
                     }
	
#top-right a#kontakt:hover {
                          background: url(graphics/kontakt.png) 0 -60px;
                          }
                          
#main{
      margin: 0 auto;
      text-align: center;
      width: 888px;
      overflow: hidden;
      background-image: url(graphics/mainbg.png);
      background-repeat: repeat-y;
      }

#menu-left{
           margin: 2px 0 20px 0;
           width: 230px;
           text-align: left;
           float: left;
           overflow: hidden;
           }

#menu-left a{
             display: block;
             text-align: center;
             height: 20px;
             width: 192px;
             text-decoration: none;
             color: #9E9E9E;
             font-family: Verdana, Arial, Georgia;
             margin:0 0 0 26px;
             padding: 10px 0 5px 10px;
             border-bottom: 1px solid #9E9E9E;
             }

#menu-left a:hover{
                   color: #0093DD;
                   }

#menu-left a.incategory{
                        color: #DD137B;
                        }
                        
                        
#menu-left div{
             text-align: center;
             width: 192px;
             text-decoration: none;
             color: #9E9E9E;
             font-family: Verdana, Arial, Georgia;
             margin: 100px 0 0 26px;
             padding: 10px 0 10px 10px;
             border: 1px solid #9E9E9E;
             }

#content{
         margin: 0;
         width: 658px;
         text-align: left;
         float: left;
         padding: 0 0 30px 0;
         }

#content p{
           font-family: Arial, Georgia, Verdana;
           font-size: 12px;
           margin: 5px 28px 5px 12px;
           text-align: justify;
           color: #000;
           line-height: 18px;
         }
         
#content h1{
           font-family: Arial, Georgia, Verdana;
           text-align: left;
           margin: 5px 28px 5px 12px;
           font-size: 16px;
           color: #000;
           }
           
#content h2{
           font-family: Arial, Georgia, Verdana;
           text-align: left;
           margin: 5px 28px 5px 12px;
           font-size: 12px;
           color: #000;
           }
           
#content ul{
            margin: 0 0 15px 0;
            padding: 0 0 0 35px;
            }


#content ul li{
               font-family: Arial, Georgia, Verdana;
               text-align: justify;
               font-size: 12px;
               margin: 5px 10px 5px 10px;
               padding: 0;
               color: #000;
              }
         
#content a{
           color: #383838;
         }
         
#content a:hover{
                 color: #0093DD;
                }
                
#content table.portfolio{
                         width: 550px;
                         text-align: center;
                         margin: 5px auto;
                        }
                        
#content table.portfolio td{
                            width: 275px;
                            text-align: center;
                            padding-bottom: 20px;
                           }
                           
#content table.portfolio td a{
                              text-decoration: none;
                             }
                
.komunikat{
           border: 1px solid #B0B0B0;
           background-color: #EFEFEF;
           margin: 20px 28px 20px 12px;
           padding: 5px;
           text-align: justify;
           }

#bottom{
        margin: 0 auto;
        width: 888px;
        height: 100px;
        text-align: center;
        overflow: hidden;
        background: url(graphics/bottom.png);
        }