body{ overflow: auto; font-family: Verdana; font-size: 11px; text-align: center; margin: 5px 0 0 0; padding: 0;
background: white url(img/top_pasek.gif) 0 0 repeat-x;}

div#container{ width: 775px; margin: 0 auto; text-align: left; background-color: #F9F9F9; }
div#top-menu{ width: 100%; height: 72px; background: url(img/top_bg.gif) no-repeat; }

        div#top-menu img{ border: 0; }
        div#top-menu a{ text-decoration: none; }
        div#top-logo{ width: 475px; /* margin-left: 27px; */ float: left; }
        
                div#top-logo img{ margin-left: 27px; }
        
        div#top-upper{ width: 280px; padding-top: 35px; float: left; }
        
                div#top-upper a{ display: block; float: left; }
                /* div#top-upper a:hover{ background-position: 0 -20px; } */
                
                        a#button_sklep{ width: 75px; height: 20px; background: url(img/button/sklep.gif) no-repeat; }
        a#button_sklep_active{ width: 75px; height: 20px; background: url(img/button/sklep_a.gif) no-repeat; }
        a#button_sklep:hover{ background-position: 0 -20px; }
        
                        a#button_szkolenia{ width: 106px; height: 20px;
                                        background: url(img/button/szkolenia.gif) no-repeat; }
                                     a#button_szkolenia:hover{ background-position: 0 -20px; }
                        a#button_szkolenia_active{ width: 106px; height: 20px;
                                        background: url(img/button/szkolenia_a.gif) no-repeat; }

                a#button_kontakt{ width: 92px; height: 20px; background: url(img/button/kontakt.gif) no-repeat; }
a#button_kontakt_active{ width: 92px; height: 20px; background: url(img/button/kontakt_a.gif) no-repeat; }
                            a#button_kontakt:hover{ background-position: 0 -20px; }

