* {margin: 0; padding: 0}

body {font: normal 11px Arial, sans-serif; color: #003; background: #fff; text-align: left}
table, td, ul, ol {font-size: 1em}

a img {border: 0}
ul, ol {margin-left: 1.5em; padding-left: 1.5em}

a {text-decoration: none; font-weight: bold; color: #006}
a:hover {text-decoration: underline}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#tp_wrapper {width: 865px; background: #fff url( img/tpl/content_bg.jpg ) top center repeat-y; margin: 0 auto 1em auto; text-align: left}
#tp_header {width: 865px; height: 203px; background: #fff url( img/tpl/header_bg.jpg ) bottom center no-repeat; }



#tp_bar {min-height: 30px; margin-bottom: 10px; overflow: hidden}
#tp_search {background: #fff; float: left; border: solid 1px #000; width: 183px; height: 28px;  margin-left: 35px; display: inline}
#tp_search input {vertical-align: top; margin: 0; padding: 0}
#tp_search .tp_searchtext {width: 140px; height: 17px; border: solid 1px #fff;padding:3px;margin:0;}

#tp_barmiddle {width: 418px; min-height: 28px; border: solid 1px #000; background: #fff url( img/tpl/sciezka.jpg); float: left; margin: 0 5px;}
#tp_home {width: 181px; height: 28px; border: solid 1px #000; background: #fff; float: left}

#licznik {clear:left;}

#tp_main {width: 610px; margin: 0 0px 0 35px;  float: left; display: inline; background: transparent url( img/tpl/srodek_srodek.jpg ) top right repeat-y; padding: 0}
#tp_mainaround {background: transparent url( img/tpl/srodek_dol.jpg ) bottom right no-repeat; padding: 0 0 30px 0}

#tp_lside {width: 190px; float: left}
#tp_cont {width: 405px; float: right; margin: 0; padding: 20px 10px 0 5px; background: transparent url( img/tpl/srodek_gora.jpg ) top center no-repeat}
#tp_cont td {text-align:left;}

.test {border:1px solid red;}

#tp_side {width: 215px; float: right}
#tp_side ul {list-style: none; margin: 0; padding: 0; width: 183px}
#tp_side ul li {display: block; width: 183px; background: #c6c7c9 url( img/tpl/sidebutton_bot.jpg ) bottom center no-repeat; margin: 0 0 0px 0;}
#tp_side ul li a {display: block; background: url( img/tpl/sidebutton_top.jpg ) top center no-repeat; font: bold 12px Tahoma, sans-serif; color: #003; padding: 5px 5px 13px 23px; }

#tp_footer {width: 865px; height: 52px; background: #fff url( img/tpl/footer_bg.jpg ) bottom center no-repeat; font-weight: bold; color: #236;}
#tp_footer p {padding: 15px 30px}

table {border-collapse: collapse}

.tp_tright {width: 400px; background-color: #fff}
.tp_tleft {width: 175px}

.ramka2  {display: block; width: 155px; background: url( img/tpl/sidebutton_top.jpg ) top center no-repeat; font: bold 12px Tahoma, sans-serif; color: #003; padding: 5px 5px 13px 23px; margin-bottom: 0}
.ramka  {display: block; width: 158px; background: transparent; font: bold 12px Tahoma, sans-serif; color: #003; padding: 0 5px 5px 20px; margin-bottom: 0}
//.ramka {background-image: url( img/tpl/sidebutton_top_noindexed.jpg )}

.ramka a {font: bold 12px Tahoma, sans-serif;}
.ramka2 a {font: bold 12px Tahoma, sans-serif;}
.menu_kolor {font: bold 12px Tahoma, sans-serif; color: #003}

/* .ramka img, .ramka2 img {visibility: hidden; width: 0}*/
.ramka img, .ramka2 img {display: block; border: 0px;}
.ramka2 img {display: none}
.ramka img {float: left; width: 1px; visibility: hidden}
//.ramka a.link {display: block; float: left}
.ramka a.link {width: 92px; display: block; float: left}

.ramka:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.ramka {display: inline-block;}
/* Hides from IE-mac \*/
* html .ramka {height: 1%;}
.ramka {display: block;}
/* End hide from IE-mac */



.ramka a, .ramka2 a {color: #003}

.aktualny_katalog {color: #c30}
.ramka .aktualny_katalog {color: #fc0}

table.opis_dokumentu {border-collapse: collapse; border: 0; border: solid 1px #236; width: 350px; margin-bottom: 10px}
table.opis_dokumentu table th {font-weight: normal; width: 150px; text-align: left; padding-left: 5px}

.sciezka {padding: 0 8px; margin: 6px 0; font: normal 12px Tahoma, sans-serif; background: #fff}
#biezacy {color: #900}