/* todo: potrzebne ? */
ol,
ul,
li
{
   margin:              0px;
}

hr
{
   margin:              0px;
   padding:             0px;
}

p
{
   margin:              0px;
   padding:             0px;
}

/* Domyslne atrybuty obiektow. */
body,
#body
{
   width:               1000px;
   padding:             0px;
   margin:              auto;
   margin-top:          0px;
   text-align:          center;
   background-color:    #FFFFF1;
   font:                normal 11px Verdana, Arial, Helvetica, 'Arial CE';
}

table,
tr,
td
{
   width:               auto;
   height:              auto;
   border:              0px;
   margin:              0px;
   padding:             0px;
   border-spacing:      0px;
   border-collapse:     separate;
}

img,
div,
form
{
   border:              0px;
   margin:              auto;
   padding:             0px;
}

a
{
   text-decoration:     none;
   outline:             none;
   color:               #000000;
}

/* Górny banner & menu. */
#gora
{
   width:               100%;
   height:              107px;
   background-image:    url('__www/img/tytul.jpg');
   background-repeat:   no-repeat;
   background-position: center top;
}

#gora #menu
{
   width:               100%;
   padding-top:         79px;
   padding-bottom:      15px;
   font:                bold 11px Verdana, Arial, Helvetica, 'Arial CE';
}

#gora #menu a
{
   color:               #1c2380;
}

#gora #menu a:hover
{
   color:               #2222ff;
   text-decoration:     none;
}

/* Dolne przypisy. */
#stopka
{
   width:               auto;
   height:              auto;
   margin-top:          5px;
   padding-top:         5px;
   font-size:           10px;
   letter-spacing:      2px;
   text-align:          center;
   border-top:          solid 2px #cccccc;
}

#stopka_debug
{
   width:               auto;
   height:              auto;
   margin-top:          5px;
   padding-top:         5px;
   font-size:           10px;
   text-align:          left;
   border-top:          solid 2px #cccccc;
}

/* Tablica szkieletu strony. */
#szkielet
{
   width:               100%;
   margin-top:          5px;
}

#szkielet #lewy
{
   width:               140px;
   padding-right:       5px;
   text-align:          left;
   vertical-align:      top;
}

#szkielet #srodek
{
   width:               auto;
   padding-left:        5px;
   text-align:          left;
   vertical-align:      top;
   border-left:         solid 1px #cccccc;
}

#szkielet #odstep
{
   width:               5px;
}

#szkielet #prawy
{
   width:               200px;
   padding-left:        5px;
   text-align:          left;
   vertical-align:      top;
   border-left:         solid 1px #cccccc;
}

/* Haslo administracyjne. */
#admin_haslo
{
   width:               300px;
   text-align:          center;
   border:              2px outset #3030b0;
}

#admin_haslo .komunikat
{
   text-align:          center;
   color:               #3030b0;
   font:                bold 10px Verdana, Arial, Helvetica, 'Arial CE';
}

#admin_haslo .blad
{
   color:               #000000;
   font:                bold 10px Verdana, Arial, Helvetica, 'Arial CE';
}

/* Etykieta. */
.etykieta
{
   height:              13px;
   padding-left:        2px;
   padding-top:         2px;
   padding-bottom:      1px;
   color:               #1c2380;
   text-align:          left;
   text-decoration:     none;
   overflow:            hidden;
   font:                bold 11px Verdana, Arial, Helvetica, 'Arial CE';
   background-image:    url('__www/img/kategoria.gif');
}

.etykieta a
{
   color:               #1c2380;
}

.etykieta a:hover
{
   color:               #2222ff;
   text-decoration:     none;
}

/* Menu. */
.menu
{
   width:               100%;
}

