*
{
      font-family: Verdana, helvetica, sans-serif, arial;
      font-size:        11px;
}


body
{
	background-color: #000000;
}


p
{
      padding-left:     10px;
      padding-right:    10px;
      text-align:       left;
}

.p_waski
{
      padding-left:     150px;
      padding-right:    150px;
      padding-top:      10px;
      padding-bottom:   10px;
}

td
{
      vertical-align: top;
}

h2
{
      font-size:        13px;
      font-weight:      bold;
      text-align:       center;
}
h1
{
      font-size:        18px;
      font-weight:      bold;
      text-align:       center;
}
td
{
      margin:           0;
      padding:          0;
}



/* --- linki ogolne --- */
a
{
      text-decoration:  none;
      color:            #ff0000;
      font-weight:      bold;
}
a:hover
{
      text-decoration:  none;
      color:            #990000;
      font-weight:      bold;
}


/* --- linki glownego menu --- */
.aMenu
{
      text-decoration:  none;
      color:            #ffffff;
      font-weight:      bold;
      width:            100%;    /* to dla biednego pierdolonego IE */
}
.aMenu:hover
{
      text-decoration:  none;
      color:            #ffffff;
      background-color: #000000;
      font-weight:      bold;
      width:            100%;    /* to dla biednego pierdolonego IE */
}
.aMenuOpcjaZazn
{
      color:            #ff0000;
      width:            100%;    /* to dla biednego pierdolonego IE */
}
.aMenuOpcjaZazn:hover
{
      color:            #ff0000;
      width:            100%;    /* to dla biednego pierdolonego IE */
      background-color: #000000;
}


img
{
      border:           1px solid;
      border-color:     #ff0000;
}
.imgBezObramowania
{
      border:           none;
}
.imgBezGornegoObramowania
{
      border:           1px solid;
      border-color:     #ff0000;
      border-top:       none;
}


/* ------  formularze ------   */
.inputTekstowe
{
      width:            260px;
}

.inputSubmit
{
      width:            260px;
      font-weight:      bold;
      color:            #ffffff;
      background-color: #808080;
      border-color:     #ff0000;
      border-style:     solid;
      border-width:     3px;
      border-left:      none;
      border-right:     none;

}
.inputSubmit:hover
{
      background-color: #000000;
      color:            #ffffff;
}

input:hover
{
      background-color: #f0f0f0;
}
textarea:hover
{
      background-color: #f0f0f0;
}



/*  ----- style dla szkieletu strony ------  */
.szablGlowny
{
      margin-left:      auto;
      margin-right:     auto;
      width:            750px;
      background-color: #808080;
      padding:          0;
}


/* -------  uniwersalny pasek oddzielajacy ----  */
.szablSeparator
{
      border-top:       3px solid;
      border-color:     #ff0000;
}

/* ------- pasek oddzielajacy z mozliwoscia umiesczenia napisu  ----  */
.szablSeparatorZnapisem
{
      text-align:       center;
      color:            #ffffff;
      background-color: #808080;
      width:            100%;
      border-left:      none;
      border-right:     none;
      border-top:       3px solid;
      border-bottom:    none;
      border-color:     #ff0000;
      padding:          0;
}

.szablBannerTekst
{
      color:            #000000;
      font-style:       italic;
      font-weight:      bold;
      font-size:        15px;
      vertical-align:   top;
      text-align:       right;
      width:            100%;
      padding-top:      22px;
}



.szablBannerObrazek
{
      padding:          5px;
      padding-right:    30px;
      padding-left:     5px;
}


.szablTresc
{
      color:            #000000;
      background-color: #ffffff;
      padding:          0;
      width:            100%;
}
.blokTekstu
{
      margin-left:      50px;
      margin-right:     50px;
      margin-top:       25px;
      margin-bottom:    25px;
      padding:          10px;
      background-color: #eeeeee;
      border-width:     2px;
      border-style:     dotted;
      border-color:     #cccccc;
}







/* ---- klasa tworzaca z prawej strony kolumne ------  */
.szablKolumna
{
      float:            left;
      width:            300px;
}

/* ------  klasa resetujaca uklad kolumnowy -----   */
.szablBezKolumn
{
      clear:            left;
}


/* ---   style dla tabeli dynamicznie dopasowujacej sie do rozmiaru tresci --- */
.tabelaRozciagajaca
{
      width:            100%;
      height:           300px;
      border-collapse:  collapse;
}
td.tabelaRozciagajaca
{
      width:            100%;
      height:           100%;
      vertical-align:   top;
}
.tabelaRozciagajacaMenu
{
      padding-left:     10px;
      padding-right:    10px;
      padding-top:      100px;
      background-color: #eeeeee;
      color:            #000000;
      vertical-align:    top;
}


