body {
position:relative;
background-color: #0b1e32;
margin:0;
padding:0;
}
.mailto {
color:#194269;
font: bold 10pt sans-serif;
}
input, textarea, select {
border: 1px solid #687887;
background-color: #eceefd;
margin-top: 2px;
padding:2px;
color:#000;
font: normal 10pt sans-serif;
}
textarea{
overflow:auto
}
.ok {
border: 1px solid #009600; 
background-color:#8FFF6B; 
color: #009600;
}
.blad {
border: 1px solid #DC0000; 
background-color:#FFD4D4; 
color: #DC0000;
}
.blad, .ok {
font: bold 9pt sans-serif;
text-align:center;
margin:10px;
}
#info_poczta .blad, #info_poczta .ok {
width:310px;
}
.gwiazdka {
color: #DC0000;
font: bold 9pt sans-serif;
}
.b {
font-weight: bold;
}
.red {
color: #DC0000;
}


/****************************************************** naglowek,  menu gorne */
div#nag_t {
background-color: #132a45;
background-image: url('img/narzedzia-budowlane-spinex_01.gif');
width:100%;
height:91px;
}
div#logo {
float: left;
background-image: url('img/narzedzia-budowlane-spinex-logo.jpg');
width:285px;
height:86px;
}		
#menu_g div {
float: left;
}
div.menu_g {
margin-top: 55px;
}		
div#menu_g a {
color:#fff;
font: bold 10pt sans-serif;
text-decoration: none;		
margin: 0 10px 0 30px;
}		
div#menu_g a:hover, div#pr_mala_kolumna_nazwa a:hover, div#l_duza_kolumna_nazwa a:hover, div#stop_tresc_l a:hover {
color:#FFFF0F;
text-decoration: underline;  
}			
div#menu_g {
float: right;
}
div.kr1 {
background-image: url('img/narzedzia-budowlane-spinex_21.gif');
width:5px;
height:91px;
}	
/* naglowek, menu gorne koniec */

/********************************************************* reklama baner info */
div#info_tlo {
background-color: #677582;
background-image: url('img/narzedzia-budowlane-spinex_04.jpg');
width:100%;
height:287px;
}
div#info {
background-image: url('img/narzedzia-budowlane-spinex_05.jpg');
height:287px;
}
div#do_sklepu {
position:relative;
left:500px;
background-image: url('img/baner-belka.gif');
width:478px;
height:123px;
}
div#do_sklepu a{
position:absolute;
top:98px;
left:220px;
color:#000;
font: bold 10pt sans-serif;
}
div#do_sklepu_produkty {
position:absolute;
top:1px;
left:518px;
}
div#do_sklepu_produkty img{
padding: 0 15px 0 15px;
}
/* reklama baner info koniec */

/*************************************************************** cześć glówna */
div#kontener, div#nag, div#info {
width:985px;
margin-left:auto;
margin-right:auto;
position:relative;
}

div#srod {
position:absolute;
top:-38px;
}

/********************************************************** lewa duza kolumna */
div#l_duza_kolumna {
float:left;
margin-right:25px;
}
div#l_duza_kolumna_nazwa {
background-color: #0a1626;
background-image: url('img/narzedzia-budowlane-spinex_10.jpg');
width:640px;
height:38px;
}
div#l_duza_kolumna_tlo {
background-color: #ECEDFD;
background-image: url('img/narzedzia-budowlane-spinex_12.gif');
width:640px;
overflow: auto;
}
div#l_duza_kolumna_tresc {
background-image: url('img/narzedzia-budowlane-spinex_11.jpg');
background-repeat:no-repeat;
width:640px;
overflow: auto;
}
div#l_duza_kolumna_tresc hr{
border-top:1px solid #b7b7c8;
border-width:1px 0 0 0;
height:1px;
width:95%;
clear:both;
}
div#l_duza_kolumna_dol {
background-image: url('img/narzedzia-budowlane-spinex_13.gif');
background-repeat:no-repeat;
width:640px;
height:18px;
}

