BODY {background: white}
/*    position: absolute;
      left: 50%;
      margin-left: -450px;  */
   



  #naglowek{
        
      margin-left: auto; /* ta opcja moze spowodowac wysrodkowanie tekstu zawartego w divie*/
      margin-right: auto; 
      left: 50%;
      width: 900px;
      height: 13px;
      background-image: url('images/gora.png');
      background-repeat: no-repeat;
      border: 0px ;


  }
  #calosc {
      
      margin-left: auto;
      margin-right: auto; 
      width: 900px;
      background-image: url('images/srodek.png');
      background-repeat: repeat-y;
      border: 0px ;

  }

#logo {

      width: 400px;
      height: 150px;
      margin-left: 250px;
      background-image: url('images/sloneczko_150.jpg');
      background-repeat: repeat-y;
      border: 0px ;
      



}
#menu {
      width: 900px;
      background-image: url('images/srodek.png');
      background-repeat: repeat-y;
      border: 0px ;
      


}
#srodekmenu {
      margin-left: 5px;
      width: 890px;
      background: transparent;
      border: 0px ;


}
#tlomenu {
       width: 883px;
       height: 39px;
       margin-left: 2px;
       left: 50%;
       padding:2px 0;
      /* border:1px solid #a50;
       border-color:#a50 #fa5 #610 #fa5;         obramowanie menu */
       background:#f2a057 url('images/grad.jpg') repeat-x bottom left;

       }
/*   img's index*/


#cien {
       width: 883px;
       height: 11px;
       margin-left: 2px;
       left: 50%;       
       background-image: url('images/cien_menu.jpg');
       background-repeat: no-repeat;


}

#img_index1 {
   
    position: absolute;
    width: 270px;
    height: 110px;
    margin-left: 14px;
    text-align: left;
    background-image: url('images/sloneczko.img.index1.jpg');
    background-repeat: no-repeat;

}

#img_index2 {
    position: absolute;
    float:left;
    width: 270px;
    height: 110px;
    margin-left: 314px;
    text-align: left;
    background-image: url('images/sloneczko.img.index2.jpg');
    background-repeat: no-repeat;

}

#img_index3 {
    position: absolute;
    float:right;
    width: 270px;
    height: 110px;
    margin-left: 614px;
    text-align: left;
    background-image: url('images/sloneczko.img.index3.jpg');
    background-repeat: no-repeat;

}
/* in's */

#in4 {
    width:500px;
    height:40px;


}
#in1 {
    
    width: 600px;
    height: 60px;
    margin-left: 230px;
    text-align: center;
    font-weight: bold;
    font-family:"Trebuchet MS",verdana,arial,sans-serif;
    font-size: 25px;
}

#in2 {
    
    width: 300px;
    height: 150px;
    margin-left: 390px;
    text-align: left;
    font-weight: normal;
    font-family:"Trebuchet MS",verdana,arial,sans-serif;
    font-size: 16px;

}
#in3 {
    float:left;
    width: 169px;
    height: 214px;
    margin-left: 6px;
    text-align: left;
    font-weight: normal;
    font-family: "arial";
    font-size: 12px;
    background-image: url('images/bok.jpg');
    background-repeat: no-repeat;

}
#in3b {
    float:left;
    width: 169px;
    height: 400px;
    margin-left: 6px;
    text-align: left;
    font-weight: normal;
    font-family: "arial";
    font-size: 12px;
    background:transparent ;

}
#in1_kontakt {
    
    width: 150px;
    height: 80px;
    margin-left: 400px;
    text-align: left;
    font-weight: bold;
    font-family:"Trebuchet MS",verdana,arial,sans-serif;
    font-size: 30px;
}
#cont_kontakt{
  
    width: 450px;
    height: 180px;
    margin-left: 300px;
    
}
#in2_kontakt {
    position: absolute;
    float: left
    width: 150px;
    height: 180px;
    margin-left: 0px;
    text-align: left;
    font-weight: none;
    font-family:"Trebuchet MS",verdana,arial,sans-serif;
    font-size: 16px;
}
#in3_kontakt {
    position: absolute;
    float: right;
    width: 250px;
    height: 180px;
    margin-left: 210px;
    text-align: left;
    font-weight: none;
    font-family:"Trebuchet MS",verdana,arial,sans-serif;
    font-size: 16px;
}


#cont_ofirmie{
  
    width: 550px;
    height: 250px;
    margin-left: 190px;
    
}

#in1_ofirmie {
    
    width: 150px;
    height: 80px;
    margin-left: 400px;
    text-align: left;
    font-weight: bold;
    font-family:"Trebuchet MS",verdana,arial,sans-serif;
    font-size: 30px;
}

