/*Kolory na stronę
Zestaw I pomarańczowe z niebieskimi
#FA6121 - pomarańczowy na zapytanie o warunki
#FFB739 - złoty do promocji
#DBE8F9 - wodnisty niebieski jako tło strony z przejściem do bialego
#A0AEC1 jasnoniebieski zgaszony( tło wiersza th z nazwą asortymentu)
#627894 - niebieski średni zgaszony
#466289 - niebieski ciemny zgaszony #466289
#DCDCDC (gainsboro) - jasnoszary jako tło tabelek asorytmentowych:
#F1F1F1 jasnoszary-  jako tło kolumy 1 i 3
#9EB847 zielnony  - jako tło dla nowości
#BBC9CD jasnoszary  -  przyciski z menu_graff
#000080 (navy) - ciemnoniebieski  tekst z linkami
#0000FF (blue) - niebieski linki po najechaniu
#FFFF99 - jasnozółyty   przyciski drukowania, tło daty
#212121 (lightgrey) - szary , tło przejście na górę strony
#FFFFC6 - jasnożółty uzywany jako tło w komunikatach Visty
*/

body {
         font-family: Verdana, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        letter-spacing: normal;
        color: black;
        text-align: center; /* IE6 needs this to center the layout in the browser window */
        text-decoration: none;
         margin: 0px;
         padding:0px;
         background-color: #fff;
        background-image: url(../images/tlo_ciemno_szare.gif);
       background-repeat: repeat;
       background-position: top;
}

/* Czyszczenie rozmieszczenia elementów */
.clearfix:after {
                 content: ".";              /* the period is placed on the page as the last thing before the div closes */
                display: block;          /* inline elements don't respond to the clear property */
                height: 0;                  /* ensure the period is not visible */
                clear: both;               /* make the container clear the period */
                visibility: hidden;            /* further ensures the period is not visible */
                }

.clearfix       {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix       {display: block;}
#main_wraper {  width:980px; /* sets max layout width */
                background-color: white;
                margin-left:auto; /* centers layout in browser */
                margin-right:auto; /* centers layout in browser */
                text-align:left; /* resets the centering hack for IE6 on the body tag */
                }
 /* Formatowanie DIVów tworzących kolumny */
#menu   { }
#menu_wew               {overflow:hidden; text-align:center;
                        margin:0px 3px 3px 3px; border:0px solid white; padding:8px 2px 2px 2px; } /* overflow:hidden;- odcina treść nie mieszczącą się w wyznaczonej szerokości kolumny */

#bredcrumbs             {width:790px; float:left; }
#bredcrumbs_wew         {overflow:hidden; text-align:left;  margin:0px 0px 0px 3px; border:0px solid white; padding:2px 2px 2px 2px; }

#short                  {width:190px; float:left; }
#short_wew              {overflow:hidden; text-align:left; margin:0px 3px 0px 5px; border:0px solid white; padding:2px 2px 2px 2px; }
#lewa_kolumna           { width:190px; float:left;}
#lewa_kolumna_wew       {overflow:hidden; text-align:center; margin:3px 7px 50px 3px; border:0px solid white; padding:2px 2px 2px 2px; }
#tresc                  { width:600px; float:left;}
#tresc_wew              {overflow:hidden; text-align:center; margin:3px 0px 3px 0px; border:0px solid white; padding:0px 0px 0px 0px; }

#prawa_kolumna          { width:190px; float:left;}
#prawa_kolumna_wew      {overflow:hidden; text-align:center; margin:3px 3px 3px 5px; border:0px solid white; padding:2px 2px 2px 2px; }

#stopka { clear:both;}
#stopka_wew {overflow:hidden; text-align:center; margin:3px 3px 15px 3px; border:0px solid white; padding:2px 2px 2px 2px;  }

img {border: 0;}
a {cursor: pointer;}

/*linki globalnie*/
a:link {text-decoration: none;
         font-weight: normal;
        font-size: 11px;
        letter-spacing: normal;
        color: navy;}

