body {  
  background:#fff;
  color:#000;
  font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
  font-size:12px;
  margin:0;
  padding:0;
}

img { border: none; }
a { color: blue; }
a:hover { color: #b4504d; }

#top {
  margin:0;
  height: 130px;
  background-color: #2e2e2e;    
}
#top #obsah {
  margin:0 auto;
  position:relative;
  width: 800px;
}
#top #logo {
  background: url(../img/top_caption_cz.png);
  display: block;
  width: 677px;
  height: 53px;
  top: 20px;
  position: relative;
}
#top #menu {
  display: block;
  position: relative;
  width: 500px;
  height: 32px;
  top: 40px;
}
#top #menu a {
  display: block;
  width: 129px;
  height: 21px;
  background: url(../img/main_menu_n.gif); 
  float: left;
  font-family: "Arial Narrow";
  font-size: 12px;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  padding-top: 4px;
  text-align: center;
  margin-right: 8px;  
}
#top #menu a:hover {
  background: url(../img/main_menu_o.gif); 
}

#stred {
  margin:0;
  background: #e8dba7 url(../img/stred_bg.gif) repeat-x;    
  overflow: hidden;
}
#stred #obsah {
  margin:0 auto;
  position:relative;
  width: 800px;
}
#stred #zahlavi {
  width: 100%;
  height: 29px;
  background: #bab088;
  display: none;
  text-align: right;  
}
#stred #vlajky {
  position: relative;
  right: 10px;
  top: 8px;
}

#spodek {
  margin:0;
  background: #f4edd3 url(../img/spodek_bg.gif) repeat-x;    
  overflow: hidden;
}
#spodek #obsah {
  margin:0 auto;
  position:relative;
  width: 800px;
  background: url(../img/spodek_zapati_bg.gif) repeat-x;
  overflow: hidden;  
}
#spodek #quicksearch {
  float: left;
  width: 22%;
  overflow: hidden;
} 
#quicksearch h1 {
  font-family: "Trebuchet MS";
  font-size: 12px;
  color: #4b483e;
  text-transform: uppercase;
  margin-left: 8px;
}  
#quicksearch .input {
  font-family: Arial;
  font-size: 11px;
  color: #000;
  margin-top: 8px;
  width: 140px;
  padding-left: 3px;
  border: 1px solid #c7c0a5;
} 
#quicksearch .inputfocus {
  font-family: Arial;
  font-size: 11px;
  color: #000;
  margin-top: 8px;
  width: 140px;
  padding-left: 3px;
  border: 1px solid #d56441;
}
#quicksearch #button {
  font-family: Arial;
  font-size: 12px;
  color: #000;
  margin-top: 5px;
} 

#spodek #lastvisit {
  float: left;
  width: 39%;
  overflow: hidden;
}
#lastvisit h1 {
  font-family: "Trebuchet MS";
  font-size: 12px;
  color: #4b483e;
  text-transform: uppercase;
  margin-left: 8px;
}  
#lastvisit p {
  line-height: 20px;
}
#lastvisit a {
  font-family: Arial;
  font-size: 13px;
  color: #cc6b14;
  border-bottom: 1px dotted #bbb;
  text-decoration: none;  
}
#lastvisit a:hover {
 color: #a22600;
 border-bottom: 1px dotted #444;
}  
#lastvisit .id {  
  font-family: Arial;
  font-size: 9px;
  color: #4b483e;
  border-bottom: none;
}  

#spodek #lastedit {
  float: left;
  width: 39%;
  overflow: hidden;
}
#lastedit h1 {
  font-family: "Trebuchet MS";
  font-size: 12px;
  color: #4b483e;
  text-transform: uppercase;
  margin-left: 8px;
} 
#lastedit p {
  line-height: 20px;
}
#lastedit a {
  font-family: Arial;
  font-size: 13px;
  color: #cc6b14;
  border-bottom: 1px dotted #bbb;
  text-decoration: none;  
}  
#lastedit a:hover {
 color: #a22600;
 border-bottom: 1px dotted #444;
} 
#lastedit .id {  
  font-family: Arial;
  font-size: 9px;
  color: #4b483e;
  border-bottom: none;
}  


