* {
  margin: 0;
  padding: 0; }

@font-face {
  font-family: "MaszynaAEG";
  src: url("czcionki/MaszynaAEG.eot");
  src: local("MaszynaAEG"), url(czcionki/MaszynaAEG.ttf) format("truetype"); }

html {
  background: url("img/tlo.png") no-repeat center top black;
  color: #dddddd;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px; }

body {
  width: 980px;
  margin: 0 auto 30px auto; }

body#dokumentowe {
  width: 100%;
  background: black;
  padding: 30px 0; }
  body#dokumentowe div.dokumentowe_ {
    width: 800px;
    padding: 34px;
    margin: 0 auto;
    background: black;
    border: 1px solid #222222;
    min-height: 600px; }
  body#dokumentowe div.dokumentowe_ a.powrot_ {
    clear: both; }

strong {
  font-weight: normal; }

sup {
  margin: 0 0 0 2px; }

q,
cite,
blockquote p {
  quotes: "\201E" "\201D" "\00BB" "\00AB";
  font-style: italic;
  text-indent: 0; }

q:before,
cite:before,
blockquote p:before {
  content: open-quote; }

q:after,
cite:after,
blockquote p:after {
  content: close-quote; }

q {
  margin: 0 2px 0 0; }

blockquote {
  padding: 0 50px; }

.film_yt {
  display: block;
  margin: 0 auto; }

/********** DIVy **********/
div#tresc {
  width: 950px;
  margin: 0 auto;
  position: relative; }
  div#tresc > div {
    width: 880px;
    padding: 34px;
    border-left: 1px solid #222222;
    border-right: 1px solid #222222;
    min-height: 350px;
    background: #000;
    overflow: hidden; }

#fb {
  position: absolute;
  width: 333px;
  height: 100px;
  bottom: -50px;
  left: 617px; }
  #fb > #likeBox {
    width: 320px;
    display: none; }
    #fb > #likeBox .fb-like-box {
      width: 300px;
      border: 1px solid #444;
      background: url("img/tlo-tresc.png");
      padding: 5px 5px 10px 5px; }
  #fb #fbLogo {
    width: 25px;
    background: url("img/facebookowe_logo.png") no-repeat top right;
    height: 35px;
    text-indent: -10000px;
    position: absolute;
    left: 100%;
    top: 0; }
    #fb #fbLogo:hover {
      cursor: pointer; }

#viewport {
  cursor: move;
  margin: 20px auto;
  overflow: hidden; }

#punktMedyczny ul {
  background: url("bezpieczenstwo/tlo_punktu_medycznego.jpg") no-repeat left top;
  margin: 0 auto;
  padding: 60px 0 0 380px;
  width: 300px;
  min-height: 400px; }

.z_opisem {
  margin: 40px 0;
  text-align: center; }
  .z_opisem img {
    display: inline;
    margin: 0 0 10px 0; }
  .z_opisem p {
    font-style: italic;
    font-size: 11px;
    width: 500px;
    text-align: center;
    text-indent: 0;
    margin: 0 auto; }

/**
 *
 * Kartka w linie.
 *
**/
.kartka_ {
  font-family: MaszynaAEG, "Times New Roman", Georgia, serif;
  color: #000;
  font-size: 14px;
  padding: 30px 0;
  border: 2px solid #444444;
  background: url("img/kartka.jpg") center; }
  .kartka_ ul,
  .kartka_ li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left; }
  .kartka_ > div > ul {
    margin: 0;
    padding: 0 90px 20px 120px; }
  .kartka_ > div > ul > li {
    margin: 10px 0;
    line-height: 24px; }
  .kartka_ ul > li ul li {
    margin: 5px 0 5px 20px; }
  .kartka_ ul > li ul li:before {
    content: "- "; }
  .kartka_ .podlista_ {
    margin: 10px 0; }
  .kartka_ h2 {
    text-align: center; }

/**
 *
 * Mapy
 *
**/
.legenda_ {
  float: right;
  border-left: 1px solid black;
  background: #fafafa;
  color: #000;
  margin: 0;
  padding: 0;
  height: 100%; }
  .legenda_ h3 {
    font-size: 18px;
    font-weight: normal;
    margin: 20px 0 10px 10px;
    padding: 0; }
  .legenda_ ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    overflow: hidden; }
    .legenda_ ul li {
      padding: 5px 10px;
      margin: 0;
      text-align: left;
      cursor: default; }
    .legenda_ ul .highlighted_ {
      background: #e9e9e9; }

.kontener_mapy,
.mapa_z_legenda {
  position: relative;
  width: 880px;
  margin: 0 0 0 -2px;
  border: 2px solid #999999;
  padding: 0; }
  .kontener_mapy #viewport,
  .mapa_z_legenda #viewport {
    margin: 0; }

.mapa_z_legenda {
  overflow: hidden; }
  .mapa_z_legenda .mapa_ {
    width: 700px;
    padding: 0;
    margin: 0; }

.mapa_ze_skala .skala_ {
  position: absolute;
  top: 10px;
  left: 10px; }
  .mapa_ze_skala .skala_ img {
    display: block;
    margin: 5px 0 0 0; }
.mapa_ze_skala > #viewport .skala_ {
  z-index: 2;
  width: 100%;
  height: 53px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("img/tlo_panelu_mapy.png") repeat-x left top white;
  border-bottom: 2px solid #999999;
  padding: 20px 15px;
  color: #000; }
.mapa_ze_skala > #viewport > div > .skala_ {
  z-index: 3; }
.mapa_ze_skala .legenda_ {
  padding: 15px 55px 10px 55px;
  border: 0;
  border-top: 2px solid #999999;
  overflow: hidden;
  width: 770px;
  margin: 0;
  float: none; }
  .mapa_ze_skala .legenda_ ul {
    float: left;
    overflow: visible; }
    .mapa_ze_skala .legenda_ ul li {
      padding: 0;
      overflow: hidden; }
  .mapa_ze_skala .legenda_ span.symbol_,
  .mapa_ze_skala .legenda_ p.opis_ {
    padding: 3px 0;
    margin: 0;
    float: left; }
  .mapa_ze_skala .legenda_ span.symbol_ {
    margin: 0 10px 0 0;
    text-align: right;
    width: 45px; }
  .mapa_ze_skala .legenda_ p.opis_ {
    line-height: 20px;
    text-indent: 0;
    margin: 0;
    padding: 2px 0 0 0; }
  .mapa_ze_skala .legenda_ .pierwsza_czesc {
    width: 170px; }
    .mapa_ze_skala .legenda_ .pierwsza_czesc p.opis_ {
      width: 90px; }
  .mapa_ze_skala .legenda_ .druga_czesc {
    width: 250px; }
    .mapa_ze_skala .legenda_ .druga_czesc p.opis_ {
      width: 190px; }

.map-control {
  position: absolute;
  top: 10px;
  right: 10px;
  background: url("img/panel_kontrolny.png") no-repeat center;
  height: 73px;
  width: 110px;
  z-index: 4; }
  .map-control a {
    height: 18px;
    width: 18px;
    display: block;
    text-indent: -999em;
    position: absolute;
    outline: none; }
    .map-control a:hover {
      background: #535353;
      opacity: .4;
      filter: alpha(opacity=40); }
  .map-control a.left {
    left: 44px;
    top: 27px; }
  .map-control a.right {
    left: 84px;
    top: 27px; }
  .map-control a.up {
    left: 64px;
    top: 7px; }
  .map-control a.down {
    left: 64px;
    top: 47px; }
  .map-control a.zoom {
    left: 7px;
    top: 13px;
    height: 21px;
    width: 21px; }
  .map-control a.back {
    left: 7px;
    top: 36px;
    height: 21px;
    width: 21px; }

.fragment_ {
  width: 700px;
  margin: 10px auto;
  font-style: italic; }

.email_ p {
  text-indent: 0; }

/********** NAGLOWKI Hn **********/
h1 {
  font-size: 30px;
  font-family: "Times New Roman", Georgia, serif;
  font-weight: normal;
  height: 350px;
  margin: 0 auto -2px auto;
  text-indent: -100000px;
  width: 940px;
  background: url("img/tytul.png") no-repeat bottom right; }
  h1 a {
    display: block;
    height: 100%;
    width: 100%; }

h2 {
  font-weight: normal;
  font-size: 16px;
  margin: 0 0 20px 0;
  font-family: MaszynaAEG, "Times New Roman", Georgia, serif; }
  h2:first-line {
    font-size: 16px; }
  h2 span.marki_ {
    font-size: 14px; }

h3 {
  margin: 40px 0 0 0;
  clear: both; }

h4 {
  margin: 20px 0 0 0;
  clear: both;
  font-size: 14px;
  font-weight: bold; }

/********** LISTY **********/
ul li,
ol li {
  margin: 5px 0 5px 50px;
  text-align: justify; }

dl {
  margin: 10px 0 5px 5px; }

dt {
  font-weight: bold;
  display: block; }

dd {
  display: block;
  margin: 3px 0 10px 10px;
  line-height: 18px; }

ul#menu {
  background: url("img/tlo-menu-nowe.png") no-repeat;
  height: 50px;
  width: 950px;
  list-style-type: none;
  padding: 0 20px; }
  ul#menu li {
    float: left;
    position: relative;
    z-index: 1000;
    padding: 0;
    margin: 0; }
    ul#menu li ul.submenu {
      display: none;
      list-style-type: none; }
      ul#menu li ul.submenu li {
        float: none; }
        ul#menu li ul.submenu li a,
        ul#menu li ul.submenu li span {
          float: none;
          font-size: 11px;
          font-weight: normal;
          padding: 4px 6px;
          line-height: 18px;
          height: 100%; }
        ul#menu li ul.submenu li ul {
          display: none;
          list-style-type: none; }
          ul#menu li ul.submenu li ul li {
            position: relative;
            /* a little something for IE */
            line-height: 0; }
            ul#menu li ul.submenu li ul li a,
            ul#menu li ul.submenu li ul li span {
              font-size: 11px;
              text-decoration: none;
              font-weight: normal;
              display: block;
              width: 138px;
              padding: 4px 5px;
              line-height: 18px; }
        ul#menu li ul.submenu li:hover > ul {
          display: block;
          position: absolute;
          left: 100%;
          top: 0;
          z-index: 7; }
    ul#menu li:hover ul.submenu {
      display: block;
      position: absolute;
      left: 50%;
      top: 50px;
      margin: 0 0 0 -75%;
      width: 150%;
      padding: 10px 0;
      z-index: 10; }
    ul#menu li li a:hover,
    ul#menu li li span:hover {
      color: #ddd; }
    ul#menu li li:hover {
      background: url("img/tlo-tresc.png"); }
  ul#menu a,
  ul#menu span {
    color: #aaa;
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    display: block;
    float: left;
    line-height: 50px;
    height: 50px;
    padding: 0 20px;
    text-align: left; }
  ul#menu span:hover {
    cursor: default; }
  ul#menu > li:hover {
    background: #3e411d; }
  ul#menu li:hover > a,
  ul#menu li:hover > span {
    color: #ddd; }
  ul#menu ul {
    background: #3e411d; }

