<!--

body
    {
    margin: 0px;
    padding: 0px;
    background-image: url("/design/gfx/tlo_body.jpg");
    text-align: center;
    clear:both;
    }
div#container
    {
        width: 776px;
        height: auto;
        margin: 0 auto;
        min-height: 600px;
        border-left: solid 1px black;
        border-right: solid 1px black;
        }
div#center_container
    {
        float: left;
        width: 100%;
        height: auto;
        min-height: 400px;
        background: url("/design/gfx/pasek_poz_tlo.jpg") repeat-y;
      }


div#top_right
    {
        float: left;
        width: 8px;
        height: 200px;
        border-left: solid 1px #c8c8c8;
        border-top: solid 1px #c8c8c8;
        border-bottom: solid 1px #c8c8c8;
        background-color: #f8f8f8;
     }

div#top_container
    {
        width:775px;
        height: 212px;
        margin: 0px;
        padding:0px;
        float:left;
        background-color: white;

        }
div#top_pasek_gora_container
    {
        width: 775px;
        height:10px;
        float: left;
        font-size:1px;
        }
div#top_pasek_l
        {
            float: left;
            height: 10px;
            padding: 0px;
            margin: 0px;
            width: 10px;
            border-right: solid 1px #c8c8c8;

            }
div#top_pasek_s
        {
            float:left;
            height: 10px;
            width: 580px;
            border-right: solid 1px #c8c8c8;
            }
div#top_pasek_r
    {
        float: left;
        height: 10px;
        width: 174px;
        background: #f8f8f8;
        border-right: solid 1px #c8c8c8
    }

div#top_main_cont
    {
        float:left;
        width: 775px;
        height: 200px;
        }

div#top_left
    {
        float:left;
        border-right: 1px solid #c8c8c8;
        border-top: 1px solid #c8c8c8;
        border-bottom: 1px solid #c8c8c8;
        background-color: #f8f8f8;
        width: 10px;
        height: 200px;
    }
div#top_tlo
    {
        float: left;
        width: 580px;
        height: 200px;
        background-image: url("/design/gfx/layout_pcbiznes_03.jpg");
        border-top: 1px solid #c8c8c8;
        border-bottom: 1px solid #c8c8c8;

    }
div#navi
    {
        float: left;
        position: relative;
        top: 179px;
        left: 5px;
        width: 350px;
        height: 19px;
        font-family: verdana,serif;
        font-weight: bold;
        font-size: 10px;
        line-height: 19px;
        color: #f8f8f8;
        text-align: left;
        }


div#log_pc
    {
        width: 200px;
        height: 45px;
        float: left;
        margin-top: 30px;
        margin-left: 30px;
        background: url("/programy/gfx/pcbiznes.gif");

        }

/* definicja panelu - sordkowego */

.panel
    {

      width: 590px;
        clear: both;
      height: auto;
      /*border-bottom: solid 1px #c8c8c8;*/
      margin: 0 auto;
      margin-top:10px;
      }
.panel_top
    {
        clear: both;
        padding-top: 4px;
        display: block;
        text-align: left;
        background: url("/design/gfx/tlo_panel_gora.jpg");
        background-repeat: repeat-x; 
    /*  background: #68849A; */
        height: 20px;
        /*line-height: 20px;*/
        padding-left:5px;
        font-family: verdana;
        font-size: 12px;
        font-weight: bold;
        color: #ffffff;
      /*   color: #24376C; */

    }
.panel_tresc
    {
        width: 572px;
        *width: 572px;
        height: auto;
        font-family: verdana;
        font-size: 12px;
        line-height: 1.4;
        text-align: left;
        padding: 8px;
        float: left;
        color: #24376C;
        border-left: solid 1px #c8c8c8;
        border-right: solid 1px #c8c8c8;
        margin:0;
    }

.panel_tresc .f1
        {
        display: block;
        list-type: none;
        padding: 0;
        margin:0;
        *margin: 0;
        margin-top: 10px;
        padding-bottom: 12px;
        text-indent: 0;
        }

