html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, dd, dt, address {margin: 0;padding: 0;}
html {background: black url(img/bg.jpg) repeat-x;color: black;}
body {text-align: center;font: 80%/1.6 Tahoma, Arial, Helvetica, sans-serif;}
/*body {text-align: center;font: 80%/1.6 "Trebuchet MS", "Geneva CE", lucida, sans-serif;}*/
html > body {font-size: 13px;}
a {font-weight: bold;text-decoration: underline;}
a:hover {text-decoration: none;}

table {font-size: 100%;border-collapse: collapse;}
.bold {font-weight: bold;}
.center {text-align: center;}
.right {text-align: right;}
.cb {clear: both;height: 1px;width: 1px;overflow: hidden;}
.clear {clear: both;}
ul li {list-style: none;}
a img, fieldset {border: 0;}
.highlight {color: red;font-weight: bold;}
.img_fright {float: right;margin: 0 0 1em 1.5em;}
.fleft {float: left;}
.fright {float: right;}
.small {font-size: 85%;}
.noDisplay {display: none;}


table.colored {margin: 1em 0 0;border-collapse: separate;font-size: 90%;width: 100%;}
table.colored th {color: #D70000;}
table.colored td {color: white;}
table.colored th, table.colored td {border: 1px solid #383838;padding: 2px 8px;}
table.colored tr.odd td {background: #171717;}

#page {width: 911px;padding: 0 36px;margin: 0 auto;text-align: left;position: relative;background: black;overflow: hidden;background: url(/img/page.png) repeat-y;_background: url(/img/page-ie.png) repeat-y;}

#pageIndex {width: 620px;margin: 0 auto;padding: 40px 36px 0;background: url(/img/pageIndex.png) repeat-y;_background: url(/img/pageIndex-ie.png) repeat-y;position: relative;margin: 0 auto;}


#head {width: 900px;height: 223px;float: left;background: black url(/img/head.jpg) no-repeat;position: relative;}

#logo {top: 21px;left: 24px;z-index: 5;}
#logo, #logo span {width: 161px;height: 163px;display: block;cursor: pointer;position: absolute;}
#logo span {background: url(/img/logo.gif) no-repeat;z-index: 10;}
#logo strong {position: absolute;top: 17px;font-size: 250%;color: black;font-weight: normal;color: white;}

#content {width: 900px;}

#lc {width: 190px;float: left;margin: 0 11px;_margin: 0 6px;}
#lc h2 {color: white;font-size: 100%;text-align: center;padding-top: 25px;}
#lc ul li a {position: relative;border-bottom: 1px solid #2B2B2B;width: 135px;height: 32px;background: black url(/img/menu.png) no-repeat;float: left;color: #FFB400;text-decoration: none;padding: 10px 0 0 55px;}
#lc ul li a:hover {background-position: 0 -42px;color: white;}
#lc ul li img {position: absolute;left: 1px;top: 3px;}
#lc ul li span {position: absolute;left: 1px;top: 3px;width: 36px;height: 36px;}
#lc ul li span.menu1 {background: url(/img/lc-1.jpg) no-repeat;}
#lc ul li span.menu2 {background: url(/img/lc-2.jpg) no-repeat;}
#lc ul li span.menu3 {background: url(/img/lc-3.jpg) no-repeat;}
#lc ul li span.menu4 {background: url(/img/lc-4.jpg) no-repeat;}
#lc ul li span.menu5 {background: url(/img/lc-5.jpg) no-repeat;}
#lc ul li span.menu6 {background: url(/img/lc-6.jpg) no-repeat;}
#lc ul li span.menu7 {background: url(/img/lc-7.jpg) no-repeat;}
#lc ul li span.menu8 {background: url(/img/lc-8.jpg) no-repeat;}
#lc ul li span.menu9 {background: url(/img/lc-9.jpg) no-repeat;}
/*#lc ul li a:hover span.one, #lc ul li a:hover span.two, #lc ul li a:hover span.three, #lc ul li a:hover span.four, #lc ul li a:hover span.five, #lc ul li a:hover span.six, #lc ul li a:hover span.seven, #lc ul li a:hover span.eight, #lc ul li a:hover span.nine {background-position: 0 -36px;}*/
#lc ul li a:hover span {background-position: 0 -36px;}

#lcEN {width: 190px;float: left;margin: 0 11px;_margin: 0 6px;}
#lcEN h2 {color: white;font-size: 100%;text-align: center;padding-top: 25px;}
#lcEN ul li a {position: relative;border-bottom: 1px solid #2B2B2B;width: 135px;height: 32px;background: black url(/img/menu.png) no-repeat;float: left;color: #FFB400;text-decoration: none;padding: 10px 0 0 55px;}
#lcEN ul li a:hover {background-position: 0 -42px;color: white;}
#lcEN ul li img {position: absolute;left: 1px;top: 3px;}
#lcEN ul li span {position: absolute;left: 1px;top: 3px;width: 36px;height: 36px;}
#lcEN ul li span.menu1 {background: url(/img/lc-1.jpg) no-repeat;}
#lcEN ul li span.menu2 {background: url(/img/lc-2.jpg) no-repeat;}
#lcEN ul li span.menu3 {background: url(/img/lc-3.jpg) no-repeat;}
#lcEN ul li span.menu4 {background: url(/img/lc-4.jpg) no-repeat;}
#lcEN ul li span.menu5 {background: url(/img/lc-5.jpg) no-repeat;}
#lcEN ul li span.menu6 {background: url(/img/lc-6.jpg) no-repeat;}
/*#lcEN ul li span.menu7 {background: url(/img/lc-7.jpg) no-repeat;}*/
#lcEN ul li span.menu7 {background: url(/img/lc-8.jpg) no-repeat;}
#lcEN ul li span.menu8 {background: url(/img/lc-9.jpg) no-repeat;}
/*#lcEN ul li a:hover span.one, #lcEN ul li a:hover span.two, #lcEN ul li a:hover span.three, #lcEN ul li a:hover span.four, #lcEN ul li a:hover span.five, #lcEN ul li a:hover span.six, #lcEN ul li a:hover span.seven, #lcEN ul li a:hover span.eight, #lcEN ul li a:hover span.nine {background-position: 0 -36px;}*/
#lcEN ul li a:hover span {background-position: 0 -36px;}

#text {width: 666px;float: left;margin: 0 11px;}
#text h1 {font-size: 160%;padding: 8px 0 0 0;}
#text h2 {font-size: 140%;padding: 6px 0 4px 0;}
#text h3 {font-size: 110%;padding: 6px 0 3px 0;color: #D70000;}
#text h4, #text h5, #text h6 {font-size: 100%;padding: 3px 0 3px 0;}    
#text h1, #text h2, #text h4, #text h5, #text h6 {color: #D70000;font-weight: normal;}      
#text h4 a {color: #D70000;font-weight: normal;}                                                                                                    
#text p {margin: 1em 0 ;color: #B2B2B2;font-size: 90%;}
#text a {color: #FFB400;}
#text .hr {background: url(/img/hr.gif) repeat-x;width: 100%;height: 2px;clear: both;margin: 10px 0;}
#text ul {margin: 1em 0 1em 5px;font-size: 90%;} 
#text ul li {padding: 0 0 0 18px;margin: 0 0 0 15px;background: url(/img/li.gif) left 6px no-repeat;color: #B2B2B2;}
#text a img.photo {float: left;padding: 3px;border: 1px solid #FFB400;margin: 4px;}
#text a:hover img.photo {border: 1px solid #D70000;}
#text .greyArea {background: #121212;border: 1px solid #383838;padding: 5px 8px;margin: 0 0 20px 0;}
#text form {padding: 10px;}
#text label.required {font-size: 90%;color: white;float: left;width: 120px;margin-top: 5px}
#text input.inputbook {margin-top: 5px;width: 150px;background: #2C2C2C;border: 1px solid #866412;color: white;position: relative;top: -3px;padding: 4px 5px;}     
#text textarea {background: #2C2C2C;border: 1px solid #866412;color: white;float: left;padding: 4px 5px;margin: 5px 0 6px;width: 450px;height: 50px;}
#text input.submit {float: left;clear: both;margin: 5px 0 0 119px;}
#text p.answer {margin: 3px 0 0 0;}
#text .pagination {color: white;margin: 10px 15px;float: right;}

#posts {width: 666px;}
#posts ul {font-size: 100%;margin: 0;}
#posts ul li {background: none;margin: 0;padding: 5px 0;}
#posts p {font-size: 90%;border-bottom: 1px solid red;padding-bottom: 10px;}
#posts ul li.depth1 {margin-left: 35px;}
#posts ul li.depth2 {margin-left: 70px;}
#posts ul li.depth3 {margin-left: 105px;}
#posts ul li.depth4 {margin-left: 140px;}
#posts ul li.depth5 {margin-left: 175px;}
#posts ul li.depth6 {margin-left: 210px;}
#posts ul li.depth7 {margin-left: 245px;}
#posts ul li.depth8 {margin-left: 280px;}
#posts ul li.depth9 {margin-left: 315px;}
#posts ul li.depth10 {margin-left: 350px;}

#foot {width: 770px;min-height: 80px;_height: 80px;background: black url(/img/foot.jpg) repeat-x;float: left;color: white;font-size: 90%;padding: 15px 66px 0;margin-top: 50px;}
#foot a {color: #FFB400;}
                                                                                                                           
#footIndex {width: 600px;background: black url(/img/foot.jpg) repeat-x;float: left;color: white;font-size: 90%;margin-top: 40px;padding: 15px 10px;}
#footIndex a {color: #FFB400;}

/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 80px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


 #tabulka {
      display:block;
      top: 50px;
      border: 6px solid #2F2F2F;
      width: 632px;
      position: fixed;
      left: 50%;
      top: 50%;
      margin-top: -337px;
      margin-left: -316px;
      z-index: 50;
      background: black;
    }
   #hlavicka{
      width: 1px;
      color:white;
    }
   #kriz {
      padding: 15px 0 8px;
      color: #FFB400;
      font-weight: bold;
      font-size: 110%;
      text-align:center;
      cursor: hand;
      text-decoration: underline;
   }
   
   #kriz a {
      color: #FFB400;
   }
   #kriz:hover {text-decoration: none;cursor: pointer;}   
                                 
   
  #flash {position: absolute;top: 42px;left: 6px;z-index: 5;}

