body {
  font-family:            Tahoma, Verdana, sans-serif;
  background-color:          #fff;
  margin: 10px 0 0 0;
  padding:              0px;
  text-align:              center;
  font-size:              11px;
  color:                #000;
}

table {
  font-size:              11px;
}

h1, h2, h3, h4, h5, h6 {
  font-family:            Trebuchet MS, Tahoma, Verdana, sans-serif;
  color:                #006ebc;
}

h1 {
  font-size:16px;
  font-weight:bold;
  color:#0062B4;
  text-align:left; margin:0px; padding:0px; margin-top:5px; margin-bottom:20px;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 12px;
}

h4 {
  font-size: 11px;
}

h5 {
  font-size: 11px;
}

h6 {
  font-size: 10px;
}

img {
  border:  none;
}

a {
text-decoration: none;
color:        #242f7f;
}

a:hover {
text-decoration: underline;
}


ul li {list-style-image:url(../images/li.gif)}

div#top {width:928px; margin-left:auto; margin-right:auto; margin-bottom:10px; overflow:hidden;}

div#top p#logo {float:left; margin: 0; }
div#top p#top-info {text-align:right }
div#top p#top-info img {margin-left:10px }

p.linia {border-top:1px #D4D4D4 solid; width:100%; margin-top:4px; margin-bottom:6px; }

/* menu poziome */
div#menupoz {border: #D4D4D4 solid; border-width: 1px 0; width:100%; margin-top:5px; margin-bottom:15px; background-color:#F5F6F7; text-align:center;}
div#menupoz table {margin-left:100px; margin-left:auto; margin-right:auto;}
div#menupoz table td {border-right:1px #D4D4D4 solid; background-color:transparent;}

div#menupoz table td#sel p {color:#fff; background-color:#8E8E8E;}
div#menupoz p {padding:4px 10px; margin:0px; font-weight:bold;}
div#menupoz p a {color:#000; text-decoration:none;}
div#menupoz p a:hover {text-decoration:underline;}



div#stopka {
  width:100%;
  clear: both;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  border-top: 1px  solid #D4D4D4;
  padding-top:5px;
}

div#stopka a {
  color:  black;
}

div#stopka a:hover {
  color:  maroon;
}

div#stopka .menu {
  float:              left;
}

div#stopka .copyright {
  float:              right;
}

div#stopka a {margin-right:6px; margin-left:6px;}
div#stopka {line-height:20px;}


.clear {
  clear:              both;
}

span.clear {
  width:              99%;
  display:            block;
  height:              1px;
  overflow:            hidden;
  clear:              both;
}






#page {
  width:              940px;
  text-align:            left;
  margin-left:          auto;
  margin-right:          auto;
}




/*
 *   Wąski šółty panel o regulowanej wysokości
 */


div.block-yellow-narrow {
  width:              239px;
  background-color:        #fbf9ea;
  background-image:        url(../images/block-yellow-bg.png);
  background-repeat:        repeat-y;
  background-position:      top left;

  margin-bottom:          12px;
  text-align:            left;
}

div.block-yellow-narrow .inner1 {
  background-image:        url(../images/block-yellow-top.png);
  background-repeat:        no-repeat;
  background-position:      top left;
}

div.block-yellow-narrow .inner2 {
  background-image:        url(../images/block-yellow-bottom.png);
  background-repeat:        no-repeat;
  background-position:      bottom left;
  padding:            8px 0;
}

div.block-yellow-narrow h2 {
  background-color:    #f4f0d7;
  padding-top:      6px;
  padding-bottom:      5px;
  padding-left:      20px;
  margin:          0px;
  color:          #006ebc;

}



/*
 *   Szeroki szary panel o regulowanej wysokości
 */


div.block-gray-narrow {
  width:              239px;
  background-color:        #f0f1f2;
  background-image:        url(../images/block-gray-bg.png);
  background-repeat:        repeat-y;
  background-position:      top left;

  margin-bottom:          12px;

  text-align:            left;
}

div.block-gray-narrow .inner1 {
  background-image:        url(../images/block-gray-top.png);
  background-repeat:        no-repeat;
  background-position:      top left;
}

