body {background: #fff url(gfx/bg_03.jpg) repeat-x; margin: 0; padding: 0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #222}

h1 {font-size: 11px; margin: 0; padding: 0; color: #3b6c97}
p {margin: 6px 0}
img {border: 0}

/* ================================================================================ */

/* szkielet strony */
#page {position: relative; margin: 0 auto; width: 760px; z-index: 2}
#top {position: relative; width: 760px; height: 337px; background: url(gfx/bgt_03.jpg) no-repeat bottom left}

ul#menu {position: absolute; top: 0; right: 0; margin: 0; padding: 8px 4px 0 0; list-style-type: none; height: 30px}
ul#menu li {float: left; padding: 0 10px 0 11px; background: url(gfx/bgm.gif) no-repeat top left}
ul#menu li.first {background: none}
ul#menu li.active a img {padding-bottom: 3px; border-bottom: 5px solid #d20f00}

#pis {position: absolute; top: 227px; left: 656px; width: 90px; height: 90px}

#rss {position: absolute; top: 0; right: 8px; font-size: 10px; color: #fff}
#rss a {margin: 0 6px; color: #fff}
#rss img {vertical-align: -3px}

#body1 {width: 760px; background: url(gfx/bgb1.gif) repeat-y}
#body2 {width: 760px; background: url(gfx/bgb2_03.jpg) no-repeat}
#body3 {position: relative; width: 760px; background: url(gfx/bgb3.gif) no-repeat bottom; min-height: 275px; padding-bottom: 20px}

#cntnarrow {float: left; width: 393px}
#cntnormal {float: left; width: 450px}
#cntwide {width: 760px}

#sidenormal {float: left; width: 304px; margin-left: 5px}
#sidewide {float: left; width: 361px; margin-left: 5px}

#ftr {position: relative; width: 760px; height: 60px; margin-top: 5px; background: url(gfx/bgf.jpg) no-repeat}
#ftr div {position: absolute; top: 12px; left: 20px; width: 720px; text-align: center; color: #637d94; font-size: 10px}
#ftr small {position: absolute; top: 32px; left: 80px; width: 600px; text-align: center; padding: 6px 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif; border-top: 1px solid #dbe9f2; color: #878686}

.clear {clear: both; height: 1px; font-size: 1px}
.hr {height: 1px; font-size: 1px; border-bottom: 1px solid #d9e2e6}

/* ================================================================================ */

/* zawartosc */
h1.hdr {padding: 16px 0 0 30px}
h1.hdrb {padding: 22px 0 0 30px}
#mainbox {margin: 10px 0 0 30px; padding: 0 8px 8px 0}
.btmbg {min-height: 140px; background: url(gfx/bgbx4.gif) no-repeat bottom right}
.topbg {min-height: 90px; background: url(gfx/bgbx2.gif) no-repeat}
#sshow {display: none}
small.date {font-size: 11px; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif}

/* d1dbe5 */
ul#submenu {margin: 10px 0 10px 30px; padding: 0; list-style-type: none}
ul#submenu li {float: left; padding: 0 7px; height: 23px; font-weight: bold; margin-right: 1px; background: #d1dbe5}
ul#submenu li a {display: block; margin-top: 4px; color: #778}
ul#submenu li.active {background: #fff url(gfx/bgsm.gif) repeat-x}
ul#submenu li.active a {color: #305e85}

#sitedsc {width: 354px; margin: 10px 0 0 30px; padding: 0 8px 8px 0; min-height: 140px; background: url(gfx/bgbx4.gif) no-repeat bottom right}
/*#sitedsc h1 {color: #d20f00}*/

#kalend {width: 392px; margin: 10px 0 0 1px; background: url(gfx/bgbx1.gif) no-repeat}
#kalend .btmbg {padding: 0 8px 8px 0}
#kalend ul {margin: 10px 0 0 30px; padding: 0; list-style-type: none}
#kalend ul li {margin: 0; padding: 6px 0 6px 12px; border-bottom: 1px solid #e9f2f6; background: url(gfx/dot.gif) no-repeat 0px 10px}
/* w panelu bocznym nieco inaczej */
#sidenormal #kalend {width: 292px; margin-top: 10px; background: url(gfx/bgbx2.gif) no-repeat}
#sidenormal #kalend ul {margin: 10px 0 0 15px}
#sidenormal #kalend h1.hdrb {padding: 12px 0 0 15px}

#mapa {width: 292px; margin-top: 10px; background: url(gfx/bgbx2.gif) no-repeat}
#mapa .btmbg {padding: 12px 15px}
#mapa .btmbg div {text-align: center}
#mapa h1 {margin-bottom: 10px}
/*
#newsx ul {margin: 10px 0 0 30px; padding: 0; list-style-type: none}
#newsx ul li {margin: 0; padding: 8px 0 8px 20px; border-bottom: 1px solid #e9f2f6; background: url(gfx/dot.gif) no-repeat 8px}
*/
/* w panelu bocznym na podstronach nieco inaczej */

ul.news {margin: 10px 0 0 30px; padding: 0; list-style-type: none}
#mainbox ul.news {margin: 10px 0 0 0}
ul.news li {margin: 0; padding: 6px 0; border-bottom: 1px solid #e9f2f6}
ul.news li h1 a {color: #3b6c97}
ul.news li a small, h1 small {display: block; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: normal}

#news {width: 340px; margin-top: 10px; background: url(gfx/bgbx1.gif) no-repeat}
#news .btmbg {padding: 0 8px 8px 0}
#sidenormal #news {width: 292px; background: url(gfx/bgbx2.gif) no-repeat}
#sidenormal #news ul.news {margin: 10px 0 0 15px; padding: 0; list-style-type: none}
#sidenormal #news li {margin: 0; padding: 6px 0 6px 12px; background: url(gfx/dot.gif) no-repeat 0px 11px}
#sidenormal #news h1.hdrb {padding: 12px 0 0 15px}

/* download i linki pod treścią */
.dbox {margin: 12px 0 0 0; padding: 10px 8px 8px 15px}
ul.download {margin: 10px 0 0 0; padding: 0; list-style-type: none}
ul.download li {margin: 10px 0; padding-left: 15px; background: url(gfx/doc.gif) no-repeat}

/* przełączanie podstron list */
.toggle_box {padding-top: 6px}
.toggle_box table {float: right}
.toggle_box table td {font-size: 10px; color: #015a83}
.toggle_box table td a {color: #015a83}
.bold {font-weight: bold}

.photo_set {}
.photo_set img {border: 4px solid #eaeaea; margin: 0 5px 5px 0}

#sshow_thumbs img {margin: 2px; border: 4px solid #eaeaea}
#sshow_thumbs img.active {border: 4px solid #c33}
#sshow_preview {margin: auto; text-align: center; padding: 10px 0}
#sshow_preview img {border: 0; background: url(gfx/i.gif) no-repeat center}

.thumb_body {border: 4px solid #eaeaea; margin-right: 6px}

/* Multimedia - video */
#mmedia {margin: 10px 0 0   20px}
#mmedia1 {float: left; width: 340px; height: 340px; background: url(gfx/bgmm1.gif) repeat-x}
#mmedia2 {float: left; width: 380px; height: 340px; background: url(gfx/bgmm2.gif) repeat-x}
#mmedia1 .corner {width: 340px; height: 340px; background: url(gfx/bgmmcl.gif) no-repeat bottom left}
#mmedia2 .corner {width: 370px; height: 330px; padding: 10px 0 0 10px; background: url(gfx/bgmmcr.gif) no-repeat bottom right}
#movies {width: 360px; height: 320px; overflow: auto}
#movies ul {margin: 0; padding: 0; list-style-type: none}
#movies div.item {margin: 2px 0; padding: 4px; background: #f9fafc}

/* tapety i wygaszacze */
div.wall_scr img {float: left; border: 4px solid #eaeaea; margin: 0 10px 8px 0}
div.wall_scr a {display: block; font-weight: bold}
div.wall_scr a small {color: #333; font-weight: normal}

/* linki */
a.more {display: block; height: 23px; margin: 4px 0 0 0; padding: 6px 30px 0 0; text-align: right; color: #073a76; background: url(gfx/bgmr.gif) no-repeat right}
a.more1 {display: block; height: 23px; margin: 2px 0 0 0; padding: 6px 20px 0 0; text-align: right; color: #073a76; background: url(gfx/bgmr1.gif) no-repeat right}

a {color: #305e85; text-decoration: none}
a:hover {text-decoration: underline}