ul.mapa_ {
  position: relative;
  margin: 0;
  list-style-type: none;
  font-size: 14px;
  z-index: 1; }
  ul.mapa_ > li {
    position: absolute;
    padding: 0;
    margin: -1px 0 0 -1px;
    z-index: 2; }
    ul.mapa_ > li:hover {
      background: url("img/tlo-tresc.png");
      border: 1px solid black;
      z-index: 3; }
    ul.mapa_ > li > a {
      display: block;
      margin: 0;
      padding: 0 0 0 5px;
      border: 0;
      width: 100%;
      height: 100%; }
      ul.mapa_ > li > a > img,
      ul.mapa_ > li > a > span {
        display: none; }
      ul.mapa_ > li > a:hover > img,
      ul.mapa_ > li > a:hover > span, ul.mapa_ > li > a:focus > img,
      ul.mapa_ > li > a:focus > span {
        display: block;
        background: #eeeeee;
        position: relative;
        top: -1px;
        left: 100%;
        z-index: 3;
        border: 1px solid black; }
      ul.mapa_ > li > a:hover > img, ul.mapa_ > li > a:focus > img {
        padding: 8px;
        width: 200px; }
      ul.mapa_ > li > a:hover > span, ul.mapa_ > li > a:focus > span {
        padding: 5px 8px 8px 8px;
        min-width: 200px;
        color: #000;
        text-align: center;
        font-weight: normal; }
  ul.mapa_ .highlighted_ {
    background: url("img/tlo-tresc.png");
    border: 1px solid black; }
  ul.mapa_ .skrajny_ > a {
    padding: 0 5px 0 0;
    margin: 0 0 0 -5px; }
    ul.mapa_ .skrajny_ > a:hover > img, ul.mapa_ .skrajny_ > a:focus > img {
      position: relative;
      left: -218px; }

.wywiady_mp3 li {
  margin: 0 0 0 50px;
  padding: 0 0 40px 0; }
  .wywiady_mp3 li .wywiad_mp3 {
    display: block;
    margin: 10px 0 0 0;
    width: 200px;
    height: 20px; }

