/* vseobecne elementy */
body {margin: 0; padding: 0; background: #FFF url('../grafika/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 6px 0; padding: 0 0 0 25px; color: #323232; font-size: 22px; font-weight: normal; background: url('../grafika/ico-h1nadpisu.png') no-repeat 0 50%;}
h1 div {position: absolute; top: 24px; right: 0;}
h1 div img {float: left; margin: 0 0 0 4px; border: 1px solid #d2d2d2;}
h2 {margin: 0 0 10px 0; padding: 0; color: #b90909; font-size: 20px; font-weight: normal;}
h2 span {margin: 7px 0 0 0; position: relative; float: right; color: #000; font-size: 14px; font-weight: bold;}
h3 {margin: 0 0 12px 0; padding: 0; color: #000; font-size: 16px; font-weight: normal;}
h3 span {color: #a0a0a0;}
h3 div {position: absolute; top: 0; right: 0;}
h3 div img {float: left; margin: 0 0 0 4px; border: 1px solid #d2d2d2;}
h4 {margin: 0 0 4px 0; padding: 0; color: #4c4c4c; font-size: 12px; font-weight: bold; text-transform: uppercase;}
h5 {margin: 0 0 8px 0; padding: 0; color: #000; font-size: 16px; font-weight: normal;}
p {margin: 0 0 15px 0; line-height: 20px; color: #595959;}
a:link, a:active, a:visited {color: #000; text-decoration: underline; outline: none;}
a:hover {color: #000; text-decoration: none;}
form {margin: 0; padding: 0;}
input {margin: 0; padding: 0; border-width: 0; border-style: solid;}

#centrovaci {width: 1098px; position: relative; margin: auto; background: url('../grafika/pozadi-stranky-stin.png') repeat-y center top;}
/* hlavicka */
  #hlavicka {width: 1098px; height: 58px; position: relative; background: url('../grafika/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('../grafika/logo-cyklostranky-eu.png') no-repeat 0 0;}
    #vyhledavani {width: 206px; height: 49px; position: absolute; top: 0; right: 26px; z-index: 1; background: url('../grafika/pozadi-vyhledavani.png') no-repeat 0 0;}
      .searchinput {width: 135px; height: 15px; position: absolute; top: 15px; left: 18px; z-index: 2; border: none; margin: 0; padding: 0 0 4px 0; color: #7f7f7f; font-size: 12px; line-height: 18px;}
      #btnsearch {width: 32px; height: 25px; position: absolute; top: 11px; left: 164px; z-index: 3; border: none; padding: 0;}

/* hlavni menu */
  #mainmenu {width: 1046px; height: 52px; position: relative; margin: 0 26px 0 26px; background: url('../grafika/pozadi-mainmenu.png') no-repeat 0 0;}
    #mmvlevo {height: 38px; position: absolute; top: 10px; left: 8px; z-index: 1; text-align: left;}
      #mmvlevo ul, #mmvpravo ul {margin: 0; padding: 0; list-style-type: none;}
        #mmvlevo ul li, #mmvpravo ul li {margin: 0 2px 0 0; position: relative; float: left;}
          #mmvlevo ul li a {height: 36px; position: relative; float: left; padding: 0 20px 0 20px; color: #b90909; background: #FFF; font-size: 16px; text-decoration: none; line-height: 40px;}
          #mmvlevo ul li a:hover {height: 36px; position: relative; float: left; padding: 0 20px 0 20px; color: #FFF; background: #cb4747; font-size: 16px; text-decoration: none; line-height: 40px;}
            #mmvlevo ul li a:hover span.leftcorner {width: 5px; height: 36px; position: absolute; top: 0; left: 0; background: url('../grafika/mainmenu-leftcorner.png') no-repeat 0 0;}
            #mmvlevo ul li a:hover span.rightcorner {width: 5px; height: 36px; position: absolute; top: 0; right: 0; background: url('../grafika/mainmenu-rightcorner.png') no-repeat 0 0;}
          #mmvlevo ul li a.selected, #mmvlevo ul li a.selected:hover {height: 38px; position: relative; float: left; padding: 0 20px 0 20px; color: #FFF; background: #b90909; font-size: 16px; text-decoration: none; line-height: 40px;}
            #mmvlevo ul li a.selected span.leftcorner {width: 5px; height: 38px; position: absolute; top: 0; left: 0; background: url('../grafika/mainmenu-leftcorner.png') no-repeat -5px 0;}
            #mmvlevo ul li a.selected span.rightcorner {width: 5px; height: 38px; position: absolute; top: 0; right: 0; background: url('../grafika/mainmenu-rightcorner.png') no-repeat -5px 0;}
    #mmvpravo {height: 36px; position: absolute; top: 10px; right: 7px; z-index: 1; text-align: left;}
          #mmvpravo ul li a {height: 36px; position: relative; float: left; padding: 0 20px 0 20px; color: #a8a8a8; background: #FFF; font-size: 16px; text-decoration: none; line-height: 40px;}
          #mmvpravo ul li a:hover {height: 36px; position: relative; float: left; padding: 0 20px 0 20px; color: #FFF; background: #a8a8a8; font-size: 16px; text-decoration: none; line-height: 40px;}
            #mmvpravo ul li a:hover span.leftcorner2 {width: 5px; height: 36px; position: absolute; top: 0; left: 0; background: url('../grafika/mainmenu-vpravo-leftcorner.png') no-repeat 0 0;}
            #mmvpravo ul li a:hover span.rightcorner2 {width: 5px; height: 36px; position: absolute; top: 0; right: 0; background: url('../grafika/mainmenu-vpravo-rightcorner.png') no-repeat 0 0;}

/* homepage */
  #homepagetop {width: 1046px; height: 373px; position: relative; top: 0; margin: 0 26px 0 26px; z-index: 1; background: url('../grafika/pozadi-homepagetop.png') no-repeat center bottom; text-align: left;}

/* vitame vas */
    #vitamevas {width: 253px; height: 310px; position: absolute; top: 15px; left: 9px; z-index: 1; border-color: #f2f2f2; border-style: solid; border-width: 0 0 1px 0;}
      #vitamevas h2 {margin-left: 19px;}
      #vitamevas p {margin-left: 19px; color: #999999; font-size: 13px; line-height: 17px;}

/* slider */
    #slider {width: 759px; height: 358px; position: absolute; top: 5px; right: 9px; z-index: 1;}
     #rameceksliderutop {width: 759px; height: 5px; position: absolute; top: 0; left: 0; z-index: 10; background: url('../grafika/slider/ramecek-top.png') no-repeat 0 0;}
      #rameceksliderubottom {width: 759px; height: 5px; position: absolute; bottom: 34px; left: 0; z-index: 10; background: url('../grafika/slider/ramecek-bottom.png') no-repeat 0 0;}
     #slider div.popisslidu {width: 759px; height: 41px; position: relative; top: 282px; left: 0; z-index: 3; color: #FFF; background: url('../grafika/slider/pozadi-popisku.png') repeat-x 0 0; font-size: 16px; text-align: center; line-height: 40px;}
      #slider div.popisslidu a {color: #FFF; text-decoration: none;}
      #slider div.popisslidu a span {color: #a0a0a0;}
      #slider div.popisslidu a:hover {color: #FFF; text-decoration: none;}
      .graphic, #prevBtn, #nextBtn {margin: 0; padding: 0; display: block; overflow: hidden; text-indent: -8000px;}
       #slider ul {width: 759px; height: 323px; margin: 0; padding: 0; list-style: none;}
       #slider li {width: 759px; height: 323px; overflow: hidden;}
       #slider div.imgslidu {width: 759px; height: 323px; position: relative; top: -41px; left: 0;}
       #prevBtn, #nextBtn {display: block; width: 27px; height: 27px; position: absolute; bottom: 10px; right: 35px; z-index: 2;}
       #nextBtn {right: 8px;}
       #prevBtn a, #nextBtn a {display: block; position: relative; width: 27px; height: 27px; background: url('../grafika/slider/button-prev.png') no-repeat 0 0;}
       #nextBtn a {background: url('../grafika/slider/button-next.png') no-repeat 0 0;}
       #prevBtn a:hover {display: block; position: relative; width: 27px; height: 27px; background: url('../grafika/slider/button-prev.png') no-repeat -27px 0;}
       #nextBtn a:hover {display: block; position: relative; width: 27px; height: 27px; background: url('../grafika/slider/button-next.png') no-repeat -27px 0;}
       #controls {display: block; width: 500px; height: 14px; position: absolute; bottom: 16px; left: 278px; z-index: 2;}
       ol#controls {margin: 0; padding: 0; list-style: none;}
       ol#controls li {margin: 0 3px 0 0; padding: 0; float: left; height: 14px;}
       ol#controls li a {float: left; height: 14px; border-style: none; text-decoration: none;}
       ol#controls li.current a {border-style: none; text-decoration: none;}
       ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {outline: none;}
       ol#controls li a#slide1, ol#controls li a#slide2, ol#controls li a#slide3, ol#controls li a#slide4, ol#controls li a#slide5, ol#controls li a#slide6, ol#controls li a#slide7, ol#controls li a#slide8, ol#controls li a#slide9, ol#controls li a#slide10, ol#controls li a#slide11, ol#controls li a#slide12, ol#controls li a#slide13, ol#controls li a#slide14, ol#controls li a#slide15, ol#controls li a#slide16, ol#controls li a#slide17, ol#controls li a#slide18, ol#controls li a#slide19, ol#controls li a#slide20 {width: 17px; height: 14px; background: url('../grafika/slider/ico-obrazku.png') no-repeat 0 0;}
       ol#controls li a#slide1:hover, ol#controls li a#slide2:hover, ol#controls li a#slide3:hover, ol#controls li a#slide4:hover, ol#controls li a#slide5:hover, ol#controls li a#slide6:hover, ol#controls li a#slide7:hover, ol#controls li a#slide8:hover, ol#controls li a#slide9:hover, ol#controls li a#slide10:hover, ol#controls li a#slide11:hover, ol#controls li a#slide12:hover, ol#controls li a#slide13:hover, ol#controls li a#slide14:hover ol#controls li a#slide15:hover, ol#controls li a#slide16:hover, ol#controls li a#slide17:hover, ol#controls li a#slide18:hover, ol#controls li a#slide19:hover, ol#controls li a#slide20:hover {width: 17px; height: 14px; background: url('../grafika/slider/ico-obrazku-hover.png') no-repeat 0 0;}
       ol#controls li.current a#slide1, ol#controls li.current a#slide2, ol#controls li.current a#slide3, ol#controls li.current a#slide4, ol#controls li.current a#slide5, ol#controls li.current a#slide6, ol#controls li.current a#slide7, ol#controls li.current a#slide8, ol#controls li.current a#slide9, ol#controls li.current a#slide10, ol#controls li.current a#slide11, ol#controls li.current a#slide12, ol#controls li.current a#slide13, ol#controls li.current a#slide14, ol#controls li.current a#slide15, ol#controls li.current a#slide16, ol#controls li.current a#slide17, ol#controls li.current a#slide18, ol#controls li.current a#slide19, ol#controls li.current a#slide20 {text-decoration: none; background: url('../grafika/slider/ico-obrazku.png') no-repeat -17px 0;}

/* homepage - posledni cesty */
  #poslednicesty {width: 1046px; height: 314px; position: relative; margin: 0 26px 0 26px; background: url('../grafika/pozadi-posledni-cesty.png') repeat-x 0 0; text-align: left;}
    #poslednicesty h1 {position: absolute; top: 20px; left: 28px; z-index: 1;}
    #cesta1 {width: 478px; height: 185px; position: absolute; top: 59px; left: 28px; z-index: 1;}
    #cesta2 {width: 478px; height: 185px; position: absolute; top: 59px; right: 28px; z-index: 1;}
      div.textcesty {width: 290px; height: 130px; position: absolute; top: 0; right: 0; z-index: 1;}
      .textcesty p {color: #333333; font-size: 14px; line-height: 19px;}
      .poslednicestyimg {position: absolute; top: 0; left: 0; z-index: 1; padding: 5px; background: #FFF; border: 1px solid #c6c6c6;}
        .topleftcornerh {width: 5px; height: 5px; position: absolute; top: -1px; left: -1px; z-index: 2; background: url('../grafika/ramecek-obrazkuh-topleft.png') no-repeat 0 0;}
        .toprightcornerh {width: 5px; height: 5px; position: absolute; top: -1px; right: -1px; z-index: 2; background: url('../grafika/ramecek-obrazkuh-topright.png') no-repeat 0 0;}
        .bottomleftcornerh {width: 5px; height: 5px; position: absolute; bottom: -1px; left: -1px; z-index: 2; background: url('../grafika/ramecek-obrazkuh-bottomleft.png') no-repeat 0 0;}
        .bottomrightcornerh {width: 5px; height: 5px; position: absolute; bottom: -1px; right: -1px; z-index: 2; background: url('../grafika/ramecek-obrazkuh-bottomright.png') no-repeat 0 0;}
      a.cervenybuttonh:link, a.cervenybuttonh:active, a.cervenybuttonh:visited, a.cervenybuttonh:hover {height: 24px; position: absolute; bottom: 7px; right: 0; padding: 4px 14px 6px 24px; background: url('../grafika/pozadi-cerveny-button.png') repeat-x 0 0; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none;}
      a.cervenybuttonh span.leftcornercervenyh {width: 24px; height: 24px; position: absolute; top: 0; left: 0; background: url('../grafika/cerveny-button-leftcornerh.png') no-repeat 0 0;}
      a.cervenybuttonh span.rightcornercervenyh {width: 14px; height: 24px; position: absolute; top: 0; right: 0; background: url('../grafika/cerveny-button-rightcornerh.png') no-repeat 0 0;}

/* homepage - ikony pod poslednimi cestami */
    #podcestami {width: 990px; height: 55px; position: absolute; left: 28px; bottom: 5px; border-width: 2px 0 0 0; border-style: solid; border-color: #e3e3e3; font-size: 12px; color: #666666; line-height: 30px;}
      #cykloturistika, #rss, #oblibene, #mailinglist {height: 37px; position: relative; top: 10px; float: left; border-width: 0 1px 0 0; border-style: solid; border-color: #afafaf;}
      #mailinglist {border: none;}
        a#icocykloturistika:link, a#icocykloturistika:active, a#icocykloturistika:visited {display: block; height: 43px; margin: 0 20px 0 0; padding-left: 117px; background: url('../grafika/ico-cykloturistika.png') no-repeat 0 0; color: #666666; text-decoration: none; line-height: 38px;}
        a#icocykloturistika:hover {display: block; height: 43px; margin: 0 20px 0 0; padding-left: 117px; background: url('../grafika/ico-cykloturistika.png') no-repeat 0 -43px; color: #000; text-decoration: none;}
        a#icorss:link, a#icorss:active, a#icorss:visited {display: block; height: 27px; margin: 4px 20px 0 20px; padding-left: 36px; background: url('../grafika/ico-rss.png') no-repeat 0 0; color: #666666; text-decoration: none;}
        a#icorss:hover {display: block; height: 27px; margin: 4px 20px 0 20px; padding-left: 36px; background: url('../grafika/ico-rss.png') no-repeat 0 -27px; color: #000; text-decoration: none;}
        a#icooblibene:link, a#icooblibene:active, a#icooblibene:visited {display: block; height: 27px; margin: 4px 20px 0 20px; padding-left: 36px; background: url('../grafika/ico-do-oblibenych.png') no-repeat 0 0; color: #666666; text-decoration: none;}
        a#icooblibene:hover {display: block; height: 27px; margin: 4px 20px 0 20px; padding-left: 36px; background: url('../grafika/ico-do-oblibenych.png') no-repeat 0 -27px; color: #000; text-decoration: none;}
        #mailinglist span {display: block; float: left; height: 27px; margin: 4px 10px 0 20px; color: #666666;}
        #formularodber {position: relative; float: left; width: 108px; height: 27px; margin: 6px 20px 0 0; background: url('../grafika/pozadi-odberu-novinek.png') no-repeat 0 0;}
        #inputodber {width: 62px; height: 15px; position: absolute; top: 4px; left: 10px; z-index: 2; border: none; margin: 0; padding: 0 0 4px 0; color: #7f7f7f; font-size: 12px; line-height: 18px;}
        #btnodber {width: 32px; height: 25px; position: absolute; top: 0; right: 0; z-index: 3; padding: 0; background: url('../grafika/button-odber.png') no-repat 0 0;}
        a.cernybuttonh:link, a.cernybuttonh:active, a.cernybuttonh:visited, a.cernybuttonh:hover {height: 24px; position: absolute; bottom: 4px; right: 0; padding: 4px 14px 6px 24px; background: url('../grafika/pozadi-cerny-button.png') repeat-x 0 0; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 14px;}
        a.cernybuttonh span.leftcornercernyh {width: 24px; height: 24px; position: absolute; top: 0; left: 0; background: url('../grafika/cerny-button-leftcornerh.png') no-repeat 0 0;}
        a.cernybuttonh span.rightcornercernyh {width: 14px; height: 24px; position: absolute; top: 0; right: 0; background: url('../grafika/cerny-button-rightcornerh.png') no-repeat 0 0;}
    #ramecekpodcestami {width: 1046px; height: 5px; position: absolute; left: 0; bottom: 0; background: url('../grafika/ramecek-posledni-cesty.png') no-repeat 0 0;}

/* paticka */
  #paticka {width: 1046px; height: 93px; position: relative; margin: 0 26px 0 26px; background: url('../grafika/pozadi-paticka.png') repeat-x 0 0; text-align: left; color: #a9a9a9; font-size: 12px; line-height: 18px;}
  #paticka a:link, #paticka a:active, #paticka a:visited {color: #949494; font-size: 12px; text-decoration: underline;}
  #paticka a:hover {color: #c8c8c8; font-size: 12px; text-decoration: none;}
  #paticka a.selectedp:link, #paticka a.selectedp:active, #paticka a.selectedp:visited {color: #FFF; font-size: 12px; text-decoration: none;}
  #paticka a.selectedp:hover {color: #FFF; font-size: 12px; text-decoration: none;}
      #patickablok1 {width: 303px; height: 69px; position: relative; top: 11px; float: left; border-width: 0 1px 0 0; border-style: solid; border-color: #404040; color: #FFF; font-size: 13px; font-weight: bold;}
      #patickablok1 div {margin: 8px 0 0 28px;}
      #patickablok1 ul {margin: 0; padding: 0; list-style-type: none;}
      #patickablok1 ul li {margin: 0 12px 0 0; position: relative; float: left;}
    #patickablok2 {width: 427px; height: 69px; position: relative; top: 11px; float: left; border-width: 0 1px 0 0; border-style: solid; border-color: #404040;}
      #logoczechia {display: block; position: absolute; top: 10px; left: 52px; width: 111px; height: 32px; background: url('../grafika/logo-czechia.png') no-repeat 0 0;}
      #popisekczechia {display: block; position: absolute; top: 8px; right: 52px; width: 200px; height: 62px;}
    #patickablok3 {width: 250px; height: 69px; position: absolute; top: 19px; right: 28px; text-align: right;}
      #patickablok3 span {color: #696969;}
    #ramecekpodpatickou {width: 1046px; height: 5px; position: absolute; left: 0; bottom: 0; background: url('../grafika/ramecek-paticka.png') no-repeat 0 0;}

/* obsah dvousloupcove stranky */
  #levastrana {width: 249px; position: relative; top: 0; left: 0; float: left; margin: 20px 29px 20px 34px; z-index: 1; text-align: left;}
    #levastrana h2 {color: #333333; padding: 0 19px 5px 19px; border-width: 0 0 1px 0; border-style: solid; border-color: #e5e5e5;}

/* scrollovaci menu */
    #easyscrollnav {width: 249px; height: 375px; position: absolute; top: 0; left: 0;}
      #btnUp {position: absolute; top: 0; left: 0; z-index: 4; width: 249px; height: 22px; background: url('../grafika/nase-cesty/pozadi-dalsi-cesty.png') no-repeat 0 0; margin: 0 0 1px 0; cursor: pointer;}
      #btnUp:hover {position: absolute; top: 0; left: 0; z-index: 4; width: 249px; height: 22px; background: url('../grafika/nase-cesty/pozadi-dalsi-cesty.png') no-repeat 0 -22px; margin: 0 0 1px 0;}
      #btnDown {position: absolute; bottom: 0; left: 0; z-index: 4; width: 249px; height: 22px; background: url('../grafika/nase-cesty/pozadi-predchozi-cesty.png') no-repeat 0 0; cursor: pointer;}
      #btnDown:hover {position: absolute; bottom: 0; left: 0; z-index: 4; width: 249px; height: 22px; background: url('../grafika/nase-cesty/pozadi-predchozi-cesty.png') no-repeat 0 -22px;}
      #btnReset {display: none;}
      #easyscroll {width: 249px; height: height: 330px; position: absolute; top: 23px; left: 0;}

/* leve menu */
        #menucesty {width: 249px; color: #7f7f7f; font-size: 15px;}
          #menucesty ul {margin: 0; padding: 0; list-style-type: none;}
            #menucesty ul li {width: 249px; height: 32px; margin: 0 0 1px 0; line-height: 32px;}
              #menucesty ul li a {display: block; width: 249px; height: 32px; color: #7f7f7f; text-decoration: none; background: url('../grafika/nase-cesty/pozadi-leve-menu.png') no-repeat 0 0; position: relative; top: 0; left: 0;}
              #menucesty ul li a:hover {display: block; width: 249px; height: 32px; color: #FFF; text-decoration: none; background: url('../grafika/nase-cesty/pozadi-leve-menu.png') no-repeat 0 -32px;}
              #menucesty ul li a.selectedlm:link, #menucesty ul li a.selectedlm:active, #menucesty ul li a.selectedlm:visited {display: block; width: 249px; height: 32px; color: #FFF; text-decoration: none; background: url('../grafika/nase-cesty/pozadi-leve-menu.png') no-repeat 0 -64px;}
                #menucesty ul li a span {margin: 0 19px 0 19px;}
                #menucesty ul li a span.rok {position: absolute; top: 0; right: 0; color: #a0a0a0; font-size: 13px;}
          #topmenucesta {width: 249px; height: 22px; margin: 0 0 1px 0; background: url('../grafika/nase-cesty/box-cesta-top.png') no-repeat 0 0;}
          a#bottommenucesta:link, a#bottommenucesta:active, a#bottommenucesta:visited {display: block; width: 249px; height: 22px; margin: 0; background: url('../grafika/nase-cesty/pozadi-zpet-na-ostatni-cesty.png') no-repeat 0 0;}
          a#bottommenucesta:hover {display: block; width: 249px; height: 22px; margin: 0; background: url('../grafika/nase-cesty/pozadi-zpet-na-ostatni-cesty.png') no-repeat 0 -22px;}
          a#bottommenuzpet:link, a#bottommenuzpet:active, a#bottommenuzpet:visited {display: block; width: 249px; height: 22px; margin: 0; background: url('../grafika/nase-cesty/pozadi-zpet-na-uvodni.png') no-repeat 0 0;}
          a#bottommenuzpet:hover {display: block; width: 249px; height: 22px; margin: 0; background: url('../grafika/nase-cesty/pozadi-zpet-na-uvodni.png') no-repeat 0 -22px;}
    #menumapa, #menufotogalerie, #menumapypruvodci, #menudoporuceneweby, #menulegenda, #menuunesco, #menupanorama {position: relative; float: left; width: 249px; margin: 20px 0 0 0; background: url('../grafika/nase-cesty/box-mapa.png') 0 0 no-repeat;}
    #menufotogalerie {background: url('../grafika/nase-cesty/box-fotogalerie.png') 0 0 no-repeat;}
    #menumapypruvodci {background: url('../grafika/nase-cesty/box-mapy-pruvodci.png') 0 0 no-repeat;}
    #menudoporuceneweby {background: url('../grafika/nase-cesty/box-doporucene-weby.png') 0 0 no-repeat;}
    #menumapa {background: url('../grafika/nase-cesty/box-mapy.png') 0 0 no-repeat;}
    #menulegenda {background: url('../grafika/box-legenda.png') 0 0 no-repeat;}
    #menuunesco {background: url('../grafika/nase-cesty/box-unesco.png') 0 0 no-repeat;}
    #menupanorama {background: url('../grafika/nase-cesty/box-panorama.png') 0 0 no-repeat;}
      #menumapa h4, #menufotogalerie h4, #menumapypruvodci h4, #menudoporuceneweby h4, #menulegenda h4, #menuunesco h4, #menupanorama h4 {height: 38px; line-height: 38px; margin: 0; padding-left: 51px;}
      #menumapa h4, #menumapypruvodci h4, #menudoporuceneweby h4, #menuunesco h4, #menupanorama h4 {cursor: pointer;}
      .ramecekmenuvlevo {position: relative; float: left; width: 247px; margin: 0; padding: 0; border-width: 0 1px 1px 1px; border-style: solid; border-color: #d9d9d9;}
        .ramecekmenuvlevo ul {position: relative; float: left; margin: 0; padding: 10px 19px 4px 19px; list-style-type: none;}
          .ramecekmenuvlevo ul li {position: relative; float: left; padding: 0 6px 6px 0;}
          .ramecekmenuvlevo ul li a:link, .ramecekmenuvlevo ul li a:active, .ramecekmenuvlevo ul li a:visited {display: block; width: 28px; height: 25px; color: #FFF; font-weight: bold; font-size: 12px; text-decoration: none; background: url('../grafika/nase-cesty/button-mapa-foto.png') no-repeat 0 0; line-height: 24px;}
          .ramecekmenuvlevo ul li a:hover {display: block; width: 28px; height: 25px; color: #FFF; font-weight: bold; font-size: 12px; text-decoration: none; background: url('../grafika/nase-cesty/button-mapa-foto.png') no-repeat -28px 0;}
          .ramecekmenuvlevo ul li a.selectedlmico:link, .ramecekmenuvlevo ul li a.selectedlmico:active, .ramecekmenuvlevo ul li a.selectedlmico:visited, .ramecekmenuvlevo ul li a.selectedlmico:hover {display: block; width: 28px; height: 25px; color: #FFF; font-weight: bold; font-size: 12px; text-decoration: none; background: url('../grafika/nase-cesty/button-mapa-foto.png') no-repeat -56px 0;}
            .ramecekmenuvlevo ul li a span {margin: 7px;}
      .ramecekmenuvlevonormal {position: relative; float: left; width: 247px; margin: 0; padding: 0; border-width: 0 1px 0 1px; border-style: solid; border-color: #d9d9d9;}
        .ramecekmenuvlevonormal ul {position: relative; float: left; margin: 0; padding: 0; list-style-type: none;}
          .ramecekmenuvlevonormal ul li {width: 247px; height: 30px; font-size: 13px; color: #7f7f7f; border-width: 0 0 1px 0; border-style: solid; border-color: #d9d9d9;}
          .ramecekmenuvlevonormal ul li a:link, .ramecekmenuvlevonormal ul li a:active, .ramecekmenuvlevonormal ul li a:visited {display: block; width: 247px; height: 30px; color: #7f7f7f; font-size: 13px; text-decoration: none; background: #FFF; line-height: 30px;}
          .ramecekmenuvlevonormal ul li a:hover {display: block; width: 247px; height: 30px; color: #7f7f7f; font-size: 13px; text-decoration: none; background: #f2f2f2; line-height: 30px;}
          .ramecekmenuvlevonormal ul li a span {margin: 0 19px 0 19px;}
          .ramecekmenuvlevonormal ul li img {position: relative; top: 0; left: 0; float: left; margin: 5px 14px 5px 19px;}
          .vysvetlivka {display: block; height: 30px; position: relative; top: 0; left: 0; float: left; color: #7f7f7f; font-size: 13px; text-decoration: none; background: #FFF; line-height: 30px;}
      .dropdownlist, .dropdownlist2, .dropdownlist3, .dropdownlist4, .dropdownlist5  {display:none;}
    #blokpartneri {margin-top: 60px;}
    #blokpartnerinormal {margin-top: 15px; position: relative; float: left;}
      #partneri {width: 249px; text-align: center; vertical-align: middle; padding-bottom: 5px; border-width: 0 0 1px 0; border-style: solid; border-color: #e5e5e5;}
      #partneri img {margin: 3px 3px 6px 3px;}
    #blokprovozovatel {margin: 0 0 0 19px; color: #7f7f7f; font-size: 13px;}
    
/* prava strana - obsah stranek */
  #pravastrana {width: 731px; position: relative; top: 0; left: 0; float: left; margin: 20px 0 20px 0; z-index: 1; text-align: left; font-size: 14px;}
    #drobecky {width: 731px; margin: 0 0 6px 0; position: relative; top: 0; left: 0; float: left; font-size: 12px;}
      #drobecky span {color: #666666; font-weight: bold; text-transform: uppercase; float: left; margin-right: 8px;}
      #drobecky ul {margin: 0; padding: 0; list-style-type: none;}
        #drobecky ul li {position: relative; float: left; margin: 0 8px 0 0; padding: 0 0 0 10px; color: #8c8c8c; background: url('../grafika/sipka-drobeckove-navigace.png') no-repeat 0 50%;}
          #drobecky ul li a {color: #8c8c8c; text-decoration: underline;}
          #drobecky ul li a:hover {color: #8c8c8c; text-decoration: none;}

/* prava strana - obsah stranek - box - cesty */
    .nasecestybox {width: 731px; height: 150px; position: relative; top: 0; left: 0; background: url('../grafika/nase-cesty/pozadi-box-nase-cesty.png') repeat-x 0 0; margin-bottom: 14px;}
      .nasecestybottom {width: 731px; height: 5px; position: absolute; bottom: 0; left: 0; background: url('../grafika/nase-cesty/box-nase-cesty-bottom.png') repeat-x 0 0;}
      .nasecestyimg {position: absolute; top: 8px; left: 10px; z-index: 1; padding: 5px; background: #FFF; border: 1px solid #c6c6c6;}
      .nasecestytexty {width: 523px; height: 130px; position: absolute; top: 8px; right: 10px; z-index: 1;}
        .nasecestybox h3 {width: 523px;}
        .nasecestytexty p {font-size: 14px; color: #595959; line-height: 19px; padding: 0 0 6px 0; border-width: 0 0 2px 0; border-style: solid; border-color: #f3f3f3;}
        .nasecestyspodnic {width: 523px; height: 24px; position: absolute; bottom: 0; left: 0; z-index: 2; color: #737373; font-size: 13px;}
          .nasecestyspodnic div.ikonycest {width: 87px;}
            .nasecestyspodnic div.ikonycest img {margin-right: 5px;}
          .nasecestyspodnic div {float: left; margin: 0 20px 0 0; line-height: 22px;}
          a.cervenybuttonnc:link, a.cervenybuttonnc:active, a.cervenybuttonnc:visited, a.cervenybuttonnc:hover {height: 24px; position: absolute; bottom: 0; right: 0; padding: 0 14px 0 24px; background: url('../grafika/pozadi-cerveny-button.png') repeat-x 0 0; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 22px;}
          a.cervenybuttonnc span.leftcornercervenync {width: 24px; height: 24px; position: absolute; top: 0; left: 0; background: url('../grafika/cerveny-button-leftcornernc.png') no-repeat 0 0;}
          a.cervenybuttonnc span.rightcornercervenync {width: 14px; height: 24px; position: absolute; top: 0; right: 0; background: url('../grafika/cerveny-button-rightcornernc.png') no-repeat 0 0;}
          a.sedybuttonnc:link, a.sedybuttonnc:active, a.sedybuttonnc:visited, a.sedybuttonnc:hover {height: 24px; position: absolute; bottom: 0; right: 0; padding: 0 14px 0 24px; background: url('../grafika/pozadi-sedy-button.png') repeat-x 0 0; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 22px;}
          a.sedybuttonnc span.leftcornersedync {width: 24px; height: 24px; position: absolute; top: 0; left: 0; background: url('../grafika/sedy-button-leftcornernc.png') no-repeat 0 0;}
          a.sedybuttonnc span.rightcornersedync {width: 14px; height: 24px; position: absolute; top: 0; right: 0; background: url('../grafika/sedy-button-rightcornernc.png') no-repeat 0 0;}
          #vsechnyreportaze {clear: both; position: relative; top: 0; left: 0; width: 731px; height: 24px; margin: 34px 0 0 0;}
          a.cernybutton:link, a.cernybutton:active, a.cernybutton:visited, a.cernybutton:hover {height: 24px; position: absolute; bottom: 4px; right: 0; padding: 4px 14px 6px 24px; background: url('../grafika/pozadi-cerny-button.png') repeat-x 0 0; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 14px;}
          a.cernybutton span.leftcornercerny {width: 24px; height: 24px; position: absolute; top: 0; left: 0; background: url('../grafika/cerny-button-leftcorner.png') no-repeat 0 0;}
          a.cernybutton span.leftcornercernyzpet {width: 24px; height: 24px; position: absolute; top: 0; left: 0; background: url('../grafika/cerny-button-zpet-leftcorner.png') no-repeat 0 0;}
          a.cernybutton span.rightcornercerny {width: 14px; height: 24px; position: absolute; top: 0; right: 0; background: url('../grafika/cerny-button-rightcorner.png') no-repeat 0 0;}

/* prava strana - obsah stranek - cesta */
    .uvodniodstavec {color: #000; font-weight: 500;}
    .nasecestyimgvlevo {position: relative; float: left; z-index: 1; margin: 6px 18px 6px 0; padding: 5px; background: #FFF; border: 1px solid #c6c6c6;}
    .nasecestyimgvpravo {position: relative; float: right; z-index: 1; margin: 6px 0 6px 18px; padding: 5px; background: #FFF; border: 1px solid #c6c6c6;
}
      .nasecestyimgvlevo a, .nasecestyimgvpravo a {display: block; position: relative; float: left; text-decoration: none;}
        .nasecestyimgvlevo a span, .nasecestyimgvpravo a span {display: block; position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; height: 32px; background: url('../grafika/bg-popisek-obrazku.png') repeat-x 0 0; color: #FFF; font-size: 11px; text-align: center; line-height: 29px; text-decoration: none;}
        .nasecestyimgvlevo a:hover span, .nasecestyimgvpravo a:hover span {text-decoration: none;}
       .topleftcorner {width: 5px; height: 5px; position: absolute; top: -1px; left: -1px; z-index: 2; background: url('../grafika/ramecek-obrazku-topleft.png') no-repeat 0 0;}
       .toprightcorner {width: 5px; height: 5px; position: absolute; top: -1px; right: -1px; z-index: 2; background: url('../grafika/ramecek-obrazku-topright.png') no-repeat 0 0;}
       .bottomleftcorner {width: 5px; height: 5px; position: absolute; bottom: -1px; left: -1px; z-index: 2; background: url('../grafika/ramecek-obrazku-bottomleft.png') no-repeat 0 0;}
       .bottomrightcorner {width: 5px; height: 5px; position: absolute; bottom: -1px; right: -1px; z-index: 2; background: url('../grafika/ramecek-obrazku-bottomright.png') no-repeat 0 0;}
    .spodninavigace {width: 731px; height: 24px; position: relative; clear: both; float: left; padding: 0; margin: 0;}
      .autor {position: relative; float: left; padding: 3px 0 20px 0; color: #333333; font-size: 14px; font-weight: bold;}
      .pokracovatnadalsi {width: 200px; height: 24px; position: relative; float: right;}
      .napredchozi {width: 168px; height: 24px; position: relative; float: left;}
      .napredchozi a.cernybutton {position: absolute; top: 0; left: 0;}

        a.cervenybutton:link, a.cervenybutton:active, a.cervenybutton:visited, a.cervenybutton:hover {height: 24px; position: absolute; top: 0; right: 0; padding: 4px 14px 6px 24px; background: url('../grafika/pozadi-cerveny-button.png') repeat-x 0 0; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none;}
        a.cervenybutton span.leftcornercerveny {width: 24px; height: 24px; position: absolute; top: 0; left: 0; background: url('../grafika/cerveny-button-leftcorner.png') no-repeat 0 0;}
        a.cervenybutton span.rightcornercerveny {width: 14px; height: 24px; position: absolute; top: 0; right: 0; background: url('../grafika/cerveny-button-rightcorner.png') no-repeat 0 0;}
        
    table#prehledcesty {position: relative; clear: both; float: left; width: 731px; color: #8c8c8c; font-size: 13px; margin-top: 20px; line-height: 22px;}
      table#prehledcesty td#prehledcestynadpis {width: 731px; height: 38px; padding: 0 0 0 51px; background: url('../grafika/nase-cesty/box-prehled-cesty.png') no-repeat 0 0;}
        table#prehledcesty td#prehledcestynadpis h4 {margin-top: 4px;}
      table#prehledcesty td {height: 30px; padding-left: 20px;}
      table#prehledcesty td strong {margin-left: 6px; color: #737373; font-weight: bold;}
        table#prehledcesty td strong img {margin-right: 3px;}
      table#prehledcesty td.leftcell {width: 365px; border-width: 0 0 1px 1px; border-style: solid; border-color: #d9d9d9;}
      table#prehledcesty td.rightcell {width: 365px; border-width: 0 1px 1px 0; border-style: solid; border-color: #d9d9d9;}
      table#prehledcesty td.bothcell {border-width: 0 1px 1px 1px; border-style: solid; border-color: #d9d9d9; padding-top: 2px;}
        table#prehledcesty td.bothcell img, table#prehledcesty td.leftcell img, table#prehledcesty td.rightcell img {border: 1px solid #d2d2d2;}
    .poznamka {width: 713px; position: relative; float: left; margin: 0 0 20px 0; padding: 5px 9px 5px 9px; background: #f5f5f5; border: 1px solid #e0e0e0; font-size: 14px; font-style: italic; line-height: 20px;}
      .poznamka div.horniramecek {width: 733px; height: 5px; position: absolute; top: -1px; left: -1px; z-index: 2; background: url('../grafika/poznamka-horni-ramecek.png') no-repeat 0 0;}
      .poznamka div.spodniramecek {width: 733px; height: 5px; position: absolute; bottom: -1px; left: -1px; z-index: 2; background: url('../grafika/poznamka-spodni-ramecek.png') no-repeat 0 0;}
    .poznamkacesta {color: #707070; font-size: 13px; font-style: normal;}
      div.poznamkacesta span, div.poznamkacesta img {margin: 0 3px 2px 0; vertical-align: middle;}
    #ramecekpodobsahem {width: 1046px; height: 5px; position: relative; left: 0; bottom: 0; margin: 0 26px 0 26px; background: url('../grafika/ramecek-obsah.png') no-repeat 0 0;}

/* prava strana - obsah stranek - box - ucastnici cest */
    .ucastnicibox {width: 731px; position: relative; float: left; top: 0; left: 0; clear: both; background: url('../grafika/o-nas/bg-box.png') no-repeat 0 bottom;}
      .ucastniciimg {width: 350px; margin: 5px 15px 8px 10px; position: relative; float: left; top: 0; left: 0; z-index: 1; padding: 5px; background: #FFF; border: 1px solid #c6c6c6;}
      .ucastnicitext {margin-top: 5px; width: 330px; position: relative; float: left; top: 0; left: 0; z-index: 1;}
      .ucastnicizeme {width: 705px; margin: 5px 0 0 10px; clear: both; position: relative; float: left; top: 0; left: 0; z-index: 1;}
        .ucastnicizeme p img {border: 1px solid #e0e0e0; margin-bottom: 6px;}
        .ucastnicizeme p span {margin-right: 9px;}

/* prava strana - obsah stranek - mapa */
    #mapa {display: block; width: 731px; height: 904px; position: relative; float: left; top: 0; left: 0; clear: both; background: url('../grafika/mapa/mapa-evropa.png') no-repeat 0 0;}
    #mapa2 {display: block; width: 731px; height: 688px; position: relative; float: left; top: 0; left: 0; clear: both; background: url('../grafika/mapa/mapa-evropa-detail.png') no-repeat 0 0;}
      .mapaiconahoru {display: block; width: 16px; height: 33px; position: absolute; z-index: 5; overflow: hidden; text-indent: -999em; cursor: pointer; background: transparent url('../grafika/mapa/terc-nahoru.png') no-repeat scroll 0 0;}
      .mapaicodolu {display: block; width: 16px; height: 33px; position: absolute; z-index: 5; overflow: hidden; text-indent: -999em; cursor: pointer; background: transparent url('../grafika/mapa/terc-dolu.png') no-repeat scroll 0 0;}
      .mapaicovlevo {display: block; width: 33px; height: 16px; position: absolute; z-index: 5; overflow: hidden; text-indent: -999em; cursor: pointer; background: transparent url('../grafika/mapa/terc-vlevo.png') no-repeat scroll 0 0;}
      .mapaicovpravo {display: block; width: 33px; height: 16px; position: absolute; z-index: 5; overflow: hidden; text-indent: -999em; cursor: pointer; background: transparent url('../grafika/mapa/terc-vpravo.png') no-repeat scroll 0 0;}
      .plus {display: block; width: 20px; height: 21px; position: absolute; z-index: 5; overflow: hidden; cursor: pointer; background: transparent url('../grafika/mapa/plus.png') no-repeat 0 0;}
      a.mapaiconahoru:focus, a.mapaiconahoru:hover, a.mapaicodolu:focus, a.mapaicodolu:hover {background-position: 0 -33px;}
      a.mapaicovlevo:focus, a.mapaicovlevo:hover, a.mapaicovpravo:focus, a.mapaicovpravo:hover {background-position: -33px 0;}
      a.plus:focus, a.plus:hover {background-position: 0 -21px;}
      .bublinastred, .bublinavlevo, .bublinavlevokestredu, .bublinavpravo, .bublinavpravokestredu, .bublinadolu, .bublinavdoluvlevo, .bublinavdoluvlevokestredu, .bublinavdoluvpravo, .bublinavdoluvpravokestredu {display: block; width: 525px; height: 240px; position: relative; top: 0; left: 0; float: left; z-index: 10; display: none; background: url('../grafika/mapa/bublina-stred.png'); font-size: 11px; color: #fff;}
      .bublinavlevo {background: url('../grafika/mapa/bublina-vlevo.png');}
      .bublinavlevokestredu {background: url('../grafika/mapa/bublina-vlevo-k-centru.png');}
      .bublinavpravo {background: url('../grafika/mapa/bublina-vpravo.png');}
      .bublinavpravokestredu {background: url('../grafika/mapa/bublina-vpravo-k-stredu.png');}
      .bublinadolu {background: url('../grafika/mapa/bublina-dolu.png'); height: 246px;}
      .bublinavdoluvlevo {background: url('../grafika/mapa/bublina-dolu-vlevo.png');}
      .bublinavdoluvlevokestredu {background: url('../grafika/mapa/bublina-dolu-vlevo-k-centru.png');}
      .bublinavdoluvpravo {background: url('../grafika/mapa/bublina-dolu-vpravo.png');}
      .bublinavdoluvpravokestredu {background: url('../grafika/mapa/bublina-dolu-vpravo-k-centru.png');}
      .mapatexty {width: 315px; height: 130px; position: absolute; top: 8px; right: 10px; z-index: 5; text-align: left;}
        .mapatexty h3 {width: 315px; margin-bottom: 3px;}
        .mapatexty p {font-size: 14px; color: #595959; line-height: 18px; padding: 0 0 6px 0;}

/* prava strana - obsah stranek - vseobecne*/
    .cistic {clear: both;}
    .carapodh1 {border-width: 0 0 2px 0; border-style: solid; border-color: #e5e5e5; margin-bottom: 8px;}
    .zvyraznenipolozky {color: #262626; font-weight: bold;}
    #skryte {display: none;}
    .relativeleft {position: relative; float: left;}
    .relativeright {position: relative; float: right;}

    #celastrana {width: 990px; position: relative; top: 0; left: 0; float: left; margin: 0; z-index: 1; text-align: left; font-size: 14px; margin: 20px 29px 20px 54px; background: #FFF;}
	
/* prava strana - obsah stranek - box - odkazy */
    .odkazybox {width: 731px; position: relative; top: 0; left: 0; clear: both; margin-bottom: 60px; margin-top: 24px;}
		.odkazybox p {font-size: 14px; color: #808080; margin-bottom: 10px;}
		.odkazybox p.subinfo {font-size: 13px; color: #8c8c8c; margin-bottom: 8px;}
			.odkazybox p.subinfo span {color: #737373; font-weight: bold;}	
		.linkahodnot a:link, .linkahodnot a:active, .linkahodnot a:visited {position: relative; float: left; font-size: 14px; color: #b90909; text-decoration: underline; padding-left: 12px; background: url('../grafika/odkazy/sipka-linku.png') no-repeat 0 5px;}
		.linkahodnot a:hover {text-decoration: none;}
		.linkahodnot div {height: 35px; position: relative; float: right; background: url('../grafika/odkazy/box-hodnoceni.png') no-repeat right -8px; padding-right: 8px;}
		.plnahvezda, .pulhvezda, .prazdnahvezda {display: block; width: 16px; height: 15px; position: relative; float: left; background: url('../grafika/odkazy/hvezda-plna.png') no-repeat 0 0; margin-right: 1px;}
		.pulhvezda {background: url('../grafika/odkazy/pul-hvezda.png') no-repeat 0 0;}
		.prazdnahvezda {background: url('../grafika/odkazy/hvezda-prazdna.png') no-repeat 0 0;}
		
.datum {position: relative; float: right; color: #000; font-size: 15px;}

.oddelovac {border-width: 0 0 1px 0; border-style: solid; border-color: #e5e5e5;}