.panel_tresc .f2
    {
        float: left;
        display: block;
        width: 20%;
        text-align: center;
        background-color: #c7d1da;
    }

.panel_tresc .f3
    {
        float: left;
        display: block;
        width: 20%;
        text-align: center;
    }

.panel_tresc .f2 a
        {
        text-decoration: none;
        font-family: verdana;
        font-weight: bold;
/*        color: #24376C;*/
        color:  #cc6600;
        }


.panel_tresc .f2 a:hover
        {
        text-decoration: none;
        font-family: verdana;
        font-weight: bold;
        color: #000000;
        }


.panel_dol
    {
      clear: both;
        background: url("/design/gfx/panel_dol.jpg");
        background-repeat: repeat-x;
        height: 10px;
        font-size: 1px;
        border-bottom: solid 1px #c8c8c8;
        }

div#panel_strzalka
        {
        position: relative;
        bottom: 30px;
        right: 10px;
        height: 10px;
        width: 10px;
        float: right;
        font-size: 1px;
        margin: 0;
        padding: 0;
        z-index: 200;
        }

.panel_tresc a
        { 
            font-family: verdana, serif;
            font-size: 12px;
            text-decoration: none;
            color:  #cc6600;
            }
            
.panel_tresc a:hover
        { 
            font-family: verdana, serif;
            font-size: 12px;
            text-decoration: none;
            color: #000000;
            }

/* koniec definicji panelu srodkowego */

div#maly_p_container
    {
    width: 400px;
    margin: 0 auto;
    height: auto;
    min-height:100px;
     }

/* definicja panelu - srodkowego malego*/

.panel_m_l
    {

      width: 190px;
      float:left;
      height: auto;
      border: solid 1px #c8c8c8;
      margin: 0 auto;
      margin-top:10px;
       }
.panel_top_m_l
    {
        clear: both;
        text-align: left;
        background: url("/design/gfx/tlo_panel_gora.jpg") repeat-x;
        height: 20px;
        line-height: 20px;
        padding-left:5px;
        font-family: verdana;
        font-size: 12px;
        font-weight: bold;
        color: #303030;

    }
.panel_tresc_m_l
    {
        clear: both;
        height: auto !important;
        min-height: 200px;
        height: 200px;
        font-family: verdana;
        font-size: 10px;
        line-height: 1.7;
    }
.panel_dol_m_l
    {
        clear: both;
        background: url("/design/gfx/panel_dol.jpg") repeat-x;
        height: 10px;
        font-size: 1px;
        }

/* koniec definicji panelu srodkowego malego*/


.panel_m_r
    {

      width: 190px;
      float: right;
      height: auto;
      border: solid 1px #c8c8c8;
      margin: 0 auto;
      margin-top:10px;
       }
.panel_top_m_r
    {
        clear: both;
        text-align: left;
        background: url("/design/gfx/tlo_panel_gora.jpg") repeat-x;
        height: 20px;
        line-height: 20px;
        padding-left:5px;
        font-family: verdana;
        font-size: 12px;
        font-weight: bold;
        color: #303030;

    }
.panel_tresc_m_r
    {
        clear: both;
        height: auto !important;
        min-height: 200px;
        height:  200px;
        font-family: verdana;
        font-size: 10px;
        line-height: 1.7;
    }
.panel_dol_m_r
    {
        clear: both;
        background: url("/design/gfx/panel_dol.jpg") repeat-x;
        height: 10px;
        font-size:1px;
        }


#center_left_c
    {
        width: 151px;
        height: auto;
        min-height: 400px;
        float: left;
        }
#center_l_pasek
    {
        width: 12px;
        height:auto;
        min-height: 400px;
        float: left;
    }
#center_l_reszta
    {
     width: 139px;
     height: auto;
     float:left;
     }

