@font-face {
    font-family: 'boston';
    src: url('image/fonty/boston.eot');
    src: url('image/fonty/boston?#iefix') format('embedded-opentype'),
         url('image/fonty/boston.woff') format('woff'),
         url('image/fonty/boston.otf') format('opentype'),
         url('image/fonty/boston.ttf') format('truetype'),
         url('image/fonty/boston.svg#BostonTraffic') format('svg');
}

#najwiekszy {
  width:1280px;
  background:url(image/tlo_czyste2aa.jpg);
  margin: 0 auto;
}
#naglowek {
  width:1280px;
  height: 185px;
  background:url(image/foto_winieta01.jpg) no-repeat right top;
}
#menu_gorne1 {
   position:absolute;
   width:867px;
   height:50px;
   margin:130px 0 0 406px;
}
#srodeczek-index {
   margin: 0 0 0 0;
   width:1280px;
   height:600px;
}
#srodeczek {
   margin: 0 0 0 0;
   width:1280px;
   height:500px;
}
#index-lewy {
   margin: 60px 0 0 36px;
   width:396px;
   height:473px;
   border:1px solid white;
   float:left;
}
#index-srodek {
   margin: 166px 0 0 224px;
   width:15px;
   height:15px;
   border:1px solid white;
   float:left;
}
#index-srodek-dol {
   margin: 291px 0 0 -160px;
   width:241px;
   height:242px;
   border:1px solid white;
   float:left;
}
#index-prawy {
   margin-top: 60px;
   margin-left: 85px;
   width:396px;
   height:473px;
   border:1px solid white;
   float:left;
}
#stopka {
   margin-bottom: 0px;
   height: 90px;
}
#sklep {
   margin-left: 320px;
   height: 90px;
   width: 515px;
   background: url(image/obrazki_art/sklep_dol1.png) no-repeat;
   float:left;
}
#sklep:hover {
    background: url(image/obrazki_art/sklep_dol2.png) no-repeat;
}
#cyferki {
    height:90px;
    margin-left: 885px;
}
#nasze-galerie {
    margin: 20px 0 0 625px;
    width:620px;
    height: 50px;
    background: #424446 url(image/obrazki_art/produkcje.png) no-repeat 10px 5px;
}
#pole-poczworne {
    margin: 25px 0 0 36px;
    padding: 5px;
    width: 265px;
    height: 390px;
    background: #424446;
    float:left;
}
#pole-potrojne {
    margin: 25px 22px 0 42px;
    padding: 5px;
    width: 345px;
    height: 390px;
    background: #424446;
    float:left;
}
#pole-tekstowe-potrojne {
    width: 340px;
    height: 150px;
    border: solid 1px white;
}
#pole-zdjeciowe-potrojne {
    margin: 0 ;
    width: 340px;
    border: solid 1px white;
}
#pole-pojedyncze {
    margin: 25px 0 0 35px;
    padding: 5px;
    width: 1200px;
    height: 390px;
    background: #424446;
}
#pole-tekstowe {
    width: 47%;
    height: 340px;
    border: solid 1px white;
    float: left;
}
#pole-tekstowe-potrojne {
    width: 100%;
    height: 280px;
    border: solid 1px white;
    float: left;
}
#pole-zdjeciowe-potrojne {
    margin: -25px 0 0 620px;
    width: 100%;
    height: 120px;
    border: solid 1px white;
}
#pole-zdjeciowe {
    margin: -25px 0 0 620px;
    width: 50%;
    height: 360px;
    border: solid 0px white;
}
#zdjecia-pole-zdjeciowe {
    margin: 0 0px 0px 0;
    border: solid 0px white;
}