.plan_ {
  background: #eaeaea;
  border: 5px solid #444444;
  padding: 40px;
  margin: 0 auto 40px auto;
  color: #000; }
  .plan_ ul {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative; }
  .plan_ li {
    border: 2px solid black;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #eaeaea; }
    .plan_ li span {
      display: none;
      padding: 5px;
      background: #111111;
      color: #dddddd;
      border: 2px solid #444444;
      position: relative;
      left: 100%;
      font-size: 10px;
      text-align: center;
      line-height: 15px;
      width: 100px;
      z-index: 2;
      margin: -2px 0 0 10px; }
    .plan_ li:hover {
      background: #dfdfdf;
      cursor: pointer; }
      .plan_ li:hover span {
        display: block; }

ul.firmy_ li {
  list-style-type: none;
  margin: 60px auto; }
  ul.firmy_ li a {
    display: block;
    border: 5px solid #2e2e2e;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #111111; }
    ul.firmy_ li a:hover {
      background: #222222;
      border-color: #777777; }
      ul.firmy_ li a:hover img {
        margin: 0 !important; }
    ul.firmy_ li a img {
      display: block;
      width: 100%; }
ul.firmy_ h3 {
  text-align: center;
  margin: 0;
  font-family: "Times New Roman", Georgia, serif;
  font-size: 28px;
  font-weight: normal;
  height: 160px;
  line-height: 160px; }

ul.dokumenty_ {
  list-style-type: none;
  width: 750px;
  margin: 0 auto; }
  ul.dokumenty_ li {
    padding: 35px 0 0 0;
    overflow: hidden;
    margin: 0; }
  ul.dokumenty_ a {
    float: left;
    width: 150px;
    border: 1px solid #c4c4c4;
    max-height: 200px;
    overflow: hidden;
    margin: 0 15px 0 20px; }
    ul.dokumenty_ a:hover img {
      margin: 0; }
  ul.dokumenty_ img {
    display: block;
    width: 200%;
    margin: 0 0 0 -150px; }

ul.spis {
  margin: 30px 0; }
  ul.spis li {
    margin: 50px 0 0 0;
    background: #2e2e2e;
    border: 2px solid #222222;
    padding: 30px 40px;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    width: 716px; }
    ul.spis li:first-child {
      margin: 0; }
    ul.spis li dt {
      margin: 15px 0 5px 0;
      font-weight: bold; }
    ul.spis li dl {
      margin: 0;
      float: left;
      max-width: 270px; }
  ul.spis img {
    max-width: 500px;
    float: left;
    margin: 20px 50px 0 0;
    border: 0; }

ul.dane_ {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  ul.dane_ li {
    margin: 5px 0;
    padding: 0; }
    ul.dane_ li span {
      font-weight: bold; }

dl.pytania_odpowiedzi {
  width: 600px;
  margin: 0 auto; }
  dl.pytania_odpowiedzi dd {
    text-align: justify;
    line-height: 22px;
    font-style: italic; }
  dl.pytania_odpowiedzi dt {
    text-align: center;
    margin: 30px 0 5px 0; }

ol.przypisy_ {
  font-size: 10px;
  border-top: 1px solid #dddddd;
  padding: 10px 20px 0 50px;
  margin: 20px 0 0 0; }
  ol.przypisy_ li {
    margin: 3px 0;
    padding: 0;
    line-height: 13px; }

ul.ozdobny_wybor {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  ul.ozdobny_wybor > li {
    width: 310px;
    border: 1px solid #000;
    margin: 30px 0;
    padding: 0;
    font-size: 20px;
    font-family: Times New Roman, Georgia, serif;
    letter-spacing: 1px;
    text-align: center; }
    ul.ozdobny_wybor > li > a {
      border: 4px solid #444;
      background: #000;
      display: block;
      padding: 10px;
      font-weight: normal; }
      ul.ozdobny_wybor > li > a:hover {
        border-color: #777; }
      ul.ozdobny_wybor > li > a > img {
        display: block; }

dl.spis_alfabetyczny {
  margin: 20px 0;
  padding: 0; }
  dl.spis_alfabetyczny dt {
    border-bottom: 1px solid white;
    color: white;
    font-size: 20px;
    padding: 0 0 3px 20px;
    margin: 25px 0 10px 0; }
    dl.spis_alfabetyczny dt:hover {
      cursor: pointer; }
  dl.spis_alfabetyczny dd {
    padding: 5px 0;
    margin: 0; }
    dl.spis_alfabetyczny dd ul {
      list-style-type: none;
      padding: 0 20px;
      margin: 0; }
      dl.spis_alfabetyczny dd ul li {
        padding: 3px 0 3px 20px;
        margin: 0;
        text-indent: -20px; }

.przedstawienie_ {
  padding: 0;
  margin: 0;
  list-style-type: none; }
  .przedstawienie_ li {
    padding: 0;
    margin: 0; }
  .przedstawienie_ h3 {
    margin: 0;
    font-variant: small-caps;
    font-size: 16px; }

.porownanie_ {
  margin: 30px auto 0 auto;
  list-style-type: none;
  width: 840px;
  overflow: hidden;
  padding: 0; }
  .porownanie_ li {
    float: left;
    width: 380px;
    padding: 20px;
    margin: 0;
    background: none; }
  .porownanie_ p {
    text-indent: 0;
    text-align: left;
    margin: 0;
    padding: 5px 0;
    font-size: 13px; }
  .porownanie_ .notka_ {
    text-align: right;
    font-style: italic;
    font-size: 11px; }
  .porownanie_ img {
    width: 350px;
    display: block;
    margin: 0 auto 10px auto; }

.lista_prezentacyjna {
  padding: 0;
  margin: 0;
  list-style-type: none; }
  .lista_prezentacyjna > li {
    padding: 30px;
    margin: 0;
    border-top: 1px solid #444444; }
    .lista_prezentacyjna > li:first-child {
      border: 0;
      padding: 10px 30px 30px 30px; }
    .lista_prezentacyjna > li > .logo_ {
      display: block;
      margin: 5px auto;
      border: 2px solid #2e2e2e; }
    .lista_prezentacyjna > li h3 {
      margin: 0;
      font-size: 28px;
      padding: 10px 0 10px 0;
      font-family: "Times New Roman", Georgia, serif;
      text-align: center;
      font-weight: normal; }
    .lista_prezentacyjna > li p {
      margin: 15px 0; }

.pasek_ {
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
  color: #6a6a6a;
  font-size: 11px;
  text-align: center; }
  .pasek_ li {
    border-left: 1px solid #6a6a6a;
    padding: 1px 10px;
    display: inline;
    margin: 0; }
    .pasek_ li:first-child {
      border: 0; }
  .pasek_ a {
    color: #6a6a6a; }

.galeria_duza {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .galeria_duza li {
    margin: 0;
    padding: 20px 0; }
    .galeria_duza li a {
      width: 500px;
      margin: 0 auto;
      border: 1px solid #444444;
      display: block; }
      .galeria_duza li a img {
        display: block;
        margin: 0;
        padding: 0; }

/********** AKAPITY **********/
p {
  text-align: justify;
  line-height: 20px;
  text-indent: 30px;
  margin: 5px 0 15px 0; }

.ostrzezenie_, .blad_, .powodzenie_ {
  padding: 20px !important;
  background: #222222;
  border: 1px solid #999;
  width: 500px;
  margin: 20px auto;
  text-indent: 0 !important;
  display: block; }

.blad_ {
  border-color: #a00; }

.powodzenie_ {
  border-color: #090; }

p.opis_dokumentu {
  text-indent: 0;
  font-style: italic;
  font-size: 14px; }

div#stopka {
  background: url("img/tlo-stopka-nowa.png") no-repeat center top;
  padding: 30px 10px 0 10px;
  font-size: 11px;
  color: #444444;
  width: 950px;
  margin: 0 auto;
  clear: both;
  overflow: hidden; }
  div#stopka a {
    color: #444444;
    font-weight: normal; }
    div#stopka a:hover {
      color: #dddddd; }
  div#stopka p#copyright {
    margin: 0 0 10px 0;
    text-align: center;
    text-indent: 0; }
  div#stopka p#pozostaleInformacje {
    text-align: center;
    position: relative;
    text-indent: 0;
    padding: 0 40px; }
    div#stopka p#pozostaleInformacje a#wykonanie {
      position: absolute;
      right: 40px;
      background: url("http://www.filipmarkiewicz.pl/img/wykonanie_mini.png") no-repeat left center;
      padding: 0 0 1px 20px;
      font-size: 9px; }
      div#stopka p#pozostaleInformacje a#wykonanie:hover {
        color: #eee; }
    div#stopka p#pozostaleInformacje span {
      position: absolute;
      left: 40px; }

p.podpis_ {
  text-align: right;
  text-indent: 0;
  font-style: italic;
  margin: 20px 0 80px 0; }

p.wiersz_ {
  text-indent: 0;
  font-style: italic; }

p.zrodlo_ {
  font-style: italic;
  text-indent: 0;
  text-align: right;
  color: #333333;
  font-weight: normal;
  padding-bottom: 0;
  margin-bottom: 0; }
  p.zrodlo_ a {
    color: #333333;
    font-weight: normal;
    padding-bottom: 0;
    margin-bottom: 0; }

p.dlugi_cytat {
  width: 700px;
  margin: 10px auto 30px auto; }

/********** LINKI **********/
a {
  text-decoration: none;
  font-weight: bold;
  color: #aaa; }
  a:hover, a:focus {
    color: #dddddd; }

a#doAdresow {
  clear: both;
  display: block;
  margin: 20px 0 0 0; }

a.pdf {
  padding: 0 0 0 24px;
  background: url("img/pdf_mini.png") no-repeat left center;
  height: 18px;
  line-height: 18px;
  display: block; }

a.powrot_ {
  display: block;
  margin: 20px 0 0 0;
  font-size: 11px;
  font-weight: normal; }

a#doSchronu {
  width: 800px;
  height: 630px;
  background: url("bezpieczenstwo/tlo_schron.jpg") no-repeat 0 -630px;
  text-indent: -1000px;
  display: block;
  margin: 0 -54px 0 34px; }

a#doSchronu:hover {
  background-position: 0 0; }

/********** FORMULARZE **********/
legend {
  display: none; }

form {
  width: 300px;
  margin: 0 auto; }
  form span {
    color: #C00;
    margin: 0 0 0 3px; }
  form p#obowiazek {
    padding: 20px 0 0 0;
    text-align: center;
    text-indent: 160px;
    clear: both; }
  form .blad_ {
    width: 335px;
    margin: 0 0 10px -25px;
    padding: 4px 4px 4px 10px !important;
    overflow: hidden;
    height: 22px;
    line-height: 22px; }

fieldset {
  border: 0; }

label {
  display: block;
  margin: 10px auto 0 auto; }

input,
textarea {
  display: block;
  width: 290px;
  margin: 5px 0 0 0;
  padding: 4px;
  background: #222222;
  border: 1px solid #333333;
  color: #c4c4c4;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif; }
  input:focus,
  textarea:focus {
    background: #1a1a1a;
    border-color: #333333; }

textarea {
  height: 200px;
  overflow: auto; }

button {
  background: url("img/button.png") repeat-x top left;
  border: 1px solid #333333;
  margin: 20px auto 0 auto;
  font-size: 15px;
  font-family: Georgia;
  font-style: italic;
  color: #c4c4c4;
  width: 100px;
  letter-spacing: 3px;
  display: block;
  padding: 0;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: bold; }
  button:hover, button:focus {
    background-position: 0 -30px;
    background-color: #222222;
    cursor: pointer; }

#zwijacz {
  width: 16px;
  height: 16px;
  float: right;
  border: 1px solid #393939;
  margin: 2px 3px;
  background: url("img/krzyzyk.png") 4px -12px no-repeat #272727; }
  #zwijacz:hover {
    cursor: pointer;
    border-color: #444444;
    background-position: 4px 4px; }

/********** OBRAZKI **********/
img#wstepPolacy {
  margin: 0 0 30px 0; }

div#tresc > img {
  margin: 40px auto;
  display: block; }

p > .miniatura_ {
  float: left;
  margin: 0 10px 0 0; }

p > .miniatura_2 {
  float: right;
  margin: 10px 0 0 15px; }

p > .miniatura_,
p > .miniatura_2 {
  border: 1px solid #222; }

/**************************************************
 *                                                *
 *          GOTOWE SKRYPTY I ROZWIAZANIA          *
 *                                                *
 **************************************************/
/**********************
 *                    *
 *     KOMENTARZE     *
 *                    *
 **********************/
.equitis_ * {
  margin: 0;
  padding: 0; }

.equitis_ {
  color: #DDD;
  font: 11px Verdana, Arial, sans-serif; }

#equitis {
  background: #2e2e2e;
  padding: 20px; }

.equitis_ h2 {
  font: normal 18px Georgia, Serif;
  margin: 0;
  padding: 30px 0 0 0;
  text-align: center;
  letter-spacing: 2px;
  clear: both; }

.equitis_ h2:first-letter {
  color: #db7f13;
  font-size: 22px; }

.equitis_ h1 {
  padding: 0;
  margin: 0;
  font-size: 40px;
  font-family: Times New Roman;
  letter-spacing: 2px;
  color: #c4c4c4;
  font-weight: normal; }

.equitis_ h1 a {
  padding: 0;
  margin: 0;
  color: #ddd;
  display: inline; }

.equitis_ form {
  display: block;
  width: 400px;
  margin: 40px auto 20px auto;
  padding: 10px 30px;
  border: 1px solid #000;
  background: #292929;
  overflow: hidden; }

.equitis_ .eq_dodawanie {
  width: 600px;
  margin: 80px auto 20px auto;
  border: 1px solid #222;
  background: #0e0e0e;
  overflow: visible; }

.equitis_ fieldset > div.bobr_ {
  background: url("img/bobr.png") no-repeat center top;
  padding: 100px 59px 0 60px;
  width: 600px;
  margin: -80px -59px 0 -60px; }

.equitis_ fieldset {
  border: 0; }

.equitis_ legend {
  display: none; }

.equitis_ label {
  display: block;
  margin: 15px auto;
  width: 300px; }

.equitis_ input,
.equitis_ textarea {
  display: block;
  margin: 5px 0 0 0;
  padding: 4px;
  background: #2e2e2e;
  border: 1px solid #050505;
  color: #eee;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  width: 294px; }

.equitis_ .eq_dodawanie input,
.equitis_ .eq_dodawanie textarea {
  background: #1e1e1e;
  border: 1px solid #2e2e2e; }

.equitis_ .eq_dodawanie label {
  width: 200px; }

.equitis_ .eq_dodawanie input {
  width: 194px; }

.equitis_ textarea {
  width: 320px;
  height: 130px;
  resize: vertical; }

.equitis_ input:focus,
.equitis_ textarea:focus {
  background: #222;
  border-color: #050505; }

.equitis_ .eq_dodawanie input:focus,
.equitis_ .eq_dodawanie textarea:focus {
  background: #111;
  border: 1px solid #444; }

.equitis_ label span {
  color: #900;
  margin: 0 0 0 3px; }

.equitis_ form .tresc_ {
  float: right;
  width: auto; }

.equitis_ form .dane_ {
  float: left;
  width: 200px;
  padding: 1px 0 0 0; }

.equitis_ form h2 {
  padding: 0 0 10px 0;
  font-size: 24px; }

.equitis_ form h2:first-letter {
  font-size: 28px; }

.equitis_ form h3 {
  margin: 0;
  padding: 15px 0 0 0; }

.equitis_ button,
.equitis_ .eq_usuwanie .powrot_ {
  background: url("img/button.png") repeat-x top left;
  border: 1px solid #050505;
  margin: 30px auto 0 auto;
  font-size: 15px;
  font-family: Times New Roman, Georgia, serif;
  color: #c4c4c4;
  width: 100px;
  display: block;
  letter-spacing: 1px;
  padding: 0;
  height: 30px;
  line-height: 30px;
  text-align: center;
  clear: both; }

.equitis_ button:hover,
.equitis_ button:focus,
.equitis_ .eq_usuwanie .powrot_:hover,
.equitis_ .eq_usuwanie .powrot_:focus {
  background-position: 0 -30px;
  background-color: #222;
  cursor: pointer; }

.equitis_ .captcha_ {
  overflow: hidden; }

.equitis_ .captcha_ div {
  float: left;
  padding: 10px 10px 0 0;
  font-size: 11px; }

.equitis_ .captcha_ input {
  float: left;
  text-align: center;
  width: 40px; }

.equitis_ form .powrot_ {
  font-size: 11px;
  font-weight: normal;
  margin: 0 0 0 -10px; }

.equitis_ .eq_usuwanie {
  overflow: hidden; }

.equitis_ .eq_usuwanie button {
  float: left;
  margin: 20px 0 0 50px;
  clear: none; }

.equitis_ .eq_usuwanie .powrot_ {
  float: right;
  margin: 20px 50px 0 0;
  clear: none; }

.equitis_ .eq_lista_komentarzy {
  width: 100%;
  background: none;
  padding: 0 0 20px 0;
  margin: 0;
  border: 0;
  border-bottom: 1px dashed #444; }

.equitis_ .eq_lista_komentarzy label {
  width: 20px;
  text-align: center;
  padding: 2px 0;
  margin: 0; }

.equitis_ .eq_lista_komentarzy input {
  width: 100%;
  display: inline;
  margin: 0; }

.equitis_ .eq_lista_komentarzy button {
  width: 200px; }

.equitis_ .eq_grupa_danych {
  padding: 0;
  margin: 0; }

.equitis_ .eq_grupa_danych li {
  overflow: hidden;
  border-top: 1px solid #444;
  padding: 20px;
  margin: 0 -20px; }

.equitis_ .eq_grupa_danych li:first-child {
  border: 0; }

.equitis_ button#eqDoUsuwania,
.equitis_ button#eqDoEdytowania {
  clear: none; }

.equitis_ button#eqDoUsuwania {
  float: left;
  margin: 20px 0 0 150px; }

.equitis_ button#eqDoEdytowania {
  float: right;
  margin: 20px 150px 0 0; }

.equitis_ a {
  color: #aaa;
  text-decoration: none; }

.equitis_ a:hover {
  color: #eee; }

.equitis_ .eq_komentowanie {
  width: 900px;
  margin: 0 auto; }

.equitis_ .eq_panel {
  width: 800px;
  border: 1px solid #111;
  background: #2a2a2a;
  margin: 0 auto;
  padding: 20px 50px;
  overflow: hidden;
  font-size: 11px; }

.equitis_ ul {
  margin: 0;
  padding: 0; }

.equitis_ ul {
  padding: 0 0 0 40px; }

.equitis_ ul > li {
  padding: 2px 0; }

.equitis_ .eq_ostatnia_wizyta {
  float: right;
  font-size: 10px;
  margin: -10px -30px 0 0;
  color: #555;
  padding: 0; }

.equitis_ .eq_komentarze {
  list-style-type: none;
  padding: 20px 0;
  margin: 0 auto;
  width: 780px; }

.equitis_ .eq_komentarze > li {
  border: 1px solid #2e2e2e;
  background: #1e1e1e;
  padding: 20px;
  margin: 20px 0 20px auto;
  overflow: hidden;
  width: 650px; }

.equitis_ .eq_komentarze > li.eq_admin {
  margin: 20px 0;
  background: #111;
  border: 1px solid #222; }

.equitis_ .eq_komentarze ul {
  float: left;
  width: 200px;
  padding: 0;
  margin: 0;
  list-style-type: none; }

.equitis_ .eq_komentarze ul li {
  margin: 5px 0;
  padding: 0; }

.equitis_ .eq_komentarze p {
  float: right;
  width: 450px;
  padding: 0;
  margin: 0;
  font-size: 11px; }

.equitis_ .eq_komentarze .eq_nick {
  font-size: 14px;
  font-weight: bold;
  margin: 0; }

.equitis_ .eq_komentarze ul li.eq_data {
  font-size: 10px;
  color: #555;
  margin: 0; }

.equitis_ .eq_komentarze .eq_adminowskie {
  margin: -10px 0 0 0;
  clear: both;
  text-align: right;
  width: auto;
  float: none; }

.equitis_ .eq_komentarze .eq_adminowskie li {
  display: inline;
  font-size: 11px;
  padding: 0 5px; }

.equitis_ .eq_menu {
  padding: 0 20px 6px 20px;
  text-align: right;
  border-bottom: 1px solid #c4c4c4;
  margin: 0 -30px; }

.equitis_ .eq_menu li {
  display: inline;
  padding: 0;
  margin: 0;
  line-height: 12px; }

.equitis_ .eq_menu li a {
  padding: 0 10px 6px 10px;
  font-weight: normal;
  color: #c4c4c4; }

.equitis_ .eq_menu li a:hover {
  color: #db7f13;
  border-bottom: solid 1px #db7f13; }

.equitis_ .stronnicowanie_ {
  font-size: 11px;
  list-style-type: none;
  padding: 0;
  margin: 5px 0;
  float: left; }

.equitis_ .stronnicowanie_ li {
  display: inline; }

.equitis_ .stronnicowanie_ li.aktualna_strona {
  font-weight: bold;
  color: #ddd; }

.equitis_ .stronnicowanie_ li.poprzednia_niemozliwa,
.equitis_ .stronnicowanie_ li.nastepna_niemozliwa {
  visibility: hidden; }

.equitis_ p {
  text-indent: 30px;
  line-height: 20px;
  padding: 10px 0;
  text-align: justify; }

.equitis_ p.eq_podpis {
  text-indent: 0;
  text-align: right;
  font-style: italic; }

.equitis_ .eq_informacja_logowania {
  color: #444;
  margin: -18px auto 0 auto;
  padding: 0;
  font-size: 10px;
  text-align: right;
  width: 650px; }

.equitis_ .eq_informacja_logowania a {
  color: #444; }

.equitis_ .eq_informacja_logowania a:hover {
  color: #eee; }

.equitis_ p.eq_nowy_komentarz {
  clear: both;
  margin: 20px 0 0 0;
  text-indent: 0; }

.equitis_ p.eq_nowy_komentarz:before {
  border: 1px solid #444;
  background: #313131;
  content: "Nowe";
  font-size: 9px;
  color: #313131;
  width: 30px;
  height: 20px;
  float: left;
  margin: 0 5px 0 0; }

.equitis_ p#eqStopka {
  width: 860px;
  text-align: right;
  margin: 10px auto;
  font-size: 10px;
  color: #bbb;
  padding: 0; }

.equitis_ p#eqStopka a {
  color: #bbb;
  background: url("http://www.filipmarkiewicz.pl/img/wykonanie.png") no-repeat left center;
  padding: 1px 0 3px 27px; }

.equitis_ p#eqStopka a:hover {
  color: #eee; }

.equitis_ .eq_panel .eq_przegladanie_komentarzy {
  text-indent: 0;
  padding: 10px 0 0 0;
  margin: 0; }

.equitis_ table {
  border-collapse: collapse;
  margin: 5px 0 0 0; }

.equitis_ td,
.equitis_ th {
  border: 1px solid #444;
  padding: 10px;
  line-height: 18px; }

.equitis_ th {
  background: #222;
  color: #ddd;
  text-align: center; }

.equitis_ .eq_tabelowe_zaznaczenie {
  width: 5%; }

.equitis_ .eq_tabelowe_miejsce {
  width: 18%; }

.equitis_ .eq_tabelowy_autor {
  width: 17%; }

.equitis_ .eq_tabelowa_data {
  width: 10%;
  text-align: center; }

.equitis_ .eq_tabelowa_tresc {
  text-align: justify;
  padding: 10px 20px; }

.equitis_ tr:hover,
.equitis_ tr.eq_nowy_komentarz:hover {
  background: #242424; }

.equitis_ tr.eq_nowy_komentarz {
  background: #313131; }

/*************************
 *                       *
 *     GALERIE ZDJEC     *
 *                       *
 *************************/
/* Galeria PHP */
.galeria_domyslna {
  width: 800px;
  margin: 0 auto;
  padding: 20px 0 0 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  background: none; }

.galeria_domyslna img {
  max-width: 600px;
  border: 1px solid #000; }

.lewa_strzalka {
  padding: 0;
  left: 10px;
  background: url("img/lewa_strzalka.png") no-repeat; }

.prawa_strzalka {
  padding: 0;
  right: 10px;
  background: url("img/prawa_strzalka.png") no-repeat; }

.lewa_strzalka,
.prawa_strzalka {
  text-indent: -100000px;
  width: 42px;
  position: absolute;
  top: 20px;
  /* tyle ile gorny padding #n */
  border: 0;
  color: #aaa;
  text-decoration: none;
  background-position: right center; }

.lewa_strzalka:hover,
.lewa_strzalka:focus,
.prawa_strzalka:hover,
.prawa_strzalka:focus {
  background-position: left center; }

.miniatury_ {
  margin: 20px auto 0 auto;
  overflow: hidden;
  width: 540px;
  padding: 0 50px;
  position: relative; }

.miniatury_ li {
  float: left;
  list-style-type: none;
  background: none;
  padding: 0;
  margin: 0; }

.miniatury_ a {
  display: block;
  margin: 0 10px;
  border: 3px solid #555;
  background: #222; }

.miniatury_ li.aktywne_ a {
  border-color: #db7f13; }

.miniatury_ a:hover, .miniatury_ a:focus {
  border-color: #999; }

.miniatury_ li img,
.miniatury_ li span {
  display: block;
  width: 80px;
  height: 80px;
  border: 1px solid #000; }

.miniatury_ li span {
  line-height: 80px;
  text-align: center; }

.miniatury_ li.poprzednia_strona,
.miniatury_ li.nastepna_strona {
  float: none;
  position: absolute;
  bottom: 15px; }

.miniatury_ li.poprzednia_strona a,
.miniatury_ li.nastepna_strona a {
  border: 0;
  width: 22px;
  height: 60px;
  text-indent: -10000px; }

.miniatury_ li.poprzednia_strona {
  left: 10px; }

.miniatury_ li.nastepna_strona {
  right: 10px; }

.miniatury_ li.poprzednia_strona a {
  background: url("img/lewa_strzalka_mini.png") no-repeat right center; }

.miniatury_ li.nastepna_strona a {
  background: url("img/prawa_strzalka_mini.png") no-repeat right center; }

.miniatury_ li.poprzednia_strona a:hover,
.miniatury_ li.poprzednia_strona a:focus,
.miniatury_ li.nastepna_strona a:hover,
.miniatury_ li.nastepna_strona a:focus {
  background-position: left center; }

/* Galeria Lightview */
.galeria_lightview {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  width: 700px; }

.galeria_lightview li {
  float: left;
  margin: 0;
  padding: 20px;
  width: 100px;
  height: 100px; }

.galeria_lightview li a {
  display: block;
  border: 5px solid #2e2e2e;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.galeria_lightview li a img {
  display: block;
  width: 100%;
  margin: -100% 0 0 0; }

.galeria_lightview li a:hover img {
  margin: 0; }

.galeria_lightview li .miniatura_ img,
.galeria_lightview li .miniatura_ span {
  display: block;
  width: 100%;
  margin: -100% 0 0 0; }

.galeria_lightview li .miniatura_ span {
  background: #222; }

.awers_rewers {
  width: 460px; }

.awers_rewers li {
  width: 130px;
  height: 130px;
  margin: 20px 50px; }

/* Galeria JavaScript */
.eq_gallery {
  width: 800px;
  margin: 20px auto;
  text-align: center;
  overflow: hidden; }

.eq_gallery span:hover,
.eq_gallery .miniatures_ li:hover {
  cursor: pointer; }

.eq_gallery img {
  border: 1px solid #000; }

.eq_gallery > img {
  height: 450px; }

.eq_gallery .prev_,
.eq_gallery .next_ {
  width: 42px;
  min-height: 114px;
  text-indent: -10000px; }

.eq_gallery .prev_ {
  float: left;
  background: url("img/left_arrow.png") right center no-repeat; }

.eq_gallery .next_ {
  float: right;
  background: url("img/right_arrow.png") right center no-repeat; }

.eq_gallery .prev_:hover,
.eq_gallery .next_:hover {
  background-position: left center; }

.eq_gallery div {
  width: 540px;
  padding: 0 40px;
  position: relative;
  margin: 30px auto; }

.eq_gallery .miniatures_ {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 90px;
  overflow: hidden; }

.eq_gallery .miniatures_ li {
  float: left;
  margin: 0 10px;
  border: 3px solid #555;
  background: #222; }

.eq_gallery .miniatures_ li:hover {
  border-color: #999; }

.eq_gallery .miniatures_ .active_ {
  border-color: #5e6429;
  /* 3d411d */ }

.eq_gallery .miniatures_ img {
  display: block;
  width: 80px;
  height: 80px; }

.eq_gallery .prev_page,
.eq_gallery .next_page {
  width: 21px;
  height: 90px;
  text-indent: -10000px;
  position: absolute;
  top: 0; }

.eq_gallery .prev_page {
  background: url("img/left_miniatures_arrow.png") no-repeat right center;
  left: 0; }

.eq_gallery .next_page {
  background: url("img/right_miniatures_arrow.png") no-repeat right center;
  right: 0; }

.eq_gallery .prev_page:hover,
.eq_gallery .next_page:hover {
  background-position: left center; }

/******************
 *                *
 *     JQzoom     *
 *                *
 ******************/
.zoomPad {
  position: relative;
  float: left;
  z-index: 99;
  cursor: crosshair;
  margin: 0 0 20px 0; }

.zoomPreload {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
  color: #333;
  font-size: 12px;
  font-family: Tahoma;
  text-decoration: none;
  border: 1px solid #CCC;
  background-color: white;
  padding: 8px;
  text-align: center;
  background-image: url(/img/zoomloader.gif);
  background-repeat: no-repeat;
  background-position: 43px 30px;
  z-index: 5;
  width: 90px;
  height: 43px;
  position: absolute;
  top: 0px;
  left: 0px;
  * width: 100px;
  * height: 49px; }

.zoomPup {
  overflow: hidden;
  background-color: #FFF;
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 6;
  position: absolute;
  border: 1px solid #CCC;
  z-index: 4;
  cursor: crosshair; }

.zoomOverlay {
  position: absolute;
  left: 0px;
  top: 0px;
  background: #FFF;
  /*opacity:0.5;*/
  z-index: 5000;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 4; }

.zoomWindow {
  position: absolute;
  left: 110%;
  top: 40px;
  background: #FFF;
  z-index: 10;
  height: auto;
  z-index: 5; }

.zoomWrapper {
  position: relative;
  /*border:1px solid #999;*/
  z-index: 5; }

.zoomWrapperTitle {
  display: block;
  background: #999;
  color: #FFF;
  height: 18px;
  line-height: 18px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: alpha(opacity=60); }

.zoomWrapperImage {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 5; }

.zoomWrapperImage img {
  border: 0px;
  display: block;
  position: absolute;
  z-index: 4; }

.zoomIframe {
  z-index: -1;
  filter: alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position: absolute;
  display: block; }

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/
/**********************
 *                    *
 *     NivoSlider     *
 *                    *
 **********************/
/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* The Nivo Slider styles */
.nivoSlider {
  position: relative;
  width: 700px;
  height: auto;
  overflow: hidden;
  margin: 20px auto 0 auto; }

.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: none; }

.nivo-main-image {
  display: block !important;
  position: relative !important;
  width: 100% !important; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
  background: white;
  filter: alpha(opacity=0);
  opacity: 0; }

/* The slices and boxes in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0; }

.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
  overflow: hidden; }

.nivo-box img {
  display: block; }

/* Caption styles */
.nivo-caption {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #000;
  color: #fff;
  width: 100%;
  z-index: 8;
  padding: 5px 10px;
  opacity: 0.8;
  overflow: hidden;
  display: none;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

.nivo-caption p {
  padding: 5px;
  margin: 0; }

.nivo-caption a {
  display: inline !important; }

.nivo-html-caption {
  display: none; }

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position: absolute;
  top: 45%;
  z-index: 9;
  cursor: pointer; }

.nivo-prevNav {
  left: 0px; }

.nivo-nextNav {
  right: 0px; }

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  text-align: center;
  padding: 15px 0; }

.nivo-controlNav a {
  cursor: pointer; }

.nivo-controlNav a.active {
  font-weight: bold; }

/*********************
 *                   *
 *     Lightview     *
 *                   *
 *********************/
/*
 *  Part of Lightview - The jQuery Lightbox
 *  http://projects.nickstakenburg.com/lightview
 *
 *  IMPORTANT:
 *  When modifying or adding skins it's recommended to do this in a seperate file,
 *  overwriting or building on top of the styling defined here to make updating easier.
 *
 *  Documentation:
 *  http://projects.nickstakenburg.com/lightview/documentation/skins
 *
 */
.lv_window {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  overflow: hidden;
  text-align: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.lv_window,
.lv_controls_top,
.lv_controls_top_close,
.lv_thumbnails,
.lv_thumbnails_top_close {
  z-index: 100000; }

.lv_skin {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible; }

.lv_bubble,
.lv_shadow {
  position: absolute; }

.lv_bubble * {
  display: inline;
  position: relative;
  float: left;
  z-index: none; }

.lv_skin * {
  margin: 0;
  padding: 0; }

.lv_overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99999; }

/* wrapper for the spinner */
.lv_spinner_wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer; }

/* The the previous/next overlay buttons on top of images */
.lv_inner_previous_next_overlays {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  zoom: 1;
  background: url("skins/blank.gif"); }

.lv_inner_previous_next_overlays * {
  padding: 0;
  margin: 0; }

.lv_inner_previous_next_overlays .lv_button {
  position: relative;
  height: 100%;
  width: 49%;
  background: url("skins/blank.gif");
  zoom: 1;
  cursor: pointer; }

.lv_button_inner_previous_overlay {
  float: left; }

.lv_button_inner_next_overlay {
  float: right; }

.lv_title_caption {
  position: absolute;
  font: 11px/18px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, sans-serif;
  color: #eaeaea; }

.lv_title_caption_slider {
  position: relative;
  float: left;
  overflow-y: hidden; }

.lv_title_caption_slide {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  padding: 15px 0 7px 0; }

.lv_title {
  font-weight: bold; }

.lv_title, .lv_caption {
  float: left;
  clear: both; }

.lv_update_queue {
  position: absolute;
  top: -15000px;
  left: -15000px;
  width: 5000px;
  height: 5000px;
  visibility: hidden; }

.lv_update_queue .lv_window,
.lv_update_queue .lv_content {
  position: relative;
  overflow: visible;
  float: left;
  top: auto;
  left: auto;
  width: 100%; }

.lv_content .lv_content_wrapper {
  float: left;
  clear: both;
  position: relative; }

.lv_update_queue .lv_content_wrapper {
  position: absolute;
  top: 0;
  left: 0; }

.lv_content_wrapper canvas {
  float: left;
  zoom: 1; }

.lv_content {
  position: absolute;
  padding: 0;
  margin: 0;
  overflow: auto;
  /* scrollbars */
  text-align: left;
  background: url("skins/blank.gif");
  /* Chrome 18+ opacity bug */ }

.lv_measure_element {
  position: relative;
  float: left;
  clear: both; }

.lv_content_canvas,
.lv_content_image,
.lv_content_flash,
.lv_content_object,
.lv_content_iframe,
.lv_content_html {
  float: left;
  border: 0;
  clear: both;
  padding: 0;
  margin: 0;
  background: none; }

.lv_blank_background,
.lv_content {
  background-image: url("skins/blank.gif"); }

/* The buttons on the side when you view a gallery */
.lv_side_buttons_underneath {
  position: absolute;
  top: 50%;
  left: 50%;
  clear: both;
  width: 100%;
  padding: 0;
  height: 67px;
  margin-top: -34px; }

.lv_side_buttons_underneath * {
  padding: 0;
  margin: 0; }

.lv_side_buttons_underneath .lv_side_left {
  float: left; }

.lv_side_buttons_underneath .lv_side_right {
  float: right; }

.lv_side,
.lv_side_button {
  height: 37px;
  width: 41px;
  position: absolute; }

.lv_side {
  position: relative;
  overflow: hidden;
  padding: 15px 0;
  cursor: pointer; }

.lv_side_left {
  margin-left: -41px; }

.lv_side_right {
  margin-right: -41px; }

.lv_side_button {
  height: 31px;
  width: 41px;
  cursor: pointer; }

.lv_side_button_previous {
  margin-left: 0px;
  background-image: url("skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -33px; }

.lv_side_button_previous:hover,
.lv_side_left .lv_side_button_out {
  background-position: 0px -64px; }

.lv_side_button_next {
  margin-left: 0px;
  background-image: url("skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: -41px -33px; }

.lv_side_button_next:hover,
.lv_side_right .lv_side_button_out {
  background-position: -41px -64px; }

.lv_side_buttons_underneath .lv_side_button_out {
  margin-left: 0; }

/* disabled states */
.lv_side_buttons_underneath .lv_side_left_disabled .lv_side_button,
.lv_side_buttons_underneath .lv_side_left_disabled:hover .lv_side_button {
  background-position: 0px -95px; }

.lv_button_top_close {
  width: 33px;
  height: 33px;
  position: absolute;
  cursor: pointer;
  background-image: url("skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  /* the spacing option set on the relative controls is taken into account when positioning */
  top: 17px;
  /* left or right is set on the css of the skin */ }

.lv_button_top_close:hover {
  background-position: -33px 0px; }

/*
 * Top Controls
 */
.lv_controls_top {
  position: fixed;
  top: 0;
  left: 50%;
  width: 126px;
  margin-left: -63px;
  height: 63px;
  overflow: hidden; }

.lv_controls_top_with_slideshow {
  width: 147px;
  margin-left: -74px; }

.lv_controls_top .lv_top_middle {
  width: 100%;
  height: 33px;
  margin-top: 15px;
  float: left;
  position: relative; }

.lv_controls_top .lv_top_button {
  height: 100%;
  float: left;
  position: relative; }

.lv_controls_top .lv_icon {
  background-image: url("skins/light/sprite.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  float: left;
  cursor: pointer;
  font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif;
  color: #d4d4d4;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  position: relative; }

.lv_controls_top .lv_icon_disabled {
  cursor: default;
  color: #2e2e2e;
  text-shadow: none; }

.lv_top_previous {
  width: 63px; }

.lv_top_previous .lv_icon {
  background-position: 0px -96px; }

.lv_top_previous:hover .lv_icon {
  background-position: 0px -129px; }

.lv_top_previous .lv_icon_disabled,
.lv_top_previous:hover .lv_icon_disabled {
  background-position: 0px -162px; }

.lv_top_slideshow {
  width: 21px;
  display: none;
  position: relative; }

.lv_controls_top_with_slideshow .lv_top_slideshow {
  display: block; }

.lv_top_slideshow .lv_icon {
  background-position: -63px -96px; }

.lv_top_slideshow:hover .lv_icon {
  background-position: -63px -129px; }

.lv_top_slideshow .lv_icon_disabled,
.lv_top_slideshow:hover .lv_icon_disabled {
  background-position: -63px -162px; }

.lv_top_slideshow_playing .lv_icon {
  background-position: -148px -96px; }

.lv_top_slideshow_playing:hover .lv_icon {
  background-position: -148px -129px; }

.lv_top_next {
  width: 62px; }

.lv_top_next .lv_icon {
  background-position: -84px -96px; }

.lv_top_next:hover .lv_icon {
  background-position: -84px -129px; }

.lv_top_next .lv_icon_disabled,
.lv_top_next:hover .lv_icon_disabled {
  background-position: -84px -162px; }

.lv_icon span {
  margin-top: 5px;
  width: 30px;
  text-align: center;
  line-height: 23px; }

.lv_top_previous span {
  float: right;
  margin-right: 7px; }

.lv_top_next span {
  float: left;
  margin-left: 6px; }

.lv_controls_top_close {
  height: 33px;
  width: 33px;
  /* 46 */
  position: fixed;
  top: 0;
  right: 0;
  padding: 13px; }

.lv_controls_top_close_button {
  height: 33px;
  width: 33px;
  float: left;
  position: relative;
  background-image: url("skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: -166px -21px;
  cursor: pointer; }

.lv_controls_top_close_button:hover {
  background-position: -166px -54px; }

/*
 * Relative Controls / Slider
 */
.lv_controls_relative {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -150px;
  height: 50px;
  overflow: hidden;
  background: url("skins/blank.gif"); }

.lv_slider {
  font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif;
  font-size: 9px;
  height: 21px;
  line-height: 21px;
  padding: 15px 0 14px 0;
  position: relative;
  overflow: hidden; }

.lv_slider .lv_slider_numbers {
  float: left;
  position: relative;
  height: 21px;
  overflow: hidden;
  margin: 0 2px; }

.lv_slider .lv_slider_slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px; }

.lv_slider_number,
.lv_slider_number_empty {
  float: left;
  position: relative;
  height: 21px;
  width: 28px;
  line-height: 21px;
  overflow: hidden;
  color: #d4d4d4;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  background: #4a4a4a;
  text-align: center;
  padding: 0;
  margin: 0;
  zoom: 1;
  text-transform: none;
  text-decoration: none;
  border: none;
  background-repeat: no-repeat;
  background: url("skins/light/sprite.png");
  background-position: -67px 0px;
  cursor: pointer; }

.lv_slider_number_empty {
  background-position: -151px 0px;
  cursor: default; }

.lv_slider_number_last {
  margin-right: 0; }

.lv_slider_number:hover {
  background-position: -95px 0px; }

.lv_slider_numbers .lv_slider_number_active,
.lv_slider_numbers .lv_slider_number_active:hover {
  background-position: -123px 0px;
  color: #808080;
  cursor: default; }

.lv_slider .lv_slider_icon,
.lv_slider .lv_icon {
  height: 21px;
  width: 21px; }

.lv_slider .lv_slider_icon {
  zoom: 1;
  padding: 0 2px;
  /* IE6 needs padding instead of margin */
  display: inline;
  position: relative;
  cursor: pointer;
  float: left; }

.lv_slider .lv_icon {
  background: url("skins/light/sprite.png");
  background-repeat: no-repeat;
  /* IE6 */
  position: absolute;
  top: 0;
  left: 2px;
  display: block; }

.lv_slider_previous .lv_icon {
  background-position: -82px -21px; }

.lv_slider_previous .lv_icon:hover {
  background-position: -82px -42px; }

.lv_slider_previous_disabled .lv_icon,
.lv_slider_previous_disabled .lv_icon:hover {
  background-position: -82px -63px;
  cursor: default; }

.lv_slider_next .lv_icon {
  background-position: -103px -21px; }

.lv_slider_next .lv_icon:hover {
  background-position: -103px -42px; }

.lv_slider_next_disabled .lv_icon,
.lv_slider_next_disabled .lv_icon:hover {
  background-position: -103px -63px;
  cursor: default; }

.lv_slider_slideshow {
  position: relative;
  top: 0;
  left: 0;
  display: inline; }

.lv_slider_slideshow .lv_icon {
  background-position: -125px -21px; }

.lv_slider_slideshow .lv_icon:hover {
  background-position: -125px -42px; }

.lv_slider_slideshow_playing .lv_icon {
  background-position: -146px -21px; }

.lv_slider_slideshow_playing .lv_icon:hover {
  background-position: -146px -42px; }

.lv_slider_slideshow_disabled .lv_icon,
.lv_slider_slideshow_disabled .lv_icon:hover {
  background-position: -125px -63px;
  cursor: default; }

/* thumbnails */
.lv_thumbnails {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 92px;
  padding: 15px 0 25px 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.lv_thumbnails_slider {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden; }

.lv_thumbnails_slide {
  position: absolute;
  top: 0;
  left: 0; }

.lv_thumbnail {
  width: 92px;
  height: 92px;
  float: left;
  position: relative;
  display: inline;
  overflow: hidden;
  /* IE6 */ }

.lv_thumbnail_image {
  position: relative;
  background: red;
  background: #161616;
  width: 80px;
  height: 80px;
  margin: 6px;
  float: left;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  overflow: hidden;
  display: inline;
  /* IE6 */
  z-index: 0;
  /* IE8 */ }

.lv_thumbnail_image img {
  position: absolute; }

.lv_thumbnail_active .lv_thumbnail_image {
  filter: alpha(opacity=35);
  opacity: .35;
  display: inline; }

.lv_thumbnail_icon {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -18px;
  margin-top: -18px;
  background-position: 99px 99px;
  background-repeat: no-repeat;
  display: block !important;
  display: none;
  /* IE6 */ }

.lv_thumbnail_image_spinner_overlay {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  background: #161616; }

.lv_thumbnail_icon_video {
  background-position: 0px -196px; }

.lv_thumbnail:hover .lv_thumbnail_icon_video {
  background-position: -36px -196px; }

.lv_thumbnail_active:hover .lv_thumbnail_icon_video {
  background-position: 0px -196px; }

/* 
 * Skins
 */
/* normalization for all skins */
.lv_content {
  text-align: left; }

.lv_content,
.lv_content h1,
.lv_content h2,
.lv_content h3,
.lv_content h4,
.lv_content h5,
.lv_content h6 {
  color: #333; }

.lv_content a,
.lv_content a:hover {
  color: #0088cc;
  font-weight: normal;
  background: none;
  border: 0;
  text-decoration: none; }

.lv_content a:hover {
  text-decoration: underline; }

.lv_title_caption a,
.lv_title_caption a:hover {
  color: #b4b4b4;
  font-weight: normal;
  background: none;
  border: 0;
  text-decoration: none; }

.lv_title_caption a:hover {
  text-decoration: underline; }

/* 
 * skin: 'light'
 */
/* title/caption */
.lv_window_light .lv_title_caption {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); }

/* close button */
.lv_window_light .lv_button_top_close {
  top: 17px;
  left: 55px; }

/* sprite */
.lv_window_light .lv_side_button_previous,
.lv_window_light .lv_side_button_next,
.lv_window_light .lv_button_top_close,
.lv_window_light .lv_controls_top_close_button,
.lv_window_light .lv_slider .lv_icon,
.lv_window_light .lv_slider_number,
.lv_window_light .lv_slider_number_empty,
.lv_window_light .lv_controls_top_close_button,
.lv_controls_top_skin_light .lv_icon,
.lv_controls_top_close_skin_light .lv_controls_top_close_button,
.lv_thumbnails_skin_light .lv_thumbnail_icon {
  background-image: url("skins/light/sprite.png") !important;
  background-image: url("skins/light/sprite_ie_lt_7.png");
  /* IE < 7 */ }

/*
 * skin: 'dark'
 */
/* normalization */
.lv_content_dark,
.lv_content_dark h1,
.lv_content_dark h2,
.lv_content_dark h3,
.lv_content_dark h4,
.lv_content_dark h5,
.lv_content_dark h6 {
  color: #f3f3f3; }

.lv_content_dark a,
.lv_content_dark a:hover {
  color: #b4b4b4; }

/* sprite */
.lv_window_dark .lv_side_buttons_underneath .lv_side_button_previous,
.lv_window_dark .lv_side_buttons_underneath .lv_side_button_next,
.lv_window_dark .lv_button_top_close,
.lv_window_dark .lv_controls_top_close_button,
.lv_window_dark .lv_slider .lv_icon,
.lv_window_dark .lv_slider .lv_slider_number,
.lv_window_dark .lv_slider .lv_slider_number_empty,
.lv_window_dark .lv_controls_top_close_button,
.lv_controls_top_skin_dark .lv_icon,
.lv_controls_top_close_skin_dark .lv_controls_top_close_button,
.lv_thumbnails_skin_dark .lv_thumbnail_icon {
  background-image: url("skins/dark/sprite.png") !important;
  background-image: url("skins/dark/sprite_ie_lt_7.png");
  /* IE < 7 */ }

/* close button */
.lv_window_dark .lv_button_top_close {
  top: 18px;
  right: 53px; }

/* controls: 'relative' */
.lv_window_dark .lv_slider_number {
  color: #acacac; }

.lv_window_dark .lv_slider_number:hover {
  color: #e3e3e3; }

.lv_window_dark .lv_slider_number_active,
.lv_window_dark .lv_slider_number_active:hover {
  color: #5d5d5d; }

/* controls: 'top' */
.lv_controls_top_skin_dark .lv_icon {
  color: #a6a6a6; }

.lv_controls_top_skin_dark .lv_icon:hover {
  color: #e0e0e0; }

.lv_controls_top_skin_dark .lv_icon_disabled,
.lv_controls_top_skin_dark .lv_icon_disabled:hover {
  color: #575757; }

/* 
 * skin: 'mac'
 */
/* title/caption */
.lv_window_mac .lv_title_caption {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); }

/* sprite */
.lv_window_mac .lv_side_button_previous,
.lv_window_mac .lv_side_button_next,
.lv_window_mac .lv_button_top_close,
.lv_window_mac .lv_controls_top_close_button,
.lv_window_mac .lv_slider .lv_icon,
.lv_window_mac .lv_slider_number,
.lv_window_mac .lv_slider_number_empty,
.lv_window_mac .lv_controls_top_close_button,
.lv_controls_top_skin_mac .lv_icon,
.lv_controls_top_close_skin_mac .lv_controls_top_close_button,
.lv_thumbnails_skin_mac .lv_thumbnail_icon {
  background-image: url("skins/mac/sprite.png") !important;
  background-image: url("skins/mac/sprite_ie_lt_7.png");
  /* IE < 7 */ }

/* close button */
.lv_window_mac .lv_button_top_close {
  top: 39px;
  left: 39px; }

/* controls: 'relative' */
.lv_window_mac .lv_slider_number {
  color: #acacac; }

.lv_window_mac .lv_slider_number:hover {
  color: #e1e1e1; }

.lv_window_mac .lv_slider_number_active,
.lv_window_mac .lv_slider_number_active:hover {
  color: #5d5d5d; }

/* controls: 'top' */
.lv_controls_top_skin_mac .lv_icon {
  color: #a6a6a6; }

.lv_controls_top_skin_mac .lv_icon:hover {
  color: #e0e0e0; }

.lv_controls_top_skin_mac .lv_icon_disabled,
.lv_controls_top_skin_mac .lv_icon_disabled:hover {
  color: #575757; }

/*********************************************************************
 *                                                                   *
 *          ELEMENTY DOSTOSOWANE DO POSZCZEGOLNYCH PODSTRON          *
 *                                                                   *
 *********************************************************************/
/********************
 *                  *
 *     KOMBINAT     *
 *                  *
 ********************/
/**
 *
 * Fabrik Christianstadt
 *
**/
#fabrikChristianstadt {
  margin: 0 0 -5px 0; }

#dokumentFabrikChristianstadt > div {
  background: url("kombinat/fabrik_christianstadt/plan_obozu_spinaczowy.png") no-repeat bottom right;
  margin: 0 -13px 0 0; }
  #dokumentFabrikChristianstadt > div > ul {
    background: url("kombinat/fabrik_christianstadt/geheim.png") no-repeat 590px 160px; }
#dokumentFabrikChristianstadt h2 {
  background: url("kombinat/fabrik_christianstadt/kartki_naglowek.jpg") no-repeat center top #fffefb;
  height: 78px;
  text-indent: -100000px;
  margin: -30px 0 30px 0; }

/**
 *
 * Struktura kombinatu
 *
**/
#strefy {
  background: #fff;
  height: 580px;
  border: 2px solid #999999; }
  #strefy > #mapaStref {
    width: 580px;
    height: 580px;
    float: left;
    position: relative; }
    #strefy > #mapaStref > ul {
      background: url("kombinat/struktura_kombinatu/mapa.png") no-repeat;
      width: 550px;
      height: 580px;
      float: right; }
      #strefy > #mapaStref > ul > li {
        margin: 0;
        border: 0;
        z-index: 2; }
        #strefy > #mapaStref > ul > li > ul {
          display: none; }
      #strefy > #mapaStref > ul > li:hover,
      #strefy > #mapaStref > ul > li.highlighted_ {
        background-position: 0 0; }
    #strefy > #mapaStref > #opisy {
      width: 280px;
      height: 200px;
      position: absolute;
      bottom: 0;
      left: 0;
      border-top: 2px solid #aaa;
      border-right: 2px solid #aaa;
      background: #f7f7f7;
      color: #111;
      overflow: hidden;
      z-index: 2; }
      #strefy > #mapaStref > #opisy > ul {
        padding: 0;
        margin: 0;
        font-size: 9px;
        text-align: left;
        list-style-type: none; }
        #strefy > #mapaStref > #opisy > ul > li {
          margin: 0 0 0 4px;
          padding: 0 0 0 8px;
          text-align: left;
          background: url("img/punkt.png") no-repeat 0 4px; }
  #strefy .legenda_ {
    width: 259px;
    padding: 0 20px; }
    #strefy .legenda_ h3 {
      margin: 20px 0 0 0; }
    #strefy .legenda_ ul li {
      height: 27px;
      line-height: 27px;
      margin: 12px 0;
      overflow: hidden;
      padding: 0; }
      #strefy .legenda_ ul li span {
        width: 25px;
        height: 25px;
        border: 1px solid #aaa;
        float: left;
        margin: 0 8px 0 0;
        text-indent: 100%; }

#sRuster {
  width: 162px;
  height: 191px;
  left: 153px;
  top: 9px;
  background: url("kombinat/struktura_kombinatu/strefy/ruster.png") no-repeat 0 -191px; }

#sPoligonProbBatalistycznych {
  width: 41px;
  height: 61px;
  left: 76px;
  top: 78px;
  background: url("kombinat/struktura_kombinatu/strefy/poligon_prob_batalistycznych.png") 0 -61px; }

#sStacjaElaboracjiBomb {
  width: 88px;
  height: 55px;
  left: 10px;
  top: 215px;
  background: url("kombinat/struktura_kombinatu/strefy/stacja_elaboracji_bomb.png") no-repeat 0 -55px; }

#sStrazPozarna {
  width: 14px;
  height: 10px;
  left: 194px;
  top: 205px;
  background: url("kombinat/struktura_kombinatu/strefy/zakladowa_straz_pozarna.png") no-repeat 0 -10px; }

#sOczyszczalniaSciekow {
  width: 33px;
  height: 13px;
  left: 218px;
  top: 213px;
  background: url("kombinat/struktura_kombinatu/strefy/oczyszczalnia_sciekow.png") no-repeat 0 -13px; }

#sZespolEnergetyczny {
  width: 24px;
  height: 16px;
  left: 259px;
  top: 207px;
  background: url("kombinat/struktura_kombinatu/strefy/zespol_energetyczny_i_cieplowy.png") no-repeat 0 -16px; }

#sZbiornikiMagazynowe {
  width: 39px;
  height: 29px;
  left: 128px;
  top: 311px;
  background: url("kombinat/struktura_kombinatu/strefy/zespol_zbiornikow_magazynowych.png") no-repeat 0 -29px; }

#sPoborWody {
  width: 74px;
  height: 90px;
  left: 438px;
  top: 454px;
  background: url("kombinat/struktura_kombinatu/strefy/stacja_poboru_i_uzdatniania_wody.png") no-repeat 0 -90px; }

#sUlme {
  width: 176px;
  height: 77px;
  left: 135px;
  top: 224px;
  background: url("kombinat/struktura_kombinatu/strefy/ulme.png") no-repeat 0 -77px; }

#sSaureWerkstatt {
  width: 30px;
  height: 53px;
  left: 272px;
  top: 88px;
  background: url("kombinat/struktura_kombinatu/strefy/saure_werkstatt.png") no-repeat 0 -53px; }

#sUjscieSciekow {
  width: 18px;
  height: 18px;
  left: 365px;
  top: 210px;
  background: url("kombinat/struktura_kombinatu/strefy/ujscie_glownego_kolektora_sciekow.png") no-repeat 0 -18px; }

/**
 *
 * Silosy - wstep
 *
**/
ul#silosy {
  margin: -30px 0 0 0;
  padding: 40px 0 0 0;
  height: 240px;
  background: url("kombinat/silosy/mapa_z_kompasem.png") top right no-repeat;
  width: 910px; }

#silosoweZdjecie {
  margin: 40px auto 0 auto;
  width: 870px;
  height: 580px;
  background: url("kombinat/silosy/zdjecie_brazowawe.jpg") center no-repeat;
  border: 0;
  border: 5px solid #222;
  position: relative; }
  #silosoweZdjecie a {
    left: 365px;
    top: 285px;
    width: 84px;
    height: 124px;
    background: url("kombinat/silosy/drzwi.png") 0 -124px no-repeat;
    text-indent: -10000px;
    display: block;
    position: absolute; }
    #silosoweZdjecie a:hover, #silosoweZdjecie a:focus {
      background-position: 0 0;
      outline: none; }

/**
 *
 * Bezpieczenstwo
 *
**/
ul#typySchronow {
  background: url("kombinat/bezpieczenstwo/schrony/tlo_schron.jpg") no-repeat 114px 0;
  width: 914px;
  margin: 0 0 50px 0;
  position: relative; }
  ul#typySchronow li {
    list-style-type: none;
    width: 260px;
    margin: 0;
    padding: 10px 0; }
    ul#typySchronow li a {
      display: block;
      border: 5px solid #444444; }
      ul#typySchronow li a:hover {
        border-color: #777777; }
      ul#typySchronow li a img {
        display: block;
        width: 250px;
        margin: 0; }
  ul#typySchronow li#drzwi {
    width: 26px;
    height: 141px;
    position: absolute;
    top: 276px;
    left: 545px;
    text-indent: -10000px;
    padding: 0; }
    ul#typySchronow li#drzwi span {
      background: url("kombinat/bezpieczenstwo/schrony/podswietlenie_drzwi.png") no-repeat;
      width: 26px;
      height: 141px;
      display: none; }
    ul#typySchronow li#drzwi a {
      border: 0;
      display: block;
      width: 26px;
      height: 141px; }
      ul#typySchronow li#drzwi a:hover span {
        display: block; }

/**********************
 *                    *
 *     MIASTECZKO     *
 *                    *
 **********************/
/**
 *
 * Rynek
 *
**/
#rynek {
  height: 614px; }
  #rynek .legenda_ {
    width: 179px; }
  #rynek #planRynku {
    width: 700px;
    height: 614px;
    background: url("miasteczko/rynek/plan_rynku.jpg") no-repeat center;
    float: left; }
    #rynek #planRynku #mRathaus {
      width: 36px;
      height: 42px;
      left: 283px;
      top: 336px; }
    #rynek #planRynku #mAlteSchule {
      width: 46px;
      height: 55px;
      left: 174px;
      top: 373px; }
    #rynek #planRynku #mAltersheimBadeanstalt {
      width: 51px;
      height: 38px;
      left: 143px;
      top: 12px; }
    #rynek #planRynku #mPost {
      width: 29px;
      height: 27px;
      left: 52px;
      top: 217px; }
    #rynek #planRynku #mForstamt {
      width: 56px;
      height: 58px;
      left: 404px;
      top: 177px; }
    #rynek #planRynku #mEvKirche {
      width: 46px;
      height: 64px;
      left: 254px;
      top: 373px; }
    #rynek #planRynku #mFeuerwehrgeratehaus {
      width: 24px;
      height: 29px;
      left: 321px;
      top: 71px; }
    #rynek #planRynku #mHospital {
      width: 23px;
      height: 23px;
      left: 227px;
      top: 111px; }