div#center_srodek
    {
        width: 617px;
        height: auto;
        min-height: 400px;
        margin: 0 auto;
        float:left;
    }

div#center_right_c
  {
      float:left;
      width: 185px;
       }


.panel_s_top
    {
    float:left;
    width: 175px;
    height: 10px;
    background: url("/design/gfx/panel_kropki.jpg") repeat-x;
    font-size: 1px;
    }
.panel_s_tresc
    {
    float: left;
    height: 150px;
    width: 175px;
    background: url("/design/gfx/pasek_pio.gif") repeat-y;
    }
.panel_s_tresc2
    {
    float: left;
    height: 150px;
    width: 175px;
    background: url("/design/gfx/pasek_pio2.gif") repeat-y;
    }

div#center_kropy_gora_r
    {
        float:left;
        width: 175px;
        height: 45px;
        background: url("/design/gfx/kropki_gora.jpg") repeat-x;

     }

div#dol_container
    {
    position:relative;
    clear:both;
    width:100%;
    height:65px;
    background: white;

    }

div#bottom_left
    {
    position: relative;
    left: 11px;
    width:139px;
    height:45px;
    background-image:url("/design/gfx/kropki_dol.jpg");
    background-repeat:repeat-x;
    border-left:solid 1px #c8c8c8;
    border-right:solid 1px #c8c8c8;
    float:left;
    font-family:verdana;
    font-size:10px;
    color:black;
    }

div#bottom_center
    {
    position:relative;
    left:10px;
    float:left;
    width: 439px;
    height:45px;
    float:left;
    }


div#bottom_right
    {
    text-align: right;
    position:relative;
    left:11px;
    width:175px;
    height:45px;
    /* background-image:url("/design/gfx/kropki_dol.jpg");*/
/*    background-repeat:repeat-x;*/
  /*  border-left:solid 1px #c8c8c8;*/
    border-right:solid 1px #c8c8c8;
    float:left;
     }

div#dol

    {
    text-align:center;
    width: 775px;
    height:15px;
    line-height: 15px;
    float:left;
    background-color:#c8c8c8;
    border-top: solid 1px #f0f0f0;
    border-bottom: solid 1px black;
    font-family:verdana;
    font-size:11px;
    color:#000000;
    }

div#nav
    {
    float: left;
    height: 200px;
    }
   
div#nav ul
   {
   list-style: none;
   font-family:verdana;
   font-size:13px;
   color: #24376C;
   margin: 0px;
   padding: 0px ;
   text-indent: 10px;
   text-align: left;
   float:left;
   width:175px;
   background: #f8f8f8;
   border-top: solid 1px #c8c8c8;
   }

div#nav li:hover
     {
         display: block;
         margin: 0px;
         padding: 2px;
         /*height: 14px;*/
         background: url("/design/gfx/pasek_gray.jpg") no-repeat 4px;
         border-bottom: solid 1px #c8c8c8;
      }
div#nav li
     {
         display: block;
         margin:0px;
         /*height: 14px;*/
         background: url("/design/gfx/pasek_pom.jpg") no-repeat 4px;;
         border-bottom: solid 1px #c8c8c8;
         padding: 2px;
         clear: both;

      }

div#nav #ddd
     {
        display: block;
        height: 74px;
        margin: 0;
        padding:0;
        font-size: 11px;
        background: #F8F8F8;
        border-bottom: solid 1px #c8c8c8;
        line-height: 1.2;
        text-align: left;
     }

p.te
    {
    font-family: verdana;
    color: #24376C;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
margin: 0;
padding-top: 0;
text-indent: 0;
    }

p.te2
    {
    font-family: verdana;
    color: #24376C;
    text-align: left;
    font-size: 12px;
margin: 0;
padding: 0;
text-indent: 0;
    }

#ddd a
    {
     font-size: 11px;
     font-family: verdana;
     text-decoration: underline;
     color: #666666;

    }

#ddd a:hover
    {
     font-size: 11px;
     font-family: verdana;
     text-decoration: underline;
     color:#FF7017;

    }