.menu .elementy
{
   margin-bottom:       5px;
   color:               #1c2380;
   font:                normal 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.menu .normalny
{
   margin-bottom:       5px;
}

.menu .elementy .aktywny
{
   margin-bottom:       5px;
   background-color:    #f2f2ff;
}

.menu .elementy a:hover,
.menu .elementy .aktywny:hover,
.menu .elementy .normalny:hover
{
   background-color:    #f2f2ff;
   text-decoration:     none;
}

/* Przeglad danych. */
.przeglad
{
   width:               auto;
   font:                normal 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.przeglad form span
{
   width:               100%;
   vertical-align:      center;
}

.przeglad .infoTytul
{
   margin-top:          5px;
   padding-top:         5px;
   text-align:          left;
   color:               #1c2380;
   font:                bold 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.przeglad .infoNaglowek
{
   padding-top:         5px;
   padding-left:        10px;
   padding-right:       10px;
   text-align:          left;
   font:                normal 9px Verdana, Arial, Helvetica, 'Arial CE';
}

.przeglad .infoDane
{
   width:               100%;
   text-align:          justify;
   font:                normal 9px Verdana, Arial, Helvetica, 'Arial CE';
}

.przeglad .wlaczony
{
   font-weight:         bold;
}

.przeglad .wylaczony
{
   font-weight:         normal;
   color:               #777777;
}

.przeglad .adres
{
   padding-top:         5px;
   padding-bottom:      5px;
   vertical-align:      top;
   font:                bold 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.przeglad .powrot
{
   text-align:          right;
   font:                bold 9px Verdana, Arial, Helvetica, 'Arial CE';
}

/* Edytor danych. */
.edytor
{
   width:               auto;
   padding-bottom:      5px;
   font:                normal 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.edytor .poleTytul
{
   text-align:          left;
   vertical-align:      top;
   font:                normal 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.edytor .poleDane
{
   width:               100%;
   padding-left:        20px;
   text-align:          left;
   vertical-align:      center;
   font:                normal 10px Verdana, Arial, Helvetica, 'Arial CE';
   overflow:auto;
}

.edytor .poleInfo
{
   color:               #aa3333;
   text-align:          justify;
   font:                italic 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.edytor .odstep
{
   padding-top:         5px;
}

.edytor .blad
{
   color:               #ff0000;
   font-weight:         bold;
}

.edytor .przycisk
{
   color:               #1c2380;
   font:                bold 9px Verdana, Arial, Helvetica, 'Arial CE';
}

.edytor .powrot
{
   text-align:          right;
   font:                bold 9px Verdana, Arial, Helvetica, 'Arial CE';
}

/* Informacje. */
.informacja
{
   width:               auto;
   padding:             5px;
   padding-bottom:      0px;
}

.firma,
.gwarancja
{
   width:               auto;
   text-indent:         0px;
   text-align:          justify;
   font:                normal 11px Verdana, Arial, Helvetica, 'Arial CE';
}

.firma p,
.gwarancja  p
{
   line-height:         140%;
   padding-bottom:      5px;
}

.gwarancja .tytul
{
   font-weight:         bold;
}

.gwarancja ol
{
   list-style-position: inside;
   padding-left:        0px;
   padding-bottom:      5px;
}

.gwarancja ul
{
   list-style:          disc;
   padding-left:        40px;
   padding-bottom:      5px;
}

.gwarancja li
{
   line-height:         140%;
}

.szkolenia
{
   width:               auto;
   margin:              auto;
   padding-bottom:      5px;
   text-align:          center;
   font:                normal 11px Verdana, Arial, Helvetica, 'Arial CE';
}

.szkolenia .opis
{
   height:              25px;
   padding-top:         5px;
   vertical-align:      bottom;
   text-align:          center;
   font-weight:         bold;
}

.szkolenia .foto
{
   width:               180px;
   height:              250px;
   text-align:          center;
}

.szkolenia .foto img
{
   cursor:              pointer;
}

.kontakt
{
   width:               auto;
   margin:              0px;
   font:                normal 11px Verdana, Arial, Helvetica, 'Arial CE';
}

.kontakt p
{
   line-height:         140%;
   margin-bottom:       5px;
}

.kontakt .opis
{
   width:               100%;
   vertical-align:      top;
   text-align:          left;
}

.kontakt .tytul
{
   font-size:           13px;
   font-weight:         bold;
}

.kontakt .link
{
   font-style:          italic;
}

.kontakt .foto
{
   text-align:          right;
   margin-bottom:       5px;
}

/* Formatowanie artykulow. */
.artykuly1
{
   width:               100%;
   text-align:          center;
   border-spacing:      5px;
}

.artykuly1 .artykul1
{
   padding:             5px;
}

.artykul1 .tytul
{
   width:               100%;
   vertical-align:      top;
}

.artykul1 .tytul div
{
   height:              28px;
   text-align:          justify;
   overflow:            hidden;
   font:                bold 9px Verdana, Arial, Helvetica, 'Arial CE';
}

.artykul1 .opis
{
   vertical-align:      top;
}

.artykul1 .opis div
{
   height:              50px;
   text-align:          justify;
   overflow:            hidden;
   font:                normal 9px Verdana, Arial, Helvetica, 'Arial CE';
}

.artykul1 .foto
{
   text-align:          right;
   vertical-align:      top;
}

.artykul1 .foto img
{
   margin-left:         5px;
}

.artykul1 .cena
{
   margin:              auto;
   margin-left:         0px;
   margin-bottom:       0px;
   vertical-align:      bottom;
}

.artykul1 .wiecej
{
   height:              27px;
   margin:              auto;
   margin-right:        0px;
   margin-bottom:       0px;
   vertical-align:      bottom;
   font:                bold 9px Verdana, Arial, Helvetica, 'Arial CE';
}

.artykuly2
{
   width:               100%;
   margin-bottom:       5px;
   text-align:          center;
}

.artykuly2 .artykul2
{
   width:               100%;
   padding:             5px;
   padding-right:       0px;
   padding-left:        0px;
   border-bottom:       solid 1px #cccccc;
}

.artykul2 .tytul
{
   width:               100%;
   height:              35px;
   vertical-align:      top;
}

.artykul2 .tytul div
{
   text-align:          justify;
   overflow:            hidden;
   font:                bold 9px Verdana, Arial, Helvetica, 'Arial CE';
}

.artykul2 a:hover
{
   text-decoration:     none;
   color:               #cc0000;
}

.artykul2 .foto
{
   text-align:          left;
   vertical-align:      center;
}

.artykul2 .foto img
{
   margin-right:        5px;
}

.artykul2 .cena
{
   margin:              auto;
   margin-right:        0px;
   text-align:          right;
   vertical-align:      bottom;
}

/* Informacje szczegolowe. */
.detalInfo
{
   padding:             5px;
   text-align:          justify;
   font:                normal 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.detalInfo .grupa1,
.detalInfo .grupa2
{
   vertical-align:      top;
}

.detalInfo .grupaGaleria
{
   padding-right:       5px;
   vertical-align:      top;
}

.detalInfo .tytulGrupy
{
   background-color:    #f0f0f0;
   border-top:          solid 1px #cccccc;
   border-bottom:       solid 1px #cccccc;
   font:                bold 11px Verdana, Arial, Helvetica, 'Arial CE';
   line-height:         200%;
}

.detalInfo .nazwa
{
   padding-left:        5px;
   padding-right:       10px;
   font:                normal 10px Verdana, Arial, Helvetica, 'Arial CE';
   line-height:         250%;
}

.detalInfo .wartosc
{
   width:               100%;
   font:                normal 10px Verdana, Arial, Helvetica, 'Arial CE';
   line-height:         120%;
}

.detalInfo .opis
{
   padding-left:        5px;
   text-align:          justify;
   font:                normal 10px Verdana, Arial, Helvetica, 'Arial CE';
   line-height:         140%;
}

.detalInfo .cena
{
   margin-left:         0px;
}

.detalInfo .powrot
{
   padding-top:         5px;
}

/* Tabela produktow. */
.tabela
{
   width:               auto;
}

.tabela .potomek
{
   font:                bold 10px Verdana, Arial, Helvetica, 'Arial CE';
   line-height:         140%;
}

.tabela .potomek a:hover
{
   color:               #cc0000;
   text-decoration:     none;
}

.tabela .naglowek
{
   height:              20px;
   padding-left:        3px;
   padding-right:       3px;
   color:               #1c2380;
   background-color:    #f0f0f0;
   vertical-align:      center;
   border-top:          solid 1px #cccccc;
   border-bottom:       solid 1px #cccccc;
   border-left:         solid 1px #cccccc;
   font:                bold 11px Verdana, Arial, Helvetica, 'Arial CE';
}

.tabela .naglowek td
{
   color:               #1c2380;
   font:                bold 11px Verdana, Arial, Helvetica, 'Arial CE';
}

.tabela .naglowek a
{
   color:               #1c2380;
}

.tabela .naglowek a:hover
{
   color:               #cc0000;
   text-decoration:     none;
}

.tabela .naglowek img
{
   vertical-align:      center;
}

.tabela .dane
{
   height:              18px;
   padding-left:        3px;
   padding-right:       3px;
   vertical-align:      center;
   border-left:         solid 1px #cccccc;
   border-bottom:       solid 1px #cccccc;
   font:                normal 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.tabela .dane a
{
   vertical-align:      center;
}

.tabela .dane a:hover
{
   color:               #cc0000;
   font-weight:         bold;
   text-decoration:     none;
}

.tabela .ostatni
{
   border-right:        solid 1px #cccccc;
}

.selekcja
{
   width:               auto;
   background-color:    #f0f0f0
}

.selekcja .naglowek
{
   padding-left:        3px;
   padding-right:       3px;
   padding-top:         1px;
   padding-bottom:      1px;
   color:               #1c2380;
   text-align:          left;
   font:                bold 11px Verdana, Arial, Helvetica, 'Arial CE';
   border:              solid 1px #f0f0f0;
}

.selekcja .dane
{
   padding-left:        3px;
   padding-right:       3px;
   font:                normal 10px Verdana, Arial, Helvetica, 'Arial CE';
   border:              solid 1px #f0f0f0;
}

.selekcja .pole
{
   width:               100%;
   position:            relative;
   left:                -1px;
   font:                normal 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.selekcja .wynik
{
   text-align:          left;
   padding-left:        3px;
   padding-top:         2px;
   padding-bottom:      2px;
   font:                bold 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.selekcja .adres
{
   text-align:          right;
   padding-right:       3px;
   padding-top:         2px;
   padding-bottom:      2px;
   font:                bold 10px Verdana, Arial, Helvetica, 'Arial CE';
}

/* Wiadomosci. */
.wiadomosci
{
   width:               100%;
}

.wiadomosci .wiadPelna,
.wiadomosci .wiadKrotka
{
   width:               auto;
   padding:             5px;
}

.wiadomosci .informacje
{
   width:               100%;
}

.wiadomosci .tytul
{
   vertical-align:      top;
}

.wiadomosci .tytul div
{
   width:               auto;
   height:              25px;
   text-align:          justify;
   font:                bold 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.wiadKrotka .tytul div
{
   overflow:            hidden;
}

.wiadomosci .data
{
   width:               100px;
   vertical-align:      top;
}

.wiadomosci .data div
{
   text-align:          right;
   overflow:            hidden;
   font:                normal 9px Verdana, Arial, Helvetica, 'Arial CE';
}

.wiadomosci .tresc
{
   width:               100%;
   vertical-align:      top;
   text-align:          justify;
   font:                normal 9px Verdana, Arial, Helvetica, 'Arial CE';
}

.wiadKrotka .tresc div
{
   height:              85px;
   overflow:            hidden;
}

.wiadomosci .foto
{
   width:               100px;
   height:              100px;
   margin-right:        5px;
   vertical-align:      top;
}

.wiadPelna .foto
{
   cursor:              pointer;
   margin-bottom:       5px;
   float:               left;
}

.wiadomosci .wiecej
{
   margin-right:        0px;
   margin-bottom:       0px;
   vertical-align:      bottom;
   font:                bold 9px Verdana, Arial, Helvetica, 'Arial CE';
}

.wiadomosci .powrot
{
   font:                bold 9px Verdana, Arial, Helvetica, 'Arial CE';
}

/* Formatowanie elementow uzupelniajacych. */
.cien
{
   position:            relative;
   left:                4px;
   top:                 4px;
   margin:              auto;
   padding-right:       1px;
}

.cien .cien1,
.cien .cien2,
.cien .cien3,
.cien .cien4
{
   position:            relative;
   left:                -1px;
   top:                 -1px;
}

.cien .cien1
{
   background:          #F1F0F1;
}

.cien .cien2
{
   background:          #DBDADB;
}

.cien .cien3
{
   background:          #B8B6B8;
}

.cien .cien4
{
   background:          #ffffff;
   border:              1px solid #848284;
}

.nawigacja
{
   width:               100%;
   height:              20px;
   margin-top:          0px;
   margin-bottom:       0px;
   word-spacing:        10px;
   text-decoration:     none;
   text-align:          center;
   vertical-align:      middle;
   color:               #777777;
   font:                bold 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.nawigacja
{
   width:               100%;
   height:              auto;
   word-spacing:        10px;
   text-decoration:     none;
   text-align:          center;
   vertical-align:      middle;
   color:               #777777;
   font:                bold 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.nawigacja .bok
{
   width:               30%;
   margin:              auto;
}

.nawigacja .srodek
{
   width:               40%;
   margin:              auto;
}

.nawigacja .biezacy
{
   color:               #8888ff;
}

.nawigacja span
{
   color:               #cccccc;
}

.nawigacja a:hover
{
   text-decoration:     none;
   color:               #cc0000;
}

.galeria
{
   text-align:          center;
   font:                normal 9px Verdana, Arial, Helvetica, 'Arial CE';
}

.galeria .zdjecie,
.galeria .miniatura
{
   border:              solid 1px #cccccc;
}

.galeria .zdjecie img,
.galeria .miniatura img
{
   margin:              auto;
   vertical-align:      top;
   cursor:              pointer;
}

.galeria .komunikat
{
   margin-top:          5px;
   margin-bottom:       15px;
   font:                italic 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.cena td.cena
{
   padding-top:         2px;
   padding-bottom:      2px;
   padding-left:        3px;
   padding-right:       3px;
   color:               #ffffff;
   background-color:    #cc0000;
   text-align:          center;
   vertical-align:      middle;
   font:                bold 12px Tahoma, Arial, Verdana, Helvetica;
}

.cena td.vat
{
   padding-left:        2px;
   padding-right:       2px;
   border:              solid 1px #cc0000;
   color:               #cc0000;
   background-color:    #ffffff;
   text-align:          center;
   vertical-align:      middle;
   font:                bold 8px Tahoma, Arial, Verdana, Helvetica;
   white-space:         nowrap;
}

.wiecej,
.powrot,
.adres
{
   width:               auto;
   margin:              auto;
   text-align:          right;
   white-space:         nowrap;
   font-weight:         bold;
}

.wiecej a:hover,
.powrot a:hover,
.adres  a:hover
{
   text-decoration:     none;
   color:               #cc0000;
}

.wiecej img,
.powrot img,
.adres  img
{
   width:               12px;
   height:              12px;
   vertical-align:      top;
}

.uwagaCena
{
   margin-top:          5px;
   text-align:          center;
   vertical-align:      middle;
   font:                bold 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.brakDanych,
.komunikat
{
   margin:              auto;
   text-align:          center;
   vertical-align:      middle;
   font:                bold 10px Verdana, Arial, Helvetica, 'Arial CE';
}

.wierszJasny
{
   background-color:    #ffffff;
}

.wierszCiemny
{
   background-color:    #f0f0f0;
}

.wLewo
{
   text-align:          left;
}

.wPrawo
{
   text-align:          right;
}

.srodek
{
   text-align:          center;
}

.kreskaGora
{
   border-top:          solid 1px #cccccc;
}

.kreskaDol
{
   border-bottom:       solid 1px #cccccc;
}

.margines
{
   padding-top:         5px;
}