/*
*
*  Zákazník si kód spravoval sám, takže je to nevalidní a ošklivý, ale funguje to.
*  
*  To co vidíte níže, není moje práce, takže to neberte jako moji referenci, rád bych, aby všichni, kdo se sem podívají pochopili,
*  že jsem tento CSS nesprasil já, ale zákazník.
*  
*  Na opravě se pracuje.
*  
*                Pěkný den!
*                             Tomáš Vítek :)
*                             
*
*   TODO
*   *****
*    - opravit CSS, dodělat XHTML
*    - doladit CMSko
*    - tiskový styl by taky byl fajn, ale to jen, pokud dostaneš, Tomášku, zaplaceno, ano? :) 
*
*/


body, html {
  margin: 0; padding: 0;
  background-color: #545454;
}

#logo    {margin: 25px 15px 0px 20px; padding: 0; position: relative; width: 172px; height: 35px; overflow: hidden !important; border-width: 0; text-overflow:none;padding:10px;position:relative;top:10px; left:20px;}

#logo span.cz    { background: url(logo2_cz.gif) no-repeat left top; display: block; margin: 0; padding: 0; position: absolute; z-index: 1; top: 5px; left: 0; width: 191px; height: 83px; _top: 0   }
#logo span.en    { background: url(logo2_en.gif) no-repeat left top; display: block; margin: 0; padding: 0; position: absolute; z-index: 1; top: 5px; left: 0; width: 191px; height: 83px; _top: 0}


body  { color: white; font-family: serif; background-color: #545454; text-align: center; padding: 0 1px 1px }

#header h2 {
  font-size:140%;
  margin: 10px 0 30px 70px;
  text-decoration:none;
  font-family: Palatino, 'palatino linotype', serif;
} 

h1  { font-size: 150%;position:relative;right:10px;color:#E6B200; font-family: font-family: Palatino, 'palatino linotype', serif; margin: 10px 0; padding-left: 10px; border-bottom: none; border-left: none; _margin-top: -5px ;font-family: Palatino, 'palatino linotype', serif;}

h2  { font-size: 120%; position:relative;right:10px;color:white;font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-weight: bold; text-decoration: none; background: url(rarr.gif) no-repeat 0 50%; margin: 4px 4px 4px 10px; padding-bottom: 4px; padding-left: 10px;font-family: Palatino, 'palatino linotype', serif; }


#main {
  padding-left:10px;
}

#page     { background: #696969 url(page.gif) repeat-y; text-align: left; margin: 10px auto 0; padding: 0 0 10px; bottom: 520px; width: 760px; _height: 580px    }

#druid  { background: url(druid.jpg) no-repeat 97% 21px; padding-top: 0; bottom: 520px; width: 100%; _height: 580px }

#hand  { background: url(hand.jpg) no-repeat 97% 21px; padding-top: 0; bottom: 520px; width: 100%; _height: 580px }
#midir  { background: url(midir.jpg) no-repeat 97% 21px; padding-top: 0; bottom: 520px; width: 100%; _height: 580px  }
#clown  { background: url(clown.jpg) no-repeat 97% 21px; padding-top: 0; bottom: 520px; width: 100%; _height: 580px }

#kridlak  { background: url(kridlak.jpg) no-repeat 97% 21px; padding-top: 0; bottom: 520px; width: 100%; _height: 580px }

#fool  { background: url(fool.jpg) no-repeat 97% 21px; padding-top: 0; bottom: 520px; width: 100%; _height: 580px }

#moon  { background: url(moon.jpg) no-repeat 97% 21px; padding-top: 0; bottom: 520px; width: 100%; _height: 580px }

#violin  { background: url(violin.jpg) no-repeat 97% 21px; padding-top: 0; bottom: 520px; width: 100%; _height: 580px }
  
#vitr  { background: url(vitr.jpg) no-repeat 97% 21px; padding-top: 0; bottom: 520px; width: 100%; _height: 580px }
  
#charon  { background: url(charon.jpg) no-repeat 97% 21px; padding-top: 0; bottom: 520px; width: 100%; _height: 580px }

#header  { background: url(header.gif) no-repeat; width: 760px !important; }
  
