body { margin: 0; padding: 0; font: normal normal normal 13px/1.3 Arial, Verdana, sans-serif; background-color: #99a7b0; color: #000000; }
a, a:link, a:visited { text-decoration: none; color: #a82279; }
a:active, a:hover { text-decoration: underline; color: #a82279; }
a.z, a:link.z, a:visited.z, a:active.z, a:hover.z { color: #f00000; }
acronym { font-style: inherit; font-variant: inherit; font-weight: inherit; border-bottom: 1px dotted #a02725; cursor: help; }
a acronym { cursor: pointer; }
address { margin: 0 0 0 1em; padding: 0; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1.3; }
big { font-size: 115%; }
h1 { clear: both; margin: 0.4em 0; padding: 0; font: normal normal bold 1.8em/1.0 Verdana, Arial, sans-serif; text-align: center; text-indent: 0; color: #a82279; }
h2 { margin: 0.75em 0 0.25em 0.5em; padding: 0; font: normal normal bold 1.3em/1.0 "Trebuchet MS", Arial, Verdana, sans-serif; text-align: left; text-indent: 0; color: #596770; }
h3 { margin: 0.5em 0 0.25em 1em; padding: 0; font: normal normal bold 1.2em/1.0 "Trebuchet MS", Arial, Verdana, sans-serif; text-align: left; text-indent: 0; color: #697780; }
ul { margin: 0 0 0 2em; padding: 0; list-style: disc outside; }
ol { margin: 0 0 0 2em; padding: 0; list-style: disc outside; }
ul li, ol li { margin: 0 0 0 0.2em; padding: 0; text-align: justify; }
ul li big { margin: 0; padding: 0; font-weight: bold; font-size: 1.2em; vertical-align: baseline; color: #4f485c; }
p { margin: 0.45em 0; padding: 0; font-size: 1em; text-align: justify; text-indent: 1em; }
p.ul { margin-bottom: 0; }
sup { font-weight: inherit; font-size: 0.8em; vertical-align: text-top; }
/* strona */
#page { position: relative; left: 0; top: 0; margin: 0 auto; padding: 0; width: 960px; height: auto; background: url(grafika/layout/sides.png) center bottom repeat-y; }
#jestesmy { position: absolute; right: 35px; bottom: 10px; margin: 0; padding: 0; font: italic normal bold 1.5em/1.0 "Trebuchet MS", Arial, Verdana, sans-serif; color: #c1c1c1; }
#box { margin: 0 auto; padding: 0; width: 920px; height: auto; background-color: #ffffff; }
/* top, nagłówek */
#top_main { position: relative; left: 0; top: 0; margin: 0; padding: 0; width: 920px; height: 349px; }
#top_shape_line { position: absolute; left: 0; top: 0; margin: 0; padding: 0; width: 920px; height: 279px; font: normal normal normal 1em/1.0 Arial, sans-serif; background: url(grafika/layout/top_shape_line.png) center top no-repeat; }
#top_shape_line span { visibility: hidden; }
/* plany zajęć */
#plany_zajec { z-index: 1000; position: fixed; top: 222px; right: 0; margin: 0; padding: 0; display: block; width: 23px; height: 96px; text-decoration: none; background: url(grafika/layout/plany_zajec.png) 0 -58px no-repeat; }
#plany_zajec:hover { z-index: 1000; position: fixed; top: 164px; right: 0; margin: 0; padding: 0; display: block; width: 97px; height: 213px; text-decoration: none; background: url(grafika/layout/plany_zajec.png) 0 0 no-repeat; }
/* wspólne */
#top_menu ul, #middle_menu ul { margin: 0; padding: 0; list-style: none; }
#top_menu ul li, #middle_menu ul li { display: block; margin: 0; padding: 0; }
#top_menu ul li a, #middle_menu ul li a { overflow: hidden; display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; border: 0; }
#top_menu ul li a span, #middle_menu ul li a span , #plany_zajec span { visibility: hidden; }
/* menu - top */
#top_menu { z-index: 10; position: absolute; left: 0; top: 279px; margin: 0; padding: 0; width: 920px; height: 70px; background: url(grafika/layout/top_menu.png) center top no-repeat; }
#menu_01_nor, #menu_02_nor, #menu_03_nor, #menu_04_nor, #menu_05_nor, #menu_06_nor, #menu_07_nor, #menu_08_nor, #menu_09_nor, #menu_01_sel, #menu_02_sel, #menu_03_sel, #menu_04_sel, #menu_05_sel, #menu_06_sel, #menu_07_sel, #menu_08_sel, #menu_09_sel { z-index: 100; position: absolute; top: 4px; height: 21px; }
#menu_01_nor, #menu_01_sel { left: 185px; width: 100px; }
#menu_01_nor a { background: url(grafika/layout/menu_01.png) 0 0 no-repeat; }
#menu_01_sel a, #menu_01_nor a:hover, #menu_01_sel a:hover { background: url(grafika/layout/menu_01.png) 0 -21px no-repeat; }
#menu_02_nor, #menu_02_sel { left: 294px; width: 36px; }
#menu_02_nor a { background: url(grafika/layout/menu_02.png) 0 0 no-repeat; }
#menu_02_sel a, #menu_02_nor a:hover, #menu_02_sel a:hover { background: url(grafika/layout/menu_02.png) 0 -21px no-repeat; }
#menu_03_nor, #menu_03_sel { left: 339px; width: 90px; }
#menu_03_nor a { background: url(grafika/layout/menu_03.png) 0 0 no-repeat; }
#menu_03_sel a, #menu_03_nor a:hover, #menu_03_sel a:hover { background: url(grafika/layout/menu_03.png) 0 -21px no-repeat; }
#menu_04_nor, #menu_04_sel { left: 438px; width: 78px; }
#menu_04_nor a { background: url(grafika/layout/menu_04.png) 0 0 no-repeat; }
#menu_04_sel a, #menu_04_nor a:hover, #menu_04_sel a:hover { background: url(grafika/layout/menu_04.png) 0 -21px no-repeat; }
#menu_05_nor, #menu_05_sel { left: 525px; width: 45px; }
#menu_05_nor a { background: url(grafika/layout/menu_05.png) 0 0 no-repeat; }
#menu_05_sel a, #menu_05_nor a:hover, #menu_05_sel a:hover { background: url(grafika/layout/menu_05.png) 0 -21px no-repeat; }
#menu_06_nor, #menu_06_sel { left: 579px; width: 51px; }
#menu_06_nor a { background: url(grafika/layout/menu_06.png) 0 0 no-repeat; }
#menu_06_sel a, #menu_06_nor a:hover, #menu_06_sel a:hover { background: url(grafika/layout/menu_06.png) 0 -21px no-repeat; }
#menu_07_nor, #menu_07_sel { left: 639px; width: 50px; }
#menu_07_nor a { background: url(grafika/layout/menu_07.png) 0 0 no-repeat; }
#menu_07_sel a, #menu_07_nor a:hover, #menu_07_sel a:hover { background: url(grafika/layout/menu_07.png) 0 -21px no-repeat; }
#menu_08_nor, #menu_08_sel { left: 698px; width: 146px; }
#menu_08_nor a { background: url(grafika/layout/menu_08.png) 0 0 no-repeat; }
#menu_08_sel a, #menu_08_nor a:hover, #menu_08_sel a:hover { background: url(grafika/layout/menu_08.png) 0 -21px no-repeat; }
#menu_09_nor, #menu_09_sel { left: 853px; width: 57px; }
#menu_09_nor a { background: url(grafika/layout/menu_09.png) 0 0 no-repeat; }
#menu_09_sel a, #menu_09_nor a:hover, #menu_09_sel a:hover { background: url(grafika/layout/menu_09.png) 0 -21px no-repeat; }
/* środek */
#middle_top, #middle_middle, #middle_bottom { margin: 0 auto; padding: 0; width: 920px; height: auto; }
#middle_top { background: url(grafika/layout/middle_top.png) center top no-repeat; }
#middle_middle { background: url(grafika/layout/middle_middle.png) center center repeat-y; }
#middle_bottom { background: url(grafika/layout/middle_bottom.png) center bottom no-repeat; }
/* lewa */
#column_left { float: left; margin: 0; padding: 0; width: 180px; height: auto; }
#middle_menu { position: relative; left: 0; top: 0; margin: 0; padding: 0; width: 180px; height: 438px; background: url(grafika/layout/middle_menu.png) top left no-repeat; }
#zajecia_01_nor, #zajecia_02_nor, #zajecia_03_nor, #zajecia_04_nor, #zajecia_05_nor, #zajecia_06_nor, #zajecia_07_nor, #zajecia_08_nor, #zajecia_09_nor, #zajecia_10_nor, #zajecia_01_sel, #zajecia_02_sel, #zajecia_03_sel, #zajecia_04_sel, #zajecia_05_sel, #zajecia_06_sel, #zajecia_07_sel, #zajecia_08_sel, #zajecia_09_sel, #zajecia_10_sel { z-index: 100; position: absolute; left: 0; width: 180px; }
#zajecia_01_nor, #zajecia_01_sel { top: 28px; height: 32px; }
#zajecia_01_nor a { background: url(grafika/layout/zajecia_01.png) 0 0 no-repeat; }
#zajecia_01_sel a, #zajecia_01_nor a:hover, #zajecia_01_sel a:hover { background: url(grafika/layout/zajecia_01.png) 0 -32px no-repeat; }
#zajecia_02_nor, #zajecia_02_sel { top: 60px; height: 31px; }
#zajecia_02_nor a { background: url(grafika/layout/zajecia_02.png) 0 0 no-repeat; }
#zajecia_02_sel a, #zajecia_02_nor a:hover, #zajecia_02_sel a:hover { background: url(grafika/layout/zajecia_02.png) 0 -31px no-repeat; }
#zajecia_03_nor, #zajecia_03_sel { top: 91px; height: 32px; }
#zajecia_03_nor a { background: url(grafika/layout/zajecia_03.png) 0 0 no-repeat; }
#zajecia_03_sel a, #zajecia_03_nor a:hover, #zajecia_03_sel a:hover { background: url(grafika/layout/zajecia_03.png) 0 -32px no-repeat; }
#zajecia_04_nor, #zajecia_04_sel { top: 123px; height: 31px; }
#zajecia_04_nor a { background: url(grafika/layout/zajecia_04.png) 0 0 no-repeat; }
#zajecia_04_sel a, #zajecia_04_nor a:hover, #zajecia_04_sel a:hover { background: url(grafika/layout/zajecia_04.png) 0 -31px no-repeat; }
#zajecia_05_nor, #zajecia_05_sel { top: 154px; height: 32px; }
#zajecia_05_nor a { background: url(grafika/layout/zajecia_05.png) 0 0 no-repeat; }
#zajecia_05_sel a, #zajecia_05_nor a:hover, #zajecia_05_sel a:hover { background: url(grafika/layout/zajecia_05.png) 0 -32px no-repeat; }
#zajecia_06_nor, #zajecia_06_sel { top: 186px; height: 31px; }
#zajecia_06_nor a { background: url(grafika/layout/zajecia_06.png) 0 0 no-repeat; }
#zajecia_06_sel a, #zajecia_06_nor a:hover, #zajecia_06_sel a:hover { background: url(grafika/layout/zajecia_06.png) 0 -31px no-repeat; }
#zajecia_07_nor, #zajecia_07_sel { top: 217px; height: 32px; }
#zajecia_07_nor a { background: url(grafika/layout/zajecia_07.png) 0 0 no-repeat; }
#zajecia_07_sel a, #zajecia_07_nor a:hover, #zajecia_07_sel a:hover { background: url(grafika/layout/zajecia_07.png) 0 -32px no-repeat; }
#zajecia_08_nor, #zajecia_08_sel { top: 249px; height: 31px; }
#zajecia_08_nor a { background: url(grafika/layout/zajecia_08.png) 0 0 no-repeat; }
#zajecia_08_sel a, #zajecia_08_nor a:hover, #zajecia_08_sel a:hover { background: url(grafika/layout/zajecia_08.png) 0 -31px no-repeat; }
#zajecia_09_nor, #zajecia_09_sel { top: 280px; height: 32px; }
#zajecia_09_nor a { background: url(grafika/layout/zajecia_09.png) 0 0 no-repeat; }
#zajecia_09_sel a, #zajecia_09_nor a:hover, #zajecia_09_sel a:hover { background: url(grafika/layout/zajecia_09.png) 0 -32px no-repeat; }
#zajecia_10_nor, #zajecia_10_sel { top: 312px; height: 31px; }
#zajecia_10_nor a { background: url(grafika/layout/zajecia_10.png) 0 0 no-repeat; }
#zajecia_10_sel a, #zajecia_10_nor a:hover, #zajecia_10_sel a:hover { background: url(grafika/layout/zajecia_10.png) 0 -31px no-repeat; }
/* prawa */
#column_right { float: right; margin: 0 15px 0 0; padding: 0; width: 710px; height: auto; }
#content { margin: 0; padding: 0 0 30px; width: 100%; height: auto; }
#google_map { float: right; margin: 5px 15px 0 0; padding: 0; border: 0; }
/* stopka */
#bottom_t { clear: both; margin: 0 auto; padding: 0; width: 960px; height: 133px; background: url(grafika/layout/bottom_top.png) center top no-repeat; }
#bottom_b, #credits { padding: 0;width: 960px; height: 45px; }
#bottom_b { clear: both; margin: 0 auto; background: url(grafika/layout/bottom_bottom.png) center top no-repeat; }
#credits { position: relative; left: 0; top: 0; font: normal normal normal 0.9em/1.0 "Trebuchet MS", Arial, Verdana, sans-serif; color: #ffa000; }
#credits a, #credits a:link, #credits a:visited, #counter span { text-decoration: none; color: #ffc000; }
#credits a:active, #credits a:hover { text-decoration: none; color: #ffe000; }
#www { position: absolute; right: 36px; top: 5px; margin: 0; padding: 0; }
#valid { position: absolute; left: 36px; top: 5px; margin: 0; padding: 0; }
#counter { margin: 0; padding: 5px 0 0; text-align: center; text-indent: 0; }
/* inne */
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.info { color: #008000; }
.uwaga { color: #e80000; }
.czerwony { color: #ff0000; }
.niebieski { color: #0000ff; }
.zolty { color: #f0f000; }
.zielony { color: #00c000; }
.separator { clear: both; margin: 10px auto; padding: 0; width: 600px; height: 50px; text-align: center; text-indent: 0; background: url(grafika/layout/separator.png) top center no-repeat; }
.swf { display: block; margin: 0 auto; padding: 0; border: 0; }
/* tekst */
.h2stg, .h2zzk, .h2gal, .h2pla { text-align: center; text-indent: 0; }
.h2cen { margin: 0.75em 0 0.25em; font-size: 1.5em; text-align: center; text-indent: 0; color: #404040; }
.h2stg, .h2fit, .h2mas, .h2pla { font-size: 1.5em; color: #df3399; }
.h3kad .forma, .hf { display: inline; margin: 0 0.2em 0 0; padding: 0; border: 0; vertical-align: middle; cursor: help; }
.lifit { margin: 0.5em 0 0.5em 0; }
.und { text-decoration: underline; }
.upp { text-transform: uppercase; }
.pc { text-align: center; text-indent: 0; }
.pr { text-align: right; text-indent: 0; }
.podpis { margin-right: 25px; font-style: italic; font-size: 0.9em; text-align: right; text-indent: 0; }
/* obrazy */
.fl, .fc, .fn, .fr, .ic, .ig { display: inline; padding: 0 14px 14px 0; background: url(grafika/layout/ramka.png) right bottom no-repeat; border: 0; }
.fl { float: left; margin: 4px 7px 7px 0; }
.fc { display: block; margin: 0 auto; }
.fr { float: right; margin: 4px 0 7px 14px; }
.fn { float: left; margin: 4px 0 7px 0; }
.ic { clear: both; display: block; margin: 10px auto; }
.ig { clear: both; display: block; margin: 20px auto; }
.bb { display: block; margin: 0 auto; padding: 0; border: 1px solid #e0e0e0; cursor: help; }
.nb { display: block; margin: 0 auto; padding: 0; border: 0; cursor: help; }
.pdf { margin: 0; padding: 0; vertical-align: -7px; border: 0; }
.banner { margin: 10px 0 10px 15px; padding: 0; border: 0; }
.prezent { margin: 0; padding: 0; vertical-align: middle; border: 0; }
.kp { display: block; margin: 0 auto; padding: 0; border: 0; }
.tabc { margin: 0 auto; padding: 0; border: 0; border-collapse: collapse; }
.tabc tr { margin: 0; padding: 0; border: 0; }
.tabc tr td { margin: 0; padding: 5px; border: 0; vertical-align: bottom; }
/* grafik zajęć, plan */
.grafik, .plan { margin: 5px auto; padding: 0; font-size: 0.85em; background-color: #ffffff; border-collapse: collapse; border: 0; }
.grafik tr, .plan tr { margin: 0; padding: 0; border: 0; }
.grafik tr.wic, .plan tr.wic { background-color: #b0b0b0; }
.grafik tr.wij, .plan tr.wij { background-color: #c0c0c0; }
.grafik tr th, .plan tr th { margin: 0; padding: 6px 3px; vertical-align: middle; border: 1px solid #ffffff; }
.grafik tr td, .plan tr td { margin: 0; padding: 0 3px; vertical-align: middle; border: 1px solid #ffffff; }
.grafik tr th, .grafik tr td.godzina, .plan tr th, .plan tr td.godzina { font-style: normal; font-variant: normal; font-weight: bold; text-align: center; background-color: #452632; color: #e8e8e8; }
.plan tr th { width: 90px; }
.grafik tr th.gra0 { width: 50px; }
.grafik tr th.gr0 { width: 40px; }
.grafik tr th.gr1, .grafik tr th.gr2, .grafik tr th.gr3, .grafik tr th.gr4, .grafik tr th.gr5, .grafik tr th.gr6 { width: 100px; }
.grafik tr td, .plan tr td { font-weight: bold; text-align: center; height: 64px; }
tr td.sztuki { background-color: #91204d; }
tr td.aerobowe { background-color: #e4a352; }
tr td.mieszane { background-color: #e4844a; }
tr td.silowe { background-color: #e8bf56; }
tr td.joga { background-color: #649543; }
tr td.szkola { background-color: #913c5e; }
.bialy { color: #ffffff; }
.bialy a, .bialy a:link, .bialy a:visited { text-decoration: none; color: #ffffff; border-bottom: 1px dotted #ffffff; }
.bialy a:hover, .bialy a:active { text-decoration: none; color: #ffffff; border-bottom: 1px solid #ffffff; }
.czarny a, .czarny a:link, .czarny a:visited { text-decoration: none; color: #000000; border-bottom: 1px dotted #000000; }
.czarny a:hover, .czarny a:active { text-decoration: none; color: #000000; border-bottom: 1px solid #000000; }
.grafik acronym, .plan acronym { border: 0; }
.grafik .od_kiedy { color: #ffff00; }
.grafik .nowosc1 { font-weight: bold; text-decoration: blink; text-transform: uppercase; color: #ffff00; }
.grafik .nowosc2 { font-weight: bold; text-decoration: blink; text-transform: uppercase; color: #ff0000; }
/* formy zajęć */
.formy { margin: 0.5em 0 0.5em 0.2em; padding: 0; list-style: none; }
.formy li { margin: 0.2em 0 0.2em 1em; padding: 0; }
.formy li img { display: inline; margin: 0 0.2em 0 0; padding: 0; border: 0; vertical-align: middle; cursor: help; }
/* cennik: tabela */
.cennik { margin: 0 auto; padding: 0; width: 96%; border: 0; border-collapse: collapse; }
.cennik tr { margin: 0; padding: 0; border: 0; }
.cennik tr th, .cennik tr td { margin: 0; padding: 5px; vertical-align: middle; border: 1px solid #e0e0e0; }
.cennik tr th { font-weight: bold; background-color: #452632; color: #e8e8e8; }
.cennik tr td { font-weight: normal; background-color: #c0c0c0; }
.cennik tr th.n2 { width: 80px; }
.cennik tr th.n3 { width: 184px; }
.cennik tr td.k3 { text-align: left; }
.cennik tr td.k2 { padding-right: 22px; text-align: right; }
.cennik tr td.k3 { text-align: center; }
.cennik sup.przypis { font-weight: inherit; font-size: 1em; vertical-align: top; }
.cennik sup.przypis a { text-decoration: none; color: #cc0000; }
.cennik .nowosc { font-weight: bold; text-transform: uppercase; color: #fefe00; }
.cennik .promocja { font-weight: bold; text-transform: uppercase; color: #fefefe; }
.cennik .razy { font-size: 80%; vertical-align: 2px; }
/* cennik: legenda */
.legenda { margin: 0.3em 0 0.3em 1.2em; padding: 0; list-style: none; }
.legenda li { margin: 0; padding: 0; font-size: 0.9em; line-height: 1.4; }