* {margin: 0; padding: 0; border: none; font: 14px Arial, Tahoma, Helvetica, sans-serif; color: #bbb; text-align: left; line-height: 20px;}

body {background-color: #000;}

#strona1 {position: relative; margin: 0 auto; width: 900px; height: 700px; background: #000 url("../images/prolog_man.jpg") no-repeat 262px 96px;}

#naglowek {position: relative; margin: 0 auto; width: 900px; height: 55px; padding: 0px 0 0px 0; background-color: #000; border-bottom: 4px solid #848D9E;}
#linki {float: right; width: 728px; height: 15px; padding: 20px 0 20px 0; background-color: #000;}
#nazwa {float: left; width: 160px; height: 37px; background-color: #222; text-align: center; padding: 18px 0 0 0; color: #848D9E; font-size: 15px;}
#nazwa span {color: #fff; font-weight: bold; font-size: 15px;}

#strona2 {position: relative; margin: 0 auto; width: 900px; height: 950px; background: #000 url("../images/frank.jpg") no-repeat 37px 0px; border-top: 2px solid #000;} 

.clr {clear: both;}
.right {float: right;}
.left {float: left;}

p {margin: 0px 0 0px 0; text-indent: 0px;}
p.noindent {text-indent: 0;}

.dymek {position: absolute; margin: 0; padding: 0; overflow: hidden;}
.dymek span {display: block; position: absolute; left:0; top:0;}

#reklama {position: absolute; left: 428px; top: 165px; width: 125px; height: 125px; }

a {color: #bbb; font-weight: bold; text-decoration: underline;}
a:hover {color: #fff;}

a#odp1 {display: block; width: 304px; height: 36px; position: absolute; left: 237px; top: 590px; color: #bbb; }
a#odp1:hover {color: #fff;}
a#odp1 span {display: block; width: 304px; height: 36px; position: absolute; left: 0; top: 0; background: transparent url("../images/prolog_odp.png") no-repeat 0 0; }
a#odp1:hover span {background: transparent url("../images/prolog_odp.png") no-repeat 0 -36px;}

a#odp2 {display: block; width: 304px; height: 36px; position: absolute; left: 237px; top: 640px; color: #bbb; }
a#odp2:hover {color: #fff;}
a#odp2 span {display: block; width: 304px; height: 36px; position: absolute; left: 0; top: 0; background: transparent url("../images/prolog_odp.png") no-repeat 0 -72px; }
a#odp2:hover span {background: transparent url("../images/prolog_odp.png") no-repeat 0 -108px;}


#menu {margin: 0; padding : 0; list-style: none; width: 293px; height: 272px; position: absolute; left: 595px; top: 17px;}
#menu li {position: relative; margin: 0; padding : 7px 0 0 0px; list-style: none; width: 293px; height: 27px; background: #000 url("../images/cygaro.jpg") no-repeat 0px 0px;}
#menu a {display: block; width: 190px; height:23px; position: relative; margin: 0; padding: 0 0 0 103px; font-size:12px; color: #bbb; text-decoration: none;}
#menu a:hover {color: #fff; }
#menu li span  {display: block; width: 152px; height: 23px; position: absolute; left: 103px; top: 0;}
#menu li#poz1.nieaktywny a span {background: transparent url("../images/menu.png") no-repeat 0 0;}
#menu li#poz2.nieaktywny a span {background: transparent url("../images/menu.png") no-repeat 0 -23px;}
#menu li#poz3.nieaktywny a span {background: transparent url("../images/menu.png") no-repeat 0 -46px;}
#menu li#poz4.nieaktywny a span {background: transparent url("../images/menu.png") no-repeat 0 -69px;}
#menu li#poz5.nieaktywny a span {background: transparent url("../images/menu.png") no-repeat 0 -92px;}
#menu li#poz6.nieaktywny a span {background: transparent url("../images/menu.png") no-repeat 0 -115px;}
#menu li#poz7.nieaktywny a span {background: transparent url("../images/menu.png") no-repeat 0 -138px;}
#menu li#poz8.nieaktywny a span {background: transparent url("../images/menu.png") no-repeat 0 -161px;}

#menu li#poz1.aktywny a span, #menu li#poz1 a:hover span {background: transparent url("../images/menu.png") no-repeat 0 -184px;}
#menu li#poz2.aktywny a span, #menu li#poz2 a:hover span {background: transparent url("../images/menu.png") no-repeat 0 -207px;}
#menu li#poz3.aktywny a span, #menu li#poz3 a:hover span {background: transparent url("../images/menu.png") no-repeat 0 -230px;}
#menu li#poz4.aktywny a span, #menu li#poz4 a:hover span {background: transparent url("../images/menu.png") no-repeat 0 -253px;}
#menu li#poz5.aktywny a span, #menu li#poz5 a:hover span {background: transparent url("../images/menu.png") no-repeat 0 -276px;}
#menu li#poz6.aktywny a span, #menu li#poz6 a:hover span {background: transparent url("../images/menu.png") no-repeat 0 -299px;}
#menu li#poz7.aktywny a span, #menu li#poz7 a:hover span {background: transparent url("../images/menu.png") no-repeat 0 -322px;}
#menu li#poz8.aktywny a span, #menu li#poz8 a:hover span {background: transparent url("../images/menu.png") no-repeat 0 -345px;}




#warsztaty {margin: 0; padding : 0; list-style: none; width: 342px; height: 192px; position: absolute; left: 85px; top: 323px;}
#warsztaty li {position: relative; margin: 0; padding : 0px 0 0 0px; list-style: none; width: 342px; height: 64px;}
#warsztaty a {display: block; width: 342px; height:64px; position: relative; margin: 0; padding: 0 0 0 0px; color: #bbb; text-decoration: none;}
#warsztaty a:hover {color: #fff; }
#warsztaty li a span {display: block; width: 342px; height: 64px; position: absolute; left: 0px; top: 0;}

#warsztaty li#war1 a:link span, #warsztaty li#war1 a:visited span  {background: url("../images/warsztaty.png") no-repeat 0 0px;}
#warsztaty li#war2 a:link span, #warsztaty li#war2 a:visited span  {background: url("../images/warsztaty.png") no-repeat 0 -64px;}
#warsztaty li#war3 a:link span, #warsztaty li#war3 a:visited span  {background: url("../images/warsztaty.png") no-repeat 0 -128px;}

#warsztaty li#war1 a:hover span, #warsztaty li#war1 a:active span {background: url("../images/warsztaty.png") no-repeat 0 -192px;}
#warsztaty li#war2 a:hover span, #warsztaty li#war2 a:active span {background: url("../images/warsztaty.png") no-repeat 0 -256px;}
#warsztaty li#war3 a:hover span, #warsztaty li#war3 a:active span {background: url("../images/warsztaty.png") no-repeat 0 -320px;}



#english {margin: 0; padding : 0; list-style: none; width: 273px; height: 60px; position: absolute; left: 94px; top: 109px;}
#english li {position: relative; margin: 0; padding : 0px 0 0 0px; list-style: none; width: 273px; height: 60px;}
#english a {display: block; width: 273px; height:60px; position: relative; margin: 0; padding: 0 0 0 0px; color: #bbb; text-decoration: none;}
#english a:hover {color: #fff; }
#english li a span {display: block; width: 273px; height: 60px; position: absolute; left: 0px; top: 0;}

#english li#eng1 a:link span, #english li#eng1 a:visited span  {background: url("../images/english.png") no-repeat 0 0px;}

#english li#eng1 a:hover span, #english li#eng1 a:active span {background: url("../images/english.png") no-repeat 0 -60px;}