body        { text-align: center; margin: 0px; background: url(img/tlo.gif) repeat-x #1E1E1E;}
body *      { text-align: left;}

a img {border: 0px;}

#menu       { width: 815px; margin: auto; }
#menu div   { width: 2px; font-size: 2px; height: 50px; float: left;}
#menu a     { display: block; width: 133px; height: 213px; float: left; text-decoration: none;}

#menu div.przerwa {background: #393937; height: 213px;}
#menu div.start {background: #393937; height: 213px;}

#menu a.glowna_en          { background: url(img/glowna_en.gif) no-repeat;}
#menu a.glowna_en_wybrana  { background: url(img/glowna_en_wybrana.gif) no-repeat;}
#menu a.glowna_en:hover    { background: url(img/glowna_en_wybrana.gif) no-repeat;}
#menu a.omnie_en           { background: url(img/omnie_en.gif) no-repeat;}
#menu a.omnie_en_wybrana     { background: url(img/omnie_en_wybrana.gif) no-repeat;}
#menu a.omnie_en:hover     { background: url(img/omnie_en_wybrana.gif) no-repeat;}
#menu a.galeria_en         { background: url(img/galeria_en.gif) no-repeat;}
#menu a.galeria_en_wybrana   { background: url(img/galeria_en_wybrana.gif) no-repeat;}
#menu a.galeria_en:hover   { background: url(img/galeria_en_wybrana.gif) no-repeat;}
#menu a.ksiega_en          { background: url(img/ksiega_en.gif) no-repeat;}
#menu a.ksiega_en_wybrana    { background: url(img/ksiega_en_wybrana.gif) no-repeat;}
#menu a.ksiega_en:hover    { background: url(img/ksiega_en_wybrana.gif) no-repeat;}
#menu a.kontakt_en         { background: url(img/kontakt_en.gif) no-repeat;}
#menu a.kontakt_en_wybrana   { background: url(img/kontakt_en_wybrana.gif) no-repeat;}
#menu a.kontakt_en:hover   { background: url(img/kontakt_en_wybrana.gif) no-repeat;}
#menu a.allegro_en         { background: url(img/allegro_en.gif) no-repeat;}
#menu a.allegro_en_wybrana   { background: url(img/allegro_en_wybrana.gif) no-repeat;}
#menu a.allegro_en:hover   { background: url(img/allegro_en_wybrana.gif) no-repeat;}

#menu a.glowna_pl          { background: url(img/glowna_pl.gif) no-repeat;}
#menu a.glowna_pl_wybrana    { background: url(img/glowna_pl_wybrana.gif) no-repeat;}
#menu a.glowna_pl:hover    { background: url(img/glowna_pl_wybrana.gif) no-repeat;}
#menu a.omnie_pl           { background: url(img/omnie_pl.gif) no-repeat;}
#menu a.omnie_pl_wybrana     { background: url(img/omnie_pl_wybrana.gif) no-repeat;}
#menu a.omnie_pl:hover     { background: url(img/omnie_pl_wybrana.gif) no-repeat;}
#menu a.galeria_pl         { background: url(img/galeria_pl.gif) no-repeat;}
#menu a.galeria_pl_wybrana   { background: url(img/galeria_pl_wybrana.gif) no-repeat;}
#menu a.galeria_pl:hover   { background: url(img/galeria_pl_wybrana.gif) no-repeat;}
#menu a.ksiega_pl          { background: url(img/ksiega_pl.gif) no-repeat;}
#menu a.ksiega_pl_wybrana    { background: url(img/ksiega_pl_wybrana.gif) no-repeat;}
#menu a.ksiega_pl:hover    { background: url(img/ksiega_pl_wybrana.gif) no-repeat;}
#menu a.kontakt_pl         { background: url(img/kontakt_pl.gif) no-repeat;}
#menu a.kontakt_pl_wybrana   { background: url(img/kontakt_pl_wybrana.gif) no-repeat;}
#menu a.kontakt_pl:hover   { background: url(img/kontakt_pl_wybrana.gif) no-repeat;}
#menu a.allegro_pl         { background: url(img/allegro_pl.gif) no-repeat; }
#menu a.allegro_pl_wybrana   { background: url(img/allegro_pl_wybrana.gif) no-repeat;}
#menu a.allegro_pl:hover   { background: url(img/allegro_pl_wybrana.gif) no-repeat;}

#stopka { background: url(img/stopka.gif) 0px 55px repeat-x; height: 121px; width: 100%; clear: both; }
#stopka2          { width: 815px; margin: auto; }
#stopka #copyright{ float: left; padding-top: 70px; font: 11px Tahoma; color: white;}
#stopka #dzwiek  { float: right; padding-top: 70px;}
#stopka #flagi  { float: right; padding-top: 70px; padding-right: 100px;}
#stopka #newsletter { float: right; padding-top: 70px; padding-right: 100px; font: 11px Tahoma; color: white;}
#stopka #newsletter input.pole { width: 234px; height: 18px; border: 1px solid #4F4F4F; background: #3B3B3B; margin-top: 4px; margin-right: 10px; color: white; font: 11px Tahoma; padding-top: 4px;  padding-left: 4px;}
#stopka #newsletter input.sub { font: 11px Tahoma; color: white; border-width: 0px; background: transparent; }
 

#zawartosc { clear: both; width: 815px; margin: auto;  padding-top: 55px; }

.kropki { width: 3px; height: 340px; background: url(img/kropki.gif) 1px 0px no-repeat; float: left;}
.kropkiP { width: 3px; height: 340px; background: url(img/kropki.gif) 1px 0px no-repeat; float: right;}
.przerwa {width: 30px; height: 100px; float: left;}
.przerwaP {width: 30px; height: 100px; float: right;}
.zdjecie {float: right;}
.opis {font: 11px Verdana; color: white; width: 470px; float: left;  padding-left: 30px;}

.kropki2 {  height: 3px; width: 100%; background: url(img/kropki2.gif) 0px 1px no-repeat; font-size: 2px;}
#kontakt { text-align: cener;}
#kontakt2 {width: 343px; margin: auto;}
#ksiegaform {width: 230px; margin: auto;}
.dane { text-align: center; padding: 15px 0px; }
.dane div {padding: 6px 0px 6px 0px; margin: 0px; color: white; font: 11px Tahoma; text-align: center;}

table {margin-top: 20px; }

.etykieta {font: 11px Tahoma; color: white; padding-right: 10px;}
.pole {width: 220px; height: 24px; background: url(img/pole.gif) no-repeat; } 

.pole input {width: 200px; padding-left: 5px; padding-right: 5px; font: 11px Tahoma; color: white; height: 12px; border: 0px; background: transparent;}
.trescWiadomosci {width: 220px; height: 153px; background: url(img/tresc.gif) no-repeat;}
.trescWiadomosci textarea {width: 200px; padding-left: 5px; padding-right: 5px; font: 11px Tahoma; color: white; height: 140px; border: 0px; background: transparent;}

.trescWpisu {width: 220px; height: 63px; background: url(img/tresc2.gif) no-repeat;}
.trescWpisu textarea {width: 200px; padding-left: 5px; padding-right: 5px; font: 11px Tahoma; color: white; height: 45px; border: 0px; background: transparent;}

.glowna        { float: left; width: 98%; }
.glowna .obraz { width: 535px; height: 218px; background: url(img/tlo_glowna.gif) no-repeat; }
.glowna .tresc {font: 11px Tahoma; color: white; padding: 0px 10px;}
.glowna .podpis {text-align: right; font: 11px Tahoma; color: white; padding: 10px;}

#wpisy { width: 350px; margin: auto;}
.wpis { margin: 10px 0px; padding: 0px;}
.wpis td {font: 11px Tahoma; color: #787878; vertical-align: top;}
.wpis td.e {color: white;}
.wpis tr.t td {padding-top: 5px;}

.praca {font: 11px Verdana; color: #7C7C7C; width: 430px; float: left;  padding-left: 30px;}
.strzalki {width: 40px; text-align: center; float: right;}
.strzalki a.lewo  { width: 40px; background: url(img/lewo.gif) 4px 0px no-repeat; height: 42px; display: block; margin-top: 10px;}
.strzalki a.prawo { width: 40px; background: url(img/prawo.gif) 6px 0px no-repeat; height: 42px; display: block; margin-top: 245px;}

.strzalki a.lewo:hover  {  background: url(img/lewo_w.gif) 4px 0px no-repeat; }
.strzalki a.prawo:hover { background: url(img/prawo_w.gif) 6px 0px no-repeat; }

.operacje {float: right; width: 130px;}
.operacje a {display: block; font: 11px Tahoma; color: white; text-decoration: none; margin-bottom: 4px; padding-left: 28px;}
.operacje a:hover { text-decoration: underline;}
.operacje a.dodajkomentarz {background: url(img/dodaj_komentarz.gif) no-repeat; }
.operacje a.ocen {background: url(img/ocen.gif) no-repeat; }

.danePracy div { margin-bottom: 4px;}
.danePracy span {color: white; font: bold 12px Arial;}

.danePracy2 {margin-top: 30px;}
.danePracy2 div { margin-bottom: 4px;}
.danePracy2 span {color: white; font: bold 12px Arial;}

.opisPracy { margin-top: 10px;}
.opisPracy div { margin-bottom: 4px;}
.opisPracy span {color: white; font: bold 12px Arial;}

.danePracy .link {text-align: right;}
.danePracy .link a { font: 11px Tahoma; color: white; text-decoration: none; margin-bottom: 4px; padding-left: 28px;}
.danePracy .link a:hover { text-decoration: underline;}

.komunikat {font: bold 11px Verdana; color: white; text-align: center;}

.powrot {text-align: center;padding-bottom: 10px;}
.powrot a {color: white; text-decoration: none; font: 11px Tahoma;}
.powrot a:hover {text-decoration: underline; }

#ocen          { float: right; clear: right; padding-right: 40px; display: none;}
#ocen select   {  text-align: center;}
#ocen option   { text-align: center;}

#dzwiek2 embed {width: 1px; height: 1px;}
#dzwiek2        { position: absolute; top: 0px; left: 0px;}

#logowanie {text-align: center;}
#logowanie table {margin: auto; width: 340px;}

#panel {text-align: center; }
#panelMenu {text-align: center;}
#panelMenu a { color: white; font: 11px Tahoma; text-decoration: none;}
#panelMenu a:hover { text-decoration: underline;}