html, body {height: 100%}

body {
   margin: 0;
   padding: 0px;
   font-family: verdana;
   font-size: 9pt;
   background: url(gfx/header_bg.jpg) repeat-x
}

a:link {color: #0071b2; text-decoration: none}
a:visited {color: #0071b2; text-decoration: none}
a:active {color: #0071b2; text-decoration: none}
a:hover {color: #ff0000; text-decoration: underline}

#container {
   width: 950px;
   margin: 0 auto;
   background-color: #FFF;
}

#header {
   width: 948px;
   border-left: 1px solid #fff;
   border-right: 1px solid #fff;
   height: 250px;
   background: url('gfx/header.jpg') no-repeat;
}

#menu_top {
   width: 948px;
   border-left: 1px solid #fff;
   border-right: 1px solid #fff;
   height: 28px;
   margin: 0px;
   padding-top: 10px;
   background: url('gfx/menu_top_bg.jpg') repeat-x;
}

#menu_top .search {
   float: left;
   margin-left: 40px;
   background: url('gfx/icon-search.gif') no-repeat;
}

#menu_top input[type="text"] {
   float: left;
   margin-left: 25px;
   width: 100px;
   background-color: #d6ecfd;
   border: 1px solid #70a5ce;
   font-size: 12px;
   color: #0071b2;
}

#menu_top input[type="text"]:focus {
   border: 1px solid #4b718e;
}

#menu_top .icon_start {
   float: left;
   padding-left: 20px;
   margin-top: 3px;
   background: url('gfx/icon-start.gif') no-repeat;
   font-size: 7pt;
}

#menu_top .icon_mapa {
   float: left;
   padding-left: 20px;
   margin-top: 3px;
   background: url('gfx/icon-mapa.gif') no-repeat;
   font-size: 7pt;
}

#menu_top .linia_vertical {
   float: left;
   margin-left: 15px;
   margin-right: 15px;
   height: 100%;
   width: 1px;
   background: url('gfx/linia_vertical.gif') no-repeat;
}

#menu_top .text_s {
   float: left;
   color: #0071b2;
   font-size: 7pt;
   padding-top: 7px;
   margin-left: 140px;
   padding-right: 5px;
}

.text_size a.small {
   display: block;
   float: left;
   width: 15px;
   height: 15px;
   margin-top: 6px;
   margin-left: 1px;
   margin-right: 1px;
   background: url('gfx/font_small.gif') no-repeat;
}

.text_size a:hover.small {
   display: block;
   float: left;
   width: 15px;
   height: 15px;
   margin-top: 6px;
   margin-left: 1px;
   margin-right: 1px;
   background: url('gfx/font_small_active.gif') no-repeat;
}

.text_size a.small_select {
   display: block;
   float: left;
   width: 15px;
   height: 15px;
   margin-top: 6px;
   margin-left: 1px;
   margin-right: 1px;
   background: url('gfx/font_small_active.gif') no-repeat;
}

.text_size a.medium {
   display: block;
   float: left;
   width: 18px;
   height: 18px;
   margin-top: 3px;
   margin-left: 1px;
   margin-right: 1px;
   background: url('gfx/font_medium.gif') no-repeat;
}

.text_size a:hover.medium {
   display: block;
   float: left;
   width: 18px;
   height: 18px;
   margin-top: 3px;
   margin-left: 1px;
   margin-right: 1px;
   background: url('gfx/font_medium_active.gif') no-repeat;
}

.text_size a.medium_select {
   display: block;
   float: left;
   width: 18px;
   height: 18px;
   margin-top: 3px;
   margin-left: 1px;
   margin-right: 1px;
   background: url('gfx/font_medium_active.gif') no-repeat;
}

.text_size a.large {
   display: block;
   float: left;
   width: 21px;
   height: 21px;
   margin-left: 1px;
   margin-right: 1px;
   background: url('gfx/font_large.gif') no-repeat;
}

.text_size a:hover.large {
   display: block;
   float: left;
   width: 21px;
   height: 21px;
   margin-left: 1px;
   margin-right: 1px;
   background: url('gfx/font_large_active.gif') no-repeat;
}

.text_size a.large_select {
   display: block;
   float: left;
   width: 21px;
   height: 21px;
   margin-left: 1px;
   margin-right: 1px;
   background: url('gfx/font_large_active.gif') no-repeat;
}

.text_size {
   cursor: hand; cursor: pointer;
}

#spacer {
   width: 950px;
   height: 40px;
}

#menu1 {
   width: 245px;
   float: left;
}

#menu1 .banery {
   width: 180px;
   padding-top: 30px;
   padding-bottom: 30px;
   text-align: center;
   min-height: 100px;
}

#menu1 .banery img {
   border: none;
}

#menu1 .pozycja_menu {
   min-height: 23px;
   background: url('gfx/punktor_menu.gif') no-repeat left;
   padding-left: 15px;
   padding-top: 10px;
   padding-bottom: 3px;
   color: #0071b2;
   font-weight: bold;
   text-transform: uppercase;
}

#menu1 .linia_menu {
   width: 220px;
   height: 1px;
   background: url('gfx/linia_menu.gif') no-repeat;
}

#menu1 .podmenu {
   margin-left: 10px;
   padding-bottom: 15px;
}

#menu1 .podmenu .pozycja_podmenu {
   background: url('gfx/punktor_podmenu.gif') no-repeat left;
   padding-left: 12px;
   padding-top: 3px;
   padding-bottom: 3px;
   color: #0071b2;
   font-size: 8pt;
}

