body {background: #fff; margin: 0; padding: 0; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #333}
form {margin: 0; padding: 0}
h1 {margin: 0; padding: 0; font-size: 12px}
h2 {margin: 0; padding: 0; font-size: 11px}
p {margin: 8px 0 0 0}

#page {margin-left: auto; margin-right: auto; padding-bottom: 20px; width: 870px; z-index: 2}

#dot {width: 32px; height: 23px; background: url(../gfx/logo_dot.gif) no-repeat right bottom}
#top {height: 53px; background: url(../gfx/topbg.jpg) no-repeat right}
a#logo {display: block; width: 284px; height: 53px; background: url(../gfx/logo.gif) no-repeat}

#topnav {float: right; width: 560px; color: black; padding: 10px 8px 0 0}
#topnav .menu {float: right; width: 300px; padding-right: 12px; color: #550307; text-align: right}
#topnav .menu a {color: #550307}

#search {float: right; width: 190px}
#search2 {width: 190px; margin-bottom: 8px}
#search .input, #search2 .input {width: 122px; padding: 0 2px; margin-right: 4px; font-size: 11px; border: 1px solid #9f9f9f}
input.btn {vertical-align: -3px}
h2.result {color: #1A5C74; font-size: 12px; margin-top: 16px}

.header_area {padding: 0 10px 10px 10px; margin-bottom: 8px; border-bottom: 1px solid #cfe4ec}
.filter select, .search select {font-size: 11px}
.filter input, .search .btn {vertical-align: -3px}
.search .input {width: 122px; padding: 0 2px; margin-right: 4px; xfont-size: 12px; border: 1px solid #9f9f9f}
div.search.start {padding-top: 8px; border-top: 1px solid #cfe4ec}

#menu {margin-top: 3px; height: 23px; background: url(../gfx/mbg2.gif) repeat-x; overflow: hidden}
#menu .left {height: 23px; background: url(../gfx/mbg1.gif) no-repeat}
#menu ul {width: 870px; height: 23px; margin: 0; padding: 0; list-style-type: none; background: url(../gfx/mbg3.gif) no-repeat right}
#menu li {float: left; height: 19px; margin: 0; padding: 4px 8px 0 9px; list-style-type: none}
#menu li.vr {width: 1px; background: url(../gfx/mvr.gif) no-repeat center}
#menu li.active {background: url(../gfx/mact.gif) no-repeat center top}
#menu li.active a {border-bottom: 1px solid #fff}
#menu a {color: #fff; text-transform: uppercase}

#body {padding: 5px 0 12px 0}

/* Temat Dnia na stronie glownej */
.td {float: left; position: relative; margin-right: 10px; width: 360px; height: 220px; border: 2px solid #ddd}
.td_bg {position: absolute; left: 0; bottom: 0; width: 360px; height: 100px; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 10}
.td_desc {position: absolute; left: 0; bottom: 0; width: 350px; height: 90px; padding: 5px; color: #fff; z-index: 11}
.td_desc .header {margin-bottom: 4px; font-weight: bold; font-size: 12px}
.td_desc .header a {color: #fff}
.td_desc .header .red {color: #f00}
.td_desc .abstract {margin-bottom: 4px}
.td_desc .abstract a:hover {text-decoration: underline}
.td_desc .links a {color: #ccc; text-decoration: underline; font-weight: bold; padding: 0 14px 0 8px; background: url(../gfx/red_sqr.gif) no-repeat 0 5px; white-space: nowrap}
.td_desc .links a:hover {text-decoration: none}

/* Temat Dnia w dziale Aktualnosci */
.tda {height: 230px; margin-bottom: 10px; border-bottom: 1px solid #eee}
.tda_bg {float: left}
.tda_bg img {border: 2px solid #ddd}
.tda_desc {float: left; width: 254px; margin-left: 10px}
.tda_desc .header {margin-bottom: 6px; font-weight: bold; font-size: 16px; color: #555}
.tda_desc .header a {color: #555}
.tda_desc .header .red {margin-bottom: 6px; color: #f00; font-size: 12px}
.tda_desc .abstract {margin-bottom: 6px}
.tda_desc .abstract a:hover {text-decoration: underline}
.tda_desc .links a {color: #e20000; text-decoration: underline; font-weight: bold; padding: 0 14px 0 8px; background: url(../gfx/red_sqr.gif) no-repeat 0 5px}
.tda_desc .links a:hover {text-decoration: none}

.abstract_news {clear: both; padding: 8px 2px; margin: 0 8px 0 0; border-bottom: 1px solid #eee; color: #555}
.abstract_news h2 {margin-bottom: 4px}
.abstract_news h2 a {color: #555}
.abstract_news img {float: left; margin: 0 8px 4px 0}

.abstract_xxl {float: left; width: 240px; padding-right: 6px; margin-right: 10px; border-right: 1px solid #fff}
.abstract_xxl h2 {margin-bottom: 4px}
.abstract_xxl h2 a {color: #555}
.abstract_xxl img {float: left; margin: 0 8px 4px 0}
.rlist {float: left; width: 190px}

.abstract_xs {padding-bottom: 10px}
.abstract_xs h2 {margin-bottom: 4px}
.abstract_xs h2 a {color: #555}
.abstract_xs img {float: left; margin: 0 8px 4px 0}

.article h1.title {font-size: 16px; color: #555}
.article .subtitle {color: #a00; margin-bottom: 6px}
.article .subtitle a {color: #a00}
.article .add-ons {margin-top: 10px; border-top: 1px solid #eee; padding: 6px 0 0 6px}
.article .add-ons h2 {margin-bottom: 10px}
.article .back {margin-top: 10px}
.article .back a {padding-left: 12px; background: url(../gfx/red_arrow_rev.gif) no-repeat left 4px; color: #e20000}
.article .downloads a {color: #555; padding-right: 12px; margin-top: 6px; background: url(../gfx/red_arrow.gif) no-repeat right 4px}

.photo_item {float: left; margin: 4px 20px 10px 0; width: 80px; text-align: center}
.photo_item a {text-decoration: none}
.photo_item img {border: 2px solid #ccc}

.adv {margin-bottom: 10px; height: 25px; border-bottom: 1px solid #cfe4ec}
.adv h1 {float: left; margin-left: 8px; padding: 4px 8px 0 8px; height: 21px; border: 1px solid #cfe4ec; border-bottom-width: 0; background: #fff url(../gfx/hbg.gif) repeat-x}

.box.t1 .cnt {zoom: 1; padding: 3px 8px; border-style: solid; border-width: 1px 1px 0 1px}
.box.t1 .cnt h1 {margin-bottom: 6px; font-size: 12px; color: #1a5c74}
.box.t1 .ftr div {font-size: 2px; height: 5px}
.box.t1.v1 .cnt {border-color: #e9e9e9}
.box.t1.v1 {background: url(../gfx/box13.gif) repeat-x bottom}
.box.t1.v1 .ftr {background: url(../gfx/box11.gif) no-repeat}
.box.t1.v1 .ftr div {background: url(../gfx/box12.gif) no-repeat bottom right}
.box.t1.v2 .cnt {background: #f4f9fa; border-color: #cbe4ec}
.box.t1.v2 {background: #f4f9fa url(../gfx/box23.gif) repeat-x bottom}
.box.t1.v2 .ftr {background: url(../gfx/box21.gif) no-repeat}
.box.t1.v2 .ftr div {background: url(../gfx/box22.gif) no-repeat bottom right}
.box.t1.v3 .cnt {background: #e5f2f6; border-color: #cbe4ec}
.box.t1.v3 {background: #e5f2f6 url(../gfx/box33.gif) repeat-x bottom}
.box.t1.v3 .ftr {background: url(../gfx/box31.gif) no-repeat}
.box.t1.v3 .ftr div {background: url(../gfx/box32.gif) no-repeat bottom right}
.box.t1 .cnt .db1 {float: left; position: relative; width: 213px; padding-right: 10px; border-right: 1px solid #fff}
.box.t1 .cnt .db2 {float: left; position: relative; width: 214px; padding-left: 10px}
/* gradient */
.box.g {background: #fff url(../gfx/box34.gif) repeat-x bottom !important}
.box.g .cnt {background: transparent !important}

.box.t2 .bdy {padding: 4px 4px 0 4px; border-style: solid; border-width: 1px 1px 0 1px}
.box.t2 .cnt {padding: 6px; background: #fff}
.box.t2 .cnt h1 {margin-bottom: 6px; font-size: 12px; color: #1a5c74}
.box.t2.v4 {background: url(../gfx/box43.gif) repeat-x bottom}
.box.t2.v4 .bdy {border-color: #e8f1f5}
.box.t2.v4 .cnt {min-height: 170px}
.box.t2.v4 .ftr {background: url(../gfx/box41.gif) no-repeat}
.box.t2.v4 .ftr div {font-size: 2px; height: 5px; background: url(../gfx/box42.gif) no-repeat right}
.box.t2.v5 {background: url(../gfx/box53.gif) repeat-x bottom}
.box.t2.v5 .bdy {border-color: #d3d3d3}
.box.t2.v5 .cnt {min-height: 290px}
.box.t2.v5 .ftr {background: url(../gfx/box51.gif) no-repeat}
.box.t2.v5 .ftr div {font-size: 2px; height: 5px; background: url(../gfx/box52.gif) no-repeat right}

.box.mt4 {margin-top: 4px}
.box.ml4 {margin-left: 4px}
.box.mb4 {margin-bottom: 4px}

.multi .item {float: left; padding-right: 20px}
.multi .item.border {padding-left: 20px; border-left: 1px solid #eee}

#footer {padding: 5px 10px; color: #7f9cbe; border-top: 1px solid #a0bfca}
#footer a {color: #7191b1}
#footer a.pis {float: right}
#footer img {border: 0}

div.more {padding-top: 4px; text-align: right}
div.more a {padding-right: 12px; background: url(../gfx/red_arrow.gif) no-repeat right 4px; color: #e20000}
a.more {color: #e20000; padding-right: 6px; background: url(../gfx/red_arrow.gif) no-repeat right 4px}
a.more:hover {text-decoration: none}

#path {color: #555}
#path a {font-weight: bold; color: #555}

.radni {margin-top: 8px}
.radni td {text-align: center}
.radni td a {color: #1A5C74; padding-right: 12px; background: url(../gfx/red_arrow.gif) no-repeat right 4px}
.radni .h td {color: #063778; border-bottom: 1px solid #ccc}
.radni .k td {border-bottom: 1px solid #ddd}

.dload {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee}
.dload h2 {color: #1A5C74; font-size: 12px; margin-bottom: 6px}
.dload .dfile {padding: 5px}
.dload .dfile a {color: #555; font-weight: bold}
.dload .dfile a {padding-left: 8px; background: url(../gfx/red_sqr.gif) no-repeat 0 5px}
.dload .dfile img {float: left; margin: 0 8px 4px 0}

img.thumb {border: 2px solid #eee}
img.float {float: left; margin: 0 8px 4px 0}

.ct td {padding: 2px}
.cf {background: #f2f2f9; border: 1px solid #ccd; padding: 6px}
.c1 {color: #999; text-align: right; font-size: 11px}
.c2 {font-size: 12px}
.co {font-size: 12px; color: #a71d1a}

ul.rss {width: 120px}
ul.sbar, ul.rss {list-style-type: none; margin: 0; padding: 0}
ul.sbar li {list-style-type: none; margin: 0; padding: 0 0 5px 8px; background: url(../gfx/red_sqr.gif) no-repeat 0 5px}
ul.rss li {list-style-type: none; margin: 0; padding: 0 0 5px 16px; background: url(../gfx/rss.gif) no-repeat 0 1px}
ul.sbar li a, ul.rss li a {color: #555}
ul.sbar.bold li a {font-weight: bold}

.regio_mapa {float: left; width: 480px}
.regio_list {float: left; width: 148px; padding-bottom: 20px}

.regio_btn {padding-top: 20px; text-align: right}
.regio_btn_map {padding-bottom: 20px; text-align: right}
.regio_btn img, .regio_btn_map img {border: 0}

.forum_abstract {height: 251px; overflow: hidden} /* wysoko�� r�wna modu�owi z newsami */
.forum_abstract h3 {margin: 4px 0; padding: 0; font-size: 11px}

.pytania_box {width: 198px}
.pytania_box a {color: #555}

.header_area.pytania {color: #1A5C74}
.header_area.pytania a {padding: 0 2px 2px 2px}
.header_area.pytania a:hover {text-decoration: none; color: #104C64}
.header_area.pytania a.active {border-bottom: 2px solid #1A5C74}
.pytania_abstract {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #cfe4ec}
.pytania_form .msg {padding: 0 0 10px 10px}
.pytania_list .item {padding: 0 0 10px 10px; margin-bottom: 6px; border-bottom: 1px solid #dff4fc}

.toggle {padding: 2px; height: 18px}
.toggle table {float: right}
.toggle img {border: 0}
.toggle a {padding: 0 3px; color: #e20000}
.toggle a.active {font-weight: bold; border-bottom: 1px solid #ccc}

.clear {clear: both; height: 1px; font-size: 1px}

a {color: #1a5c74; text-decoration: none}
a:hover {text-decoration: underline}