/***********************
 *                     *
 *     OBOZY PRACY     *
 *                     *
 ***********************/
/**
 *
 * Polacy - plan obozu
 *
**/
ul#obozPolakow {
  width: 780px;
  height: 443px;
  background: url("obozy_pracy/polacy/plan_obozu/plan.png") no-repeat center;
  border: 5px solid #444444;
  margin: 20px auto; }
  ul#obozPolakow li#brama {
    width: 20px;
    height: 40px;
    border: 1px dashed #444444;
    left: 730px;
    top: 346px; }
  ul#obozPolakow li#barakPolek {
    width: 34px;
    height: 85px;
    top: 108px;
    left: 621px; }
  ul#obozPolakow li#barakRosjanek {
    width: 34px;
    height: 83px;
    top: 207px;
    left: 619px; }
  ul#obozPolakow li#wartownia {
    width: 24px;
    height: 23px;
    left: 703px;
    top: 342px; }
    ul#obozPolakow li#wartownia a {
      padding: 0 10px 0 0; }
      ul#obozPolakow li#wartownia a:hover span {
        margin: 0 0 0 -323px; }
      ul#obozPolakow li#wartownia a span.dluzszy_tekst {
        font-size: 11px;
        text-align: justify;
        width: 300px;
        line-height: 17px; }
        ul#obozPolakow li#wartownia a span.dluzszy_tekst b {
          display: block;
          text-align: center; }
  ul#obozPolakow li#bramaB {
    width: 40px;
    height: 20px;
    left: 414px;
    top: 384px;
    border: 1px dashed #444444; }
  ul#obozPolakow li#strzalkaZach {
    width: 31px;
    height: 22px;
    left: 4px;
    top: 25px; }
  ul#obozPolakow li#strzalkaPln {
    width: 21px;
    height: 29px;
    left: 693px;
    top: 2px; }
  ul#obozPolakow li#strzalkaPld {
    width: 21px;
    height: 33px;
    left: 748px;
    top: 408px; }
  ul#obozPolakow li#laznia1 {
    width: 33px;
    height: 31px;
    left: 142px;
    top: 180px; }
  ul#obozPolakow li#laznia2 {
    width: 34px;
    height: 28px;
    left: 442px;
    top: 175px; }
  ul#obozPolakow li#laznia3 {
    width: 34px;
    height: 28px;
    left: 581px;
    top: 176px; }
  ul#obozPolakow li#toaleta1 {
    width: 25px;
    height: 22px;
    left: 451px;
    top: 104px; }

