/* relevant for the tutorial - start */
#gallery { position: relative; }
#pictures { position: relative; height: 235px; width:345px; }
#pictures img { position: absolute; top: 0; left: 0; }

#prev { margin: 0px 10px 0px 0px; text-align: center; width:17px; height:15px; font-size: 1.0em; float:left; background:url(../images/freccia_sx.png); }
#prev :hover{  background:url(../images/freccia_sx_hover.png); }
#prev a{ display:block; width:17px; height:15px; }

#next { margin: 0px 10px 0px 0px; text-align: center; width:17px; height:15px; font-size: 1.0em; float:left; background:url(../images/freccia_dx.png);}
#next :hover{  background:url(../images/freccia_dx_hover.png); }
#next a{ display:block; width:17px; height:15px; }

/* relevant for the tutorial - end */