#in2_ofirmie {
    
    width: 550px;
    height: 250px;
    margin-left: 0px;
    text-align: center;
    font-weight: none;
    font-family:"Trebuchet MS",verdana,arial,sans-serif;
    font-size: 16px;
    
    }



    
    
    
#menu_oferta {

    position: absolute;
    width: 247px;
    height: 237px;
    margin-left: 16px;
    background-image: url('images/oferta.menu.jpg');
    background-repeat: no-repeat;
    margin-top: 20px;


} 


#cien2 {

    position: absolute;
    width: 247px;
    height: 7px;
    margin-left: 16px;
    background-image: url('images/shadow.menu.oferta.jpg');
    background-repeat: no-repeat;
    margin-top: 257px;
}
    
    
    
#menu_h1 {
 
    background:transparent;
    position: absolute;
    width: 247px;
    height: 71px;
    margin-left: 0px;
    margin-top: 0px;

}



a#rollover_h1 { 
            display: block; 
            width: 247px; 
            height: 71px; 
            background: transparent; 

}

a:hover#rollover_h1 { 
            display: block; 
            width: 247px; 
            height: 71px; 
            background: url(images/oferta.menu.h1.jpg) no-repeat; 

}




#menu_h2 {
 
    background:transparent;
    position: absolute;
    width: 247px;
    height: 47px;
    margin-left: 0px;
    margin-top: 0px;

}
a#rollover_h2 { 
            display: block; 
            width: 247px; 
            height: 47px; 
            background: transparent; 

}

a:hover#rollover_h2 { 
            display: block; 
            width: 247px; 
            height: 47px; 
            background: url(images/oferta.menu.h2.jpg) no-repeat; 

}






#menu_h3 {
 
    background:transparent;
    position: absolute;
    width: 247px;
    height: 47px;
    margin-left: 0px;
    margin-top: 0px;

}
a#rollover_h3 { 
            display: block; 
            width: 247px; 
            height: 47px; 
            background: transparent; 

}

a:hover#rollover_h3 { 
            display: block; 
            width: 247px; 
            height: 47px; 
            background: url(images/oferta.menu.h3.jpg) no-repeat; 

}





#menu_h4 {
 
    background:transparent;
    position: absolute;
    width: 247px;
    height: 72px;
    margin-left: 0px;
    margin-top: 0px;

}

a#rollover_h4 { 
            display: block; 
            width: 247px; 
            height: 72px; 
            background: transparent; 

}

a:hover#rollover_h4 { 
            display: block; 
            width: 247px; 
            height: 72px; 
            background: url(images/oferta.menu.h4.jpg) no-repeat; 

}



#in1_oferta {


            position: absolute;
            width: 500px;
            height: 30px;
            margin-left: 350px;
            text-align: center;
            font-weight: bold;
            margin-top:50px;
            font-family:"Trebuchet MS",verdana,arial,sans-serif;
            font-size: 30px;


}

#in2_oferta {


            position: absolute;
            width: 500px;
            height: 300px;
            margin-top: 130px;
            margin-left: 350px;
            text-align: center;
            font-weight: none;
            font-family:"Trebuchet MS",verdana,arial,sans-serif;
            font-size: 16px;


}



#img_oferta1 {
   
    position: absolute;
    width: 270px;
    height: 110px;
    margin-left: 14px;
    text-align: left;
    margin-top: 370px;
    background-image: url('images/sloneczko.img.oferta1.jpg');
    background-repeat: no-repeat;

}

#img_oferta2 {
    position: absolute;
    float:left;
    width: 270px;
    height: 110px;
    margin-left: 314px;
    margin-top: 370px;
    text-align: left;
    background-image: url('images/sloneczko.img.oferta2.jpg');
    background-repeat: no-repeat;

}

#img_oferta3 {
    position: absolute;
    float:right;
    width: 270px;
    height: 110px;
    margin-top: 370px;
    margin-left: 614px;
    text-align: left;
    background-image: url('images/sloneczko.img.oferta3.jpg');
    background-repeat: no-repeat;

}


#galeria {


    position: absolute;
    width: 800px;
    height: 200px;
    margin-top: 380px;
    margin-left: 107px;
    border: 0px solid black;

}