/**
 *
 * Zydzi - plan obozu Lager am Schwedenwall 
 *
**/
#lagerAmSchwedenwall {
  width: 440px;
  height: 380px; }
  #lagerAmSchwedenwall #wiezaPlnZach,
  #lagerAmSchwedenwall #wiezaPlnWsch,
  #lagerAmSchwedenwall #wiezaPldZach,
  #lagerAmSchwedenwall #wiezaPldWsch {
    width: 40px;
    height: 40px; }
  #lagerAmSchwedenwall #wiezaPlnZach {
    top: -20px;
    left: -20px; }
  #lagerAmSchwedenwall #wiezaPlnWsch {
    top: -20px;
    right: -20px; }
  #lagerAmSchwedenwall #wiezaPldZach {
    bottom: -20px;
    left: -20px; }
  #lagerAmSchwedenwall #wiezaPldWsch {
    bottom: -20px;
    right: -20px; }
  #lagerAmSchwedenwall #brama {
    width: 30px;
    height: 40px;
    top: 165px;
    left: -24px; }
  #lagerAmSchwedenwall #zasiekiPln {
    border-top: 1px dashed #999;
    top: -18px;
    left: 20px;
    width: 400px;
    height: 18px; }
  #lagerAmSchwedenwall #zasiekiPld {
    border-bottom: 1px dashed #999;
    bottom: -18px;
    left: 20px;
    width: 400px;
    height: 18px; }
  #lagerAmSchwedenwall #zasiekiWsch {
    border-right: 1px dashed #999;
    width: 18px;
    top: 20px;
    height: 340px;
    right: -18px; }
  #lagerAmSchwedenwall #zasiekiZach {
    border-left: 1px dashed #999;
    width: 18px;
    top: 20px;
    height: 340px;
    left: -18px; }
  #lagerAmSchwedenwall #kuchnia {
    width: 40px;
    height: 100px;
    top: 60px;
    left: 25px; }
  #lagerAmSchwedenwall #kwateraSS {
    width: 40px;
    height: 40px;
    top: 225px;
    left: 25px; }
  #lagerAmSchwedenwall #kwateraStrazniczek {
    width: 40px;
    height: 40px;
    top: 290px;
    left: 25px; }
  #lagerAmSchwedenwall #blok {
    width: 40px;
    height: 60px;
    top: 225px;
    left: 110px; }
  #lagerAmSchwedenwall #wychodek {
    width: 40px;
    height: 45px;
    top: 20px;
    left: 290px; }
  #lagerAmSchwedenwall #umywalnie {
    width: 40px;
    height: 40px;
    top: 165px;
    left: 290px; }
  #lagerAmSchwedenwall #pochodzeniaPolskiego {
    width: 40px;
    height: 115px;
    top: 45px;
    left: 230px; }
  #lagerAmSchwedenwall #protektorat {
    width: 40px;
    height: 115px;
    top: 45px;
    left: 350px; }
  #lagerAmSchwedenwall #protektorat2 {
    width: 40px;
    height: 115px;
    bottom: 45px;
    left: 230px; }
  #lagerAmSchwedenwall #pochodzeniaWegierskiego {
    width: 40px;
    height: 115px;
    bottom: 45px;
    left: 350px; }