div#topimage{ width: 100%; height: 156px; }
div#szukaj-box{ width: 100%; height: 50px; background: url(img/szukaj_bg.jpg) no-repeat; }

        div#szukaj-box-form{ float: left; width: 565px; }
        div#szukaj-box-form form{ position: relative; top: 12px; left: 23px; margin: 0; padding: 0; }
        .input_klucz{ padding: 1px; width: 125px; border: 0; font-size: 10px; font-weight: bold; color: #3A3A3A; }
        .submit_klucz{ position: relative; top: 5px; margin-left: 5px; }
        
        div#szukaj-box-nav{ float: left; width: 190px; padding-top: 22px; color: white; font-size: 10px; }
        
div#content{ width: 100%; margin-top: 4px; padding-bottom: 10px; }

        div#leftside{ width: 210px; float: left;  margin-left: 12px; _margin-left: 6px; }

                div#leftside-bg{ background-color: #F2F2F2; width: 100%;
                background-image: url(img/leftside-footer.gif); background-position: bottom center;
                        background-repeat:no-repeat; padding-bottom: 14px; text-align:center; }
                        
                div.leftside-bg-pos{ width: 190px; margin: 0 auto; text-align: left; /* background-color: red;  */ }
                div.leftside-bg-pos-pos{ width: 171px; background: #F2F2F2 url(img/leftside-bg-pos.gif) no-repeat;
                                                padding-top: 10px; }
                                                
                div.leftside-bg-pos-pos a{ font-weight: bold; color: #3C3C3C; text-decoration: none; }
                div.leftside-bg-pos-pos a:hover{ color: #FF8027; }
                a.active{ color: #FF8027  !important; }
                a.active-method2{ text-decoration: underline !important; }
                
                div.leftside-bg-pos-pos form{ margin: 10px 0 0 0; padding: 0; }
                .input_zin{ /* nowe  background-color: #f6c9aa; */ border-bottom: 0; border-left: 0; border-top: 1px #D9D9D9 solid;
                 border-right: 1px #D9D9D9 solid; font-size: 10px; font-weight: bold; color: #3A3A3A; width: 150px;
                        height: 20px; }
                
                div.leftside-bg-pos-pos ul{ margin: 0; padding: 0 0 15px 30px; }
                div.leftside-bg-pos-pos ul li{ list-style-image: url(img/punkt.gif); }
                ul.no-image li{ /* list-style: none !important; */ padding-bottom: 5px; }
                ul.no-image li a{ color: #FF8027; }
                ul.no-image li a:hover{ text-decoration: underline; }
                /* ul.no-image{ margin: 0; padding: 0 0 15px 20px !important; } */
                        

        div#rightside{ float: left; width: 530px; margin-left: 11px; color: #646464; }
        
                div#rightside-bg{ background-color: #F2F2F2; width: 100%;
                background-image: url(img/rightside-head.gif); background-position: top center;
                        background-repeat:no-repeat;  padding-top: 19px; text-align:center; }
                        
                div#rightside-bg-pos{ margin: 0 auto; text-align: left; width: 510px; padding-bottom: 20px; }
                div#rightside-bg-pos h1{ margin: 0; padding: 0; font-size: 18px; font-weight: bold;  }
                div#rightside-bg-pos h1 img{ float: left; }
                div#rightside-bg-pos ul li{ list-style-image: url(img/punkt.gif); }
                
                div#rightside-bg-pos a{ color: #FF8027  !important; }
        
        
div#footer{ width: 100%; clear: both; height: 67px; color: #D6D6D6; background: url(img/footer.gif) no-repeat; }
div#footer a{ color: #F7760D; text-decoration: none; }
div#footer a:hover{ text-decoration: underline; }

        div#footer ul{ margin: 0; padding: 30px 0 0 30px; list-style: none;  }
        div#footer ul li{ /* float:left; */ display: inline; }
        div#footer-left{ float: left; width: 500px; /* background-color: red; */ }
        div#footer-right{ float: left; padding-top: 20px; width: 255px; color: #A0A0A0 !important; text-align: right; }
        div#footer-right a{ color: #A0A0A0; }
        
ul.list{ margin-top: 0; }
div.artykul-box{ margin-bottom: 10px; }
div.artykul-box h2{ margin: 0; padding: 0; font-size: 13px; }
form.form_zin{ padding: 10px 0 0 25px; margin: 0; }
div.artykul-box img.images{ float: left; margin-right: 5px; }
p.navbar a{ text-decoration: none; }
p.navbar img{ border: 0; }
p.navbar{ text-align: right; }

        /* dla formularzy - polec, kontakt */
        
        div.form-left{ float: left; width: 115px; }
        div.form-left2{ float: left; width: 135px; }
        div.form-right{ float: left; }
        
                div.form-right input{ font-size: 10px; }
                div.form-right input.txt{ border: 1px #b3b3b3 solid; }
                
                textarea.rezerwacja_uwagi{ border: 1px #b3b3b3 solid; width: 100%; height: 100px; }
                
table.szkolenia{ font-size: 11px; }

div.uwaga-box{ padding: 5px; margin: 10px 0 20px 0; border: 1px black solid; }
div#NEURON{ text-align: left; width: 100%; height: 223px; background: url(img/neuron_bg.gif) 0 0 no-repeat; }
div.NEURON-pos{ width: 160px; padding-top: 40px; padding-left:25px; }

  div.szkolenie-container{ padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px #e5e5e5 solid; }
  div.szkolenie-container img{ border: 0; }

  div.szkolenie-box{ float: left; width: 245px; padding: 5px; /* border-top 0; border-bottom: 1px #e5e5e5 solid; */ }
  div.szkolenie-box h3{ font-size: 11px; font-weight: normal; }
  div.szkolenie-box h3 a{ text-decoration: none; font-weight: bold; }
  div.szkolenie-box h3 a:hover{ text-decoration: underline; }
  
  div.more-szkolenie{ text-align: right; /* width: 245px; */ width: 95%; padding: 5px; }
  div.more-szkolenie a img{ border: 0; }

  div.szkolenie-box-border{ /* border-right: 1px #e5e5e5 solid; */ float: left; width: 235px; padding: 10px; /* border-top 0; border-bottom: 1px #e5e5e5 solid; */ }
  div.szkolenie-box-border h3{ font-size: 11px; font-weight: normal; }
  div.szkolenie-box-border h3 a{ text-decoration: none; font-weight: bold; }
  div.szkolenie-box-border h3 a:hover{ text-decoration: underline; }
  
  /* box z bannerem */
#wykrzykniki {
    background-color: #dddddd;
    background-image: url(img/wykrzykniki.gif);
    background-repeat: no-repeat;
    padding-top: 10px;
    background-position: top right;
   /* min-height: 70px; */ 
}

#wykrzykniki h3{ 

  margin: 0 0 0 20px; padding: 0;
  color: #ff8027; 
  font-size: 13px;
  height: 30px;
  width: 430px; 
  background-image: url( img/banner_h3.gif);
  background-color: #dddddd;
  background-repeat: no-repeat;
  background-position: bottom left; 
   
}

#wykrzykniki p {
    background-image: url(img/lewydolny.gif);
    background-repeat: no-repeat;
    margin: 0; padding: 0 0 0 20px; 
    width: 440px;   
    background-position: bottom left;
    min-height: 50px; 
    _height: 50px;

}

#wykrzykniki p a{

  text-decoration: none;
  color: #646464;
  
}

#wykrzykniki p a:hover{

  text-decoration: underline;
  
}

/*
#wykrzykniki h3 {
    odpowiedni background-image i paddingi
}*/