#wyd1 {
    width: 130px;
    height: 130px;
    position: absolute;
    margin-left: 50px;
    background-image: url('images/wyd1.jpg');
    background-repeat: no-repeat;
}
#wyd2 {
    width: 130px;
    height: 130px;
    position: absolute;
    margin-left: 200px;
    background-image: url('images/wyd2.jpg');
    background-repeat: no-repeat;
}
#wyd3 {
    width: 130px;
    height: 130px;
    margin-left: 360px;
    position: absolute;
    background-image: url('images/wyd3.jpg');
    background-repeat: no-repeat;
}
#wyd4 {
    width: 130px;
    height: 130px;
    margin-left: 510px;
    position: absolute;
    background-image: url('images/wyd4.jpg');
    background-repeat: no-repeat;
}


#druk1 {
    width: 130px;
    height: 130px;
    position: absolute;
    margin-left: 50px;
    background-image: url('images/druk1.jpg');
    background-repeat: no-repeat;
}
#druk2 {
    width: 130px;
    height: 130px;
    position: absolute;
    margin-left: 200px;
    background-image: url('images/druk2.jpg');
    background-repeat: no-repeat;
}
#druk3 {
    width: 130px;
    height: 130px;
    margin-left: 360px;
    position: absolute;
    background-image: url('images/druk3.jpg');
    background-repeat: no-repeat;
}
#druk4 {
    width: 130px;
    height: 130px;
    margin-left: 510px;
    position: absolute;
    background-image: url('images/druk4.jpg');
    background-repeat: no-repeat;
}


#drukb1 {
    width: 130px;
    height: 130px;
    position: absolute;
    margin-left: 50px;
    background-image: url('images/drukb1.jpg');
    background-repeat: no-repeat;
}
#drukb2 {
    width: 130px;
    height: 130px;
    position: absolute;
    margin-left: 200px;
    background-image: url('images/drukb2.jpg');
    background-repeat: no-repeat;
}
#drukb3 {
    width: 130px;
    height: 130px;
    margin-left: 360px;
    position: absolute;
    background-image: url('images/drukb3.jpg');
    background-repeat: no-repeat;
}
#drukb4 {
    width: 130px;
    height: 130px;
    margin-left: 510px;
    position: absolute;
    background-image: url('images/drukb4.jpg');
    background-repeat: no-repeat;
}

#kody1 {
    width: 130px;
    height: 130px;
    position: absolute;
    margin-left: 50px;
    background-image: url('images/kodym1.jpg');
    background-repeat: no-repeat;
}
#kody2 {
    width: 130px;
    height: 130px;
    position: absolute;
    margin-left: 200px;
    background-image: url('images/kodym2.jpg');
    background-repeat: no-repeat;
}
#kody3 {
    width: 130px;
    height: 130px;
    margin-left: 360px;
    position: absolute;
    background-image: url('images/kodym3.jpg');
    background-repeat: no-repeat;
}
#kody4 {
    width: 130px;
    height: 130px;
    margin-left: 510px;
    position: absolute;
    background-image: url('images/kodym4.jpg');
    background-repeat: no-repeat;
}
/* end of in's*/



#stopka1 {
    text-align: center;
    font-weight: bold;
    font-family: "Trebuchet MS";
    font-size: 12px
}
#stopka2 {
  
    margin-top: 430px;
    text-align: center;
    font-weight: bold;
    font-family: "Trebuchet MS";
    font-size: 12px
}

   #dol{
      margin-left: auto;
      margin-right: auto; 
      left: 50%;
      width: 900px;
      height: 30px;
      background-image: url('images/dol.png');
      border: 0px ;


}




.odsylacz a:link { color: brown ;
                   text-decoration:none;
                 } 
.odsylacz a:visited{ color: orange;
                      text-decoration:none;
                       }  
.odsylacz a:hover{ color: orange;
                      text-decoration:none;
                       }  
.odsylacz a:current{ color: orange;
                      text-decoration:none;
                       }   
.odsylacz a:active { color: orange;
                     text-decoration:none;
                   }






#buttony {


       width: 400px;
       height: 39px;
       margin-left: 280px;
       border:0px solid #a50;
       background: transparent;


}

#point {display:table;
padding:0;
margin: auto;
list-style:none;
white-space:nowrap;
}


#point li {
display:table-cell;
margin:0;
padding:0;}


#point li a {

float:left; 
font-family:arial;
font-size:0.8em; 
height:3.1em; 
line-height:40px;
letter-spacing:1px; 
padding:0 1em;
text-decoration:none; 
color:#fff;
 background: transparent; /* #f2a057 url('images/grad.jpg') repeat-x bottom left; */ 
border-right:1px solid #d60;
border-left:1px solid #fb6;}











#point li a:hover, #point li a.current {

background:#e93 ; 


              }
<!--[if IE]>



#point {display:inline-block;}
#point {display:inline;}
#point li {float:left;}
#outer {text-align:center;}
<![endif]-->