#uwaga
{
text-align: justify;
}

body
{
/* CiaÅ‚o strony */
width: 1075px;
margin: 0 auto;
padding: 0;
background-color: #333333;
color: #333333;
font: 11px/1.5 Verdana, Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

input, textarea, select
{
/* Domyslne ustawienia pÃ³l formularza */
color: #777777;
font: 12px/1.5 Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

.err
{
/* Komunikat bÅ‚Ä™du (formularz) */
color: red;
font-weight: bold;
}

.oki
{
/* Komunikat pozytywny (formularz) */
color: green;
font-weight: bold;
}

#content a
{
/* Linki czÄ™Å›ci gÅ‚Ã³wnej strony (poza stopkÄ… i topem) */
color: #30608F;
text-decoration: none;
}

#content a:hover
{
/* j.w. pod kursorem */
color: #cc9933;
text-decoration: none;
}

.blink 
{ text-decoration: blink;
  color: #cc3333;
}

h1
{
/* NagÅ‚Ã³wek 1 stopnia */
font-size: 1.3em;
color: #cc3333;
margin: 10px 0 10px 0;
padding-bottom: 2px;
background: url("/img/dot_s.gif") bottom;
background-repeat: repeat-x;
}

h2
{
/* NagÅ‚Ã³wek 2 stopnia */
font-size: 1.1em;
color: #cc9933;
margin: 5px 0 2px 0;
padding-bottom: 2px;
background: url("/img/dot_s.gif") bottom;
background-repeat: repeat-x;
}

h3
{
/* NagÅ‚Ã³wek 3 stopnia */
font-size: 1.1em;
color: #999999;
margin: 5px 0 2px 0;
padding-bottom: 2px;
background: url("/img/dot_s.gif") bottom;
background-repeat: repeat-x;
}

div, p
{
/* DomyÅ›lne ustawienia warstw i blokÃ³w tekstu */
margin: 0;
padding: 0;
}

img
{
/* DomyÅ›lne ustawienia obrazkÃ³w */
border: 0;
}

/*
FORMBOX
*/
#formbox div
{
/* Warstwa formularza kontaktowego */
background: #DAE2F1;
border: 1px solid #A9BCDE;
padding: 3px 6px;
margin: 2px 10px;
}

#formbox .f200
{
/* Pole formularza */
width: 500px;
}

#formbox textarea
{
/* Pole formularza */
width: 500px;
height: 150px;
}

/* MAIN */

#main_body .intro
{
/* Tekst wstÄ™pu na stronie gÅ‚Ã³wnej (opis firmy) */
text-indent: 25px;
margin: 10px;
text-align: justify;
}

#main_body p
{
/* Paragraf w gÅ‚ownej czÄ™Å›ci strony */
margin: 10px;
}


/* DIVy PASIASTE */

#add_top
{
/* MaÅ‚a warstwa topowa  - samo tÅ‚o */
width: 924px;
height: 15px;
padding: 0 0 0 0;
background-image: url("/img/topk.jpg");
background-repeat: no-repeat;
background-position: right top;
clear: both;
}

#add_top_nobody
{
/* MaÅ‚a warstwa topowa  - samo tÅ‚o */
width: 774px;
height: 10px;
background-image: url("/img/top_nobody.jpg");
clear: both;
}

#add_end
{
/* MaÅ‚a warstwa stopki  - samo tÅ‚o */
width: 924px;
height: 15px;
background-image: url("/img/end.jpg");
background-repeat: no-repeat;
background-position: right top;
clear: both;
}

#add_end_nobody
{
/* MaÅ‚a warstwa stopki  - samo tÅ‚o */
width: 774px;
height: 15px;
background-image: url("/img/end_nobody.jpg");
clear: both;
}

#content
{
/* Warstwa gÅ‚owna - caÅ‚a strona poza topem i stopkÄ… */
float: left;
width: 774px;
background-image: url("/img/body.jpg");
}

#content_nobody
{
/* Warstwa gÅ‚owna - caÅ‚a strona poza topem i stopkÄ… */
float: left;
width: 774px;
background-image: url("/img/body_nobody.jpg");
}

#main_body, #main_hint, #main_body_nobody, #main_hint_nobody
{
/* Warstrstwy ciaÅ‚a (poza menu) i menu */
float: right;
}

#main_body
{
width: 559px;
padding: 0 20px 0 5px;
}

#main_body_nobody
{
width: 735px;
padding: 0 20px 0 5px;
}

#main_hint
{
width: 150px;
padding: 5px 20px;
color: #888888;
}

#main_hint_nobody
{
width: 150px;
padding: 5px 20px;
color: #888888;
}

#main_body ul
{
/* Listy punktowane w opisie produktu */
margin: 0 5px 10px 30px;
list-style-type: square;
}

#main_hint ul
{
/* Listy puntowane w menu */
margin: 0 5px 10px 20px;
list-style-type: square;
color: lightblue;
}

/* STOPKA */

#software
{
/* Informacja w stopce */
color: #bbbbbb;
float: left;
padding: 5px 0 7px 10px;
width: 200px;
font-weight: bold;
}

#footer
{
/* Stopka */
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-size: 11px;
padding: 5px 10px 7px 0;
width: 450px;
text-align: right;
float: right;
color: #bbbbbb;
}

#footer a, #software a
{
/* Linki w stopce */
color: #888888;
border: 0;
background: none;
text-decoration: none;
}

#logo
{
/* Logo serwisu */
display: block;
}

/* MENU */

#header
{
/* Warstwa zawierajÄ…ca menu */
width: 774px;
height: 25px;
clear: both;
padding: 16px 0px 0px 0px;
font-size: 11px;
font-family: Tahoma, Arial, Helvetica, Verdana, Tahoma, sans-serif;
text-align: center;
}

#header1
{
/* Warstwa zawierajÄ…ca menu gorka */
width: 774px;
height: 15px;
background-image: url("/img/header1.jpg");
}

#header2
{
/* Warstwa zawierajÄ…ca menu srodek */
width: 774px;
background-image: url("/img/header2.jpg");
word-spacing: 8px;
}

/* Warstwa zawierajÄ…ca menu srodek - link */
#header2 a
{
font-size: 11px;
font-family: Tahoma, Arial, Helvetica, Verdana, Tahoma, sans-serif;
text-decoration: none;
font-weight: bold;
color: #30608F;
word-spacing: normal;
}

/* Warstwa zawierajÄ…ca menu srodek - link */
#header2 a:hover
{
font-size: 11px;
font-family: Tahoma, Arial, Helvetica, Verdana, Tahoma, sans-serif;
text-decoration: none;
font-weight: bold;
color: #CC3333;
word-spacing: normal;
}

/* Warstwa zawierajÄ…ca menu srodek - link */
#header2 a:active
{
font-size: 11px;
font-family: Tahoma, Arial, Helvetica, Verdana, Tahoma, sans-serif;
text-decoration: none;
font-weight: bold;
color: #CC9933;
word-spacing: normal;
}

#header3
{
/* Warstwa zawierajÄ…ca menu dol */
width: 774px;
height: 7px;
background-image: url("/img/header3.jpg");
}

#header ul li 
{
text-align: center;
list-style-type: none;
padding: 0.25em;
display: inline;
}

#header ul li a 
{
/* j.w. */
color: #30608F;
background: none;
text-decoration: none;
text-align: center;
padding: 2px 1px;
border: 0;
}

#header ul li a:hover
{
/* j.w. */
color: #cc3333;
/* font-weight: bold; */
}

#main_hint .cle  a
{
/* link na liÅ›cie najnowszych produktÃ³w */
background: none;
}

#main_hint .cle
{
/* div zawierajÄ…cy najnowsze produkty */
text-align: center;
margin: 5px 0 10px 0;
}

.comp
{
/* Obrazek - logo firmy */
float: right;
margin: 0 0 5px 5px;
display: block;
}

h4
{
/* NagÅ‚Ã³wek 4 stopnia */
font-size: 1.0em;
margin: 4px 0 2px 0;
}

.sz
{
/* Pole formularza panelu administracyjnego */
width: 500px;
}

#main_body .treep ul, #main_body .treep2 ul
{
/* Drzewko - NIE ZMIENIAÄ†!!! */
background: #ffffff url("/img/vertical.png") 0px 0px repeat-y;
list-style: none;
padding-left: 0px;
margin-left: 0px;
}

#main_body .treep ul li, #main_body .treep2 ul li  
{
/* Drzewko - NIE ZMIENIAÄ†!!! */
padding-left: 13px;
margin-left: 0px;
background: url("/img/horizontal.png") 0px 10px no-repeat;
}

#main_body .treep ul ul, #main_body .treep2 ul ul
{
/* Drzewko - NIE ZMIENIAÄ†!!! */
padding-left: 0px;
margin-left: 5px;
}

#main_body .treep ul li.first, #main_body .treep2 ul li.first 
{
/* Drzewko - NIE ZMIENIAÄ†!!! */
margin-left: -1px;
background: url("/img/horizontal_first.png") 0px -190px no-repeat;
}

#main_body .treep ul li.last, #main_body .treep2 ul li.last 
{
/* Drzewko - NIE ZMIENIAÄ†!!! */
margin-left: -1px;
background: url("/img/horizontal_last.png") 0px 10px no-repeat;
}

#main_body .treep
{
/* Blok zawierajÄ…cy drzewko w ofercie */
font-size: 13px;
float: left;
width: 180px;
margin: 10px 34px;
}

#main_body .treep2
{
/* Blok zawierajÄ…cy drzewko nad listÄ… produktÃ³w danej kategorii */
font-size: 13px;
width: 400px;
margin: 34px;
padding: 15px 25px;
border: 1px solid #cccccc;
}

ul
{
/* DomyÅ›lne marginesy listy punkowanej */
padding: 0;
margin: 0;
}

.listing
{
/* Tabela listy produktÃ³w */
width: 100%;
}

.td_head
{
/* NagÅ‚Ã³wek listy produktÃ³w (wyÅ›wietlajÄ…cy linki nawigacyjne) */
font-size: 16px;
font-weight: bold;
padding: 0px 6px;
background: url("/img/sza.jpg") repeat-x;
border: 1px solid #F1F0E0;
}

.td_head2
{
/* NagÅ‚Ã³wek listy produktÃ³w (wyÅ›wietlajÄ…cy logo firmy) */
padding: 0 6px;
padding-top: 7px;
/* background: url("/img/sza.jpg") repeat-x; */
border: 1px solid #F1F0E0;
}

.free
{
/* OdstÄ™p */
height: 30px;
}

.td_image
{
/* Warstwa zawierajÄ…ca obrazek w listingu */
width: 100px;
text-align: center;
float: left;
margin: 3px 8px 4px 0;
}

.td_image a
{
/* Link j.w. */
background: none;
}

.td_image img
{
/* Obrazek j.w. */
background: #ffffff;
padding: 3px;
border: 1px solid #dddddd;
display: block;
margin: auto;
}

.td_desc0
{
/* Opis produktu w listingu */
background: #F9F8F0;
padding: 2px 8px;
border: 1px solid #F1F0E0;
}

.td_desc1 p, .td_desc0 p
{
/* Opis produktu w listingu */
font-size: 11px;
margin: 0;
padding: 0;
}

.bob
{
/* Tekst opisu produktu w listingu */
font-size: 11px;
margin: 4px 0 0 0;
padding: 0;
}

.td_desc1
{
/* Opis produktu w listingu (drugi kolor) */
background: #F5F4EB;
padding: 2px 8px;
border: 1px solid #F1F0E0;
}

#tooltip
{
/* Dymek wyÅ›wietlajÄ…cy miniaturkÄ™ produktu */
text-align:left;
white-space:nowrap;
border: 1px solid #C5C534;
position: absolute;
margin-top: -150px;
margin-left: 15px;
padding: 2px;
background: white;
}

#tooltip img
{
/* j.w. */
display: block;
}

.proimg
{
/* Obrazek obok opisu produktu */
float:right;
cursor: pointer;
}

.proi
{
/* Tekst opisu produktu */
margin-top: 22px;
float:left;
width: 99%;
}

.priq
{
/* Obrazek i tekst wersji do wydruku */
margin: 0 5px 0px 0;
float: left;
cursor: pointer;
}

.ipo
{
/* Listing nowych produktÃ³w w menu */
display: block;
margin: 8px auto 2px auto;
background: #ffffff;
padding: 3px;
border: 1px solid #dddddd;
}

.center
{
text-align: center;
margin: 0;
}

.data
{
color: #cc9933;
}

#search
{
text-align: center;
}

#navibar
{
/* Menu nawigacyjne */
font: 11px/1.5 Verdana, Arial, Helvetica, Verdana, Tahoma, sans-serif;
margin: 7px 0;
clear: both;
}

#navibar a
{
/* Menu nawigacyjne */
color: black;
font-weight: normal; 
}

#navibar a:hover
{
/* Menu nawigacyjne */
color: red;
font-weight: normal; 
}

#navibar a.bold
{
/* Menu nawigacyjne */
font-weight: bold;
}

.back
{
/* Menu nawigacyjne */
font-weight: bold;
text-align: right;
margin: 10px 5px;
clear: both;
}
#logo_r
{
/*Pasek logo*/
float: right;
width: 150px;
}
#logo_l
{
/*Pasek logo*/
float: left;
width: 150px;
}
#logo_top
{
/*T³o paska logo - góra*/
width: 150px;
height: 15px;
background-image: url("/img/logo_top.jpg");
}
#logo_main
{
/*T³o paska logo - body*/
width: 150px;
background-image: url("/img/logo_main.jpg");
}
#logo_mid
{
/*T³o paska logo - middle*/
width: 150px;
background-image: url("/img/logo_mid.jpg");
}
#logo_bottom
{
/*T³o paska logo - dó³*/
width: 150px;
height: 15px;
background-image: url("/img/logo_bottom.jpg");
}