#header img {border: 0px }


.image-left, .image-right {
  float: left;
  margin: 5px 10px 5px 0;
  border: 1px dotted #E6B200;
  text-align: center;
  font-size: 84%;
  line-height: 0;
  }

.image-right {
  float: right;
  margin: 5px 0 5px 10px;
  }

.image-left p, .image-right p {
  margin: 0  !important;
  padding: 0  !important;
  line-height: 1.2em;
  text-indent: 0 !important;
  font-style: italic;
 }
 
.image-left p, .image-right p {
  margin: 0  !important;
  padding: 0  !important;
  line-height: 1.2em;
  text-indent: 0 !important;
  font-style: italic;
  }

a:visited {
  font-weight: bold;
  }

a  { color: #f90; font-weight: bold }

#main ul li { list-style: url(arrow.gif); margin: 3px 0 3px 20px }

#footer_hr {
  clear:both;
  width:127%;
  _width: 100% ;
  position:relative;
  top:18px;
  _margin-left:150px
  }

a:hover  { color: white; text-decoration: none; background-color: #f90 }

#header a:hover{background-color:transparent}

#main    { margin: 0 20px 10px; padding-top: 10px; clear: both;padding-bottom: 0;}
  
#main p   { margin: 0 15px }

#footer  { font-size: 82%; background: url(footer.gif) no-repeat; margin: 0 auto; width: 760px; clear: both;height:50px;font-family: Georgia, 'New York CE', utopia, serif; }

#footer strong {margin-left:50px;}
    
#footer a, #footer a:hover,#footer a:visited,#footer a:link  { color: #f90; font-weight: normal; text-decoration: none }
#footer a:hover  { color: white; background-color: #f90 } 

img {
  margin:10px;
}

.help {border:0px solid black;float:left}

.td_nd  { padding-left: 15px; width: auto; height: auto; float: left }

.show {margin-left:45px}

#header { font-size: 75%; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; margin: 0; padding: 0 0; width: 98%; _width: 100% }
 
 
#header ul#search {
  margin: 30px 30px 0 0;
  padding: 0;
  list-style-type: none;
  float:right;
  }

 
#header ul#search li{
  font-size:89;
  _font-size:100%;
  margin: 0px 2px;
  padding: 2px;
  float: left;
  }
  

INPUT  { color: #000000; font-size: 11px; font-family: Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #ccc; text-indent: 2px; border-width: 1px; border-color: #000000 }
input.but   { background-color: #ccc }

#header ul#lista {
  margin:0 0 20px 15px !important;
  padding: 0;
  clear:both;
  list-style-type: none;
  
  height:150px;
  }

#header ul#lista li{
  font-size:89%;
  _font-size:100%;
  margin: 0px 2px;
  padding: 2px;
  float: left;
  }

#header ul#search li.srch{
  margin-left:30px;
  
  }

#header ul#search li.srch form{
  margin:0px;
  padding:0px;
  float:left;
  
  }


#header ul#lista li {
  height:17px;
  margin-left:1px;
  text-align: center;
  }

#header ul#lista a  { color: #333; font-weight: bold; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; width: 100%; height: 100%; border: 1px transparent;_width: 10%; }

#header ul#lista a:hover  { color: #fff; background: none; }
   
ul#lista a#active  { color: #fff; background: #ccc }


.delete {display:none; clear:both}


#header img {
  border:0;
  margin:0;
  padding:0;
}
  
a.lang {
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
  font-size:100%;
  font-weight:normal;
  color: white;
  text-decoration:none; 
}

a.lang:hover {
  color: white;
  text-decoration:none; 
}


li.objednat  { text-align: center; width: 19%; height: 17px }

li.objednat a   { color: #333; font-weight: bold; text-decoration: none; background: #ccc; display: block; margin-left: 30px; width: 100%; height: 100%; border: solid 1px black }

li.objednat a:hover {
  color: #FFF;
  }


.print {
  clear:both;
  padding-top: 0px;
  border:0px;
  height:0px;
  width:0px; 
  border-bottom:1px #696969 white;
  margin-bottom: 0;
  position:relative;
  _right:150000px;
  top:15px;
}

#prog {
  padding-right:30px;
}