div#d_tekst
{
font-family: verdana,serif;
font-size: 10px;
text-align: center;
padding: 0px;
color: #000000;
float:left;
margin-left: 6px;

}
#ddd #pasek
     {
     height: 55px;
     width: 6px;
     background: url("/design/gfx/pasek_pom.jpg") repeat-y;
     float: right;
     line-height: 1;
     }

#ddd #zapis
     {
      text-align: right;

      }
div#nav a
     {
     display: block;
     color: #24376C;
     text-decoration: none;

     }
div#nav a:hover
     {
     display: block;
     color: orange;
     text-decoration: none;
     }

#nav a.kont
    {
     display: block;
     color: #24376C;
     text-decoration: none;
     background-image: url("gfx/kontakt.gif");
     background-repeat: no-repeat;
     background-position: 132px 0px;
}

#nav a.kont:hover
    {
     display: block;
     color: orange;
     text-decoration: none;
     background-image: url("gfx/kontakt1.gif");
     background-repeat: no-repeat;
     background-position: 132px 0px;
}

* html #nav a
    {height: 1%;}

div#l_kropy
    {
    float:left;
    width: 139px;
    height: 45px;
    line-height: 45px;
    font-family: verdana, serif;
    font-size: 10px;
    background: url("/design/gfx/pcbiznes.pl - plik.gif") no-repeat;;
    }
div#pasek_menu_l
    {float:left;
    width:139px;
    height:9px;
    font-family: verdana;
    font-size: 1px;
    /*background: url("/design/gfx/menu_nagl.jpg") repeat-x;*/
    background-color: #DEA415;
    border-top: solid 1px #c8c8c8;
    border-bottom: solid 1px #c8c8c8;

    }
div#pasek_nad_menu
    {
    float:left;
    width:139px;
    height:5px;
    font-size: 1px;
    border-bottom: solid 1px #c8c8c8;
    }
.nav2
    {
    clear: both;
    width: 139px;
    text-align:left;
       }
.nav2 ul
      {
      list-style:none;
      padding: 0px;
      margin: 0 auto;
      font-family: verdana;
      font-size: 12px;
      background: url("/design/gfx/klawisz_tlo.jpg") repeat-y;
      }
.nav2 li
      {
      display: block;
      background: url("/design/gfx/pasek_pom.jpg") no-repeat 4px;
      border-bottom: solid 1px #c8c8c8;
      padding-left: 10px;
      min-height: 20px;
      line-height: 20px;
      width: 129px;
      }

.nav2 li:hover
      {
      display: block;
      background: url("/design/gfx/pasek_gray.jpg") no-repeat 4px;
      border-bottom: solid 1px #c8c8c8;
      padding-left: 10px;
      min-height: 20px;
      line-height: 20px;
      width: 129px;
      }

.nav2 a
      {
      display: block;
      text-decoration:none;
      color: #24376C;
      }
.nav2 a:hover
      {
      text-decoration:none;
      color: orange;
      }
* html .nav2 a
    {height: 1%;}
.nav2 .pod_m1
      {
      display: block;
      background: none;
      padding-left: 10px;
      background: url("/design/gfx/pasek_cze.jpg") no-repeat 4px;
       }

.nav2 .pod_m2
      {
      display: block;
      background: none;;
      padding-left: 10px;
      text-align: left;
       }

.nav2 .pod_m2:hover
      {
      display: block;
      background: none;
      padding-left: 10px;
      background: url("/design/gfx/pasek_pom.jpg") no-repeat 4px;
      }


input.textowy
    {
    height:14px;
    width:90px;
    font-family:verdana;
    font-size:10px;
    border:solid 1px #c8c8c8;
    background-color:#ffffff;
    margin-top: 1px;
    *margin-top: 0px;
    margin-bottom: 1px;
    *margin-bottom: 0px;
    padding: 0;
    }