/*  ------- menu strony -------- */
.menuMain
{
      width:            100px;
      background-color: #808080;
      border-left:      none;
      border-right:     none;
      border-top:       3px solid;
      border-bottom:    3px solid;
      padding-top:      20px;
      padding-bottom:   20px;
      border-color:     #ff0000;
}

.menuMainButton
{
      width:                  100%;
      text-align:             center;
      line-height:            16px;
}

.menuMainButton:hover
{
      background-color:     #000000;
}

/*  ---- uniwerslana klasa dla niewielkich tabelek -----   */
.tabProsta
{
      border:           1px solid;
      border-color:     #ff0000;
      border-collapse:  collapse;
      width:            100%
}
td.tabProsta
{
      border:           1px solid;
      border-color:     #ff0000;
      padding-left:     3px;
      padding-right:    3px;
      background-color: #ffffff;
      text-align:       center;
      vertical-align:   middle;
}
th.tabProsta
{
      border:           1px solid;
      border-color:     #ff0000;
      font-style:       italic;
      font-weight:      bold;
      padding-left:     3px;
      padding-right:    3px;
      text-align:       center;
	background-color: #ffeeee;
}
/* ---  kometarz pod tabela ---  */
p.tabProsta
{
      text-align:       left;
      padding:          0;
      margin:           0;
      padding-left:     10px;
      font-style:       italic;
      border:           none;
}


/*  -----  style rozne  -------   */
small
{
      font-size:        9px;
}


.error
{
	color:                 #ff0000;
	background-color:      #fff5f5;
	border:                solid 1px;
	border-color:          #ff9090;
      text-align:            center;
      margin-left:           30px;
      margin-right:          30px;
      margin-top:            5px;
      margin-top:            5px;
      padding:               10px;
}


.naSrodek
{
      text-align:             center;
}
.naPrawo
{
      text-align:             right;
}
.naLewo
{
      text-align:             left;
}

.komunikat
{
      text-align:             center;
      padding-top:            130px;
}


/* ------ tresc napisu kodu szesnastkowego probki ------ */
.sampleColValue
{
      font-family:            monospace;
      font-weight:            bold;
      
}
/* ------------- prostokat o kolorze probki ------------ */
.sampleColBox
{
      margin:                 2px;
      line-height:            15px;
      padding-left:           10px;
      padding-right:          10px;
      border:                 1px  solid;
      border-color:           #000000;
}


/*  --------------- styl karty produktu ---------------- */
.kartaProd
{
      padding:          10px;
      background-color: #ffffff;
      margin:           20px;
}
h1.kartaProd
{
      margin:           0;
      padding:          1px;
      padding-left:     10px;
      color:            #ffffff;
      background-color: #ff0000;
      text-align:       left;
}
h2.kartaProd
{
      padding:          1px;
      padding-left:     10px;
      color:            #ff0000;
      background-color: #ffffff;
      text-align:       left;
      font-size:        11px;
      font-weight:      normal;
}

.kartaProdKat
{
      margin:           15px;
      padding:          1px;
      padding-left:     9px;
      text-align:       left;
      font-size:        12px;
      font-weight:      normal;
      background-image: url("/img/dot.gif");
      background-repeat: no-repeat;
}

.kartaProdKatZwykly
{
      padding-bottom:   3px;
      text-align:       right;
      font-size:        11px;
      font-weight:      bold;
}



table.kartaProd
{
      border-collapse:  collapse;
      width:            590px;
      margin-left:      auto;
      margin-right:     auto;
      padding:          0;
}
td.kartaProd
{
      border-collapse:  collapse;
      margin:           0;
      padding:          0;
}


.h1Series
{
      color:            #ffffff;
      background-color: #ff0000;
      font-size:        12px;
      font-weight:      normal;
}

.punkt
{
      background-color: #ff0000;
      width:            10px;

}


/*  ---------------- styl listy produktow ---------------- */
.listaProd
{
      margin-left:      70px;
      margin-right:     70px;
      margin-top:       20px;
      margin-bottom:    10px;
      background-color: #ffffff;
      border-width:     3px;
      border-style:     solid;
      border-color:     #ff0000;
      border-bottom:    none;
      border-left:      none;
      border-right:     none;
}

.listaProdNazwaLink
{
      font-size:        14px;
      font-weight:      bold;
      color:            #000000;
      text-align:       left;
}
.listaProdNazwaLink:hover
{
      color:            #ff0000;
}

table.listaProd
{
      width:            400px;
      border-collapse:  collapse;
      margin-left:      auto;
      margin-right:     auto;
      padding:          0;
}


.splashScreen
{
      background-image:       url("/img/splash.jpg");
      background-repeat:      no-repeat;
      background-color:       #eeeeee;
      text-align:             right;
      vertical-align:         bottom;
      height:                 auto;
      padding-top:            263px;
      padding-bottom:         10px;
      padding-right:          25px;
      background-position:    right;
}