body {
      margin: 0px;
      font-family: Verdana, Sans-Serif;
      color: #333333;
      background-color:#ffffff;
      background-image: url('gfx/bg_body.gif');
      background-repeat: repeat-x;
}

/* tutaj definiujemy, ze tak powiem "czesc uzytkowa" strony WWW, czyli w przypadku wysrodkowanej strony odnosi sie to wlasnie do tej czesci po srodku strony */

#site {
        width: 80%;
        margin: 0 auto;
        width: 850px;
        height: auto;
       
 }

td {
    border: 1px solid #999999;
}

tr {

padding: 2px;
}

#navigation1 {
              
                float: left;
                width: 850px;
                height: 30px;
}

 
#top {
      font-size: 10px;
      margin-right: 25px !important;
      margin-right: 10px;
      padding-top: 10px;
      padding-bottom: 4px;
      padding-left: 10px;
      float: right;
      color: #003366;
      display: none;
}


a.index {position: absolute; background-image: url(gfx/ROBBO5_02.gif); background-repeat: no-repeat; background-position: 0 0; width: 115px; height: 45px; top: 0px; left:0px;}

a.naprawa-sprzetu {position: absolute; background-image: url(gfx/ROBBO5_03.gif); background-repeat: no-repeat; background-position: 0 0; width: 177px; height: 45px; top: 0px; left:115px;}

a.cennik {position: absolute; background-image: url(gfx/ROBBO5_04.gif); background-repeat: no-repeat; background-position: 0 0; width: 92px; height: 45px; top: 0px; left:292px;}

a.kontakt {position: absolute; background-image: url(gfx/ROBBO5_05.gif); background-repeat: no-repeat; background-position: 0 0; width: 109px; height: 45px; top: 0px; left:384px;}

.koniec {position: absolute; background-image: url(gfx/ROBBO5_06.gif); background-repeat: no-repeat; background-position: 0 0; width: 357px; height: 45px; top: 0px; left:493px;}

/* tutaj definiujemy wyglad potocznie zwanego loga strony, w HTMLu nosi ono nazwe header */

#header {
          height: 194px;
          width: 850px;
          float: left;
          background-image: url('gfx/ROBBO5_01.gif');
}

/* tutaj definiujemy tylko polozenie nawigacji, do szczegolowego definiowania wygladu nawigacji sluzy osobny plik *.css (nawigacja.css) */

#navigation {
              float: left;
              background-color: #FFFFFF; 
              text-align: left; 
              width: 850px;
              height: 45px;
              position:relative;
                
}

#navigation1 {
              float: left;
              width:850px;
              height:38px;
                
}

#content1 {
              float: left;
                width: 850px;
                height: 30px;
}

/* tutaj definiujemy wyglad tresci, w HTMLu nosi to nazwe content */

#content {
            font-size: 12px;
            padding-left: 40px;
            padding-right: 40px;
            float: left;
            width: 770px;
            height: auto;
            background-color:#FFFFFF;
            line-height: 16px;
}

/* tutaj definiujemy wyglad stopki, czyli w HTMLu jest to footer */

#footer {
          font-size: 11px;
          padding-left: 40px;
          float: left;
          clear: both !important;
          clear: none;
          width: 780px !important;
          width: 780px;          
          text-align: left;
          color: #333333; 
          margin-bottom: 20px;       
}

/* tutaj definiujemy naglowek typu H3, musimy zadbac aby wygladal tak samo pod FF jak po IE bo ma tendecje do niespodzianek */

h3 {
margin-top: 0px;
margin-bottom: 5px !important;
margin-bottom: 0px;
font-size: 14px;
font-weight: bold;
text-align: left;
}

/* tutaj definiujemy wyglad linii poziomej hr, w HTMLu wystepuje jako znacznik 
<hr>, zazwyczaj po naglowku */

hr {
  border-top:1px dashed rgb(200,200,200);
border-width:1px 0 0 0;
height:1px;
margin-top: 5px !important;
margin-top: 0px;
margin-bottom: 5px !important;
margin-bottom: -5px;
}
 
p {
margin-top:15px !important;
margin-top:0px;
margin-bottom: 15px !important;
margin-bottom:10px;
}
 
/*  tutaj ustalamy wyglad odsylacza w stopce, w HTMLu to footer */
 
#footer a:link { text-decoration: none;margin-left: 7px; font-size:11px; color: #333333;}
#footer a:visited { text-decoration: none;margin-left: 7px; font-size:11px;color: #333333;}
#footer a:hover {text-decoration: none; font-size:11px;color: #3333333;}
#top a:active {text-decoration: none; font-size:11px; color:#FFFFFF;}

#navigation a:link {color: #FFFFFF; border: 0px;}
#navigation a:visited {color: #FFFFFF; border: 0px;}
#navigation a:hover {color: #FFFFFF; border: 0px;}
#navigation a:active {color: #FFFFFF; border: 0px;}