/* lewa duza kolumna koniec */

/********************************************************* prawa mala kolumna */
div#pr_mala_kolumna {
width:320px;
float:left;
}
div#pr_mala_kolumna_nazwa {
background-color: #0a1626;
background-image: url('img/narzedzia-budowlane-spinex_14.jpg'); 
width:320px;
height:38px;
}
div#pr_mala_kolumna_tresc {
background-image: url('img/narzedzia-budowlane-spinex_17.gif');
background-color: #ECEDFD;	
width:320px;
overflow: auto;
}
div#pr_mala_kolumna_dol {
background-image: url('img/narzedzia-budowlane-spinex_15.gif');
background-repeat:no-repeat;	
width:320px;
height:18px;
} 		
/* prawa mala kolumna koniec */

/********************************************************* jedna duza kolumna */
div#duza_kolumna {
float:left;
}
div#duza_kolumna_nazwa {
background-color: #0a1626;
background-image: url('img/narzedzia-budowlane-spinex_25.jpg');
width:985px;
height:38px;
}
div#duza_kolumna_tlo {
background-color: #ECEDFD;
background-image: url('img/narzedzia-budowlane-spinex_242.gif');
width:985px;
overflow: auto;
}
div#duza_kolumna_tresc {
background-image: url('img/narzedzia-budowlane-spinex_22.jpg');
background-repeat:no-repeat;
width:985px;
overflow: auto;
}		
div#duza_kolumna_dol {
background-image: url('img/narzedzia-budowlane-spinex_232.gif');
background-repeat:no-repeat;
width:985px;
height:18px;
}
/* jedna duza kolumna koniec */


/********************************************************************* stopka */
div#stop {	
float:left;
width:985px;
margin:25px 0 0 0;
height:125px;
}		
div#stop_l {
background-image: url('img/narzedzia-budowlane-spinex_19.gif');		
width:18px;
height:64px;		
float:left;
}		
div#stop_tresc {
background-image: url('img/narzedzia-budowlane-spinex_18.gif');	
background-repeat: repeat-x;	
width:947px;
height:64px; 	
float:left;
color:#fff;
}		
div#stop_p {
background-image: url('img/narzedzia-budowlane-spinex_20.gif');		
width:18px;
height:64px; 	
float:left;
}
div#stop_tresc_l {
width:940px;
float:left;
padding:10px 15px 0 0;
font: bold 10pt sans-serif;
}
div#stop_tresc_l hr{
border-top:1px solid #fff;
border-width:1px 0 0 0;
height:1px;
}
div#stop_tr_p {
}
/* stopka tresc */


/************************************************************ przycisk wiecej */
div.w1{
margin:5px;
}
div.w2{
background-image: url('img/w_01.gif');
width:3px;
height:26px;
float:left;
}
div.w3{
background-image: url('img/w_02.gif');
width:90px;
height:26px;
float:left;
text-align: center;
}
div.w3 div{
margin-top:3px;
}
div.w3 a{
color:#000;
font: normal 9pt sans-serif;
}
div.w3 a:hover{
text-decoration: none;
}
div.w4{
background-image: url('img/w_03.gif');
width:3px;
height:26px;
float:left;
}
/* przycisk wiecej koniec */

div.dzial{
padding:10px 0 0 20px;
color:#fff;
font: bold 10pt sans-serif;
text-decoration: none;
}
div.dzial a, div#stop_tresc_l a {
color:#fff;
font: bold 10pt sans-serif;
text-decoration: underline; 
}
div#stop_tresc_l a {
font: normal 10pt sans-serif;
padding: 0 0 0 20px
}
div#stop_tresc_l .allegro {
color: #ff5a00;
font: bold 14pt sans-serif;
}
div#stop_tresc_l .owatrol {
color: #d65c2b;
font: bold 11pt sans-serif;
}