input.przycisk
    {
    height:17px;
    width:60px;
    font-family:verdana;
    font-size:12px;
    border:solid 1px #c0c0c0;
    background-color:#f8f8f8
    color: #202020;
    cursor: pointer;
    padding: 0px;
    margin-top: 1px;
    margin-right: 2px;
     }

p   {
    text-indent: 1.5em;
    }

.naglowek
    {
/*      color: #0783FF;*/
        color: #24376C;
        font-family: Georgia,Serif;
        font-size: 18px;
        line-height: 1.0;
     }
p.center
{
  text-align:center;
   margin: 0px;
  padding: 0px;

}
p.right
{
  text-align:right;
  font-size:12px ;
  margin: 0px;
  padding: 0px;
}
p.left
{
  text-align:left;
  font-size:12px ;
  margin: 0px;
  padding: 0px;
}
.malakursywa
{
  font-style: italic;
  font-size:10px;
  font-family:Verdana;
}

img
{
   border: none;
}

.zrzut
{
    border:none;
    margin-top:15px;
    margin-bottom: 15px;
    *margin-top:0px;
    *margin-bottom:0px;
}

#bottom_right a {
     color: #24376C;
     font-family: verdana, serif;
     font-size: 12px;
     text-decoration: none;
     padding-right: 15px;
     }
#bottom_right a:hover
    {
     color: orange;
     font-family: verdana, serif;
     font-size: 12px;
     text-decoration: none;
     padding-right: 15px;
     }
.wyniki td
    {
        width: 50%;
        vertical-align: top;
        }
    
    a.menu_a
        {
            font-family: verdana, serif;
            font-size: 10px;
            color: #ffffff;
            text-decoration: none;
            }
    a.menu_a:hover
        {
            font-family: verdana, serif;
            font-size: 10px;
            color: #ffffff;
            text-decoration: underline;
            }

            a.stopka
                {
                    font-family:verdana;
                    font-size:11px;
                    color:#000000;
                    text-decoration: none;

                    }
            a.stopka:hover
                {
                    font-family:verdana;
                    font-size:11px;
                    color:#000000;
                    text-decoration: underline;

                    }
table
{
  border:0;
  cellpadding:0;
  cellspacing:0;
}


table.basket
{
   line-height:1.2;
   border: 1px;
   padding: 0;
   margin: 0;
   width: 100%;
}

td.id     { width:15%;}
td.nazwa  { width:40%; }
td.cena   { width:15%;}
td.ilosc  { width:15%;}
td.wartosc{ width:15%;}
td.center
            {
            text-align: center;
             }

td.cen
            {
            text-align: center;
            border-bottom: solid 1px #c8c8c8;
            height:10px;
                        }

table.products
{
  width: 95%;
  padding: 0px;
  margin: 0px;
  /*border-spacing: 0px;*/
  border: none;

}
td.p_nazwa
{
  align: left;
  /* valign: middle;*/
  width: 300px;
  height: 20px;
  border-right: 1px solid #FF952B;


  }
td.p_cena
{
   align: right;
   padding-right: 5px;
   width: 20%;
   valign: bottom;
   border-right: 1px solid #FF952B;

}
input
    {
    font-family:verdana;
    font-size:12px;
    border:solid 1px #24376C;
    background-color: #f8f8f8;
    }
button
    {
    font-family:verdana;
    font-size:12px;
    border:solid 1px #24376C;
    background-color: #f8f8f8;
    cursor: pointer;
    }

select
    {
    font-family: verdana;
    font-size: 10px;
    border: solid 1px #c8c8c8;
    background-color: #f8f8f8;
    margin-top:0px;
    margin-left:3px;
    margin-right:0px;
    margin-bottom:0px;
    vertical-align: middle;
    }          

div#lista
        {
        font-family: verdana;
        font-size: 12px;
        color: #202020;
        text-align: right;
        padding: 2px;
        background-color: #f8f8f8;
        /*float:left;*/
        height: auto;
        width: auto;
        }


-->