html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body { font-family:Georgia, "Times New Roman", Times, serif; font-size:76%;}
img {border:none;}
a {outline:none;}
p {margin:0; padding:0;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#logo_climbon, #plik_flash {position:absolute; width:137px; height:323px; top:0; right:20px; }
#angles {position:absolute; width:230px; height:130px; top:0; left:20px;
 background:url(../images/angles.png) no-repeat;  } 

#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
#content {margin:0 auto; width:800px; top:140px;}
#bg_text_1 {margin:0; padding:0; width:800px; height:100px; background:url(../images/bg_text_1.png) no-repeat;}
#naglowek {width:500px; margin:0 auto; padding:43px 0 0 0; height:38px; text-align:center;}
#bg_text_2 {margin:0; padding:0; width:800px; background:url(../images/bg_text_2.png) repeat-y;}
#text_srodek {margin:0 50px 0 40px; line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#texty_strony {margin:0 20px 0 20px;}
#texty_strony .ramka {border:1px solid #000000; }
#texty_strony ul, #texty_strony li {margin:0 0 0 20px; padding:0;}
#texty_strony a {color:#333; text-decoration:none;}
#texty_strony a:hover {color:#000; text-decoration:underline;}
#bg_text_3 {margin:0; padding:0; width:800px; height:112px; background:url(../images/bg_text_3.png) no-repeat;}
#fixed {position:absolute; top:0; left:0; width:100%; z-index:10; border:none; padding:0; background:url(../images/bg_top_wood.png) repeat-x; height:109px; min-width:1100px;}

#footer { clear:both; position:relative; bottom:0; width:100%; height:70px; background:url(../images/bg_footer.png) repeat-x;  } 
.linktop {color:#FFF; font-size:16px; text-decoration:none; width:60px; height:40px; background: url(../images/tlo_top.png) no-repeat; margin:0 auto; padding:6px 0 0 21px; display:block;}
h1 { font-size:24px; font-style: italic; font-weight: bold; letter-spacing:0.1em; margin:0; padding:42px 0 0 40px; }
h2 { font-size:18px; font-style: italic;  margin:0; padding:0; }
h3 { font-size:16px;  margin:0; padding:0; }
/* menu */
#menu { background:url(../images/bg_menu.png) repeat-x; width:640px; height:109px; top:0; margin:0 auto;  }
#menu2 {padding:34px 0 0 5px; }
#nav {display:inline; margin:0; padding:0; overflow: hidden; width:600px; list-style-type: none; top:0; height:24px;}
ul, li {margin:0; padding:0;}
#nav li {padding:0; margin:0; display:inline;  list-style-type:none; list-style:none; }
#nav a { display:block;  float:left; overflow:hidden; padding:24px 0 0 0; height:0 !important; margin:0 9px; }
#nav a:hover, #nav a:active  { background-position: 100% -29px; }
#nav li.current a {	background-position: 100% -29px; margin-top:9px;}
/* menu linki */
#sklep a { background: url(../images/menu_sklep.png) no-repeat left top; width:86px;}
#climb a { background: url(../images/menu_climb.png) no-repeat left top; width:100px;}
#wspieramy a{ background: url(../images/menu_wspieramy.png) no-repeat left top; width:123px;}
#gdzie_kupic a { background: url(../images/menu_gdzie.png) no-repeat left top; width:125px;  }
#kontakt a { background: url(../images/menu_kontakt.png) no-repeat left top; width:99px;  }

/*#nav span{ display: none; position: absolute; }
#nav a:hover span{display: block; }
#nav span { width: 92px; height: 20px; background: url(../images/menu_gdzie.png) no-repeat; left: 26px; top: -10px; }*/


/*------------ PRODUKTY -------------*/
.produkt_text { margin:10px 20px 10px 0; }
.koszyk  {float:right; width:130px; height:34px; background: url(../images/tlo_kosz.png) no-repeat; margin:0; 
padding:6px 0 0 21px; display:block;}
a.koszyk {font-size:16px; font-weight:700; color:#FFF; text-decoration:none;}
a.koszyk:hover {color:#CCC; }
.produkt { clear:both; }
.nazwa_produktu{height:42px; font-size:20px; font-weight:500; color:#FFFFFF; }
.tlo_produkty1 { float:left; width:25px; height:42px; background: url(../images/tlo_produkty1.gif) no-repeat; margin:0; padding:0; display:block;}
.tlo_produkty2 { float:left; height:42px; background: url(../images/tlo_produkty2.gif) repeat-x; margin:0; padding:9px 5px 0 5px; display:block;}
.tlo_produkty3 { float:left; width:25px; height:42px; background: url(../images/tlo_produkty3.gif) no-repeat; margin:0; padding:0 0 0 30px; display:block;}
.bg_hr { clear:both; background: url(../images/bg_hr.png) no-repeat; height:28px; width:743px;}

/* ---------- PRODUKTY obrazy ----------------------- */
.photo { background:#333; border:1px solid #FFF; clear:both; margin:5px 20px 5px 25px; position:relative; width:130px; height:130px; float:left; }
.photo img { margin: 5px; }
.photo a { text-decoration: none; }	
.produkt_border span { width: 120px; height: 120px; display: block; position: absolute; top:5px; left:5px; 
background: url(../images/produkt_border.png) no-repeat; }
.produkt_border img { border: none; padding: 0; }

/*----  STOPKA -------*/
#stopka {margin:0 auto; padding:15px 0 0 0; width:700px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; letter-spacing:0.1em;}
a.linkstopka{color:#FFF; text-decoration:none;  padding:2px 3px 4px 3px;}
a.linkstopka:hover {color:#CCC; border:1px solid #FFF; text-decoration:none;  padding:1px 2px 3px 2px; }
#stopka_prawa { float:right; width:168px; margin:0; padding:0; top:0;  }
#projektowanie_stron { list-style:none; padding:0; margin:0; width:183px; height:42px; position:relative; border:none;}
#projektowanie_stron span { display:none; position:absolute; }
#projektowanie_stron a { display:block; text-indent:-1900%; position:absolute; outline:none; }
#projektowanie_stron a:hover { background-position:right top;  padding:0; margin:0; }
#projektowanie_stron a:hover span {display:block;}
#projektowanie_stron .marcol {width:168px; height:42px; background:url(../images/logo_marcol_art_pl.gif) no-repeat;
 padding:0; margin:0; }