body {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-family: serif; 
	font-size: 0.8em;
  text-align: center;
}

img {
  border: none;
}

a {
  color: rgb(48,169,217);
  text-decoration: none;
}

a:hover {
  color: rgb(253,70,46);
  text-decoration: none;
}

h1 {
  color: rgb(215,135,38);
  font-size: 200%;
  margin: 5px 0px 25px 0px;
}


h2 {
  font-size: 150%;
  font-weight: normal;
  margin: 5px 0px 15px 0px;
}

h3 {
  font-size: 100%;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}
h4 {
  font-size: 100%;
  font-weight: bold;
}
.clear {
  clear: both;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
}


#page {
  position: relative;
  width: 870px;
  margin: auto;

}

#headerIndex {
  position: relative;
  height: 638px;
  background-color: rgb(176,96,24);
  background-image: url('../images/index-bg.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 2;

}
#headerArticle {
  position: relative;
  background-color: rgb(176,96,24);
  background-image: url('../images/article-header.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  width: 870px;
  height: 221px;
  z-index: 2;

}

#webTitle {
  position: absolute;
  top: 20px;
  left: 80px;
  font-size: 230%;
  color: rgb(156,143,124);
  z-index: -5;
}

#webTitle a {
  text-decoration: none;  
  color: rgb(156,143,124);
}

#flash {
  padding: 138px 0px 0px 0px;
  margin: auto;
}

#lang .cz, #lang .en {
  position: absolute; 
  top: 305px;
  left: 170px;
  font-weight: bold;
}

#lang .en {
 left: 655px;
}

#lang a{
  color: white; 
}

#lang a:hover{
  color: rgb(90,192,232); 
}

#langArticle {
  position: absolute;
  top: 10px;
  left: 11px;
  font-weight: bold;
}

#langArticle ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#langArticle li {
  float: left;
}

#langArticle a {
  display: block;
  color: white;
}

#langArticle .cz {
  background-image: url('/images/czech-bg.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  width: 63px;
  height: 23px;
  padding-top: 50px;
}

#langArticle .cz:hover {
  background-position: -63px 0;
}

#langArticle .en {
  background-image: url('/images/english-bg.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  width: 61px;
  height: 23px;
  padding-top: 50px;
}

#langArticle .en:hover {
  background-position: -61px 0;
}

#langArticle .intro {
  background-image: url('/images/intro-bg.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  width: 52px;
  height: 23px;
  padding-top: 50px;
}

#langArticle .intro:hover {
  background-position: -52px 0;
}

#langArticle .current {
  color: rgb(90,192,232);
}


/********************* menu **********************/


#menu {
  position: absolute;
  left: 370px;
  top: 102px;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  width: 468px;
}

#menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menu li {
  float: left;
  width: 60px;
  margin: 0px 25px 0px 32px;
  text-align: center;
  line-height: 14px;
}

#menu a {
  font-size: 110%;
  color: white;
  padding: 0px;
  text-align: center;
  display: block;
  font-weight: bold;

}
#menu .history {
  background-image: url('/images/menu-bg1.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  width: 77px;
  height: 65px;
  padding: 50px 20px 0px 20px;
}

#menu .history:hover {
  background-position: -117px 0;
}

#menu .marek {
  background-image: url('../images/menu-bg1.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  width: 77px;
  height: 65px;
  padding: 44px 20px 0px 20px;
}

#menu .marek:hover {
  background-position: -117px 0;
}

#menu .archiv {
  background-image: url('../images/menu-bg1.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  width: 78px;
  height: 65px;
  padding: 44px 20px 0px 20px;
}

#menu .archiv:hover {
  background-position: -117px 0;
}

#menu .contact {
  background-image: url('../images/menu-bg1.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  width: 75px;
  height: 65px;
  padding: 50px 20px 0px 20px;
}

#menu .contact:hover {
  background-position: -117px 0;
}

#menu a:hover {
  color: rgb(90,192,232);
}
#menu .current {
  color: rgb(90,192,232);
}


/********************* layout **********************/

#mainContent {
  text-align: left;
  background-repeat: no-repeat;
  background-position: bottom right;
}

#leftColumn {
  float: left;
  width: 330px;
}

#leftColumn .frame {
  float: left;
  padding: 0px 10px 10px 0px;
}

#leftColumn .articlePerexImage {
  border: rgb(181,99,23) 2px solid;
}


#rightColumn {
  margin: 0px 0px 0px 330px;
  padding: 0px 0px 100px 0px;
}

#footer {
  width: 870px;
  margin: 10px auto 10px auto;
  text-align: left;
  color: rgb(97,97,97);
  padding: 10px 0px 0px 0px;
  font-size: 90%;
  border-top: rgb(57,183,255) 1px solid;
}

/********************* article **********************/

#rightColumn .articleText {
    line-height: 15px;

}

/********************* list **********************/

ul {

}

ul li{
  margin: 0px 0px 10px 0px;
  padding: 0px;  
}
ul li .sub{
  margin: 0px;
  padding: 0px;  
}

/********************* archive-list **********************/

.perexImage {
  margin: 0px;
  padding: 12px 0px 0px 2px;
}

.articleDate {
  color: rgb(215,135,38);
  font-style: italic;
}

.archive .articlePerex h2 {
  margin: 0px;
  padding: 0px;
  font-size: 110%;
  font-weight: bold;

}

.archive .articlePerex .perex {
  margin: 0px;
  padding: 0px;
}

.archive .articlePerex .perex p {
  margin: 10px 0px 10px 0px;
  padding: 0px;
}

.archive td {
  text-align: center;
  vertical-align: top;
}

.archive .item {
  margin: 0px 16px 20px 0px; 
    width: 177px; 
}

.archive .item .picture {
  background-image: url('/images/archive-border.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  width: 177px;
  height: 144px;
  text-align: center;
  margin: 0px 0px 10px 0px;  
}

.archive {
 width: 100%; 
}

.highslide-caption .captiondesc {
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

/********************* FORM **********************/

.label {
  display: block;
  margin-top: 5px;
}

.inputItem {
  width: 400px;
 font-family: "Times New Roman", Times, serif; 
 font-size: 100%;
 BORDER: rgb(60,50,38) 1px solid;
 	color: rgb(60,50,38);
}
select{
  width: 200px;

}
.sendButton input{
  background-color: rgb(202,89,144);
  color: white;
  margin-top:10px;
}
   
/*** JBN ***/
.more{
    visibility:hidden;
}