body { font-family: Arial, Helvetica, Tahoma, Verdana; font-size: 12px; margin: 0; padding: 0; background: #DDDDDD  url(graf/tlo.gif) repeat-x; color: #444444 } 
a:link, a:visited, a:active { font-family: Helvetica, Arial, Tahoma, Verdana; text-decoration: none; background-color: none; color: #003A75 } 
a:hover { text-decoration: underline; background-color: none; color: #003A75 } 
.mt:link, .mt:visited, .mt:active { display: block; height: 22px; padding: 8px 10px 0px 10px; background:  url(graf/top_menu.gif) repeat-x; color: #FFFFFF; font-size: 11px; font-weight: bold; text-align: center } 
.mt:hover { display: block; height: 22px; padding: 8px 10px 0px 10px; background:  url(graf/top_menu.gif) repeat-x 0px -30px; color: #FFFFFF; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none } 
.mt_act:link, .mt_act:visited, .mt_act:active, .mt_act:hover{ display: block; height: 22px; padding: 8px 10px 0px 10px; background:  url(graf/top_menu.gif) repeat-x 0px -60px; color: #FFCC00; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none } 

.mkw:link, .mkw:visited, .mkw:active { display: block; height: 20px; width: 20px; padding: 0px; background: url(graf/menu_kw1.gif) no-repeat; color: #00366B; font-weight: normal; font-size: 11px; text-align: center } 
.mkw:hover { display: block; height: 20px; width: 20px; padding: 0px; background: url(graf/menu_kw1.gif) no-repeat -20px 0px; color: #C4161C; font-size: 11px; font-weight: normal; text-align: center; text-decoration: none } 
.mkw_act{ display: block; height: 20px; width: 20px; padding: 0px; background: url(graf/menu_kw2.gif) no-repeat; color: #FFFFFF; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none } 
.mst:link, .mst:visited, .mst:active { display: block; height: 20px; width: 30px; padding: 0px; background: url(graf/menu_kw_strz.gif) no-repeat; color: #C4161C; font-weight: bold; font-size: 11px; text-align: center } 
.mst:hover { display: block; height: 20px; width: 30px; padding: 0px; background: url(graf/menu_kw_strz.gif) no-repeat -30px 0px; color: #C4161C; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none } 

.b:link, .b:visited, .b:active { font-family:Arial,  Helvetica, Tahoma, Verdana; text-decoration: none; background-color:#DDDDDD ; font-weight: normal; color: #003A75 } 
.b:hover { text-decoration: underline;} 
.c:link, .c:visited, .c:active { font-family:Arial,  Helvetica, Tahoma, Verdana; text-decoration: none; background-color:transparent ; font-weight: normal; color: #C4161C } 
.c:hover { text-decoration: underline;} 

.rmk_tlo { background: url(graf/rmk_tlo.gif) repeat-y; color: #ffffff; text-align: center; margin: 16px; width: 137px; }
.rmk_gora { background: url(graf/rmk_gora.gif) no-repeat top; padding-top: 20px; }
.rmk_dol { background: url(graf/rmk_dol.gif) no-repeat bottom; padding-bottom: 20px;  }


.m:link, .m:visited, .m:active { display: block; width: 145px; height: 22px; margin-left: 10px; padding: 8px 0px 0px 14px; background:  url(graf/but_menu.gif) no-repeat; font-weight: normal; color: #FFFFFF;  } 
.m:hover { display: block; width: 145px; height: 22px; margin-left: 10px; padding: 8px 0px 0px 14px; background:  url(graf/but_menu.gif) no-repeat -159px 0px; color: #DDDDDD; font-weight: normal; text-decoration: none } 
.ma:link, .ma:visited, .ma:active, .ma:hover { display: block; width: 145px; height: 22px; margin-left: 10px; padding: 8px 0px 0px 14px; background:  url(graf/but_menu.gif) no-repeat -318px 0px; color: #FFCC00; text-decoration: none } 
.ramka_top1{ position: relative; visibility: visible; width: 846px; left: 50%; margin-left: -423px; margin-top: 3px; z-index: 1; font-size: 10px; color: #000000;	vertical-align: top } 
.ramka_top2{ position: absolute; visibility: visible; left: 50%; margin-left: 316px; z-index: 2 } 
.ramka_cnt{ position: relative; visibility: visible; width: 846px; left: 50%; margin-left: -423px; padding: 0px 0px 0px 0px; text-align: center; font-size: 10px; z-index: 1 } 
.ramka_right{ position: relative; visibility: visible; width: 846px; left: 50%; margin-left: -423px; padding: 0px 0px 0px 0px; text-align: right; z-index: 1 } 
.ramka_left{ position: relative; visibility: visible; width: 846px; left: 50%; margin-left: -423px; padding: 0px 0px 0px 0px; text-align: left; z-index: 1 } 
.glowka{ position: relative; visibility: visible; width: 826px; left: 50%; margin-left: -423px; padding: 0px 10px 0px 10px; background: url(graf/top_tlo.gif) repeat-y; z-index: 1 } 
.tresc{ position: relative; visibility: visible; width: 846px; left: 50%; margin-left: -423px; padding: 0px 0px 0px 0px; background: url(graf/ramka_tlo.gif) repeat-y; z-index: 1 } 
.menu_top{ background-image: url(graf/top_menu.gif) } 
.menu{ background: url(graf/menu_top.gif) no-repeat } 
.menu_tytul{ display: block; width: 155px; height: 20px; margin-left: 10px; padding: 40px 0px 0px 6px; color: #FFCC00; font-size: 11px; font-weight: bold; text-align: left } 
.foto_tlo{ position: relative; visibility: visible; margin: 0px 0px 0px 0px; z-index: 1 }
.foto{ position: absolute; visibility: visible; margin: 10px 0px 0px 10px; z-index: 2 }
.nr{ position: absolute; visibility: visible; font-size: 14px; color: #cc0000; font-weight: bold; margin: 13px 0px 0px 15px; z-index: 3 }
.inne{ margin: 10px 0px 0px 5px; font-size: 10px }
.wym{ margin: 10px 0px 0px 5px; color: #000000; font-size: 12px; font-weight: bold }
.inp{ border: none; background-color: #E61E23; background:  url(graf/input.gif) no-repeat; padding: 5px 5px 0px 5px; font-size: 12px; font-weight: bold; width: 152px; height: 17px; color: #FFFFFF }
.but{ border: solid #990000 1px; background-color: #cc0000; font-size: 12px; color: #ffffff; font-weight: bold }
.formularz { position: absolute; visibility: visible; margin: 95px 0px 0px 13px; z-index: 2 }
.down_ramka{ position: relative; visibility: visible; width: 138px; height: 198px; float: left; margin: 10px 10px 10px 10px }
.bld { font-weight: bold; color: #003367 }
.bld2 { font-weight: bold; color: #000000 }
.bld3 { font-weight: bold; color: #C4161C }
h1{ text-align: center; color: #C4161C; font-size: 14px }
h2{ text-align: center; font-size: 12px; font-weight: bold; color: #C4161C; margin: 30px 0px 30px 0px }
ul { list-style-image: url(graf/strzalka.gif) }
li { margin: 0px 0px 0px 0px }
table, td, tr, img {  border: 0px;  padding: 0px;  margin: 0px }

.zakl_akt { display: box; text-align:center; font-weight: bold; color:#C4161C; width:41px; height:35px; background: url(graf/zakl_akt.png) }
.zakl_tlo { display: box; text-align:center; width:31px; height:35px; background: url(graf/zakl_tlo.png) }
.zakl_pusta { display: box; text-align:center;  width:31px; height:35px; font-weight: bold }

.art_data { width:596px; text-align:right }
.art_linia { width:520px; margin: auto; margin-bottom: 10px;  text-align:left; line-height:100%; font-weight:bold; font-size:14px; color: #000000; }
.art_tytul { width:520px; margin: auto; text-align:left; line-height:100%; font-weight:bold; font-size:28px; color: #003367; padding: 0px 5px 35px 0px; }
.art_lead { width:520px; margin: auto; margin-bottom: 5px; text-align:justify; font-weight:bold; font-size:12px; color: #000000; }
.art_tresc { width:520px; margin: auto; text-align:justify; color: #000000; }
.art_autor { width:596px; text-align:right; font-weight:bold; color: #000000 }
.art_foto { width:596px; text-align:right; font-weight:bold  }
.art_nr { width:596px; text-align:right; font-size: 10px; }

.koment{ margin: 10px 80px 10px 80px; border-top: 1px dashed #888888 }
.koment_form{ margin: 10px 80px 10px 80px }
.koment_autor{ padding: 4px 0px 4px 0px; }
.koment_tresc{ text-align: justify; margin: 0px 0px 10px 0px; color: #777777 }
.val{ font-family: Arial, Helvetica, Tahoma, Verdana; font-size: 12px; padding: 3px; color:#777777;  border:1px #999999 solid; background: #DDDDDD }
.noval{ font-family: Arial, Helvetica, Tahoma, Verdana; font-size: 12px; padding: 3px; color:#C4161C;  border:1px #C4161C solid; background: #FFDDDD }
.ramka_min { width: 100px; height: 100px; padding: 5px; border: 1px solid #626262; background-color: #FFFFFF; }