/*************************************************** aktualnosci mala kolumna */
#aktualnosci_min, #aktualnosci {
font-family: sans-serif; 
padding: 5px; 
color: #000;
}
#aktualnosci_min {
height: 550px;
}
#aktualnosci {
margin: 25px 0 0 0; 
}
#aktualnosci_min .tytul, #aktualnosci .tytul {
color: #194269;
clear: both;
border-bottom: 1px solid #687887;
padding: 10px 0 2px 0;
}
#aktualnosci_min .data, #aktualnosci .data {
font-size: 7pt; 
font-weight: normal; 
text-align: right;
padding: 0 0 15px 0;
}
#aktualnosci_min .tresc, #aktualnosci .tresc {
font-size: 8pt; 
font-weight: normal;
text-align: justify;
}
#aktualnosci .tresc{
font-size: 10pt; 
}
.tresc a {
color:#000;
}
#aktualnosci_min .news_img {
margin: 0 5px 5px 0;
width:96px;
height:96px;
float:left;
}
#aktualnosci .news_tlo {
float:left;
margin: 0 5px 5px 0;
background-image:url('img/tlo_news.png');
width:140px;
height:140px;
}
#aktualnosci .news_img {
margin: 6px 0 0 6px;
width:128px;
height:128px;
}
a.news_link {
color: #194269; 
font-size: 10pt; 
font-weight: bold;
}
/* aktualnosci mala kolumna koniec */


/******************************************************************** kontakt */
#dane_teleadresowe {
padding:5px;
color:#000;
font: normal 10pt sans-serif;
color:#000;
}
#spinex_nazwa {
color: #112E4A; 
font: bold 16pt sans-serif; 
padding: 0 0 10px 280px;
}
#dane_teleadresowe .k_lewa{
float:left;
width: 280px;
border-right: 1px solid #687887;
}
#dane_teleadresowe .k_prawa{
padding-left: 15px;
float:left;
width: 325px;
}
#dane_teleadresowe .dzial{
padding: 10px 0 5px 0;
color:#112E4A;
font: bold 11pt sans-serif;
}
#dane_teleadresowe .info{
padding: 10px 0 0 15px;
font: normal 11pt sans-serif;
}
#dane_teleadresowe .dane {
padding: 0 0 0 20px;
color:#000;
font: italic 10pt sans-serif;
}
#spinex_haslo {
clear:both;
color:#194269;
font: bold italic 12pt;
text-align: center;
padding: 40px 0 25px 0;
}
#farmularz_kontaktowy {
font: normal 10pt sans-serif;
padding: 5px;
}
#farmularz_kontaktowy input, #farmularz_kontaktowy textarea {
width: 304px;
}
/* kontakt koniec */

#farmularz_kontaktowy input.przycisk {
width:100px;
border: 1px solid #000;
background-color: #ECEDFD;
color:#000;
font: bold 10pt;
}


/**************************************************************** menu oferta */
#menu_oferta{
width:268px;
margin-top:80px;
text-align: right;
float:left;
}
#menu_oferta a{
text-decoration: none;
font-family: sans-serif;
}