div.block-gray-narrow .inner2 {
  background-image:        url(../images/block-gray-bottom.png);
  background-repeat:        no-repeat;
  background-position:      bottom left;
  padding:            8px 0;
}

div.block-gray-narrow h2 {
  background-color:    #e3e3e3;
  padding-top:      6px;
  padding-bottom:      5px;
  padding-left:      20px;
  margin:          0px;
  color:          #006ebc;
}



/*
 *   Szeroki biały panel o regulowanej wysokości
 */


div.block-white-wide {
  width:              679px;
  background-color:        white;
  background-image:        url(../images/block-white-wide-bg.png);
  background-repeat:        repeat-y;
  background-position:      top left;

  margin-bottom:          12px;

  text-align:            left;
}

div.block-white-wide .inner1 {
  background-image:        url(../images/block-white-wide-top.png);
  background-repeat:        no-repeat;
  background-position:      top left;
}

div.block-white-wide .inner2 {
  background-image:        url(../images/block-white-wide-bottom.png);
  background-repeat:        no-repeat;
  background-position:      bottom left;
  padding:            8px 0;
}

div.block-white-wide h2 {
  background-color:        #e3e3e3;
  padding-top:          6px;
  padding-bottom:          5px;
  padding-left:          20px;
  margin:            0px;
  color:            #006ebc;
}






/*
 *   Szeroki šółty panel o regulowanej wysokości
 */


div.block-yellow-wide {
  width:              679px;
  background-color:        #fbf9ea;
  background-image:        url(../images/block-yellow-wide-bg.png);
  background-repeat:        repeat-y;
  background-position:      top left;

  margin-bottom:          12px;

  text-align:            left;
}

div.block-yellow-wide .inner1 {
  background-image:        url(../images/block-yellow-wide-top.png);
  background-repeat:        no-repeat;
  background-position:      top left;
}

div.block-yellow-wide .inner2 {
  background-image:        url(../images/block-yellow-wide-bottom.png);
  background-repeat:        no-repeat;
  background-position:      bottom left;
  padding:            8px 0;
}

div.block-yellow-wide h2 {
  background-color:    #f4f0d7;
  padding-top:      6px;
  padding-bottom:      5px;
  padding-left:      20px;
  margin:          0px;
  color:          #006ebc;

}






/*
 *   Wąski biały panel o regulowanej wysokości
 */



div.block-white-narrow {
  width:              239px;
  background-color:        white;
  background-image:        url(../images/block-white-narrow-bg.png);
  background-repeat:        repeat-y;
  background-position:      top left;

  margin-bottom:          12px;

  text-align:            left;
}

div.block-white-narrow .inner1 {
  background-image:        url(../images/block-white-narrow-top.png);
  background-repeat:        no-repeat;
  background-position:      top left;
}

div.block-white-narrow .inner2 {
  background-image:        url(../images/block-white-narrow-bottom.png);
  background-repeat:        no-repeat;
  background-position:      bottom left;
  padding:            8px 0;
}

div.block-white-narrow h2 {
  background-color:    #e3e3e3;
  padding-top:      6px;
  padding-bottom:      5px;
  padding-left:      20px;
  margin:          0px;
  color:          #006ebc;
}





hr.divider {
  clear:              both;
  width:              99%;
  background-color:        #dadada;
  border:              none;
  background-color:        #dadada;
}

span.clear {
  display:            block;
  clear:              both;
  width:              99%;
  height:              1px;
  overflow:            hidden;
  whitespace:            no-wrap;
}


.cytat {
  margin:            1em;
}
.cytat .naglowek {
  font-weight:        bold;
  text-transform:        uppercase;
  font-size:          80%;
  display:          block;
  margin-bottom:        0.5em;
}
.cytat .tresc {
  display:          block;
  border:            1px solid #dddbdb;
  padding:          1em;
  color:            #8faf40;
}




div#sidebar-left {
  width:              239px;
  float:              left;
}

div#main {
  float:              left;
  width:              679px;
  margin-left:          11px;
}




img.serwis-screen {
  border:              4px solid #e6e6e6;
}


