* { margin: 0; padding: 0; border: none; }
body { font-family: Verdana, Tahoma,  sans-serif; 
          font-size: 11px; font-weight: normal; 
         background-image: url('images/bg-p.jpg'); background-repeat: no-repeat; background-position: center; background-attachment: fixed;
	 background-color: black }


a { color: #ffffff; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: underline; }

#frame { width: 1000px; margin: 0 auto; text-align: left; }
#frame #top { width: 1000px; height: 158px; background: url('images/top2.png') no-repeat left top; position: relative; }

#top ul li#bio a { background-image: url('images/button/bio.png'); width: 91px; height: 34px; position: absolute; left: 37px; top: 109px; background-position: 150px 200px; background-repeat: no-repeat; }
#top ul li#zdjecia a { background-image: url('images/button/zdjecia.png'); width: 91px; height: 34px; position: absolute; left: 143px; top: 109px; background-position: 150px 200px; background-repeat: no-repeat; }
#top ul li#kontakt a { background-image: url('images//button/kontakt.png'); width: 91px; height: 34px; position: absolute; left: 248px; top: 109px; background-position: 150px 200px; background-repeat: no-repeat; }
#top ul li#linki a { background-image: url('images/button/linki.png');  width: 91px; height: 34px; position: absolute; left: 355px; top: 109px; background-position: 150px 200px; background-repeat: no-repeat; }

#top ul li#bio a:hover, #top ul li#zdjecia a:hover, #top ul li#kontakt a:hover, #top ul li#linki a:hover { background-position: 0% 0px; }

#frame #sklep { width: 850px; height: 100px; background: url('images/sklep.jpg') no-repeat left top; margin-bottom: 25px; position: relative; }
#sklep ul li#link a { background-image: url('images/sklep-link.jpg'); width: 336px; height: 100px; position: absolute; left: 514px; top:0px; background-position: 150px 200px; background-repeat: no-repeat; }
#sklep ul li#link a:hover { background-position: 0% 0px; }


#frame #subpage { width: 1000px; position: relative; overflow: hidden; }
#frame #subpage #left { float: left; width: 780px;  min-height: 655px; margin-right: 20px; background: url('images/02.png');position: relative; } 
#frame #subpage #right { float: right; width: 200px;  min-height: 200px; background: url('images/01.png'); position: relative; }
#frame #subpage #right-d { float: right; width: 180px;  min-height: 200px; margin-top: 16px; background: url('images/bg_right2.jpg'); position: relative; }

#frame #subpage #left #tekst { float: left; width: 430px;  min-height: 655px; background: url('images/bg_right3.jpg'); position: relative; }
#frame #subpage #left #galeria { float: right; width: 200px;  min-height: 655px; background: url('images/bg_right3.jpg'); position: relative; }

#left .content { margin-left: 50px; margin-right: 15px; padding-bottom: 30px; margin-top: 50px; }
#left .content p { margin-top: 20px; }
#right .content { margin-left: 0px; margin-right: 3px; padding-bottom: 0px; }
#right .content p { margin-top: 0px; }

.content h1 { clear: both; font-weight: normal; margin-top: 0px; margin-bottom: -14px; font-size: 12px; color: #cc0000; font-family: Verdana,Arial, Tahoma,  sans-serif;  }
.content h2 { clear: both; font-weight: bold; margin-top: 16px; margin-bottom: 0px; font-size: 15px; color: #000000; font-family: Verdana, sans-serif;  }
.content h4 { text-align: justify; clear: both; font-weight: normal; margin-top: 10px; margin-bottom: 0px; font-size: 12px; color: white; font-family: Verdana,Arial, Tahoma,  sans-serif;  }
.content h5 { font-weight: normal; margin-top: 16px; margin-bottom: 0px; font-size: 12px; color: #000000; font-family: Verdana,Arial, Tahoma,  sans-serif;  }
.content h3 { clear: both; font-weight: normal; margin-top: 16px; margin-bottom: -12px; font-size: 9px; color: white; font-family: Verdana, sans-serif;  }
.content h6 { clear: both; font-weight: normal; margin-top: 20px; margin-left: 90px; margin-right: 90px; margin-bottom: 0px; font-size: 12px; color: white; font-family: Verdana,Arial, Tahoma,  sans-serif;  }


.content span.float-left { float: left; padding-right: 12px; padding-bottom: 4px; padding-top: 4px; }
.content span.float-right { float: right; padding-left: 12px; padding-bottom: 4px; padding-top: 4px; }

#left img { vertical-align: middle; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; padding-top: 5px;}
#left .fmoto {text-align: right; vertical-align: middle; padding-left: 20px; padding-right: 15px; padding-bottom: 10px; padding-top: 15px;}


#footer { width: 1000px; height: 50px;}