div .kat {position: relative;height:29px;padding-top:3px;text-align: right;width:235px;margin-left:33px;background-image:url('img/narzedzia-budowlane-spinex_26.gif');background-repeat: repeat-y;}
.kat a{font-weight: bold; font-size: 9pt;color:#000;padding-right:20px;}
.kat:hover {margin-left:3px;height:29px;right:-5px;width:265px;background-image:url('img/narzedzia-budowlane-spinex_27.gif');padding-right:15px;}
.kat a:hover {color:#808080;}

div .link {position: relative;height:29px;padding-top:3px;width:235px;margin-left:33px;background-image:url('img/narzedzia-budowlane-spinex_26.gif');background-repeat: repeat-y;}
.link a{text-decoration: none;font-size: 9pt;font-weight: bold; color:#3e5ba1;padding-right:10px;}
.link:hover {margin-left:3px;height:29px;right:-5px;width:265px;background-image:url('img/narzedzia-budowlane-spinex_27.gif');padding-right:15px;}
.link a:hover {color:#00006D;}

div .kat_0, div .kat_1, div .kat_2, div .kat_3, div .kat_4
{}
/* koniec menu oferta */


/***************************************************************** kategoria */
#oferta {
width:702px;
padding:5px 10px 5px 5px;
float:left;
background-image: url('img/oferta_tlo.gif');
padding-bottom:120px;
font: normal 10pt sans-serif;
}
.kat_prod {
margin: 5px 0 10px 5px;
border: 1px solid #F8F8F8;
clear:both;
overflow: auto;
}
.kat_zdj_l, .kat_zdj_p {
width:150px;
height:150px;
margin: 5px 10px 5px 5px;
border:1px solid #d6d9e0;
float:left;
}
.kat_zdj_p {
float:right;
}
.kat_zdj_l img, .kat_zdj_p img, .link_gora img {
border:0;
}

.kat_nazwa_l, .kat_nazwa_p {
border-bottom:1px solid #d6d9e0;
margin: 5px 5px 0 5px;
}
.kat_nazwa_p {
text-align:right;
}
.kat_nazwa_l a, .kat_nazwa_p a {
color:#000;
font: bold 10pt sans-serif;
}
.kat_producent_p, .kat_producent_l {
padding-right:5px;
text-align:right;
color:#606060;
font: bold 8pt sans-serif;
}
.kat_producent_l {
text-align:left;
}
.kat_opis {
text-align:justify;
font-size:9pt;
margin: 0 10px 10px 0;
padding: 10px;
display: block;
}

.link_gora {
text-align: right;
border-bottom:1px solid #b4b6c2;
}

#kat_reszta, #kat_reszta a {
color:#3e5ba1;
font-weight:bold;
font-size:12pt;
text-align: right;
margin:2px 0 15px 5px;
}
#kat_reszta a{
color:#000;
}
/* koniec kategoria */


/*************************************************************** produkt opis */
.oferta_dzial {
background-color: #ececec;
border: 1px solid #d6d9e0;
font: bold 11pt sans-serif;
padding: 2px 5px 2px 5px;
width:687px;
}
#oferta_logo{
text-align:right;
margin: 0 5px 0 5px;
}
#oferta_nazwa{
margin: 0 5px 0 5px;
font-weight:bold;
font-size:12pt;
border-bottom: 1px solid #707070;
}
#oferta_atuty {
  font: bold 12pt sans-serif;
  float:right;
  margin: 70px 50px 25px 25px;
  background-image:url(img/tlo-atuty.gif);
  width:292px;
  height:212px;
}
#oferta_atuty span{
  color:#617a99;
}
#oferta_atuty div{
  padding: 25px 5px 5px 10px;
  color:#000;
}
#oferta_opis, #oferta_dokumenty, #oferta_rysunek, #oferta_akcesoria, #oferta_instrukcje, #oferta_filmy {
font-size: 11pt;
text-align:justify;
padding:5px;
}
.dok_do_pobrania {
  padding: 15px 0 0 20px;
}
.dok_do_pobrania a{
  color: #000;
}
#galeria {position:relative;width:280px;height:280px;margin:15px 10px 40px 5px;}
#miniaturki {position:relative;height:50px;width:200px;z-index:5;}
#zdj_duze {position:absolute;background-color:#fff;border:1px solid #d5d7d0;width:240px;height:210px;top:0;left:0;padding:10px 0 0 40px;}
#zdj_opis {position:absolute;background-color:#ececec;border:1px solid #d5d7d0;top:202px;width:280px;color:#000;}
a.mlink img, a.mlink, #miniaturki img {border:0;}
div.minia {position:absolute;background-color:#fff;border:1px solid #d5d7d0;width:50px;}
div#zdj_opis p {pading:0;margin:0;font-size:8pt;font-weight:bold;padding:2px 5px 2px 5px;}


#oferta_menu {
position:absolute;
top:400px;
left:305px;
width: 667px;
}
#oferta_menu_za_tlo {
background-image: url('img/za_tlo.gif');
width:13px;
height: 23px;
float:left;
}
#oferta_menu_linki {
background-color: #0b1e32;
width: 654px;
height: 23px;
float:right;
}
#oferta_menu_linki a{
font-weight:bold;
color: #fff;
margin: 0 15px 0 10px;
}
#oferta_menu_linki span{
font-weight:bold;
color: #535353;
margin: 0 15px 0 10px;
}