/****************
 *              *
 *     MAPY     *
 *              *
 ****************/
/**
 *
 * Mapa Krzystkowic
 *
**/
#mapaChristianstadt ul.mapa_ li {
  border: 1px solid #444444; }

/**
 *
 * Mapa turystyczna
 *
**/
#mapaTurystyczna {
  width: 800px;
  height: 740px;
  background: url("img/mapa_turystyczna.png") no-repeat; }

/*********************
 *                   *
 *     EKSPONATY     *
 *                   *
 *********************/
/**
 *
 * Laboratorium
 *
**/
ul#laboratorium {
  background: url("eksponaty/laboratorium/obraz.jpg") no-repeat;
  width: 800px;
  height: 684px;
  margin: 50px auto 0 auto;
  padding: 0;
  position: relative; }
  ul#laboratorium li {
    text-indent: -100000px;
    position: absolute;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    ul#laboratorium li a {
      display: block;
      width: 100%;
      height: 100%; }
  ul#laboratorium li#labora01 a:hover {
    background: url("eksponaty/laboratorium/zdjecie01_mini.png") no-repeat center; }
  ul#laboratorium li#labora02 a:hover {
    background: url("eksponaty/laboratorium/zdjecie02_mini.png") no-repeat center; }
  ul#laboratorium li#labora03 a:hover {
    background: url("eksponaty/laboratorium/zdjecie03_mini.png") no-repeat center; }
  ul#laboratorium li#labora04 a:hover {
    background: url("eksponaty/laboratorium/zdjecie04_mini.png") no-repeat center; }
  ul#laboratorium li#labora05 a:hover {
    background: url("eksponaty/laboratorium/zdjecie05_mini.png") no-repeat center; }
  ul#laboratorium li#labora06 a:hover {
    background: url("eksponaty/laboratorium/zdjecie06_mini.png") no-repeat center; }
  ul#laboratorium li#labora07 a:hover {
    background: url("eksponaty/laboratorium/zdjecie07_mini.png") no-repeat center; }
  ul#laboratorium li#labora08 a:hover {
    background: url("eksponaty/laboratorium/zdjecie08_mini.png") no-repeat center; }