#noFlash {z-index: 10;width: 581px;height: 596px;margin: 4px 0 20px 18px;background: url(img/noFlash.gif) no-repeat;position: relative;}
#noFlash a.one {width: 194px;height: 197px;background: url(img/noFlash-one.jpg) no-repeat;position: absolute;top: 0;left: 0;}
#noFlash a.one:hover {background-position: 0 -197px;}
#noFlash a.two {width: 187px;height: 197px;background: url(img/noFlash-two.jpg) no-repeat;position: absolute;top: 0;left: 394px;}
#noFlash a.two:hover {background-position: 0 -197px;}
#noFlash a.three {width: 195px;height: 199px;background: url(img/noFlash-three.jpg) no-repeat;position: absolute;top: 397px;left: 0;}
#noFlash a.three:hover {background-position: 0 -199px;}
#noFlash a.four {width: 188px;height: 200px;background: url(img/noFlash-four.jpg) no-repeat;position: absolute;top: 396px;left: 393px;}
#noFlash a.four:hover {background-position: 0 -200px;}


.red { color: red; }

.prispevek {
  border: 1px solid #aaa;
  margin: 0.5em 0;
  background: black;
  overflow: hidden;
  width: auto;
  height: auto;
  padding: 4px 7px;
  }
  
ol {color: white;}
  
#guestbook strong {color: white;}  
#page #guestbook p{margin: 1px 0;}
body #page p.horni {margin: 0;}
  
.reakce {
  margin: 1em;
  background: black;
  }
  fieldset#guestbook, #adminmain { 
  padding: 0 1em 0.5em 1em; 
  background: black;
  }