body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #000;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 1em;
  font-weight: normal;
  line-height: 1em;
}

#topBanner {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -450px;
  width: 900px;
  height: 101px;
  z-index: 1;
  background-color: #000000;
  background-image: url('../images/bg.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  font-size: 1.1em;
  float: left;
}

#topBanner div.logo {
  position: absolute;
  border: 0px;
  padding: 0px;
  margin: 0px;
  left: 10px;
  top: 25px;
}

#vlajky {
  position: absolute;
  border: 0px;
  left: 450px;
  top: 10px;
  float: left;
}

#topBanner div.nabidka {
  position: absolute;
  border: 0px;
  top: 82px;
  font-size: 0.75em;
  font-family: Times New Roman, Arial, Helvetica, sans-serif;
  float: left;
}

#topBanner ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

#topBanner li {
	float:left;
	margin: 0px;
	margin-right: 25px;
	padding: 0px;
}

#topBanner div.nabidka a {
  color: #fff;
}

#topBanner div.nabidka a:hover {
  text-decoration: none;
  border-bottom: 2px solid #aaa;
}

h1 {
  margin: 0;
  padding: 0;
  width: 403px;
  height: 59px;
  background: url("../images/logo.gif");
  overflow: hidden;
  line-height: 500px;
}

h1 span {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:222px;
	height:57px;
}

#menuBanner {
  position: absolute;
  top: 102px;
  left: 50%;
  margin-left: -450px;
  width: 900px;
  height: 350px;
  background-color: #000000;
  z-index: 2;
  float: left;
}

#content {
  position: absolute;
  top: 453px;
  left: 50%;
  margin-left: -450px;
  width: 900px;
  height: auto;
  z-index: 3;
  background-color: #000000;
  float: left;
}

#content div.text {
  width: 880px;
  padding: 10px;
  margin: 0px;
  margin-bottom: 20px;
  float: left;
  color: #ffffff;
  font-size: 0.7em;
  float: left;
}

#content2 {
  position: absolute;
  top: 102px;
  left: 50%;
  padding: 0px;
  margin: 0px;
  margin-left: -450px;
  width: 900px;
  height: auto;
  z-index: 3;
  background-color: #000000;
  float: left;
}

.content2text {
  width: 890px;
  padding: 10px 0px 10px 10px;
  margin: 0px;
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 0.7em;
  float: left;
  z-index: 4;
}

#bottomBanner {
  width: 900px;
  padding: 0px;
  border: 0px;
  border-top: 1px solid #535353;
  background-color: #000000;
  font-size: 0.7em;
  float: left;
}

#bottomBanner div.bottomBannertext {
  width: 880px;
  padding: 10px;
  border: 0px;
  color: #535353;
  float: left;
}

#bottomBanner div.bottomBannertext a {
  color: #5e5000;
}

a {
  color: #ffd900;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 {
  padding: 0;
  margin: 0;
  font-size: 1.1em;
}

h2 {
  padding: 0;
  margin: 0;
  margin-bottom: 16px;
  font-size: 1.8em;
  font-weight: bold;
  color: #ffd900;
  font-family: Times New Roman;
}

h3 {
  padding: 0;
  margin: 0px;
  font-size: 3em;
  line-height: 99em;
  overflow: hidden;
}

h4 {
  padding: 0;
  margin: 3px 0 3px 0;
  font-size: 1.5em;
}

p {
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
  font-size: 1em;
}

hr {
  color: #cccccc;
  height: 1px;
}

.prazdny {
  width: 100%;
  height: 16px;
  clear: both;
}

.galerie {
  padding: 0px;
  margin: 0px;
  border: 1px solid #666;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  width: 177px;
  height: auto;
  font-size: 1em;
  float: left;
}

.galerietext {
  padding: 0px 10px 0px 10px;
  margin: 0px;
  width: 157px;
  position: relative;
  font-size: 1em;
  font-weight: normal;
  float: left;
}

.obrazek {
  border: 1px solid #ffd900;
}

.pravy {
  text-align: right;
  clear: both;
  padding: 10px 0px 10px 0px;
}

#nastenka {
  float: right;
  width: 286px;
  height: auto;
  background-repeat: no-repeat;
  background-position: top left;
  text-align: center;
}

#flashcontent {
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 900px;
  height: 101px;
  float: left;
}

#flashcontent2 {
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 900px;
  height: 350px;
  float: left;
}

.textbox
{
	width: 300px;
  border: 1px solid #ccc;
  border-collapse: collapse;
  font-size: 1.2em;
}

.tlacitko
{
  background-color: #111;
  color: #fff;
  border: 1px solid #ccc;
  border-collapse: collapse;
  font-size: 0.8em;
}

.tabulka
{
  color: #fff;
  border: 1px solid #ccc;
  border-collapse: collapse;
  font-size: 1em;
}

.tabulka th
{
  background-color: #333;
}

.tabulka tr:hover
{
  background-color: #666;
}

.latin {
  color: #aaa;
}

#onas_levy {
  float: left;
  width: 440px;
}

#onas_pravy {
  float: right;
  width: 440px;
}

#onas_pravy img {
  border: 1px solid #666;
  margin-left: 6px;
}

.clanek {
  color: #000;
  padding: 5px;
  font-size: 1.1em;
  line-height: 1.3em;
  background-color: #eee;
  border: 1px solid #666;
  margin: 0 0 15px 0;
}

.clanek h4 {
  margin-bottom: 10px;
}

.clanek a {
  color: #0000ff;
}

.clanek_text {
}




#container { width:1000px; margin:0px auto 0px;  padding:10px; font-size:12px; }
#container h1 { font-size:24px; color:#FFFFFF; font-weight:normal; text-align:center; background:#333333; padding:10px; }
#container p { text-align:justify; padding:5px 10px 5px; margin:0px; }
#container p ol, #container p ul { margin:0px auto 0px; }
#container p.notes { color:#999999; font-size:10px; }



/* thumbnail slider begin */

/* apply the gallery design */
#gallery_container {  width:800px ; height:132px ; margin:10px auto 10px; background:url(../images/film2.gif) repeat-x; padding:24px 0px 24px 0px; display:block; position:relative; }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ position:relative ; overflow:hidden ; width:750px ; height:90px ; margin:0px auto 0px;  }
/* the thumbnails container */
#thumbs { white-space:nowrap; }

#thumbs ul { }
#thumbs li { float: left; padding:0px; margin:0px; }
#thumbs a { padding:0px; margin:0px; }
#thumbs a img{ border:1px #333333 solid; }

/* the forward and backward buttons */
.addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:84px; top:0px; right:0px; margin: 24px 0 24px 0; background:url(../images/gallery_fwd.gif) no-repeat;  }
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:84px; top:0px; left:0px; margin: 24px 0 24px 0; background:url(../images/gallery_back.gif) no-repeat;  }
/* thumbnail slider end */

