*                           {margin: 0 auto; padding: 0}
body                        {font-family: Tahoma, Arial, Verdana, Helvetica, Sans-Serif; font-size: small; color: #fff; background: #000 url(images/body_tlo.gif) repeat-x; margin: 0 auto; padding: 0; text-align: justify;}
* html body                 {font-size: x-small; f\ont-size: small;}  /* IE5/Win */
p, h1, h2, h3               {margin: 0; padding: 0}
img                         {border: 0; margin: 0; padding: 0}
a                           {color: #BBB; text-decoration: underline}
a:hover                     {color: #999}
.clear_both                 {clear: both; margin: 0; padding: 0}

#site                       {width: 771px; background: #000 url(images/prawe_tlo.jpg) top right repeat-y; border-right: 1px solid #444; font-size: 85%; margin: 0 auto; padding: 0}
#lewy                       {width: 331px; float: left}
#lewy dt.logo               {width: 331px; height: 128px; margin: 0; padding: 0}
#lewy dt.obrazek            {width: 331px; height: 480px;}

#prawy                      {width: 440px; float: right}
#prawy .menu                {width: 100%; height: 57px; background-color: #2B2B2B; margin-top: 13px; text-align: right; clear: both}
#prawy .menu dl             {margin-right: 10px; padding: 0; float: right; display: inline}  /* inline - IE margines */
#prawy .menu dl dt          {margin: 0; padding: 0; display: inline}
#prawy .menu dl dt a        {display: block; padding: 21px 12px 0 12px; height: 36px; float: left}
#prawy .menu dl dt a:hover  {background-color: #606060; height: 34px; border-bottom: 2px solid #CCC;}
#prawy .menu dl dt a.galerie       {background: url(images/galerie_tlo.gif) 50% 50% no-repeat;}
#prawy .menu dl dt a.galerie:hover {background: #606060;}
#prawy .tresc               {width: 396; background: url(images/tresc_tlo.jpg) top right no-repeat; padding: 50px 28px 35px 12px; margin: 0; clear: both}
#prawy .tresc h1            {margin-bottom: 10px; font-size: 120%}
#prawy .tresc p             {padding: 0.7em 0}
#prawy .tresc p.tytul       {font-weight: bold; font-size: 110%; margin-top: 0.7em}

#prawy .tresc a.opcja_ciemna, a.opcja_jasna  {background: url(images/strz_p.gif) 0 50% no-repeat; padding-left: 18px;}
#prawy .tresc a.opcja_jasna                  {color: #fff}
#prawy .tresc a.opcja_jasna:hover            {color: #ccc}

#prawy .tresc dl.galerie                {width: 396px; margin: 1.8em 0}
#prawy .tresc dl.galerie:after          {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#prawy .tresc dl.galerie dt             {font-weight: bold;  padding-bottom: 1em;}
#prawy .tresc dl.galerie dt .data       {font-weight: normal; color: #777; display: block; padding-top: 0.1em;}
#prawy .tresc dl.galerie dd             {color: #DCDCDC;}
#prawy .tresc dl.galerie dd.zdjecie     {margin: 0;}
#prawy .tresc dl.galerie dd.zdjecie img {float: left; border: 4px solid #575757; margin: 0 10px 7px 0}
#prawy .tresc dl.galerie dd.powrot      {padding-top: 10px; text-align: right}
#prawy .tresc dl.galerie a.wstecz       {background: url(images/strz_n.gif) 0 50% no-repeat; text-decoration: none; padding-left: 18px}
#prawy .tresc dl.galerie a.wstecz:hover {text-decoration: underline}
#prawy .tresc dl.galerie dd.info img    {float: left; border: 0; margin: 0 10px 7px 0}
#prawy .tresc dl.terminy dd             {padding: 0 0 0.7em 0}
#prawy .tresc p.strony                  {text-align: right; color: #555; padding-top: 20px; clear: both}
#prawy .tresc p.strony a                {text-decoration: none; color: #C0C0C0}
#prawy .tresc p.strony a:hover          {text-decoration: underline; color: #FFF}
#prawy .tresc p.strony .aktywny         {font-weight: bold; color: #FFF}
#prawy dl.formularz                    {font-weight: bold; color: #FFF; text-align: left; width: 316px; padding-top: 20px; margin: 0 35px}
#prawy dl.formularz dt                 {padding-top: 0.4em}
#prawy dl.formularz dd                 {padding: 5px 0; text-align: center}
#prawy dl.formularz input              {height: 18px; color: #CCC; width: 316px; border: 1px solid #555; background: #222; font-size: 100%; font-family: Tahoma, Arial, Sans-Serif; font-weight: normal}
#prawy dl.formularz input:focus        {border: 1px solid #666; color: #FFF; background-color: #333}
#prawy dl.formularz input.button1       {height: 25px; width: 100px; color: #CCC; border: 1px solid #555; margin-left: 18px}
#prawy dl.formularz input.button1:hover {border: 1px solid #777; background: #444}
#prawy dl.formularz textarea           {height: 100px; width: 316px; border: 1px solid #555; background: #222; color: #CCC; font-size: 100%; font-family: Tahoma, Arial, Sans-Serif}
#prawy dl.formularz textarea:focus     {border: 1px solid #666; color: #FFF; background: #333}
#prawy .tresc .zdjecia_all             {padding: 20px 0 40px 0; float: left}
#prawy .tresc .zdjecia_all a, .zoom_pas a                 {display: block; width: 116px; height: 116px; background: #000 url(images/zdjecie_tlo.jpg) top repeat-x; border: 1px solid #444; float: left; margin: 3px; padding: 3px; text-align: center;}
#prawy .tresc .zdjecia_all a:hover, .zoom_pas a:hover     {background: #333; border: 1px solid #888}

.zoom_pas a.galeria {display:inherit; height:  30px; text-decoration: none; margin: 0 auto}
.zoom_pas a.ramka {background: #333; border: 4px solid #888}
#zoom                       {width: 100%; background: #000 url(images/stopka_tlo.jpg) 70% 100% no-repeat; margin: 0 auto; padding: 20px 0 93px 0; text-align: center}
#zoom img                   {background: #000 url(images/prawe_tlo.jpg) top right repeat-y; border: 1px solid #444; padding: 10px}
#zoom .zoom_pas             {width: 100%; background: #1E1E1E url(images/zoom_pas_tlo.jpg) top repeat-x; padding: 15px 0; margin: 0 auto; text-align: center; float: left}
#zoom .zoom_pas img         {border: 0; padding: 0}
#zoom .zoom_pas p.centrum   {height: 130px; width: 785px; margin: 0 auto}
#zoom .zoom_pas p.powrot   {padding-top: 30px; height: 30px; width: 785px; margin: 0 auto}
#zoom .zoom_pas p.centrum a.zoom_przyciski   {width: 22px; height: 22px; background: none; border: 0; margin: 50px 20px 0 20px; padding: 0; display: inline}

table.cennik                {border: 1px solid #CCC; width: 100%; background: #EEE; color: #333; font-size: 85%; border-collapse: collapse; margin: 0px;}
table.cennik td             {border: 1px solid #AAA; padding: 10px; text-align: left}
table.cennik td.tytul       {background: #555 url(images/cennik_tytul.jpg) top repeat-x; font-weight: bold; color: #EEE; text-align: center; font-size: 110%; padding: 20px 10px}
table.cennik td.specjalne   {background: #E0E0E0; color: #111}
table.cennik td.stopka      {background: #CCC; text-align: center; color: #555}
table.cennik tr.ciemne      {background: #E0E0E0}

#stopka                     {width: 770px; background: url(images/stopka_tlo.jpg) top right no-repeat; color: #777; font-size: 78%; text-align: center; clear: both}
#stopka dl                  {padding: 25px 150px 31px 150px; margin-bottom: 20px}
#stopka a                   {text-decoration: none; color: #777;}
#stopka a:hover             {text-decoration: underline; color: #CCC}

/* modyfikacje dla IE */
dl.projekty                 {display: inline-table;}
/* ukrycie IE/Mac \*/
html dl.projekty            {height: 1%}
dl.projekty                 {display: block}
/* koniec IE/Mac */
table.legenda {width: 400px; height: 14px;}
td.leg {width: 58px; height: 13px; background-color: #999}
table.calendar {width: 300px; }
table.calendar td{text-align:center}
td.linked-day { background-color: #999; text-align:center;}
#powroty { position: absolute;  margin-left:20px;  height: 40px; width: 100px;}

#powroty a {background: url(images/strz_n.gif) 0 50% no-repeat; text-decoration: none; padding-left: 18px}

#powroty2 {position: absolute; margin-left: 20px; margin-top:20px; height: 40px;}
#powroty2 a {background: url(images/strz_n.gif) 0 50% no-repeat; text-decoration: none; padding-left: 18px}
.numer {font-weight: bolder; text-decoration: underline;}