/* koniec produkt opis */


/*************************************************************** defsult menu */
#def_produkty {
width:630px;
padding:5px;
}
#def_menu {
position:relative;
width:242px;
float:left;
text-align: right;
padding:15px 5px 15px 0;
margin-right:5px;
border-right:1px solid #b7b7c8; 
font: normal 11pt sans-serif;
z-index:1;
}
#def_prod {
float:left;
background-image: url('img/default-tlo.gif');
width:375px;
height:244px;
z-index:2;
}
.def_links {
position:relative;
width:247px;
height:27px;
right:-8px;
z-index:1;
}
.def_links a {
color:#194269;
text-decoration: none;
font: bold 10pt sans-serif;
padding: 5px 10px 0 0;
margin-top:3px;
}
.def_links:hover {
position:relative;
width:247px;
height:27px;
background-image: url('img/default-pasek.gif');
right:-8px;
}
/* koniec defsult menu */

/************************************************************ opisy kategorii */
#opis_kat {
  padding:5px;
  text-align:justify;
}
div#systemy_natryskowe h3, div#systemy_natryskowe legend {
  color: #0b1e32;
  font: bold 14pt sans-serif;
}
div#systemy_natryskowe #pistolet {
  border:1px solid #000;
  margin:0 0 5px 5px;
}
div#systemy_natryskowe img#gahe {
  float:right;
}
#nt-max {
  width:241px;
  float:left;
  margin:0 5px 5px 0;
  font-weight:bold;
}
#nt-max2 {
  float:right;
  width:434px;
  border:1px solid #000;
  padding:0 0 0 5px;
  margin:5px 0 0 5px;
  background-color:#fff;
  font-weight:bold;
}
#nt-max3 {
  float:left;
  width:434px;
  border:1px solid #000;
  padding:0 0 0 5px;
  margin:0 5px 0 0;
  background-color:#fff;
}
#nt-max2 img, #nt-max3 img{
  float:right;
  padding:0 0 0 5px;
}
#nt-max4 {
  width:609px;
  height:179px;
  border:1px solid #000;
  background-color:#fff;
  margin-left:50px;
}
#nt-max5 {
  position:relative;
  width:592px;
  height:144px;
  border:1px solid #000;
  background-color:#fff;
  margin-left:50px;
}
#nt-max5 div {
  text-align:left;
  float:left;
  width:140px;
}
#nt-max5 div#nt-max51 {
  position:absolute;
  left:10px;
}
#nt-max5 div#nt-max52 {
  position:absolute;
  left:155px;
}
#nt-max5 div#nt-max53 {
  position:absolute;
  left:300px;
}
#nt-max5 div#nt-max54 {
  position:absolute;
  left:450px;
}
#nt-max6 {
  width:566px;
  height:348px;
  margin: 50px 0 0 70px;
}
#nt-max7 {
  width:530px;
  height:238px;
  margin: 10px 0 0 70px;
}
div#systemy_natryskowe fieldset {
  border:1px solid #000;
  padding: 5px 5px 50px 5px;
  margin-top:30px;
}
.tab1 {
  width:550px;
}
.kol1 {
  float:left;
  width:150px;
  font-weight:bold;
}
.kol2 {
  float:right;
  width:390px;
  display:block;
}
.ramka {
  width:686px;
  background-color:maroon;
  color:#fff;
  font-size: 12pt;
  font-weight:bold;
  text-align:center;
  padding:2px;
  border:1px solid #fff;
}
.zdj1 {
  background:silver;
  color:#000;
  border:1px solid #000;
  display:block;
}
.zdj1 img{
  border-bottom:1px solid #000;
}
.zdj1 div {
  margin:2px;
  text-align:center;
}
.pi_dzial, .pi_dzial1, .pi_dzial2, .pi_dzial3, .pi_dzial4, .pi_dzial5 {
  width:auto;
  background-color: #ececec;
  border: 1px solid #d6d9e0;
  font: bold 11pt sans-serif;
  padding: 2px;
  display:block;
}
.pi_dzial1 {
  float:left;
  width:387px;
}
.pi_dzial2 {
  float:left;
  width:466px;
}
.pi_dzial3 {
  width:466px;
}
.pi_dzial4 {
  float:left;
  width:260px;
}
#piaskowanie table {
  width:690px;
  text-align:center;
  background-color: #d3d7ee;
  color:#000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
