/* vseobecne elementy */
body {margin: 0; padding: 0; background: #FFF url('pozadi-stranky-mrizka-mapa.png') no-repeat center top; font-family: arial ce, arial, tahoma, san-serif; text-align: center; border-width: 2px 0 0 0; border-style: solid; border-color: #5c5c5c;}
h1 {margin: 0 0 8px 0; padding: 0 0 0 25px; color: #323232; font-size: 22px; font-weight: normal; background: url('ico-h1nadpisu.png') no-repeat 0 50%; text-align: left;}
h1 span {color: #b3b3b3;}
h1 div {position: absolute; top: 0; right: 0;}
h2 {margin: 12px 0 0 0; padding: 0; color: #000000; font-size: 16px; font-weight: normal;}
h3 {margin: 0; padding: 0; color: #3d3d3d; font-size: 16px; font-weight: normal;}
h4 {margin: 4px 0 0 0; padding: 0; color: #707070; font-size: 13px; font-weight: normal;}

.carapodh1 {border-width: 0 0 2px 0; border-style: solid; border-color: #e5e5e5; height: 8px; margin-bottom: 17px;}

p {margin: 0 0 15px 0; line-height: 20px; color: #595959;}
a:link, a:active, a:visited {color: #949494; text-decoration: underline; outline: none;}
a:hover {color: #c8c8c8; text-decoration: none;}

#centrovaci {width: 1098px; height: 100%; position: relative; margin: auto; background: url('pozadi-stranky-stin.png') repeat-y center top; text-align: left; color: #a9a9a9; font-size: 12px; line-height: 18px;}

#fotogps {display: block; width: 95px; height: 20px; position: absolute; top: 76px; right: 181px; z-index: 10;}
#fotogps a:link, #fotogps a:active, #fotogps a:visited {display: block; width: 95px; height: 20px; background: url('ico-gps.png') no-repeat 0 0; padding: 0 0 0 22px;}
#fotogps a:hover {color: #3d3d3d; display: block; width: 95px; height: 20px; background: url('ico-gps.png') no-repeat 0 0; padding: 0 0 0 22px;}

/* hlavicka */
  #hlavicka {width: 1098px; height: 58px; position: relative; background: url('pozadi-hlavicky.png') no-repeat 0 0;}
    #hlavickalogo {display: block; width: 164px; height: 28px; position: absolute; top: 16px; left: 55px; z-index: 1; background: url('logo-cyklostranky-eu.png') no-repeat 0 0;}
    #fotogalerie {height: 49px; position: absolute; top: 0; right: 26px; z-index: 1; background: url('pozadi-fotogalerie.png') repeat-x 0 0;}
      #fotogalerielramecek, #fotogaleriepramecek {width: 22px; height: 49px; position: relative; float: left; z-index: 1; margin: 0; padding: 0; background: url('ramecek-l-fotogalerie.png') no-repeat 0 0;}
      #fotogaleriepramecek {background: url('ramecek-p-fotogalerie.png') no-repeat 0 0;}
      #fotogalerie h3 {position: relative; float: left; z-index: 1; margin: 0; padding: 13px 3px 6px;}
      #fotogalerie ul {position: relative; float: left; margin: 0; padding: 12px 0 4px 6px; list-style-type: none;}
      #fotogalerie ul li {position: relative; float: left; padding: 0 6px 6px 0;}
      #fotogalerie ul li a:link, #fotogalerie ul li a:active, #fotogalerie ul li a:visited {display: block; width: 28px; height: 25px; color: #FFF; font-weight: bold; font-size: 12px; text-decoration: none; background: url('button-mapa-foto.png') no-repeat 0 0; line-height: 24px;}
      #fotogalerie ul li a:hover {display: block; width: 28px; height: 25px; color: #FFF; font-weight: bold; font-size: 12px; text-decoration: none; background: url('button-mapa-foto.png') no-repeat -28px 0;}
      #fotogalerie ul li a.selectedlgico:link, #fotogalerie ul li a.selectedlgico:active, #fotogalerie ul li a.selectedlgico:visited, #fotogalerie ul li a.selectedlgico:hover {display: block; width: 28px; height: 25px; color: #FFF; font-weight: bold; font-size: 12px; text-decoration: none; background: url('button-mapa-foto.png') no-repeat -56px 0;}
      #fotogalerie ul li a span {margin: 7px;}

/* obsah */
  #horniramecekobsahu {width: 1046px; height: 15px; position: relative; margin: 0 26px 0 26px; background: url('obsah-horni-ramecek.png') no-repeat 0 0;}
  #telo {width: 1046px; height: 707px; position: relative; z-index: 1; margin: 0 26px 0 26px;}

    #levastrana {width: 189px; height: 684px; position: relative; z-index: 1; float: left; margin: 5px 33px 18px 16px; background: #f2f2f2;}
    #btnUp {position: absolute; top: 0; left: 0; z-index: 4; width: 189px; height: 22px; background: url('pozadi-predchozi-fotografie.png') no-repeat 0 0; margin: 0; cursor: pointer;}
    #btnUp:hover {position: absolute; top: 0; left: 0; z-index: 4; width: 189px; height: 22px; background: url('pozadi-predchozi-fotografie.png') no-repeat 0 -22px; margin: 0;}
    #btnDown {position: absolute; bottom: 0; left: 0; z-index: 4; width: 189px; height: 22px; background: url('pozadi-dalsi-fotografie.png') no-repeat 0 0; cursor: pointer;}
    #btnDown:hover {position: absolute; bottom: 0; left: 0; z-index: 4; width: 189px; height: 22px; background: url('pozadi-dalsi-fotografie.png') no-repeat 0 -22px;}
    #easyscroll {width: 189px; height: 640px; position: absolute; top: 24px; left: 0; overflow: hidden; background-color: #f2f2f2;}
    #easyscroll a.thumb {width: 100%; display: block; padding: 4px 0px;}
    #easyscroll a.thumb:hover {width: 100%; display: block; background-color: #d3d3d3;}
      .hornilevyramecekm {width: 4px; height: 4px; background: url('ramecek-obrazku-topleft-maly.png') no-repeat 0 0;}
      .hornipravyramecekm {width: 4px; height: 4px; background: url('ramecek-obrazku-topright-maly.png') no-repeat 0 0;}
      .spodninilevyramecekm {width: 4px; height: 4px; background: url('ramecek-obrazku-bottomleft-maly.png') no-repeat 0 0;}
      .spodnipravyramecekm {width: 4px; height: 4px; background: url('ramecek-obrazku-bottomright-maly.png') no-repeat 0 0;}

    #pravastrana {width: 780px; height: 693px; position: relative; z-index: 1; float: left; margin: 0 28px 14px 0;}
      #predchozi, #dalsi {display: block; width: 27px; height: 27px; position: absolute; top: -2px; right: 27px; z-index: 2;}
      #dalsi {right: 0;}
      #predchozi a, #dalsi a {display: block; position: relative; width: 27px; height: 27px; background: url('button-predchozi.png') no-repeat 0 0;}
      #dalsi a {background: url('button-dalsi.png') no-repeat 0 0;}
      #predchozi a:hover {display: block; position: relative; width: 27px; height: 27px; background: url('button-predchozi.png') no-repeat -27px 0;}
      #dalsi a:hover {display: block; position: relative; width: 27px; height: 27px; background: url('button-dalsi.png') no-repeat -27px 0;}

      #aktualnifoto {display: block; position: absolute; top: 4px; right: 64px; z-index: 2; color: #3d3d3d; font-size: 14px;}

      .hornilevyramecek {width: 5px; height: 5px; background: url('ramecek-obrazku-topleft.png') no-repeat 0 0;}
      .hornipravyramecek {width: 5px; height: 5px; background: url('ramecek-obrazku-topright.png') no-repeat 0 0;}
      .spodninilevyramecek {width: 5px; height: 5px; background: url('ramecek-obrazku-bottomleft.png') no-repeat 0 0;}
      .spodnipravyramecek {width: 5px; height: 5px; background: url('ramecek-obrazku-bottomright.png') no-repeat 0 0;}
      .hornicara {border-width: 1px 0 0 0; border-style: solid; border-color: #c6c6c6; background: #FFF;}
      .levacara {border-width: 0 0 0 1px; border-style: solid; border-color: #c6c6c6; background: #FFF;}
      .pravacara {border-width: 0 1px 0 0; border-style: solid; border-color: #c6c6c6; background: #FFF;}
      .dolnicara {border-width: 0 0 1px 0; border-style: solid; border-color: #c6c6c6; background: #FFF;}
      #popisek {width: 780px; position: absolute; bottom: 0; text-align: center;}

/* paticka */
  #paticka {width: 1046px; height: 72px; position: relative; margin: 0 26px 0 26px; background: url('pozadi-paticka.png') repeat-x 0 0; text-align: left; color: #a9a9a9; font-size: 12px; line-height: 18px;}
    #logozps {display: block; width: 75px; height: 26px; position: absolute; top: 24px; left: 28px; z-index: 2; background: url('logo-zps.png') no-repeat 0 0;}
    #zpracovano {display: block; width: 300px; height: 36px; position: absolute; top: 19px; left: 118px;}
    #copy {display: block; width: 300px; height: 36px; position: absolute; top: 19px; left: 238px; z-index: 2; text-align: left;}
      #copy span, #copy2 span {color: #676767;}
    #copy2 {display: block; width: 300px; height: 36px; position: absolute; top: 19px; right: 25px; z-index: 2; text-align: right;}