p.tytuly {margin:10px 20px;font-weight:normal;font-family:boston;font-size:15pt;text-align:left;color:#ffffff}
p.tytuly3 {margin:10px 20px 0 20px;font-weight:normal;font-family:boston;font-size:13pt;text-align:center;color:#ffffff}
p.tytuly2 {margin:10px 15px;font-weight:normal;font-family:boston;font-size:10pt;text-align:left;color:#ffffff}


html,body{margin:0;padding:0;background: #000}

body{font-size:8pt;font-family:tahoma,verdana,sans-serif;text-align:left}

#menu_gorne {position:absolute;width:867px;height:50px;margin:130px 0 0 130px;}
#menu {float:left;width:137px;height:33px;margin:17px 0 0 0;}
#menu_facebook {float:left;width:45px;height:45px;margin:3px 0 0 0;}

p{margin:10px 20px;font-weight:normal;font-family:tahoma,verdana;font-size:9pt;text-align:left;color:#ffffff}
p.reklama{margin:0px;font-weight:normal;font-family:tahoma,verdana;font-size:6pt;text-align:center;color:#fff}
p.indexik{margin:10px 20px;font-weight:normal;font-family:tahoma,verdana;font-size:9pt;text-align:left;color:#ffffff}
p.prawy{margin:0px 20px 5px;font-weight:normal;font-family:tahoma,verdana;font-size:8pt;text-align:right;color:#ffffff}
p.tyt_art{margin:20px 20px 5px 20px;font-weight:bold;font-family:"boston traffic";font-size:15pt;text-align:left;color:#ffffff}
p.tyt_art_tahoma{margin:10px 20px 5px 20px;font-weight:bold;font-family:tahoma;font-size:15pt;text-align:left;color:#ffffff}
p.tyt_art111{margin:10px 20px 5px 20px;font-weight:bold;font-family:"boston traffic";font-size:15pt;text-align:left;color:#ffffff}
p.tyt_art11{margin:12px 20px 5px 20px;font-weight:bold;font-family:"boston traffic";font-size:10pt;text-align:left;color:#ffffff}
p.tyt_art1{margin:20px 20px;font-weight:bold;font-family:tahoma,verdana;font-size:12pt;text-align:center;color:#ffffff}
p.naranja{font-family:Trebuchet MS;font-size:11pt;font-weight:normal;color:#ff5a02}

a {color:#fff;text-decoration:none}
a:hover {color:#fff;text-decoration:underline}
a.indexik {color:#ffffff;text-decoration:none}
a.indexik:hover {color:#ffffff;text-decoration:none}
a.galeria {background: url(image/obrazki_art/hobby_room1.jpg)}
a.galeria:hover {background: url(image/obrazki_art/hobby_room2.jpg)}
a.galeria:action {background: url(image/obrazki_art/hobby_room3.jpg)}
a.naranja {color:#ff5a02;text-decoration:none}
a.naranja:hover {color:#95989d;text-decoration:underline}

.blabla img a.selected{
background: black url(image/obrazki_art/hobby_room3.jpg) center center repeat-x;
}



#galeria1
{
position:absolute;
top:151px;
left:644px;
z-index: 11;
}
#galeria2
{
position:absolute;
top:450px;
left:664px;
z-index: 12;
}
#top1
{
position:absolute;
top:151px;
left:347px;
z-index: 12;
}
#top2
{
position:absolute;
top:151px;
left:469px;
z-index: 13;
}
#top3
{
position:absolute;
top:151px;
left:591px;
z-index: 14;
}
#top4
{
position:absolute;
top:151px;
left:723px;
z-index: 15;
}
#top5
{
position:absolute;
top:151px;
left:845px;
z-index: 16;
}

div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px}
div#container{width:858px;margin:0 auto;text-align:left}
div#srodek p{line-height:1.4;}
div#srodek{margin:0 170px;float:left}
div#lewy
{
 float:left;
 margin-left:0px;
 width:170px;
}
div#szukaj
{
 width:850px;
 margin-left:0;
 margin-bottom:0;
 background: #C8CAB5
}
div#lewy01
{
 float:left;
 width:170px;
 margin-left:0;
 margin-bottom:2px;
}
div#lewy_reklama
{
 float:left;
 width:170px;
 margin-left:0;
 margin-bottom:2px;
}
div#prawy
{
 float:left;
 margin-left:688px;
 width:170px;
}
div#prawy01
{
 float:left;
 width:170px;
 margin-left:0;
 margin-bottom:2px;
}
div#prawy02
{
 float:left;
 width:168px;
 margin-left:0;
 margin-bottom:2px;
 border-left: 1px solid black;
 border-bottom: 1px solid black;
 border-top: 1px solid black;
 border-right: 1px solid black;
}
div#prawy_reklama
{
 float:left;
 width:170px;
 margin-left:0;
 margin-bottom:2px;
}

div#footer{float:left;width:100%;background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#wrapper{float:left;width:100%}



/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 15px Verdana;
text-align: center;
width: 100%; /*leave this value as is in most cases*/
}


.indentmenu ul{
margin-top: -15px;
width: 0px;
padding: 0;
/*float: left;*/
/* width: 80%; width of menu*/
/* background: black url(indentbg.gif) center center repeat-x; */
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
width: 0px;
color: black; /*text color*/
padding-top: 0px; /*shift text down 1px*/
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
text-decoration: none;
border-right: 0px solid #e4e4e4; /*navy divider between menu items*/
background-color: #bebebe
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 0px; /*shift text down 1px*/
padding-bottom: 0px;
border-right: 0px solid #e4e4e4;
border-bottom: 0px solid #ffffff; /* background: black url(indentbg2.gif) center center repeat-x; */
background-color: #ffffff;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid black;
width: 396px;
margin-bottom: 0em;
padding: 0px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* Photo-Caption PZ3 CSS (The Good Stuff) */

.PZ3-l { float:left; clear:left;margin-right:10px;margin-left:10px; }
.PZ3-r { float:right; clear:right;margin-left:10px;margin-right:10px;margin-top:3px;margin-bottom:5px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #424446; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
 padding:0; overflow:hidden; text-decoration:none;
 height:100%; width:100%; }
html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
z-index:999; padding:0; background:none;
cursor:default; height:auto; width:auto;
overflow:visible; border:1px solid #424446;
margin:-0px 0 0 -0px;
text-decoration: none; }
html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:1; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
border:1; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
direction:ltr; font:10pt verdana,sans-serif;
margin-top:-3px; background:#424446; color:#fff;
text-align:left; }

a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap { display:none; }
.noBdr,.noBdr a:hover { border:1; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */