@import 'dropDown.css';

/* ogolne */
body {
    margin: 0px; padding: 0px;
    background: url('../i/back.gif') repeat-x;
    color: #39373f;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: 14px; }
.x { display: none; }
a {     
  color: #444444;  
  font-family: "Trebuchet MS", Verdana, sans-serif; 
  /*font-size: 11pt;   Wy��czone bo kaszani�o debuger*/
  font-weight: bold; }
  a:hover { color: #ff0000; }
p { margin: 0; }
div.ok {
    width: 645px; height: auto; 
    background-color: #bbdfb4;
    border: 1px solid #a2d399;
    padding: 20px;
    color: #386d19; }
div.err {
    width: 645px; height: auto; 
    background-color: #e2c5c5;
    border: 1px solid #cf9e9e;
    padding: 0 20px 20px 20px;
    color: #ae2648; }
    
/* marginesy*/    
.top10 { margin-top: 10px; } 
.top20 { margin-top: 20px; }
.top30 { margin-top: 30px; }

/* naglowki */
h1 {
  margin: 0;
  font-size: 22px; }
h3 {  
  margin: 0;
  color: #666666;
  font-family: "Trebuchet MS", Verdana, sans-serif; 
  font-size: 13pt; font-weight: normal; }
  h3.bold { font-weight: bold; }
  h3.mTop { float: left; clear: both; margin-top: 20px; }
h4 {
  margin: 0;
  color: #4c4c4c;
  font-family: "Trebuchet MS", Verdana, sans-serif; 
  font-size: 10pt; font-weight: bold;}
h5 {
  margin: 0;}
  
hr {            
  float: none; clear: both;               
  border: none;
  margin: 0;  
  height: 15px; width: auto;
  background: url('../i/hrBack.gif'); }
div.userAvatarBox {  
  float: left;
  width: 66px; height: 62px; 
  background: url('../i/backAvatar.png') no-repeat; }
  div.userAvatarBox div.avatar { 
    float: left;
    width: 52px; height: 52px; 
    margin: 5px;
    background-repeat: no-repeat;
    background-position: center; 
    background-image: url('../i/noAvatar.gif'); }
a.btnZaawansowane { 
  display: block; float: left;
  width: auto; height: 18px;
  background: url('../i/btnZaawansowane.gif') no-repeat;
  font-weight: normal; text-decoration: none;
  font-size: 12px;
  margin: 4px 0 0 10px;
  padding-left: 20px; }
  a.btnZaawansowane.on {
      background: url('../i/btnZaawansowane_on.gif') no-repeat;}

span.info { font-style: italic; color: #666666; }     
span.opis { font-style: normal; color: #666666; }
label { float: left; color: #666666; line-height: 26px; margin: 0 10px; }
p { color: #666666; }

div.submitContainterRight { float: left; width: 100%; height: 30px; position: relative;}
  div.submitContainterRight input[type=submit] { position:absolute; right: 0; }
div.brakWynikow { float: left; width: 100%; height: auto; position: relative; text-align: center; font-style: italic; color: #666666; }

/* ikonki */
.icoInfo { width: 16px; height: 16px; float: left; margin: 1px 3px; }

/* formularze */
form.mainLogowanie {
  float: left;
  width: 400px;}
ul.form {       
  float: left;  
  margin-top: 0;
  display: block;
  width: 305px;
  list-style-type: none;}
ul.form li span {
  display: block; float: left;
  width: 100px; height: 26px;
  text-align: right;
  margin-right: 5px;
  line-height: 26px;
  padding-top: 2px;
  font-size: 14px;}
  ul.form li span.logowanieHead {     
    width: auto; height: 26px; line-height: 26px;
    margin: 0px auto 0px 60px;
    padding: 0;}
  form.mainLogowanie .divBtn {
    margin-top: 57px; }
input[type=text].white, input[type=password].white {
  float: left;                             
  border: 0;      
  width: 192px; height: 26px;
  background: url('../i/inputBoxWhite.gif') no-repeat; 
  padding-top: 4px; padding-left: 4px; padding-right: 4px;
  line-height: 26px;
  font-size: 14px;
  color: #666666;}
input[type=text].text, input[type=password].text { float: left; border: 0; width: 142px; height: 17px; background: url('../i/inputLogin.gif') no-repeat; padding: 6px 5px 3px 5px; margin: 0; font-size: 14px; color: #666666; }
input[type=submit], a.btn {
  float: left; display: inline; 
  width: 102px; height: 26px;
  background: url('../i/btnShortWhite.gif') no-repeat;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-weight: normal; 
  text-decoration: none; text-align: center;
  line-height: 26px;
  border: 0;
  margin: auto 4px auto 4px;
  cursor: pointer;
  font-size: 11px;
  color: #666666;}
  a.h3 {
    position: absolute;
    right: 0px; top: 10px; 
    color: #168773; 
    text-decoration: none; }
  input[type=submit]:hover, a.btn:hover { color: #ff0000; }
  input[type=submit].red {
    width: 109px; height: 26px;
    color: white;
    background: url('../i/btnShortRedWhite.gif') no-repeat;}
  input[type=submit].green {
    width: 142px; 
    color: white;
    background: url('../i/btnMediumGreen.gif') no-repeat;}
a.btnGreen {
    float: left; display: block;                                        
    width: 142px;  height: 26px;
    background: url('../i/btnMediumGreen.gif') no-repeat;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: 11px; font-weight: normal;
    line-height: 26px;
    text-align: center; text-decoration: none;
    border: 0;
    margin: auto 4px auto 4px;
    cursor: pointer; 
    color: white;}
textarea {
  border: 1px solid #e5e5e5;
  padding: 3px; }

/* tabele */
table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  color: #666666; }
  table tr th {
    background: none; 
    font-size: 12px; 
    color: #999999;
    text-align: center; }
    table tr th.break20 { height: 20px; }
  table tr td {
    background-color: #fafafa;
    border: 2px solid white;
    padding: 15px; }
    table tr td.minipadding { padding: 5px; }
    table tr td.minipadding.lp60 { padding-left: 60px; }
    table tr td a.samochod { color: #ce031a; textt-decoration: none; vertical-align: middle; line-height: 25px; }
  table.waskie tr td {
    padding: 2px 15px; }
  table tr td.data {
    background-color: #f7f7f7;
    vertical-align: top; }
    table tr td.data span { display: block; float: none; clear: both; text-align: center; color: #999999; }
    table tr td.data span.dzien { font-size: 26px; color: #999999; font-weight: bold; }
    table tr td.data span.miesiac { font-size: 12px; color: #999999; font-weight: normal; }
    table tr td.data span.rok { font-size: 12px; color: #999999; font-weight: normal; }
  table tr td.naglowek {
    background-color: #f2f2f2;
    color: #999999; }
  table tr td.forum {
    /*color: #158a73;*/
    color: #666666; }
    table tr td.forum a {
      /*color: #158a73;*/
      color: #666666; 
      text-decoration: none; }
  table tr td.poster {}
    table tr td.poster a { text-decoration: none; font-weight: normal; }
    table tr td.poster a span.data { font-size: 12px; color: #999999; }
  table tr.even td {
    background-color: white; }
table.noborder tr td { border: 0; }

/* post */
div.post {
  position: relative;
  float: left; clear: both;
  width: 933px; height: auto;
  margin-left: 30px;
  color: #666666;
  border: 1px solid #e5e5e5; border-top: 0;
  padding: 0 0 0 0;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: white; }
  div.post.even { background-color: #fafafa; }
  div.post div.userAvatarBox {
    position: absolute; 
    top: 0; left: -30px; }
  div.post.dodajPost {
    margin-bottom: 20px; }
  div.post h5 {
    display: block;
    float: none; clear: both; 
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    padding: 5px 25px 4px 50px; }
  div.post div.tresc {
    display: block;
    float: none; clear: both; 
    padding: 10px 25px 10px 50px;}
    div.post div.tresc textarea {
      width: 854px;
      height: 100px;
      border: 1px solid #e5e5e5;
      padding: 3px;
      margin-bottom: 10px; }
  div.post .btn {
    position: absolute; 
    right: 20px; bottom: -13px; }


/* warsztat na liscie */
div.warsztatList {
  position: relative;
  float: left; clear: both;
  width: 623px; height: auto;
  margin-left: 30px;
  color: #666666;
  border: 1px solid #e5e5e5; border-top: 0;
  padding: 0 0 0 0;
  margin-top: 10px;
  margin-bottom: 20px;
  background-color: white; }
  div.warsztatList.even { background-color: #fafafa; }
  div.warsztatList div.userAvatarBox {
    position: absolute; 
    top: 0; left: -30px; }
  div.warsztatList.dodajPost {
    margin-bottom: 20px; }
  div.warsztatList h5 {
    display: block;
    float: none; clear: both; 
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    padding: 5px 25px 4px 50px; }
    div.warsztatList h5 div.lokalizacja {
       font-weight: normal; 
       color: #999999;}
       div.warsztatList h5 div.lokalizacja span { color: #e5e5e5; }
  div.warsztatList div.tresc {
    display: block;
    float: none; clear: both; 
    padding: 10px 25px 10px 50px;}
  div.warsztatList .btn {
    position: absolute; 
    right: 20px; bottom: -13px; }
  div.warsztatList div.ocena {
    position: absolute;
    text-align: right;
    top: 10px; right: 10px;}

/* warsztat */
div.warsztatKomentarze {    
  position: relative; float: left; }         
div.warsztatOcena {    
  position: relative; float: left;
  width: 260px; }
  div.warsztatOcena .opony { margin-top: 5px; }    
  div.warsztatOcena .ocenaBox {
    position: absolute; 
    right: 0; top: 36px; }    
    div.warsztatOcena .ocenaBox .ocena { font-size: 28px; color: #cccccc; }
    .ocenaBox .ocena .red { color: red; }
div.warsztatNaprawy {
  float: left; 
  margin-top: 20px;
  width: 685px; }
div.warsztatKomentarze .komentarz {
  position: relative; }
  div.warsztatKomentarze .komentarz .opony {
    position: absolute;
    top: 5px; right: 130px; }
  div.warsztatKomentarze .komentarz .ocenaBox {
    position: absolute;
    top: 5px; right: 5px; }
    
/* ogłoszenie */
div.ogloszenieCena {
  float: left;
  width: 645px;
  margin: 20px 0 0 0;
  padding: 20px;
  color: #666666;
  font-weight: bold;
  border: 1px solid #f2f2f2; 
  background-color: #f7f7f7;}
  div.ogloszenieCena span.cena {
    color: #ce031a;
    font-size: 20px; }
    
/* rejestracja */
div.rejestracja {
  margin: 30px 0px; }
  div.rejestracja h3 {
    margin: 20px; }
  div.rejestracja div.err {
    width: 645px; height: auto; 
    background-color: #e2c5c5;
    border: 1px solid #cf9e9e;
    padding: 0 20px 20px 20px;
    color: #ae2648; }
  div.rejestracja div.linki {
    margin-top: 20px;
    width: 645px; height: auto;
    text-align: center;}
  div.rejestracjaFoot {
    width: 230px; height: auto;
    margin: auto; 
    text-align: center; }  
    div.rejestracjaFoot input[type=submit] { float: none; margin-top: 10px; }

/* marka */
div.boxModel {
    float: left; position: relative;
    width: 335px; height: auto;
    border: 1px solid #e5e5e5;
    margin: 5px 2px 10px 3px; }
div.boxModel div.thumb { float: left; width: 52px; height: 52px; background-position: center; background-repeat: no-repeat; margin: 10px; }
      div.boxModel div.thumb a { display: block; width: 52px; height: 52px; }
div.boxModel h3.modelHead { float: left; color: #158a73; font-size: 14px; font-weight: bold; margin: 10px 10px auto 10px; width: auto;}
    div.boxModel h3.modelHead a { float: left; color: #158a73; font-size: 14px; text-decoration: none; font-weight: bold; margin: 10px 10px auto 10px; width: auto;}
div.boxModel a.pokaz { position: absolute; bottom: -12px; right: 10px; }

/* profil */
div.profilOpis { 
  float: left; position: relative;
  width: 645px; height: auto;
  padding: 20px 20px 40px 20px; }
  div.profilOpis a.btn {
    position: absolute;
    bottom: 0; right: 20px;}
    div.profilOpis a.btn.profilEdytuj { right: 240px; }
    div.profilOpis a.btn.profilAvatar { right: 130px; }
  div.profilOpis input[type=submit] {
    position: absolute;
    bottom: 0; right: 130px; 
    color: #158a73; }
  div.profilOpis textarea {
    width: 635px; height: 55px;
    margin: 0px 5px 0px 5px;
    padding: 3px;     
    color: #39373f;
    font-family: "Trebuchet MS", Verdana, sans-serif; 
    font-size: 14px;
    border: 1px solid #d9d9d9; }
div.ok.profil { width: 565px; }
div.err.profil { width: 565px; } 
div.profilSamochody {
  float: left; position: relative;
  width: 685px; height: auto;
  margin: 20px 0 0 0; }
  div.profilSamochod {
    float: left; position: relative;
    width: 685px; height: auto;
    padding: 0px;
    margin: 5px 0px;
    background-color: #fafafa; }
    div.profilSamochod div.zdjecieKontener {
      float: left;
      width: 160px; height: auto; 
      background-color: #f2f2f2;
      padding: 20px; }
      div.profilSamochod div.zdjecieKontener .zdjecie {
        width: 160px; height: 120px; 
        background-position: center; }
    div.profilSamochod div.opisKontener {
      float: left;
      width: 405px; height: auto; 
      padding: 20px;
      color: #666666; }
      div.profilSamochod div.opisKontener a.samochod {
        color: #ce031a;
        text-decoration: none;
        font-size: 18px;
        line-height: 25px;}
        div.profilSamochod div.opisKontener span.parametry { display: block; color: #999999; font-size: 12px; margin: 5px 0; }
      div.profilSamochod a.btn {
        position: absolute; 
        right: 5px; bottom: 5px; } 
div.profilAvatarLarge {
  width: 260px; height: 260px;
  margin: 0;
  background-position: center; 
  background-repeat: no-repeat; }
div.warsztatOcena {    
  position: relative; float: left;
  width: 260px; }
          
/* komentarze */
div.komentarz {
  position: relative;
  float: left; clear: both;
  width: 623px; height: auto;
  margin-left: 30px;
  color: #666666;
  border: 1px solid #e5e5e5; border-top: 0;
  padding: 0 0 0 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: white; }
  div.komentarz.short { width: 198px; }
  div.komentarz div.userAvatarBox {
    position: absolute; 
    top: 0; left: -30px; }
  div.komentarz.dodajKomentarz {
    margin-bottom: 20px; }
  div.komentarz h5 {
    display: block;
    float: none; clear: both; 
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    padding: 5px 25px 4px 20px; }
    div.komentarz h5 span.data { color: #999999; }
  div.komentarz div.tresc {
    display: block;
    float: none; clear: both; 
    padding: 10px 25px 10px 20px;}
    div.komentarz div.tresc textarea {
      width: 574px;
      height: 100px;
      border: 1px solid #e5e5e5;
      padding: 3px;
      margin-bottom: 10px; }
      div.komentarz.short div.tresc textarea { width: 150px; }
  div.komentarz .btn {
    position: absolute; 
    right: 20px; bottom: -13px; }
    
/* dodawanie samochodu */
#samochodDodaj {         
  position: absolute;
  right: 0px; bottom: -15px; }
    
/* linki */
a.warsztat {
  color: #158a73; 
  text-decoration: none;
  font-size: 14px; font-weight: bold; }


/* tagi dla samochod�w */
.tagOsobowy { float: left; width: 50px; height: 50px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/sOsobowy.png'); }
.tagSportowy { float: left; width: 50px; height: 50px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/sSportowy.png'); }
.tagZabytkowy { float: left; width: 50px; height: 50px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/sZabytkowy.png'); }
.tagMotocykl { float: left; width: 50px; height: 50px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/sMotocykl.png'); }
.tagCiezarowy { float: left; width: 50px; height: 50px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/sCiezarowy.png'); }
.tagTerenowy { float: left; width: 50px; height: 50px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/sTerenowy.png'); }
.tagCaraudio { float: left; width: 50px; height: 50px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/sCaraudio.png'); }
.tagMechaniczny { float: left; width: 50px; height: 50px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/sMechaniczny.png'); }
.tagWizualny { float: left; width: 50px; height: 50px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/sWizualny.png'); }

/* mini tagi dla samochodo */
.tagOsobowy_mini { float: left; width: 25px; height: 25px; margin: 0px 5px 0px 5px; vertical-align: middle; background-image: url('../i/tagi/mOsobowy.png'); }
.tagSportowy_mini { float: left; width: 25px; height: 25px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/mSportowy.png'); }
.tagZabytkowy_mini { float: left; width: 25px; height: 25px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/mZabytkowy.png'); }
.tagMotocykl_mini { float: left; width: 25px; height: 25px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/mMotocykl.png'); }
.tagCiezarowy_mini { float: left; width: 25px; height: 25px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/mCiezarowy.png'); }
.tagTerenowy_mini { float: left; width: 25px; height: 25px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/mTerenowy.png'); }
.tagCaraudio_mini { float: left; width: 25px; height: 25px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/mCaraudio.png'); }
.tagMechaniczny_mini { float: left; width: 25px; height: 25px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/mMechaniczny.png'); }
.tagWizualny_mini { float: left; width: 25px; height: 25px; margin: 0px 5px 0px 5px; background-image: url('../i/tagi/mWizualny.png'); }

.tagMiniMargin { margin: 0px 2px 0px 2px; }

div.tagTableTd { float: left; margin-top: 15px; }
div.tagTableTd_mini { float: left; margin-top: 0px; }

/* buttony zapraszania do przyjaciol i wysylania wiadomosci */
.btnZapros {
  display: block; float: left;
  margin: 0px 2px 0px 2px;
  width: 42px; height: 26px;
  background-image: url('../i/btnDodajPrzyjaciela.gif');}
.btnWiadomosc {
  display: block; float: left;
  margin: 0px 2px 0px 2px;
  width: 42px; height: 26px;
  background-image: url('../i/btnWyslijWiadomosc.gif');}
  
/* buttony opon do oceniania */
.btnOcenaFull {
  float: left;
  width: 23px; height: 25px;
  margin: 0px 0px 0px 1px;
  background-image: url('../i/ocenaFull.gif');}
.btnOcenaHalf {
  float: left;
  width: 23px; height: 25px;
  margin: 0px 0px 0px 1px;
  background-image: url('../i/ocenaHalf.gif');}
.btnOcenaEmpty {
  float: left;
  width: 23px; height: 25px;
  margin: 0px 0px 0px 1px;
  background-image: url('../i/ocenaEmpty.gif');}
  
/* buttony przewijania */
.btnPrev {
  float: left;
  display: block;
  width: 18px; height: 18px;     
  margin: 3px 1px;
  background-image: url('../i/btnPrev.gif');}
  .btnPrev:hover { background-position: bottom; }
.btnNext {    
  float: left;
  display: block;
  width: 18px; height: 18px;     
  margin: 3px 1px;
  background-image: url('../i/btnNext.gif');}
  .btnNext:hover { background-position: bottom; }
.btnPage {    
  color: #999999;
  float: left;
  display: block;
  width: 18px; height: 18px;     
  margin: 3px 1px;
  background-image: url('../i/btnPage.gif');
  font-size: 12px; text-decoration: none;
  text-align: center;}
  .btnPageInactive {    
    color: #117d66; font-weight: bold;
    background-image: url('../i/btnPageInactive.gif');}
    .btnPageInactive span { cursor: default;}
  .btnPage span { font-weight: normal;  }
  .btnNext:hover { background-position: bottom; }
.btnPrev_off {
  background: url('../i/btnPrevInactive.gif') no-repeat;}
.btnNext_off {
  background: url('../i/btnNextInactive.gif') no-repeat;}
.btnPrevText {   
  display: block; float: left;
  padding-left: 25px;
  line-height: 20px;
  height: 18px; width: auto;
  background: url('../i/btnPrev.gif') no-repeat;
  font-size: 12px; font-weight: normal;
  text-decoration: none;}                      
  .btnPrevText:hover { background-position: bottom left; }
.btnNextText {
  position: absolute; right: 0;
  display: block; float: left;
  padding-right: 25px;
  line-height: 20px;
  height: 18px; width: auto;
  background: url('../i/btnNext.gif') no-repeat;
  background-position: right top;
  font-size: 12px; font-weight: normal;
  text-decoration: none;}                
  .btnNextText:hover { background-position: bottom right; }
.btnPrevText_off {
  background: url('../i/btnPrevInactive.gif') no-repeat;
  color: #cccccc;
  cursor: default;}
  .btnPrevText_off:hover { color: #cccccc; }
.btnNextText_off {
  background: url('../i/btnNextInactive.gif') no-repeat;
  color: #cccccc;
  cursor: default;}            
  .btnNextText_off:hover { color: #cccccc; }
  
/* layout */
#wrapper { 
  width: 965px;
  margin: 0px auto auto auto;}
  #logo {        
    float: left;     
    display: block;
    width: 365px; height: 65px;
    background: url('../i/logo.gif'); 
    margin: 24px auto auto 0px; }       
  #loginBox {                      
    float: left; 
    width: 348px; height: 50px;
    margin: 10px auto auto 123px; 
    padding: 35px 0 0 60px; }
    #loginBox input[type=text] { float: left; width: 142px; height: 20px; background: url('../i/inputLogin.gif') no-repeat; padding: 3px 5px 3px 5px; margin: 2px; font-size: 14px; color: #666666;}
    #loginBox input[type=password] { float: left; width: 115px; height: 20px; background: url('../i/inputHaslo.gif') no-repeat; padding: 3px 5px 3px 5px; margin: 2px 0px 2px 2px; }   
    #loginBox a.odzyskajHaslo { float: left; width: 27px; height: 26px; background: url('../i/btnOdzyskajHaslo.gif') no-repeat; margin: 2px 2px 2px 0; }
    #loginBox input[type=submit] { float: left; width: 26px; height: 26px; background: url('../i/btnZaloguj.gif') no-repeat; margin: 2px; }
    #loginBox a.rejestracja { float: left; clear: both; width: auto; height: 18px; background: url('../i/btnRejestracja.gif') no-repeat; margin: 2px; padding: 0 0 0 22px; text-decoration: none; font-weight: normal; }
  #loginBoxZalogowany {                                                  
    float: left; 
    width: 440px; height: 65px;
    margin: 10px auto auto 98px;
    padding: 20px 0 0 60px; }
    #loginBoxZalogowany span.user { display: block; float: left; width: 330px; margin-left: 20px; clear: right; }
    #loginBoxZalogowany a.wiadomosci { display: block; float: left; margin: 5px 4px 0 20px; width: 32px; height: 38px; background: url('../i/btnMailGreen.gif') no-repeat; text-align: center; text-decoration: none; color: white; }    
    #loginBoxZalogowany a.przyjaciele { display: block; float: left; margin: 5px 4px 0 4px; width: 32px; height: 38px; background: url('../i/btnPrzyjacieleGreen.gif') no-repeat; text-align: center; text-decoration: none; color: white; }
    #loginBoxZalogowany a.samochody { display: block; float: left; margin: 5px 4px 0 4px; width: 32px; height: 38px; background: url('../i/btnSamochody.gif') no-repeat; text-align: center; text-decoration: none; color: #999999; }
    #loginBoxZalogowany a.mojeMiejsca { display: block; float: left; margin: 5px 4px 0 4px; width: 93px; height: 38px; background: url('../i/btnMiejsca.gif') no-repeat; text-align: center; text-decoration: none; color: #999999; }
    
    #loginBoxZalogowany a.profil { display: block; float: left; margin: 5px 4px 0 4px; padding: 0 0 0 22px; width: 80px; height: 18px; background: url('../i/btnProfil.gif') no-repeat; text-decoration: none; color: #999999; }
    #loginBoxZalogowany a.wyloguj { display: block; float: left; margin: 2px 4px 0 4px; padding: 0 0 0 22px; width: 80px; height: 18px; background: url('../i/btnWyloguj.gif') no-repeat; text-decoration: none; color: #999999; }
  #body {
    float: left;
    margin-top: 0px;
    width: 965px;}          
    
    .fullHead { 
      float: left; position: relative;
      width: 965px; margin: 0px;
      border-bottom: 1px solid #cccccc;
      background-image: url('../i/backWhite.gif'); 
      background-repeat: no-repeat; }
      .fullHead h2 { margin-left: 20px; font-size: 24px; line-height: 50px; margin: 0 0 5px 0; vertical-align: middle; color: #4c4c4c; } 
      .fullHead div.breadCrumbs { position: absolute; right: 10px; top: 22px; color: #e5e5e5; }
        .fullHead div.breadCrumbs a { font-size: 14px; line-height: 50px; color: #e5e5e5; font-weight: bold; text-decoration: none; }
        .fullHead div.breadCrumbs a:hover { color: red; }
        .fullHead div.breadCrumbs span { font-size: 14px; line-height: 50px; color: #e5e5e5; font-weight: bold; text-decoration: none; }
    .searchFull {
      float: left;
      width: 965px; height: 46px;
      padding-top: 21px; padding-bottom: 21px;
      margin-top: 20px;
      /*background-image: url('../i/backSearchFull.gif');*/
      background-color: #f9f9f9;
      border-top: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;}
      .searchFull input[type=text] {
        width: 472px; height: 20px;
        float: left;
        background-image: url('../i/inputSearchFull.gif');
        border: 0;
        padding-top: 5px; padding-left: 4px; padding-right: 4px;
        line-height: 26px;
        margin: 0px 0px 0px 20px;
        font-size: 14px;
        color: #666666;}
        .searchFull input[type=text].short { width: 372px; background-image: url('../i/inputSearchFull_short.gif'); }
      .searchFull input[type=submit] {                   
        width: 26px; height: 26px; 
        background-image: url('../i/backFullSearchSubmit.gif');
        border: 0;
        margin: 0px 0px 0px 2px;}
        
    .fullBody {   
      float: left;
      width: 965px; height: auto;
      margin-top: 15px; }
      .fullBody .avatarTekst { 
        width: 889px; height: auto;
        float: right; 
        margin-left: 10px; }  
      .avatarTekstShort {     
        width: 605px; height: auto;
        float: right; 
        margin-left: 10px; }         
        
    #columnLeft {      
      float: left; 
      width: 590px; 
      margin: 20px 0 0 0;}
    #columnRight {
      float: left;
      width: 375px;
      margin: 20px 0 0 0;}
    #columnLeft2 {    
      float: left; 
      width: 260px;
      margin-right: 10px;
      margin-top: 10px;
      background-image: url('../i/backColLeft.jpg');
      background-repeat: no-repeat;
      background-position: bottom;
      padding-bottom: 130px; 
      border-top: 1px solid #f2f2f2;}
      #columnLeft2 h4 { display: block; clear: left; margin-top: 60px}
      #columnLeft2 div.box {  
        width: 220px; 
        margin: 20px;}
        #columnLeft2 div.box span.span { color: #666666; font-size: 12px; display: inline; float: left; margin-top: 0px; width: auto;}
        #columnLeft2 div.box input[type=submit] { margin-top: 10px; margin-left: 110px; }
      #columnLeft2 .menuItem {
        width: 220px; height: 30px;
        padding-left: 20px; padding-right: 20px;
        vertical-align: center; line-height: 30px;
        margin: 0;
        color: #158a73; font-weight: bold;
        background: white url('../i/bulletOdd.gif') no-repeat;
        background-position: right; }
        #columnLeft2 .menuItem a { color: inherit; font-weight: inherit; text-decoration: none; }
      #columnLeft2 .menuItemEven {
        background: #f7f7f7 url('../i/bulletEven.gif') no-repeat;
        background-position: right; }
    #columnRight2 {
      float: left; position: relative;
      width: 685px;
      margin-left: 10px; margin-bottom: 20px;
      padding-bottom: 20px; }
      div.err.right2 { width: 643px; }
      #columnRight2 div.box { 
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;   
        float: left;
        /*width: 685px;*/
        margin-top: 11px;
        margin-bottom: 0px;
        padding: 0px;}
        #columnRight2 div.even {
          background-color: #fafafa;}
        #columnRight2 div.box hr {            
          display: block; float: none; clear: both;               
          border-top: 1px solid #f2f2f2;  
          height: 0px; width: auto; margin-bottom: 10px;}
        #columnRight2 div.box span { float: left; margin: 10px 0px; }
        #columnRight2 div.box h3 { float: left; color: #158a73; font-size: 14px; font-weight: bold; margin: 10px 10px auto 10px; width: auto;}
          #columnRight2 div.box h3 a { color: #158a73; text-decoration: none; }
            #columnRight2 div.box h3 a:hover { color: #158a73; text-decoration: underline; }
        #columnRight2 div.box div.thumb { float: left; width: 120px; height: 90px; background-position: center; background-repeat: no-repeat; margin: 0px 10px 10px 107px; }
          #columnRight2 div.box div.thumb a { display: block; width: 120px; height:  90px; }
          #columnRight2 div.box div.thumb.mini { width: 52px; height: 52px; margin: 10px;}           
        #columnRight2 div.box span.item { display: block; float: left; width: 120px; color: #666666; margin: 0; border-bottom: 1px solid #f2f2f2;}
        #columnRight2 div.box span.value { display: block; float: left; width: 415px; color: #666666; margin: 0; border-bottom: 1px solid #f2f2f2; font-weight: bold;}
        #columnRight2 div.box div.body { display: block; float: left; width: 310px; margin: 0; padding: 4px 10px;}
          #columnRight2 div.box div.body div.thumb { margin-left: 97px; }
        #columnRight2 div.box span.foot { display: block; float: left; color: #999999; margin: 5px 0 0 0; border-top: 1px solid #f2f2f2; padding: 4px 10px;}
            #columnRight2 div.box span.foot a { color: #999999; margin: 5px 0 0 0; border-top: 1px solid #f2f2f2; padding: 4px 10px;}
        input[type=submit].boxPokaz { margin: -13px auto 0px 540px; color: #158a73;  z-index: 10;}
        a.boxPokaz { margin: -13px auto 0px 540px; color: #158a73; z-index: 10; }
      #columnRight2 div.boxGreen { 
        background: #117b64 url('../i/backGreen.gif') no-repeat;
        float: left;
        width: 665px;
        margin-top: 11px;
        margin-bottom: 0px;
        padding: 0px;}   
        #columnRight2 div.boxGreen hr { display: block; float: none; clear: both; height: 0px; width: auto; }
        #columnRight2 div.boxGreen div.thumb { float: left; width: 100px; height: 75px; background-position: center; background-repeat: no-repeat; margin: 10px; }
        #columnRight2 div.boxGreen span { float: left; color: white; margin: 10px 0px; width: auto;}
        #columnRight2 div.boxGreen h3 { float: left; color: white; font-size: 14px; font-weight: bold; margin: 10px 10px auto 10px; width: auto; }
        #columnRight2 div.boxGreen a.btnGreen { margin: 17px 45px auto 15px; }                
      #columnRight2 div.listFoot { 
        float: left; width: 665px; 
        padding-left: 2px;   
        background: url('../i/hrBack.gif'); 
        background-repeat: repeat-x;
        background-position: center;
        height: 26px;}  
    #columnLeft3 { 
      float: left;
      width: 685px;
      margin-right: 10px; }  
      #columnLeft3 div.even {
        background-color: #fafafa;}    
    #columnRight3 {  
      float: left; 
      width: 260px;
      margin-left: 10px; }    
      #columnRight3 div.even {
        background-color: #fafafa;}
      #columnRight3 #map_canvas {
        float: left; 
        margin-top: 5px; margin-bottom: 10px;
        width: 260px; height: 260px; }

        
/* lista ogloszen */
div.box.ogloszenie { z-index: 0;}
  div.box.ogloszenie span.head { display: block; float: left; color: #999999; padding-left: 10px; }
  div.box.ogloszenie h3 { display: block; float: left; padding-bottom: 10px; }
  div.box.ogloszenie span.data { position: absolute; color: #666666; right: 5px;}
div.box.ogloszenie div.ogloszenieTag { margin-top: 7px; float: left; }

/* lista filmow */
div.box.film { width: 335px; }
    div.box.film span.head { display: block; float: left; color: #999999; padding-left: 10px; }
    div.box.film h3 { display: block; float: left; padding-bottom: 10px; }
    div.box.film div.body { width: 335px; }
    div.box.film span.foot { width: 310px; }
    div.box.film.ml15 { margin-left: 15px; }

  /* film */
  div.filmWrapper {
      float: left; position: relative;
      width: 580px; height: auto;
      padding-left: 100px;}

  #foot {
    float: left;
    width: 100%; height: 130px;
    margin-top: 10px;
    background-image: url('../i/backFoot.gif');
    background-repeat: repeat-x; 
    background-position: bottom;
    color: #999999;           
    font-size: 13px;}
    #foot a {
      color: red;
      text-decoration: none;}
    #foot .wrapper {   
      width: 965px;
      margin: 0px auto auto auto;}
      #foot .wrapper .buttons {  
        float: right;
        width: 100%; height: 30px;
        margin-bottom: 25px;}
        #foot .wrapper .buttons .btnFoot {
          float: right;
          width: 32px; height: 30px; 
          margin: 0px 2px 0px 2px;}
          #foot .wrapper .buttons .btnFoot:hover {
            background-position: bottom;}
          #foot .wrapper .buttons .btnFootGora { background-image: url('../i/btnFootGora.gif'); }
          #foot .wrapper .buttons .btnFootMail { background-image: url('../i/btnFootMail.gif'); }
          #foot .wrapper .buttons .btnFootMapa { background-image: url('../i/btnFootMapa.gif'); }
          #foot .wrapper .buttons .btnFootDrukuj { background-image: url('../i/btnFootDrukuj.gif'); }
          #foot .wrapper .buttons .btnFootSzukaj { background-image: url('../i/btnFootSzukaj.gif'); }
      
div.boxHead {       
  position: relative;}    
  div.boxHead div.boxHeadPrzewijanie { 
    position: absolute;
    width: 40px; height: 20px; 
    right: 0; top: 3px;}
    
  div.boxArtykul {
    width: 350px; 
    padding-top: 10px; padding-bottom: 10px;}
  div.boxArtykul_even { 
    width: 350px; 
    padding-top: 10px; padding-bottom: 10px;
    background: #f7f7f7 url('../i/boxItemBg.gif') no-repeat;
    background-repeat: repeat-y;}
    div.boxArtykul .ico, div.boxArtykul_even .ico{
      float: left;
      margin-right: 15px;
      width: 24px; height: 60px;
      background: url('../i/icoArtykul.gif') no-repeat;}
      h5.artykul {
        margin-bottom: 0;
        color: #158a73;
        font-size: 14px;
        font-weight: bold;}
  
  div.boxPost {
    float: left;
    width: 285px;     
    padding-top: 10px; padding-bottom: 10px;}
  div.boxPost_even {      
    float: left;
    width: 285px; 
    padding-top: 10px; padding-bottom: 10px;
    background: #f7f7f7 url('../i/boxItemBg.gif') no-repeat;
    background-repeat: repeat-y;}      
    div.boxPost .ico, div.boxPost_even .ico{
      float: left;
      margin-right: 15px;
      width: 24px; height: 30px;
      background: url('../i/icoPost.gif') no-repeat;}
      div.boxPost div, div.boxPost_even div {
        float: left; width: 224px;}
      h5.post {
        margin-bottom: 0;
        color: #ce031a;
        font-size: 14px;
        font-weight: bold;}
      div.boxPost div span, div.boxPost_even div span {
        font-size: 11px;} 
  
  div.boxOgloszenie {
    float: left;
    width: 285px;     
    padding-top: 10px; padding-bottom: 10px;}
  div.boxOgloszenie_even {      
    float: left;
    width: 285px; 
    padding-top: 10px; padding-bottom: 10px;
    background: #f7f7f7 url('../i/boxItemBg.gif') no-repeat;
    background-repeat: repeat-y;}      
    div.boxOgloszenie .ico, div.boxOgloszenie_even .ico{
      float: left;
      margin-right: 10px;
      width: 29px; height: 30px;
      background: url('../i/icoOgloszenie.gif') no-repeat;}
      div.boxOgloszenie div, div.boxOgloszenie_even div {
        float: left; width: 224px;}
      h5.ogloszenie {
        margin-bottom: 0;
        color: #158a73;
        font-size: 14px;
        font-weight: bold;}
      div.boxOgloszenie div span, div.boxOgloszenie_even div span {
        font-size: 11px;} 
        
  div.boxFoot {
    float: none; clear: both;
    position: relative;        
    background: url('../i/hrBack.gif'); 
    background-repeat: repeat-x;
    background-position: center;
    height: 26px;}
    div.boxFoot.top70 { margin-top: 70px; }     
    div.boxFoot.top20 { margin-top: 10px; }
    div.boxFoot div.boxFootRight { position: absolute; right: 5px; }
    div.boxFoot input {
      float: right;}
  
    
/* zakladki menu */
div.mainMenu { 
  float: left;
  width: 965px; height: 43px;
  margin: 15px 0 0px 0;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 10pt; }
  ul.mainMenu {
  	list-style-type: none;
  	margin: 0; padding: 0;}    	
    ul.mainMenu li {
    	background: url('../i/topBtRight.gif') no-repeat right;
    	float: left;
    	width: auto;
    	margin: 0 1px 0 0;
    	list-style-type: none; }
    ul.mainMenu li a {
    	background: url('../i/topBtLeft.gif') no-repeat;
    	color: #333333;
    	display: block;
    	padding: 8px 12px;
    	text-decoration: none;
    	height: 27px; 
      font-size: 10pt;
      font-weight: normal;}
    	ul.mainMenu li a:hover {
      	color:#ff0000; }
      ul.mainMenu li a span {
        display: block; }
    ul.mainMenu li.active {
    	background: url('../i/topBtRightActive.gif') no-repeat right; }
      ul.mainMenu li.active a {
      	background: url('../i/topBtLeftActive.gif') no-repeat;
      	color: #ff0000; }   
    ul.mainMenu li.current {
    	background: url('../i/topBtRightActive.gif') no-repeat right; }
      ul.mainMenu li a.current {
      	background: url('../i/topBtLeftActive.gif') no-repeat;
      	color: #ff0000; }  
    ul.mainMenu li a span.btnHome { 
      display: block; 
      width: 21px; height: 18px;
      margin-top: 0px;
      background: url('../i/btnHome.gif') no-repeat; 
      background-position: 0px -18px;}
      ul.mainMenu li a span.btnHome:hover {
        background-position: 0px 0px;}
        
/* zak�adki */
ul.tabMenu {
  display: block;
  float: left;
  width: 685px;    
	list-style-type: none;
	margin: 0; padding: 0;
  background-image: url('../i/backTabMenu.gif'); 
  background-repeat: repeat-x;
  background-position: 0px 30px;}    	
  ul.tabMenu li {
  	background: url('../i/topBtRight.gif') no-repeat right;
  	float: left;
  	width: auto;
  	margin: 0 1px 0 0;
  	list-style-type: none; }
  ul.tabMenu li a {
  	background: url('../i/topBtLeft.gif') no-repeat;
  	color: #333333;
  	display: block;
  	padding: 8px 12px;
  	text-decoration: none;
  	height: 27px; 
    font-size: 10pt;
    font-weight: normal;}
  	ul.tabMenu li a:hover {
    	color:#ff0000; }
    ul.tabMenu li a span {
      display: block; }
  ul.tabMenu li.current {
  	background: url('../i/topBtRightActive.gif') no-repeat right; }
    ul.tabMenu li a.current {
    	background: url('../i/topBtLeftActive.gif') no-repeat;
    	color: black; }
      
  
/* index */
#indexSzukaj {
  float: left;
  width: 390px; height: 283px;
  padding-left: 200px;
  background: url('../i/mainSzukajBack.jpg') no-repeat; }
  h3.indexSzukajInni {
    margin-left: 70px;}
  #indexSzukaj .form { 
    margin: 20px 69px;
    float: left;
    width: 320px; height: 130px;}
    #indexSzukaj .form span.label {
      display: block;             
      float: left;
      width: 90px;
      margin-right: 10px; margin-top: 10px; 
      line-height: 25px; font-size: 12px;
      height: 25px;}    
    #indexSzukaj .form select {
      width: 220px; float: left;}
    #indexSzukaj .form div.jDrop { margin-top: 10px; }
    #indexSzukaj .form div.divBtn { 
      float: left; display: inline;
      margin-top: 10px; margin-left: 97px;
      width: 227px; height: 26px;}
#indexNajnowszeSamochody {    
  float: left; 
  width: 330px; height: 233px;
  padding: 0px 20px 20px 20px;
  background: url('../i/indexNajnowszeSamochody.jpg') no-repeat;}
  #indexNajnowszeSamochody div.divScroll {       
    margin-top: 15px; margin-bottom: 10px;
    position: relative;
    width: 330px; height: 18px;}
  #indexNajnowszeSamochody div.divFoto {
    float: left;
    width: 100px; height: 75px;
    margin: 5px;
    background-position: center;
    background-repeat: no-repeat;}
    #indexNajnowszeSamochody div.divFoto a { display: block; width: 100px; height: 75px; }
  /* scrollable dla samochodow */
  #indexNajnowszeSamochody div.scrollable {   
      position: relative;        
      overflow: hidden; 
      width: 330px; 
      height: 170px; } 
  div.scrollable div.itemsIndexSamochody {  
      /* this cannot be too large */ 
      width:20000em; 
      position:absolute; } 
  div.scrollable div.itemsIndexSamochody div { 
      width: 330px;  
      height: 170px;
      float:left; } 
#indexNajnowszeArtykuly {   
  float: left;                                         
  padding: 20px 0px 0px 20px;
  width: 350px; height: 233px;}
  /* scrollable dla artykulow */
  #indexNajnowszeArtykuly div.scrollable {   
      position: relative;        
      overflow: hidden;      
      width: 350px; height: 155px;} 
  div.scrollable div.itemsIndexArtykuly {  
      /* this cannot be too large */   
      width:20000em;                          
      height: 150px;
      position:absolute; } 
  div.scrollable div.itemsIndexArtykuly div.scroll {
      height: 150px; width: auto;
      float: left;} 
#indexNajnowszePosty {      
  float: left;                                         
  padding: 20px 10px 20px 0px;
  width: 285px;}
  #indexNajnowszePosty div.boxFoot {           
    background: url('../i/hrBack.gif'); 
    background-repeat: repeat-x;
    background-position: center;
    margin-top: 10px;
    height: 26px;
    float: left;
    width: 285px; }
#indexNajnowszeOgloszenia {      
  float: left;                                         
  padding: 20px 0px 20px 10px;
  width: 285px;}
  #indexNajnowszeOgloszenia div.boxFoot {           
    background: url('../i/hrBack.gif'); 
    background-repeat: repeat-x;
    background-position: center;
    margin-top: 10px;
    height: 26px;
    float: left;
    width: 285px; }
#indexGarazopedia {
  float: left;       
  margin: 0px 20px 20px 20px;          
  background: url('../i/backGarazopedia.gif');
  width: 350px; height: 179px;
  color: white;}
  #indexGarazopedia h3 {
    margin: 15px auto 5px 22px;
    font-size: 24px;          
    color: white;} 
  #indexGarazopedia p {
    font-size: 12px;
    margin: 12px 5px 0px 78px; }
    #indexGarazopedia p a {
      color: white;
      font-weight: bold;}
  #indexGarazopedia .btnWrapp {
    width: 300px; margin: 25px 25px auto 25px;}
    
/* strona samochodu */
#samochodHead {
  position:relative; float: left;
  width: 685px; height: 60px;
  margin: 10px 0px;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;}
  #samochodHead h3 {  
    display: block; float: left; 
    font-size: 14px;
    margin: 20px 0px 0px 15px;}
  #samochodHead .ocenaBox { 
    position: absolute;
    right: 20px; top: 10px;
    line-height: 25px;
    vertical-align: top;}
    #samochodHead .ocenaBox .ocena { font-size: 28px; color: #cccccc; }
    .ocenaBox .ocena .red { color: red; }
  #samochodHead .buttony {
    position: absolute; 
    width: 92px; height: 26px;
    left: 80px; top: 47px;}
  #samochodHead .opony { 
    position: absolute; 
    width: 120px; height: 25px;
    right: 20px; top: 47px;}
div.parametryLeft {       
  float: left; 
  line-height: 30px;
  width: 332px; height: auto;
  margin-right: 10px; margin-top: 10px; }
  div.parametryLeft div.item {     
    float: left; position: relative;
    width: 292px; height: 30px;
    padding: 0 20px 0 20px; }  
    div.parametryLeft div.item.rejestracja { float: left; margin: 10px 0 10px 0; height: 65px; width: 243px; padding: 0 0 0 90px; background-color: #fbfbfb; }
    div.parametryLeft div.item.edycja { width: 242px; height: 65px; padding: 0 0 0 90px; }    
  div.parametryLeft div.itemEven {  
    float: left; position: relative;
    width: 292px; height: 30px;
    background-color: #f7f7f7;
    padding: 0 20px 0 20px; } 
    div.parametryLeft div.itemEven.rejestracja { float: left; margin: 10px 0 10px 0; height: 65px; width: 243px; padding: 0 0 0 90px; }
    div.parametryLeft div.itemEven.edycja { width: 242px; height: 65px; padding: 0 0 0 90px; } 
div.parametryRight {      
  float: left;          
  line-height: 30px; 
  width: 333px; height: auto;
  margin-left: 10px; margin-top: 10px;} 
  div.parametryRight div.item {
    float: left; position: relative;
    width: 293px; height: 30px;
    padding: 0 20px 0 20px; }        
    div.parametryRight div.item.rejestracja { float: left; margin: 10px 0 10px 0; height: 65px; width: 243px; padding: 0 0 0 90px; background-color: #fbfbfb; }
    div.parametryRight div.item.edycja { width: 242px; height: 65px; padding: 0 0 0 90px; }
      div.item.edycja img, div.itemEven.edycja img { border: 0; vertical-align: middle; width: auto; height: auto; margin-top: -3px ;margin-right: 5px; }   
  div.parametryRight div.itemEven {
    float: left; position: relative;
    width: 293px; height: 30px;
    background-color: #f7f7f7;
    padding: 0 20px 0 20px; }        
    div.parametryRight div.itemEven.rejestracja { float: left; margin: 10px 0 10px 0; height: 65px; width: 243px; padding: 0 0 0 90px; }      
    div.parametryRight div.itemEven.edycja { width: 242px; height: 65px; padding: 0 0 0 90px; } 
div.parametryFull {
  float: none; position: relative;
  width: auto; height: 30px; 
  color: #999999;
  padding: 0 20px 0 20px; }
  div.parametryFull.even { 
    background-color: #f7f7f7; } 
  div.parametryFull.edycja { height: 65px; }  
    div.parametryFull.edycja.opis { height: 100px; }
      div.parametryFull.edycja.opis textarea { width: 640px; height: 60px; margin-top: 5px; font-size: 14px; color: #666666; }
  div.parametryFull input[type=text] { margin-top: 5px; }     
div.parametry1, div.parametry3 {       
  float: left; 
  line-height: 30px;
  width: 300px; height: auto;
  margin-right: 10px; margin-top: 10px; margin-left: 10px; }
  div.parametry1.short.center { margin: 0 130px; }
  div.parametry1.short, div.parametry2.short, div.parametry3.short { width: 282px;  }   
  div.parametry1 div.item, div.parametry3 div.item {     
    float: left; position: relative;
    width: 260px; height: 30px;
    padding: 0 20px 0 20px; }   
    div.parametry1.short div.item, div.parametry2.short div.item, div.parametry3.short div.item, 
    div.parametry1.short div.itemEven, div.parametry2.short div.itemEven, div.parametry3.short div.itemEven { width: 222px; }  
  div.parametry1 div.itemEven, div.parametry3 div.itemEven {  
    float: left; position: relative;
    width: 260px; height: 30px;
    background-color: #f7f7f7;
    padding: 0 20px 0 20px; }
    div.parametry1.short div.item.edycja, div.parametry2.short div.item.edycja,
    div.parametry1.short div.itemEven.edycja, div.parametry2.short div.itemEven.edycja { float: left; margin: 0px 0 10px 0; height: 65px; width: 212px; padding: 0 0 0 50px; }
div.parametry2 {      
  float: left;          
  line-height: 30px; 
  width: 300px; height: auto;
  margin-left: 10px; margin-top: 10px; margin-right: 10px; } 
  div.parametry2 div.item {
    float: left; position: relative;
    width: 260px; height: 30px;
    padding: 0 20px 0 20px; }
  div.parametry2 div.itemEven {
    float: left; position: relative;
    width: 260px; height: 30px;
    background-color: #f7f7f7;
    padding: 0 20px 0 20px; }
       
    div.item, div.itemEven {
      color: #999999; }
    div.item span, div.itemEven span, div.item a, div.itemEven a {
      position: absolute;
      right: 20px;
      color: #666666; } 
      div.item span.jSelOp, div.itemEven span.jSelOp { position: relative; right: auto; top: auto; line-height: 14px; }
      div.item span.bGreen, div.itemEven span.bGreen { color: #158a73; font-weight: bold; }    
    div.item a, div.itemEven a {
      position: absolute;
      right: 20px;
      text-decoration: none; font-weight: normal;
      color: #666666; }
      div.item a:hover, div.itemEven a:hover {
        color: #ce031a; }                       
    div.item input, div.itemEven input {
      float: left;
      clear: both; }
      
    div.item img, div.itemEven img { border: 0; vertical-align: middle; width: 20px; height: 20px; margin-right: 5px; }
    div.item.rejestracja img, div.itemEven.rejestracja img { border: 0; vertical-align: middle; width: auto; height: auto; margin-top: -3px ;margin-right: 5px; }
    div.item div.telefon, div.itemEven div.telefon { float: left; width: 20px; height: 20px; margin-top: 5px; margin-right: 5px; vertical-align: middle; background-image: url('../i/icoKontakt/telefon.png'); }
    div.item div.mail, div.itemEven div.mail { float: left; width: 20px; height: 20px; margin-top: 5px; margin-right: 5px; vertical-align: middle; background-image: url('../i/icoKontakt/mail.png'); }
 
/* edycja samochodu */
div.samochodEdycjaParametryKolejnosc {  
  float: left; 
  width: 684px; height: auto;
  margin: 5px 0; }              
  div.samochodEdycjaParametryKolejnosc ul { margin: 0; padding: 0; }
    div.samochodEdycjaParametryKolejnosc ul li {  
      display: block; float: left; position: relative;
      width: 292px; height: 30px;
      margin: 5px;
      background-color: #f7f7f7;
      padding: 12px 20px 0 20px; }       
      div.samochodEdycjaParametryKolejnosc ul li span {
        position: absolute;
        right: 20px;
        color: #666666; }  
      div.samochodEdycjaParametryKolejnosc ul li a.del { 
        display: block; position: absolute;
        background-image: url('../i/cross.png'); 
        width: 16px; height: 16px; 
        top: 0; right: 0;
        opacity: 0.6; filter: alpha(opacity = 60); }
        
/* galerie samochodu */
ul.galerieSamochodu { margin: 0; padding: 0; }   
  ul.galerieSamochodu li {  
      display: block; float: left; position: relative;
      width: 662px; height: 90px;
      margin: 5px 0px;
      background-color: #f7f7f7;
      padding: 0px 10px 0 10px; }    
      ul.galerieSamochodu li div.img {
        width: 100px; height: 80px;
        float: left; margin: 5px;
        background-position: center; background-repeat: no-repeat; }   
      ul.galerieSamochodu li a.galeriaNazwa {
        display: block; float: left;
        margin: 35px 10px 10px 20px;
        color: #158A73; text-decoration: none; }  
      ul.galerieSamochodu li div.przyciski {
        position: absolute;
        bottom: 0px; right: 10px; }
        ul.galerieSamochodu li a.edytuj {
          display: block; float: left; clear: left;
          margin: 5px 15px 0px 0px; line-height: 20px;
          color: #666666; text-decoration: none; }       
        ul.galerieSamochodu li a.usun {
          display: block; float: left; 
          margin: 5px; line-height: 20px;
          color: red; text-decoration: none; }
          ul.galerieSamochodu li a.edytuj img, ul.galerieSamochodu li a.usun img { border: 0; margin-right: 3px; vertical-align: text-bottom; }
        
/* galeria edycja */
#galeriaParametry {
  float: left; position: relative;
  width: 100%; height: 185px;}
  #galeriaZapisz {         
    position: absolute;
    right: 0px; bottom: -15px; }
   
div.galeriaEdycjaImg {  
  float: left; 
  width: 630px; height: auto;
  margin: 5px 25px 0px 25px; }
  div.galeriaEdycjaImg ul { margin: 0; padding: 0;}
    div.galeriaEdycjaImg ul li{
      display: block; float: left; position: relative;
      height: 80px; width: 105px;
      background-position: center;
      background-repeat: no-repeat;
      margin: 0;
      cursor: pointer; }
      div.galeriaEdycjaImg ul li a.del { 
        display: block; position: absolute;
        background-image: url('../i/cross.png'); 
        width: 16px; height: 16px; 
        top: 0; right: 0;
        opacity: 0.6; filter: alpha(opacity = 60); }
        
/* okno galerii */
#galeria {
    float: left; 
    margin-top: 30px;
    width: 685px; }
    div.galeriaOpis { float: left; width: 685px; height: auto; margin-bottom: 10px; } 
    #galeria .left {
      float: left;
      width: 40px; height: 320px;
      background: url('../i/btnSlideLeft.gif') no-repeat; }
      #galeria .left:hover { background-position: -40px 0px; }   
    #galeria .right {
      float: left;
      width: 40px; height: 320px;
      background: url('../i/btnSlideRight.gif') no-repeat; }
      #galeria .right:hover { background-position: -40px 0px; } 
    #galeria .zdjecie { 
      float: left;
      width: 605px; height: 320px;
      background-position: center;
      background-repeat: no-repeat; }
      /* scrollable dla galerii */ 
      .scrollableGaleria {   
          float: left; position: relative;        
          overflow: hidden; 
          width: 605px; height: 320px; 
          background-image: url('../i/backGaleriaZdjecie.jpg'); } 
      div.scrollableGaleria div.itemsGaleriaZdjecia {  
          /* this cannot be too large */ 
          width:20000em; 
          position:absolute; }
    
    #galeria .zdjecieThumb {
      display: block; float: left;
      margin: 5px 7px 5px 7px;
      width: 100px; height: 75px;
      background-position: center;
      background-repeat: no-repeat; }
      #galeria .zdjecieThumb.off {
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6; }
        #galeria .zdjecieThumb.off:hover {
          filter: alpha(opacity=100);
          -moz-opacity: 1;
          opacity: 1; }