a:visited {text-decoration: none; color:navy;}

a:active {text-decoration: none; color: navy;}

a:hover {text-decoration: none;  color: blue;}

/*tabele globalnie*/

table {
        width:100%;
        font-family: Verdana, Helvetica, sans-serif;
        border-style: solid;
        border-width: 0;
        font-style: normal;
        font-weight: normal;
        font-size:  11px;
        letter-spacing: normal;
        color: black;
        background: white;
        text-align: center;
        text-decoration: none;
        border-spacing: 0px;
        padding: 2px;
        border-collapse: collapse;
}

/*tabela główna*/
.tabelka_glowna {
                width:980px;
                border-style:solid;
                border-width:3px;
                border-color: white;
                background: white;
                border-collapse: separate;
                border-spacing: 3px;
                padding: 0px;
                margin-left:auto;
                margin-right:auto;
                }

                
/*tabela z opisem asortymentu*/
.tabelka_asortyment {

                border-collapse: collapse;
                width:100%;
                padding: 3px;
                }
/*tabela z opisem asortymentu nowa*/
.tabelka_asortyment_new {
                 width:100%;
                 margin:0px 0px 10px 0px;
                border: 2px solid grey;
                border-collapse: separate;
                padding: 3px 3px 3px 3px;
                }
/*tabela asortyment*/
.table_asortyment
        {
        margin:0px 0px 0px 0px;
         border: 0px solid white;
         border-collapse: separate;
        }
.obrys {border: 2px solid grey; margin:0px 0px 15px 0px;}

/*rozsuwany div*/
.opis { margin:0px 0px 0px 0px; width:100%;}

/*tabela z przyciskami*/
.tabelka_akcja {
                border-collapse: collapse;
                width:100%;
                padding: 3px;
                }
/*komórka tabeli ogólnej z obramowaniem
style="border: 1mm ridge yellow"
 border-collapse: collapse lub border-collapse: separate   border: 1px solid black
<table border="1" style="border-style: dotted"> lub
dotted 
dashed 
solid 
groove 
inset 
double 
outset 
ridge
Zamiast solid można wstawić również: double – podwójna linia, ridge – „wybrzuszenie”, groove – „wklęśnięta” ramka, dotted – „kropkowana”, dashed – „kreskowana”, inset/outset – zmiana strony cieniowanej.
<table border="0" style="border-width: 5px;
 border-style: double;
 border-top-color: red;
 border-bottom-color: red;
 border-left-color: green;
 border-right-color: green;
*/
.td_obrys       {
                width:100%;
                border: 2px solid grey;
                border-collapse: collapse;
                }

/*Wiersz nagłówka tabeli opisu ogólnego i asortymentowej*/
th{
        font-family: Verdana, Helvetica, sans-serif;
        font-style: normal;
        font-size:  12px;
        font-weight: bold;
        letter-spacing: normal;
        color: white;
        text-align:center;
        line-height: 18px;
        background: #466289;
}

/*Formatowanie nazwy wyrobu*/
.nazwa_wyrobu{
        font-family: Verdana, Helvetica, sans-serif;
        font-style: normal;
        font-size:  11px;
        font-weight: bold;
        letter-spacing: normal;
        color: white;
        text-align:center;
        line-height: 16px;
        background: #466289;
}