/**
 *
 * Firmy zaangazowane -> Marki narzedziowe
 *
**/
ul.firmy_ li#markiSiemens {
  width: 250px;
  height: 160px; }
  ul.firmy_ li#markiSiemens a img {
    margin: -160px 0 0 0; }
ul.firmy_ li#markiAkomp {
  width: 250px;
  height: 56px; }
  ul.firmy_ li#markiAkomp a img {
    margin: -56px 0 0 0; }
ul.firmy_ li#markiBamagMeguin {
  width: 400px;
  height: 62px; }
  ul.firmy_ li#markiBamagMeguin a img {
    margin: -62px 0 0 0; }
ul.firmy_ li#markiAEG {
  width: 400px;
  height: 62px; }
  ul.firmy_ li#markiAEG a img {
    margin: -62px 0 0 0; }
ul.firmy_ li#markiUlme,
ul.firmy_ li#markiRuster,
ul.firmy_ li#markiSaure {
  width: 480px;
  height: 110px; }
  ul.firmy_ li#markiUlme a img,
  ul.firmy_ li#markiRuster a img,
  ul.firmy_ li#markiSaure a img {
    margin: -110px 0 0 0; }
ul.firmy_ li#markiNiezidentyfikowane {
  width: 450px;
  height: 50px; }
  ul.firmy_ li#markiNiezidentyfikowane a img {
    margin: -50px 0 0 0; }