#zapati {
  clear: both;
  margin:0;
  background: url(../img/spodek_bg.gif) repeat-x;    
}
#zapati #obsah {
  margin:0 auto;
  position:relative;
  width: 800px;
  font-family: Tahoma;
  font-size: 11px;
  color: #9b9b9b;
  text-align: center;
}
#zapati #obsah a {
 color: #db8531;
 text-decoration: none;
 border-bottom: 1px dotted #bbb;
}
#zapati #obsah a:hover {
 color: #a22600;
 border-bottom: 1px dotted #444;
}

#stred #leftside {
  float: left;
  width: 270px;
  overflow: hidden;
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: center;
}
#stred #leftside img {
  border: 3px solid #f4edd3;
}
#stred #rightside {
  float: right;
  width: 520px;
  overflow: hidden;
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: left;
}
#stred #rightside2 {
  float: left;
  width: 800px;
  overflow: hidden;
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: left;
}
#stred h1 {
  font-family: "Arial Narrow", "Trebuchet MS", Arial;
  font-size: 23px;
  color: #935519;
  font-weight: normal;
}  

#stred h2 {
  font-family: "Arial Narrow", "Trebuchet MS", Arial;
  font-size: 18px;
  color: #935519;
  font-weight: normal;
  margin-bottom: 0;
}  

#stred p {
  font-family: Arial;
  font-size: 13px;
  color: #343434;
  line-height: 20px;
  margin-right: 24px; 
  text-align: justify; 
  margin-top: 5px;
}  
#stred #rightside a {
 color: #a22600;
 text-decoration: none;
 border-bottom: 1px dotted #444;
}
#stred #rightside a:hover {
 color: #BA3A10;
 border-bottom: 1px dotted #000;
}



.headtab {
  width: 100%;
  height: 27px;
  background: url(../img/tab_head_bg.gif) bottom repeat-x;
}
.tabsel {
  background-image: url(../img/tab_selected.gif);
  font-family: Arial;
  font-size: 13px;
  color: #2e2e2e;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 5px;
  height: 22px;  
  float: left;
  border-left: 1px solid  #bab088;
  border-right: 1px solid  #bab088;
  margin-right: 3px;
}
.tabunsel {
  background-image: url(../img/tab_unselected.gif);
  font-family: Arial;
  font-size: 13px;
  color: #2e2e2e;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 5px;
  height: 22px;  
  float: left;
  border-left: 1px solid  #bab088;
  border-right: 1px solid  #bab088;
  margin-right: 3px;
  cursor: pointer;
}
.tabbg {
  width: 100%;
  background-color: #f4edd3; 
  border: none;
}
.tabbgstop {
  width: 100%;
  background-color: #f4edd3; 
  border: none;
  border-top: 1px solid #bab088;
  border-bottom: 1px solid #bab088;  
}
.tabl {
  border-left: 1px solid #bab088;
  border-bottom: 1px solid #bab088;
  border-right: 1px solid #bab088;
  font-family: Arial;
  font-size: 13px;
  color: #935519;
  width: 100px;
}
.tabr {  
  border-bottom: 1px solid #bab088;
  border-right: 1px solid #bab088;
  font-family: Arial;
  font-size: 13px;
  color: #2e2e2e;
}

.tabla {
  border-left: 1px solid #bab088;
  border-top: 1px solid #bab088;
  border-bottom: 1px solid #bab088;
  border-right: 1px solid #bab088;
  font-family: Arial;
  font-size: 13px;
  background-color: #FFFFFF;
  /*width: 100px;*/
}
.tablsearch {
  border-left: 1px solid #bab088;
  border-bottom: 1px solid #bab088;
  border-right: 1px solid #bab088;
  font-family: Arial;
  font-size: 13px;
  color: #935519;
  /*width: 100px;*/
}
.tabra {  
  border-top: 1px solid #bab088;
  border-bottom: 1px solid #bab088;
  border-right: 1px solid #bab088;
  font-family: Arial;
  font-size: 13px;
  background-color: #FFFFFF;
}

#rightside2 a {
  font-family: Arial;
  font-size: 13px;
  color: #cc6b14;
  border-bottom: 1px dotted #bbb;
  text-decoration: none;  
}
#rightside2 a:hover {
 color: #a22600;
 border-bottom: 1px dotted #444;
}