/*formatowanie pól menu z linkami do Nasza firma, Kontakt itd*/
.menu{
       text-decoration: none;  background: white;  font-size: 11px; letter-spacing: normal; color: #5A5A5A; }

a.menu:link {
       text-decoration: none;  background: white;  font-size: 11px; letter-spacing: normal; color: grey; }
a.menu:visited {
        text-decoration: none; background: white; font-size: 11px;  letter-spacing: normal; color: grey; }

a.menu:active {
       text-decoration: none;  background: white; font-size: 11px;  letter-spacing: normal; color: grey; }

a.menu:hover {
       text-decoration: none;  background: white; font-size: 11px;  letter-spacing: normal; color: blue;  }


/* formatowanie wiersza tabeli asortymentowej*/
.model {
        border: 2px solid white;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        text-align:center;
        color: black;
        background: #A0AEC1;
        letter-spacing: normal;
}
/* formatowanie wiersza tabeli asortymentowej zawierającego dane techniczne*/
.td_tlo1{  border: 2px solid white; background-color: gainsboro; }

/* formatowanie wiersza tabeli asortymentowej zawierającego dane techniczne*/
.td_tlo2{  border: 2px solid white; background-color:gainsboro;}

/* formatowanie opisowego wiersza tabeli */
.td_opis {
        border: 2px solid white;
        text-indent:45px;
        text-align: left;
        font-style: normal;
        background-color: #DBE8F9;
        font-weight: normal;
        font-size: 11px;
        letter-spacing: normal;
        color: black;
        line-height: 14px;
        padding-left: 5px;
        padding-right: 5px;
        }
.td_opis_center {
        border: 2px solid white;
        text-indent:opx;
        text-align: center;
        font-style: normal;
        background-color: #DBE8F9;
        font-weight: normal;
        font-size: 11px;
        letter-spacing: normal;
        color: black;
        line-height: 14px;
        padding-left: 5px;
        padding-right: 5px;
        }


/* Tło ikon w plikach index*/
.td_tlo4
        {
        background:white;
         }

/* Formatowanie komentarzy - nieużywane*/
.td_tlo_komentarz
        {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        letter-spacing: normal;
        text-align:center;
        color: grey;
        background:#FFFFCC;
        text-align: center;
        padding: 3px;
         }


/* formatowanie wiersza zawierającego numer katalogowy wyrobu*/
.td_nr_kat{  border: 2px solid white; font-style: normal; background-color: gainsboro;  font-weight: bold; font-size: 11px;  letter-spacing: normal;  color: black; }

/* formatowanie wiersza zawierającego cenę wyrobu*/
.td_cena  {  border: 2px solid white; font-style: normal;  background-color: #9EB847; font-weight: normal; font-size: 11px;  letter-spacing: normal;  color: black; }

/*formatowanie pierwszej kolumny tabeli głównej zawierającej katalog, promocje  background-image: url(../images/tlo_kolumny_boczne.jpg);*/
.td_pierwsza_kolumna  { width:190px;  background-color: white; }

/*formatowanie trzeciej kolumny tabeli głównej zawierającej katalog, promocje*/
.td_trzecia_kolumna  { width:190px; background-color: white;  }

/* formatowanie wiersza menu zawierającego datę i dodaj do ulubionych*/
.menu_data {
                font-style: normal; background-color: #FFFFC6; font-weight: normal; font-size: 10px;  letter-spacing: normal;  color: #5A5A5A;
                text-align:left; line-height: 13px;}

a.menu_data:link {
                font-style: normal; background-color: #FFFFC6; font-weight: normal; font-size: 10px;  letter-spacing: normal;  text-align:left;
                text-decoration: none; color: #5A5A5A;}

a.menu_data:visited {
                font-style: normal; background-color: #FFFFC6; font-weight: normal; font-size: 10px;  letter-spacing: normal;  text-align:left;
                text-decoration: none; color:#5A5A5A;  }

a.menu_data:active {
                font-style: normal; background-color: #FFFFC6; font-weight: normal; font-size: 10px;  letter-spacing: normal;  text-align:left;
                text-decoration: none; color:#5A5A5A; }

a.menu_data:hover {
                font-style: normal; background-color: #FFFFC6; font-weight: normal; font-size: 10px;  letter-spacing: normal;  text-align:left;
                text-decoration: none; color: blue;  }

/* formatowanie wiersza menu zawierającego Paletę RAL i promocję*/
.menu_inne
                { font-style: normal; background-color: white; font-weight: normal; font-size: 11px;  letter-spacing: normal;  color: black;
                 text-align:left; }

a.menu_inne:link {
                text-decoration: none; color: black;}

a.menu_inne:visited {
                text-decoration: none; color:black;  }

a.menu_inne:active {
                text-decoration: none; color:black; }

a.menu_inne:hover {
                text-decoration: none; color: blue;  }

/* formatowanie powrotu na górę strony*/

.top {
        background-color: lightgrey;
        font-style: normal; font-weight: normal; font-size: 10px;  letter-spacing: normal;  color: navy;
        text-align: central; }

a.top:link {
        font-style: normal; font-weight: normal; font-size: 10px;  letter-spacing: normal;  color: navy;
        text-align: central;  text-decoration: none;  }

a.top:visited {
        font-style: normal; font-weight: normal; font-size: 10pxem;  letter-spacing: normal;  color: navy;
        text-align: central;  text-decoration: none;  }

a.top:active {
         font-style: normal; font-weight: normal; font-size: 10px;  letter-spacing: normal;  color: navy;
        text-align: central;  text-decoration: none;  }

a.top:hover {
         font-style: normal; font-weight: normal; font-size: 10px;  letter-spacing: normal;  color: blue;
        text-align: central;  text-decoration: none;  }

/* formatowanie wiersza tabeli głównej zawierającego ścieżkę */

.bredcrumbs
                { font-style: normal; background-image: url(../images/tlo_bredcrumbs_szare.png); font-weight: normal; font-size: 11px;  letter-spacing: normal;  color: black;
                 height: 18px; background-position:top left; background-repeat: repeat-y; vertical-align: middle;}

a.bredcrumbs:link {
                text-decoration: none; color: navy; }

a.bredcrumbs:visited {
                text-decoration: none; color: navy;  }

a.bredcrumbs:active {
                text-decoration: none; color: navy; }

a.bredcrumbs:hover {
                text-decoration: none; color: blue; }

         /* formatowanie stopki z linkami */
.stopka_linki
                { font-style: normal; background-color: #F1F1F1; font-weight: normal; font-size: 11px;  letter-spacing: normal;  color: navy;}

a.stopka_linki:link {
                text-decoration: none; color: navy; font-size: 11px;}

a.stopka_linki:visited {
                text-decoration: none; color: navy;  font-size: 11px;}

a.stopka_linki:active {
                text-decoration: none; color: navy; font-size: 11px;}

a.stopka_linki:hover {
                text-decoration: none; color: blue;  font-size: 11px;}


/*lista mapa serwisu*/

ul           { list-style-image: url('http://www.zaopatrzenie.net.pl/images/ulubione.gif') }
ul ul        { list-style-image: url('http://www.zaopatrzenie.net.pl/images/alldisc.gif') }
ul ul ul     { list-style-image: url('http://www.zaopatrzenie.net.pl/images/ico_wtk.gif') }
.ul_pdf      { list-style-image: url('http://www.zaopatrzenie.net.pl/images/icon_pdf.gif') }
.ul_paleta   { list-style-image: url('http://www.zaopatrzenie.net.pl/images/ico_paleta.gif') }
.ul_doc   { list-style-image: url('http://www.zaopatrzenie.net.pl/images/ico_dokument.gif') }
.ul_ftp   { list-style-image: url('http://www.zaopatrzenie.net.pl/images/ico_setup.gif') }

/*formatowanie przycisku zobacz kolorystykę*/

input.przycisk_kolor
{
   font-size:11px;
   font-family:Verdana,sans-serif;
   cursor: pointer;
}

.przycisk_wydrukuj
                {
                border: 3px solid white;
                font-family: Verdana, Helvetica, sans-serif;
                 font-style: normal;
                 font-weight: normal;
                 font-size: 11px;
                 letter-spacing: normal;
                 color:navy;
                 background-color: #FFFF99;
                 cursor: pointer; }



input.przycisk_zapytanie
{
   font-size:11px;
   font-family:Verdana, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   letter-spacing: normal;
   color:#000000;
   background-color:#FA6121;
    cursor: pointer;
    width:340px;
    height:22px;
}

.przycisk_zamowienie
                {
                border: 3px solid white;
                font-family: Verdana, Helvetica, sans-serif;
                font-style: normal;
                font-weight: normal;
                font-size: 11px;
                letter-spacing: normal;
                color:navy;
                background-color:  #FFFF99;
                cursor: pointer; }

.copyright {
                font-family: Verdana, Helvetica, sans-serif;
                font-style: oblique;
                font-weight: normal;
                font-size: 10px;
                color: white;
                background-color: gray;
        }
.tu_jestes {
                font-family: Verdana, Helvetica, sans-serif;
                font-style: oblique;
                font-weight: normal;
                font-size: 10px;
                letter-spacing: normal; 
                color: orange;
                vertical-align: middle;
                }

DIV.cien
                {
                color:silver;
                top:30px;
                left:200px;
                }

/* TABELKA BOCZNA PROMOCJE*/
.table_promocje
                {width:185px;
                padding: 2px;
                border-collapse: collapse;
                }
.th_promocje
                {font-family: Verdana, Helvetica, sans-serif;
                font-size: 11px;
                font-weight: bold;
                letter-spacing: normal;
                color: black;
                text-align:center;
                line-height: 16px;
                background-color: #FFB739;
                border-width: 2px,0px,0px,0px;
                border-style:solid;
                border-color:white;
                }
.td_promocje
                {font-family: Verdana, Helvetica, sans-serif;
                font-size: 11px;
                font-weight: normal;
                letter-spacing: normal;
                color: navy;
                text-align:center;
                line-height: 12px;
                background-color: #F1F1F1;
                border-width: 2px,0px,0px,0px;
                border-style:solid;
                border-color:white;
                cursor: pointer;
                }

/* TABELKA BOCZNA NOWOŚCI*/
.table_nowosci
                {width:185px;
                padding: 2px;
                border-collapse: collapse;
                }
.th_nowosci
                {font-family: Verdana, Helvetica, sans-serif;
                font-size: 11px;
                font-weight: bold;
                letter-spacing: normal;
                color: black;
                text-align:center;
                line-height: 16px;
                background-color: #9EB847;
                border-width: 2px,0px,0px,0px;
                border-style:solid;
                border-color:white;
                }
.td_nowosci
                {font-family: Verdana, Helvetica, sans-serif;
                font-size: 11px;
                font-weight: normal;
                letter-spacing: normal;
                color: navy;
                text-align:center;
                line-height: 12px;
                background-color: #F1F1F1;
                border-width: 2px,0px,0px,0px;
                border-style:solid;
                border-color:white;
                cursor: pointer;
                }
.td_nowosci_stopka
                {font-family: Verdana, Helvetica, sans-serif;
                font-size: 10px;
                font-weight: normal;
                letter-spacing: normal;
                color: #4F4F4F;
                text-align:center;
                line-height: 11px;
                background-color:  #9EB847;
                border-width: 2px,0px,0px,0px;
                border-style:solid;
                border-color:white;
                }
                
                /* TABELKA BOCZNA ZOBACZ*/
.table_zobacz
                {width:185px;
                padding: 5px;
                border-collapse: collapse;
                }
.th_zobacz
                {font-family: Verdana, Helvetica, sans-serif;
                font-size: 11px;
                font-weight: bold;
                letter-spacing: normal;
                color: #5A5A5A;
                text-align:left;
                line-height: 16px;
                background-color: #FFFF99;
                border-width: 2px,0px,0px,0px;
                border-style:solid;
                border-color:white;
                }
.td_zobacz_wew
                {font-family: Verdana, Helvetica, sans-serif;
                font-size: 11px;
                font-weight: normal;
                letter-spacing: normal;
                color: #5A5A5A;
                text-align:left;
                line-height: 14px;
                background-color: #FFFFBE;
                border-width: 2px,0px,0px,0px;
                border-style:solid;
                border-color:white;
                cursor: pointer;
                }
.td_zobacz_zew
                {font-family: Verdana, Helvetica, sans-serif;
                font-size: 11px;
                font-weight: normal;
                letter-spacing: normal;
                color: #5A5A5A;
                text-align:left;
                line-height: 14px;
                background-color: #FFFFDC;
                border-width: 2px,0px,0px,0px;
                border-style:solid;
                border-color:white;
                cursor: pointer;
                }


/* Tablelka KOLORYSTYKA*/
.table_kolorystyka
                {width:530px;
                border-collapse: collapse;
                padding: 2px;
                border-collapse: collapse;
                }
.th_kolorystyka { background-color:  #FFFF99; }
.td_kolorystyka {  background-color: #F1F1F1; }
.td_kolorystyka_info {  background-color: white; font-style: oblique; font-size: 11px; color:orange;}

/* komentarze i podpowiedzi*/
.komentarz
 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: oblique;
        font-weight: normal;
        font-size: 11px;
        letter-spacing: normal;
        text-align:center;
        color: black;
        background:#FFFFCC;
        text-align: center;
        padding:3px;
         }

/* Formatowanie menu na skróty oraz zobacz też */
.na_skroty
        {
        color: grey;
        background: #F1F1F1;
        border: 2px solid white;
         }

/*FORMATOWANIE ZAPYTANIA*/

.tabelka_glowna_zapytanie
        {width:100%; background: white; margin-left:auto;  margin-right:auto}
        
.table_zapytanie {
       width: 100%;
      border-style: solid;
      border-width: 0;
      text-align : center;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       letter-spacing: 2px;
       border-collapse: collapse;}

/* Nagłówek strony*/
.th_zapytanie{
       font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
       letter-spacing: normal;
        color: white;
        text-align:center;
        line-height: 20px;
        background: #FF6600;
        border: 1px solid white;
}
/* td globalnie*/
.td_zapytanie
      { border: 1px solid white;
        letter-spacing: normal;
        padding: 2px}

/* Formatowanie pól opisowych */
.td_tlo1_zapytanie{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        letter-spacing: 1px;
        color: black;
        background-color: gainsboro;
        letter-spacing: normal;
         padding: 2px;
}

/* Formatowanie pola Prosimy o wypełnienie... */
.td_tlo2_zapytanie{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        letter-spacing: 1px;
        text-align:center;
        color: black;
        background: #FFFFCC;
        text-align: center;
       letter-spacing: normal;
       padding: 2px;
}

/* Formatowanie pola Możesz również zadzwonić... */
.td_tlo3_zapytanie
        {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        letter-spacing: 1px;
        text-align:center;
        color: #FF6600;
        background:white;
        text-align: center;
       letter-spacing: normal;
       padding: 2px;
        }
/* Formatowanie pola zgoda na emaile */
.td_tlo4_zapytanie
        {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        letter-spacing: normal;
        text-align:center;
        color: grey;
        background:#FFFFCC;
        padding: 2px;
         }
/* Formatowanie pól adresowych */
.td_tlo5_zapytanie
        {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        letter-spacing: 1px;
        color: black;
        background-color: #BBC9CD;
        letter-spacing: normal;
         padding: 2px;
}

/* Formatowanie pól danych */
.input
        {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        letter-spacing: normal;
        text-align:left;
        color: grey;
        background: white;
        text-align: left;
        border-style: none;
        height: 18px;
        padding: 2px;
         }
         
/* Formatowanie pól danych */
.input_textarea
        {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        letter-spacing: normal;
        text-align:left;
        color: grey;
        background: white;
        text-align: left;
        border-style: none;
        padding: 2px;
         }
         
/* Formatowanie przycisku Wyślij */
.wyslij
                {
                font-family: Verdana, Helvetica, sans-serif;
                font-style: normal;
                font-weight: bold;
                font-size: 11px;
                letter-spacing: normal;
                color:#FFFFFF;
                background-color:#FF6600;
                height:24px;
                cursor: pointer;
                }
         
/* zakaz zawijania wiersza  white-space: nowrap */