body 
{ 
background-color: #141414; 
}

a:link {
	color: #4a3c7b;
	font-weight:bol;
	
}
a:visited {
	color: #30235b;
}
a:hover {
	color: gold;
	text-decoration:none;
}
a:active {
	color: #30235b;
}


#layout
{
width:970px; 
height:563px; 
margin:0px auto; 
}
#top 
{
width:970px; 
height:92px; 
margin:0px auto; 
background-image:url(img/top.jpg);
overflow:hidden;
}
#middle 
{
width:970px; 
height:440px; 
margin: 0 auto 0 auto;
background-image:url(img/ramka.jpg);
float:left;
}
  #galeria 
  {
  width:680px; 
  height:362px; 
  margin:0px auto;
  background-color:transparent;
  padding-left:26px;
  }

      #foto
  {
  width:366px; 
  height:364px; 
  background-color:transparent;
  float:right;
  }
  #stopka
  {
  width:970px; 
  height:31px; 
  margin:0px auto;
  background-image:url(img/stopka.jpg);
  float:left;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  a#pm { display: block; width: 716px; height: 364px;
background-image:url(img/pm.jpg);
}
a:hover#pm {  background-position: 0px -364px; margin-top:0px; }






























#gallery
{margin:0px auto; 
height:360px;
width: 670px;
background-color:transparent;
padding-left:40px;
}

#menugalerie {
width: 670px;
background-color:transparent;
height:auto;
margin: 0 auto 0 auto;
background-repeat:no-reapeat;
float:left;
padding-left:0px;
padding-top:0px;
}


a#przygotowania { display: block; width: 169px; height: 185px;
background-image:url(galerie/menu/przygotowania.jpg);background-repeat:no-reapeat;float:left
 }
a:hover#przygotowania {  background-position: 0px -185px; margin-top:0px;float:left }


a#kosciol { display: block; width: 166px; height: 185px;
background-image:url(galerie/menu/kosciol.jpg);background-repeat:no-reapeat;float:left;
 }
a:hover#kosciol {  background-position: 0px -185px; margin-top:0px;float:left; }


a#plener { display: block; width: 165px; height: 185px;
background-image:url(galerie/menu/plener.jpg);background-repeat:no-reapeat;float:left;
 }
a:hover#plener {  background-position: 0px -185px; margin-top:0px;float:left; }

a#impreza { display: block; width: 170px; height: 185px;
background-image:url(galerie/menu/impreza.jpg);background-repeat:no-reapeat;float:left;
 }
a:hover#impreza {  background-position: 0px -185px; margin-top:0px;float:left; }


a#reklama { display: block; width: 252px; height: 175px;
background-image:url(galerie/menu/reklama.jpg);background-repeat:no-reapeat;float:left;
 }
a:hover#reklama {  background-position: 0px -175px; margin-top:0px;float:left; }

a#architektura { display: block; width: 169px; height: 175px;
background-image:url(galerie/menu/architektura.jpg);background-repeat:no-reapeat;float:left;
 }
a:hover#architektura {  background-position: 0px -175px; margin-top:0px;float:left; }

a#portrety { display: block; width: 249px; height: 175px;
background-image:url(galerie/menu/portrety.jpg);background-repeat:no-reapeat;float:left;
 }
a:hover#portrety {  background-position: 0px -175px; margin-top:0px;float:left; }