.galeria{
 position: relative;  /* nasz span będzie się pozycjonował względem tego elementu bo jako ostatni ma position inne od static */
 margin-top: 310px;
}

.galeria h1 {
font-size: 20px; 
position: absolute;
margin-left: 20px;
}

.miniatury > span > span{
 position: absolute; /* pozycjonujemy */
 left: 0; /* w lewy */
 top: 0; /* górny róg diva .galeria */
 display: none; /* normlanie span jest ukryty */
 width: 505px; /* jakas szerokosc */
 height: 450px; /* jakas wyskosc */
 }
 
.miniatury > span:hover > span{
display: block; /* kiedy nadrzędny span jest hoverowany, pokazujemy naszego spana z duzym zdjeciem */
}
span.cen1{
 margin-left: 450px;
 margin-top: -140px;
 background: transparent url(../img/strona1.png) 50% 50% no-repeat; /* ustawienie dużego zdjęcia */
}
span.cen2{
 margin-left: 450px;
  margin-top: -140px;
 background: transparent url(../img/strona2.png) 50% 50% no-repeat; /* ustawienie dużego zdjęcia */
}

span.cen3{
 margin-left: 450px;
  margin-top: -140px;
 background: transparent url(../img/strona3.png) 50% 50% no-repeat; /* ustawienie dużego zdjęcia */
}

span.cen4{
 margin-left: 450px;
  margin-top: -140px;
 background: transparent url(../img/strona4.png) 50% 50% no-repeat; /* ustawienie dużego zdjęcia */
}