ul.firmy_ li#plytyDemag {
  width: 400px;
  height: 92px; }
  ul.firmy_ li#plytyDemag a img {
    margin: -92px 0 0 0; }
ul.firmy_ li#plytyMoller {
  width: 500px;
  height: 81px; }
  ul.firmy_ li#plytyMoller a img {
    margin: -81px 0 0 0; }
ul.firmy_ li#plytyAEG {
  width: 400px;
  height: 62px; }
  ul.firmy_ li#plytyAEG a img {
    margin: -62px 0 0 0; }

ul#podfirmySiemensa {
  width: 338px;
  margin: 0 0 0 -34px;
  padding: 60px 0 0 530px;
  height: 440px;
  background: url("img/tlo_siemens.png") no-repeat center left; }
  ul#podfirmySiemensa li {
    text-indent: -100000px; }
    ul#podfirmySiemensa li a {
      padding: 5px; }
  ul#podfirmySiemensa li#bauunion a {
    background: url("eksponaty/firmy_zaangazowane/marki_narzedziowe/marek_loga/siemens_bauunion.png") no-repeat center black;
    height: 56px; }
  ul#podfirmySiemensa li#schuckertwerke a {
    background: url("eksponaty/firmy_zaangazowane/marki_narzedziowe/marek_loga/siemens_schuckertwerke.png") no-repeat center black;
    height: 49px; }
  ul#podfirmySiemensa li#halske a {
    background: url("eksponaty/firmy_zaangazowane/marki_narzedziowe/marek_loga/siemens_halske.png") no-repeat center black;
    height: 45px; }

/************************
 *                      *
 *     Bibliografia     *
 *                      *
 ************************/
/**
 *
 * Kwerendy
 *
**/
#kwerendy .galeria_lightview li a img {
  margin: 0; }
#kwerendy .galeria_lightview li a:hover {
  border-color: #444; }

/*****************
 *               *
 *     O nas     *
 *               *
 *****************/
/**
 *
 * Zespol
 *
**/
#zespol li {
  overflow: hidden;
  margin: 0;
  padding: 30px;
  list-style-type: none;
  border-top: 2px dashed #6a6a6a; }
  #zespol li:first-child {
    border: 0;
    padding: 0 30px 30px 30px; }
  #zespol li img {
    border: 5px solid #2e2e2e;
    float: left;
    margin: 5px 10px 0 0;
    width: 300px; }
  #zespol li p {
    margin: 0;
    padding: 10px 0 0 0;
    float: right;
    width: 480px; }
  #zespol li h3 {
    text-align: center; }