#piaskowanie td, #piaskowanie th {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  padding:2px
}
#piaskowanie legend {
  font-size:12pt;
  font-weight:bold;
  color:#0b1e32;
}
#zas_i_dop {
  display:block;
  width:690px;
}
fieldset#zas {
  width:52%;
  float:left;
}
fieldset#dop {
  width:40%;
  float:right;
}
/* koniec opisy kategorii */

/* slideshow */
#slideshow {
    position:relative;
    height:800px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
/* koniec slideshow */
/********************************************* filmy instruktazowe, akcesoria */
#filmy_instruktazowe, #akcesoria {
  padding-left: 20px;
}
.filmy, .a_box, .a_box_empty {
  float: left;
  margin: 5px;
}
.a_box {
  width: 320px;
  height: 260px;
  background-image: url(img/akcesoria_tlo.gif);
  border: 1px solid #d6d9e0;
}

.a_box_empty {
  width: 320px;
  height: 260px;
}
.filmy {
  width: 320px;
  height: 272px;
}
.a_tytul {
font-weight:bold;
margin: 5px 5px 10px 5px;
text-align: left;
font-size:10pt;
border-bottom: 1px solid #000;
}
.a_tresc {
  padding: 0 0 0 5px;
  font-size:8pt;
  vertical-align:top;
}
.a_zdj {
  width:100px;
  height:100px;
  float:right;
  margin:10px;
}
.a_box p {
  margin:0;
  padding:5px 0 5px 0;
}

/* koniec filmy instruktazowe, akcesoria */

/****************************** mapka */
#topinfo{
text-align:right;
width:600px;
margin-top:80px;
font-size:10pt;
font-family: Arial, Verdena, sans-serif;
}
div#mapka {
width:438px;
height:440px;
margin:0 0 0 170px;
position:relative;
}
div#wojewodztwa {
z-index:10;
position:absolute;
top:0;
left:0;
}
img#mapaPolski {
z-index:1;
position:absolute;
top:0;
left:0;
}
img#blank {
border:0;
z-index:50;
position:absolute;
top:0;
left:0;
}
div#partnerzy {
padding:10px;
min-height:300px;
font-size:10pt;
font-family: Arial, Verdena, sans-serif;
}
div#firmy {
margin-top:20px;
overflow:auto;
}
div.opisfirmy {
margin-top:10px;
font-size:12pt;
}
div.nazwafirmy {
font-weight:bold;
font-size:12pt;
}
div.adresfirmy, div.telfirmy {
  margin-left:10px;
}
/* koniec mapka */