#tresc {
   width: 675px;
   float: left;
   margin-right: 20px;
}

#tresc a:link * {color: #0071b2; text-decoration: underline}
#tresc a:visited * {color: #0071b2; text-decoration: underline}
#tresc a:active * {color: #0071b2; text-decoration: underline}
#tresc a:hover * {color: #ff0000; text-decoration: underline}

#tresc .tresc {
   padding-left: 25px;
   font-size: 8pt;
   text-align: justify;
   font-weight: normal;
}

#tresc .naglowek {
   border-left: 5px solid #0071B2;
   margin-bottom: 10px;
   margin-left: 10px;
   padding-top: 3px;
   padding-bottom: 2px;
   padding-left: 10px;
   font-size: 9pt;
   font-weight: bold;
}

#tresc .naglowek_news {
   border-left: 5px solid #0071B2;
   margin-bottom: 10px;
   margin-left: 10px;
   margin-top: 0px;
   padding-bottom: 2px;
   padding-left: 10px;
   font-size: 9pt;
   font-weight: bold;
   height: 30px;
}

#tresc .naglowek_news .data {
   font-size: 7pt;
   color: #a0a0a0;
   font-weight: normal;
   margin-bottom: 4px;
}

#menu2 {
   width: 235px;
   float: left;
   padding-bottom: 30px;
}

#menu2 .last_news {
   padding-top: 35px;
   padding-bottom: 35px;
   padding-left: 9px;
   background: url('gfx/aktualnosci_ost.jpg') no-repeat;
   display: none;
}

#menu2 .materialy {
   padding-top: 35px;
   padding-bottom: 35px;
   padding-left: 9px;
   font-size: 8pt;
   background: url('gfx/materialy_do_pobrania.jpg') no-repeat;
}

#menu2 .na_skroty {
   padding-top: 35px;
   padding-bottom: 35px;
   padding-left: 9px;
   background: url('gfx/na_skroty.jpg') no-repeat;
}

#menu2 .newsletter {
   padding-top: 35px;
   padding-bottom: 35px;
   padding-left: 9px;
   background: url('gfx/newsletter.jpg') no-repeat;
   font-size: 11px;
   display: none;
}

#menu2 .newsletter input[type="text"] {
   width: 150px;
   background-color: #d6ecfd;
   border: 1px solid #70a5ce;
   font-size: 12px;
   color: #0071b2;
}

#menu2 .newsletter input[type="submit"] {
   width: 60px;
   background-color: #d6ecfd;
   border: 1px solid #70a5ce;
   font-size: 14px;
   color: #0071b2;
   margin-top: 10px;
   margin-left: 45px;
}

#menu2 .newsletter input[type="text"]:focus {
   border: 1px solid #4b718e;
}

#menu2 .art {
   height: 20px;
   background: url('gfx/art.gif') no-repeat;
   padding-left: 20px;
   font-size: 10px;
}

#menu2 .linia_przerywana_horizontal {
   height: 1px;
   margin-top: 20px;
   margin-bottom: 20px;
   width: 100%;
   background: url('gfx/linia_przerywana_horizontal.gif') repeat-x;
}

#menu2 .folder {
   height: 15px;
   margin-bottom: 20px;
   background: url('gfx/folder.gif') no-repeat;
   padding-left: 23px;
   font-size: 10px;
}

#menu2 .pdf {
   margin-left: 10px;
   margin-right: 10px;
   font-size: 8pt;
   text-align: left;
   border: 0px;
}

#footer {
   width: 950px;
   height: 30px;
   background: url('gfx/footer.jpg') no-repeat;
   padding-top: 50px;
   text-align: center;
   font-size: 7pt;
   color: #808080;
   margin: 0 auto;
   clear: both;
}

#footer_bg {
   width: 100%;
   height: 80px;
   background: url(gfx/footer_bg.jpg) repeat-x;
   clear: both;
}

.tool-tip {
   color: #fff;
   width: 139px;
   z-index: 13000;
}
 
.tool-title {
   font-weight: bold;
   font-size: 11px;
   margin: 0;
   color: #9FD4FF;
   padding: 8px 8px 4px;
   background: url('gfx/bubble.png') top left;
}
 
.tool-text {
   font-size: 11px;
   padding: 4px 8px 8px;
   background: url('gfx/bubble.png') bottom right;
}
 
.custom-tip {
   color: #000;
   width: 130px;
   z-index: 13000;
}
 
.custom-title {
   font-weight: bold;
   font-size: 11px;
   margin: 0;
   color: #3E4F14;
   padding: 8px 8px 4px;
   background: #C3DF7D;
   border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
   font-size: 11px;
   background: #CFDFA7;
}

/* SCROLL */
#scrollinfo{
   width: 240px;
   height: 230px;
   overflow: hidden;
}

#flex{
   width: 1200px;
}

div.news{
   width: 240px;
   height: 230px;
   float: left;
}

#wLewo, #wPrawo {
   width: 100px;
   background-color: #d6ecfd;
   border: 1px solid #70a5ce;
   font-size: 10pt;
   color: #0071b2;
   margin-top: 10px;
}

.mapa_pozycja {
   padding-left: 20px;
}

hr {
    border-top: 1px dashed #A0A0A0;
    border-width: 1px 0 0 0;
    height: 1px;
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
}
							       

#gallery {
    background-color: #444;
    padding: 10px;
    width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
    border: 5px solid #3e3e3e;
    border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
    border: 5px solid #fff;
    border-width: 5px 5px 20px;
    color: #fff;
}
#gallery ul a:hover { color: #fff; }