html, body  
	{background: #000; 
	 text-align: center; 
	 font-size: 1em; 
	 font-family: verdana, tahoma, arial, helvetica, sans-serif;
	 	 background: #452B1E url("/i/bg.jpg");
	 	 padding-bottom: 15px;
	}
body *
	{margin: 0px; 
	 padding: 0px; 
	 font-size: 1em; 
	 text-align: left;
	}
img 
  {border: 0px;
	}
a, a:visited  {
color: #CFC1A8; 
text-decoration: none;
	}
a:hover	{
text-decoration: underline;
}

em {
	text-decoration: underline;}

ul{
margin: 0 25px 0 50px;
}

li {
color: #554536;
font-size: 18px;
font-family: Palatino Linotype;
line-height: 120%;
}

hr {
border: 1px solid white;
height: 1px;
width: 80%;
margin-left: 10%;
}


p {
margin: 25px;
color: #554536;
font-size: 18px;
font-family: Palatino Linotype;
text-align: justify;
text-indent: 25px;
line-height: 125%;
font-weight: bold;
}

.quote {
margin: 25px;
font-size: 22px;
font-family: Palatino Linotype;
text-align: right;
line-height: 150%;
font-style: italic;
color: #BFAD8F;
}	
	
div#page {
width: 800px;
margin: 0 auto;
background: #8B876E url("/i/page.jpg") repeat-y;
}

p#options {
display: block;
width: 800px;
text-align: right;
font: bold 11px Tahoma;
margin: 0 auto;
color: #773711;
}

h1#header {
width: 800px;
height: 300px;
background: #8B876E url("/i/header.jpg");
text-align: center;
}

h1#header a {
display: block;
position: relative;
top: 210px;
text-decoration: none;
font-size: 0;
width: 800px;
height: 80px;
text-indent: -9999px;
}

p#adress {
text-align: center;
color: #FFFFFF;
font-size: 25px;
font-family: "Rivanna";
margin: 5px;
}

ul#main-menu {
margin: 0;
list-style: none;
margin-left: 15px;
margin-top: 15px;
min-height: 350px;
}

ul#main-menu li {
margin: 0;
display: block;
float: left;
}

ul#main-menu li a {
display: block;
width: 150px;
height: 300px;
margin: 2px;
text-indent: -9999px;
font-size: 0px;
}

ul#main-menu li a#galeria {background: #8B876E url("/i/galeria.jpg");}
ul#main-menu li a#pasja {background: #8B876E url("/i/pasja.jpg");}
ul#main-menu li a#oferta {background: #8B876E url("/i/oferta.jpg");}
ul#main-menu li a#kontakt {background: #8B876E url("/i/kontakt.jpg");}
ul#main-menu li a#reprodukcje {background: #8B876E url("/i/reprodukcje.jpg");}

ul#menu {
margin: 0;
list-style: none;
margin-left: 15px;
margin-top: 15px;
min-height: 125px;
}

ul#menu li {
margin: 0;
display: block;
float: left;
}

ul#menu li a {
display: block;
width: 150px;
height: 100px;
margin: 2px;
font-size: 0px;
text-indent: -9999px;
}

ul#menu li a#galeria {background: #8B876E url("/i/galeria-menu.jpg");}
ul#menu li a#pasja {background: #8B876E url("/i/pasja-menu.jpg");}
ul#menu li a#oferta {background: #8B876E url("/i/oferta-menu.jpg");}
ul#menu li a#kontakt {background: #8B876E url("/i/kontakt-menu.jpg");}
ul#menu li a#reprodukcje {background: #8B876E url("/i/reprodukcje-menu.jpg");}

ul#menu li a#galeria:hover {background: #8B876E url("/i/galeria-menu.jpg") -150px;}
ul#menu li a#pasja:hover {background: #8B876E url("/i/pasja-menu.jpg") -150px;}
ul#menu li a#oferta:hover {background: #8B876E url("/i/oferta-menu.jpg") -150px;}
ul#menu li a#kontakt:hover {background: #8B876E url("/i/kontakt-menu.jpg") -150px;}
ul#menu li a#reprodukcje:hover {background: #8B876E url("/i/reprodukcje-menu.jpg") -150px;}


p#polecamy {
margin: 0;
}

p#polecamy a {
display: block;
width: 800px;
height: 123px;
background: #8B876E url("/i/polecamy.jpg");
clear: #both;
color: 544437;
font-style: italic;
text-decoration: none;
text-indent: 30px;
}

p#polecamy a:hover {
color: #000000;
}

small#footer {
display: block;
width: 800px;
height: 35px;
text-align: center;
color: #FFF;
background: #8B876E url("/i/footer.jpg");
clear: both;
font-size: 12px;
}

p#author {
display: block;
width: 800px;
text-align: right;
font: bold 10px Tahoma;
margin: 0 auto;
}

h2 {
display: block;
float: left;
margin: 25px;
width: 150px;
height: 300px;
text-indent: -9999px;
}

h2#hpasja {background: #8B876E url("/i/pasja.jpg");}
h2#hgaleria {background: #8B876E url("/i/galeria.jpg");}
h2#hoferta {background: #8B876E url("/i/oferta.jpg");}
h2#hkontakt {background: #8B876E url("/i/kontakt.jpg");}
h2#hreprodukcje {background: #8B876E url("/i/reprodukcje.jpg");}

#mapka {
float: right;
margin: 0 10px;
}

div#fotografie {
clear: both;
text-align: center;
margin-left: 60px;
}

div#fotografie img {
border: 2px solid #CFC1A8;
}

div#fotografie a {
margin: 10px;
border: 2px solid #564535;
float: left;
}

div#fotografie span {
display: block;
padding: 5px;
background: #564535;
}

.nizej {
clear: both;
}

a#reklama {
position: absolute;
top: 0;
left: 0;
display: block;
width: 174px;
height: 174px;
font-size: 0;
background: url("reklama.gif");
text-indent: -200px;
}

a#reklama2 {
position: absolute;
top: 0;
left: 0;
display: block;
width: 250px;
height: 250px;
font-size: 0;
background: url("reklama2.gif") no-repeat;
text-indent: -200px;
}


div.links a
{
  float: left;
  width: 200px;
  margin: 30px;
  text-align: center;
}
div.links a:hover
{
  text-decoration: none;
}

div.reklama-dolna
{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  text-align: center;
  color: #CCC0AA;
  background: #000;
  font-size: 12px;
  border-top: 1px solid #6F6F6F;
}


.gallery { width: 100%; height: 100%; margin: 0; padding: 0; }
#gallery { height: 90%; }
#gallery-back { height: 10%; background: #8B876E; }
#gallery-back p {  font-size: 12px; color: #FFF; padding: 4px; margin: 0; background: #000; }