/*
 *   Standardowa tabela z zielonym nagłówkiem i stopką oraz wyróšnionymi wierszami parzystymi/nieparzystymi
 */
table.generic {
  width:            929px;
}

table.generic td,
table.generic th {
  /*
  border-top:          1px solid #dddbdb;
  */
  border-top:          1px solid #c7c7c7;
}

table.generic th,
table.generic td {
  padding:          8px;
  text-align:          left;
}

table.generic th.left {
  padding-left:          30px;
}

table.generic tr.even {
  background-color:        #eaeaea;
}
table.generic tr.odd {
  background-color:        #f3f3f3;
}

/* standardowy nagłówek tabeli */
table.generic thead th {
  background-color:        #ddd;
  border-top:          1px solid #cdcccd;
  padding:          8px;
  color:            #242f7f;
}


/* zielony nagłówek tabeli */
table.generic thead tr.opening th {
  background-color:      #95B645;
  background-image:      url(../images/table-header.png);
  background-position:      bottom left;
  background-repeat:      no-repeat;

  color:          white;
  font-size:        12px;
  font-weight:        bold;

  height:          30px;

  border-bottom:        1px solid white;
  padding-bottom:        0px;

  padding-left:        30px;
  text-align:        left;

  border-top: 1px solid white;
  padding-top: 0;
}

table.generic thead tr.opening th.left {
  background-position:      bottom left;
}

table.generic thead tr.opening th.right {
  background-position:      bottom right;
}

table.generic tfoot tr {
  border:        1px solid #dddddb;
  background-color:      #ebebeb;
}

table.generic td.pager {
  text-align:          right;
  padding:          4px;
  padding-right:        16px;
}

table.generic td.pager a {
  text-decoration:      underline;
  font-weight:        bold;
}

/* zielony dół tabeli */
table.generic tfoot tr.closing {
  background-color:      white;
  border-top:        1px solid white;

  background-image:      url(../images/table-footer.png);
  background-position:      top left;
  background-repeat:      no-repeat;

  color:          white;
  font-weight:        bold;

  height:          15px;

}


.tekst h2 {
  color:            black;
  font-size:            12px;
  text-transform:          uppercase;
}

.tekst ul li {
  margin:            4px 0;
  list-style-image:url(../images/bullet-small.png)
}

input.buton {font-weight:bold; color:#ffffff; background:#0370BD url(../images/submit.gif); background-repeat:repeat-x; border:1px #0370BD solid; font-size:11px; padding:3px;}
input, textarea {font-size:10px; margin-left:5px; border:1px solid #D8D8D8; background-color:#F5F6F7}
table#tab1 th input { background-color:#fff}
select {font-size:10px; background-color:#F5F6F7}
.small {font-size:9px; color:#0370BD; text-decoration:none}
.right {text-align:right}
.cent {text-align:center}
.left {text-align:left}
h1.spec {font-size:18px; padding-left:25px; background:transparent url(../images/kulka.gif); background-repeat:no-repeat;}

table#tab2 {border-top:1px solid #C7C7C9;}

table#tab1 {border:1px solid #C7C7C9;}
table#tab1 th {border:1px solid #E3E3E3; background-color:#F5F6F7}
table#tab1 td.podkreslnik {border:1px solid #E3E3E3; background-color:#F5F6F7}
a.but {font-weight:bold; color:#ffffff; background:#0370BD url(../images/submit.gif); background-repeat:repeat-x; border:1px solid #0370BD; font-size:11px; padding:3px; text-transform:uppercase; margin-left:20px;}
.ogloszenie {border:1px solid #E3E3E3; background-color:#F5F6F7; padding:10px;}
a.but2 {font-weight:bold; color:#ffffff; background:#A4C752 url(../images/submit2.gif); background-repeat:repeat-x; border:1px solid #8FAF40; font-size:11px; padding:3px; text-transform:uppercase; margin-left:20px;}
.alert {font-weight:bold; color:#BC0207}

td.podzial {border:1px solid #E3E3E3; border-top:3px}

div#komunikat {
  width:              929px;
  height:              44px;
  text-align:            center;
  background-image:          url(../images/komunikat-bg.png);
  line-height:            44px;
  margin-bottom:            16px;
}