body{
  background-image: url(zso__.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/*cień na ramkach*/
#RAMKA{
  width: 760px; 
  box-shadow: 5px 5px 20px #182019;
  background-color:white;
}

img {
  /*
  wyrównanie w pionie i wtedy obrazki nie robią marginesów
  nie pomaga margin ani border ani padding
  */
  vertical-align: top;
}

/*podswietlenie obrazka po najechaniu*/
img#foto:hover{
opacity : 0.50;
filter : alpha(opacity=50);
}

#RAMA{
  /*   
    width: 1025px;
  */
  width: 1025px;
  margin: auto;
  /* 
    zeby srodkjowanie działało margin:auto
    musi byc ustalona szerokosc width:1025 - 1024 było za mało i przesuwało obrazek
  */
}

#INNE{
  float:left;
}
#SROD{
  float:left;
}
#ZAKA{
  float:left;
}

#DACH{
  height:187;
}
#PIET{
  height:107;
}
#PART{
  height:114;
}
#PRZE{
  height:126;
}