body {         
   font-family: verdana, arial, sans-serif; 
   color: black;
   font-size: 8pt;
   background-color: black;
   margin-top: 50pt;
}

table.none {
  border: 0px;
}

table.none td{
  border: 0px;
}

td.gray_flag {
  background-color: #b5b5b5;
  border-right: 1px solid #a5a5a5;
}

td.gray {
  background-color: #b5b5b5;
  font-size: 9pt;
  color: black;
  padding: 22pt;
  padding-right: 0pt;
  border-right: 1px solid #a5a5a5;
}

td.logo {
  background-color: #f79a18;
  color: black;
  font-size: 9pt;
  padding: 10pt;
}

td.ilu_top {
  padding: 0px;
/*  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #555555;*/
}

td.content {
  background-color: #f79a18;
  color: black;
  font-size: 9pt;
  padding: 22pt;
}

/* ---------------- NADPIS + OBSAH ----------------*/
.nadpis {
  font-weight: bold;
  font-size: 10pt; 
  text-transform: uppercase;
  height: 25pt;
}

td.text {
  background-color: #f79a18;
  font-size: 9pt;
  color: black;
}


td.text_hledat {
  background-color: #f79a18;
  font-size: 9pt;
  color: black;
  padding: 5pt;
}

td.text {
  text-align: justify;
}

/* ---------------- PATICKA ----------------*/
td.paticka {
  background-color: #9a9898;
  font-size: 9pt;
  color: white;
  padding: 2pt;
  border-top: 1px solid black;
}

/* ---------------- ODKAZY ----------------*/
a:link, a:visited {
   font-size: 10pt;
   font-weight: normal;
   color: black;    
   text-decoration: none;
}

a:hover, a:active {     
   color: white;   
   text-decoration: none;
}

/* ---------------- MENU ----------------*/

td.menu_main {
  text-transform: uppercase;
  color: black;
  font-size: 10pt;
  font-weight: bold;
}

a.menu:link, a.menu:visited {
   font-size: 9pt;
   font-weight: bold;
   color: black;
   text-transform: uppercase;
   text-decoration: none;
}

a.menu:hover, a.menu:active {     
   color: white;   
   text-decoration: none;
   text-transform: uppercase;
}

a.menu_on:link, a.menu_on:visited {
   font-size: 9pt;
   font-weight: bold;
   color: white;
   text-transform: uppercase;
   text-decoration: none;
}

a.menu_on:hover, a.menu:_onactive {     
   color: white;   
   text-decoration: none;
   text-transform: uppercase;
}


/* ---------------- KONTAKT ----------------*/
td.kontakt {
  font-size: 9pt;
}

textarea {
  width: 100%;
}

textarea.vzkaz {
  background: #fffcf1;
  border: 1px solid #4e4e4e;
  border-top: 1px solid #919191;
  border-left: 1px solid #919191;
/*  padding: 5px;*/
  font-style: italic;
}

input.text {
  background: #fffcf1;
  border: 1px solid #4e4e4e;
  border-top: 1px solid #919191;
  border-left: 1px solid #919191;
  width: 500px;
  _width: 550px;
}

input.submit{
  font-size: 9pt;
  font-weight: bold;
  color: white;
  background-color: #a5a5a5;
  border: 1px solid #4e4e4e;
  border-top: 1px solid #919191;
  border-left: 1px solid #919191;
}

td.small {
  font-size: 7pt;
  text-align: right;
}

ul {
 list-style-type: square;
 padding: 0px;
 margin: 0px;
 padding-left: 15px;
}


ul.seznam a:link, ul.seznam a:visited {
   font-size: 10pt;
   font-weight: normal;
   color: black;    
   text-decoration: none;
}

ul.seznam a.active:hover, ul.seznam a.active:active {     
   color: white;   
   text-decoration: none;
}

ul.seznam a.active:link, ul.seznam a.active:visited {
   font-size: 10pt;
   font-weight: normal;
   color: white;    
   text-decoration: none;
}

ul.seznam a:hover, ul.seznam a:active {     
   color: white;   
   text-decoration: none;
}

ul.seznam li {
  padding: 2px;
}

/* ---------------- ARCHI - abeceda  ----------------*/
a.abc_active, a.abc_active:visited, a.abc_nonactive, a.abc_nonactive:visited,
a.abc_anchor, a.abc_anchor:visited {
  font-size: 7pt;
  font-weight: normal;
  text-decoration: none; 
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 4px;
  margin: 0px;
}

a.abc_active:hover, a.abc_nonactive:hover, a.abc_anchor:hover {
  white-space: normal; 
}

a.abc_active, a.abc_active:visited, a.abc_anchor, a.abc_anchor:visited {
  color: white;
  border: 1px solid black; 
  background-color: black;
}

a.abc_active:hover {
  color: black;
  border: 1px solid white;
  background-color: white;
}

a.abc_anchor:hover {
  color: white;
  border: 1px solid black;
  background-color: black;
}

a.abc_nonactive, a.abc_nonactive:visited {
  color: #555555;
  text-decoration: none;
  border: 1px solid #555555; 
}

a.abc_nonactive:hover {
  border: 1px solid #555555;
  text-decoration: none;
}


/* ---------------- ARCHI - jednotlivy clovek ----------------*/
td.text_archi {
  background-color: #f79a18;
  font-size: 9pt;
  color: black;
  padding: 10pt;
}

td.nadpis_archi {
  font-weight: bold;
  font-size: 13pt; 
  text-transform: uppercase;
  padding-bottom: 10pt;
  text-align: left;
}

table.archi {
  font-size: 9pt;
  padding-left: 0pt;
}

table.archi td.podnadpis {
  font-size: 9pt;
  padding-left: 0pt;
  font-weight: bold;
}

table.archi td {
  text-align: left;
}

table.archi td.text {
  text-align: justify;
}

table.archi td.left {
  padding-right: 22pt;
}

table.archi td.img {
  text-align: right;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

table.archi img {
  padding-left: 0pt;
}

table.archi_vycet td {
  border: 1px solid black;
  padding: 2pt;
  padding-left: 5pt;
  padding-right: 5pt;
}

table.archi_vycet a:link, table.archi_vycet a:visited {
   font-size: 8pt;
   font-weight: normal;
   color: black;    
   text-decoration: none;
}

table.archi_vycet a:hover, table.archi_vycet a:active {
   color: white;    
   text-decoration: none;
}

/* ---------------- GALERIE obrazku  ----------*/
#container {
 position: relative; 
}

a.gallery, a.gallery:visited {
  font-size: 7pt;
  font-weight: normal;
  text-decoration: none; 
  color: white;
  border: 1px solid #555555; 
  background-color: black;
  float: left; 
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  margin: 0px;
}

a.gallery:hover {
  white-space: normal; 
  color: black;
  border: 1px solid white;
  background-color: white;
}

a.gallery:hover img, a.gallery:active img, a.gallery:focus img {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

a.gallery span {
  position: absolute; 
  background-color: #f79a18;
  overflow: hidden;
  width: 0px; 
  height: 0px; 
}

a.gallery:hover span, a.gallery:active span, a.gallery:focus span, a.gallery img {
  text-align: center; 
}

a.gallery:hover span, a.gallery:active span, a.gallery:focus span {
  position: absolute; 
  width: 295px; 
  height: 430px; 
  top: 22pt; 
  left: 2px;
}

a.active:hover span, a.active:active span, a.active:focus span, a.active span {
  text-align: center; 
}

a.active span {
  position: absolute; 
  width: 295px; 
  height: 430px; 
  top: 22pt; 
  left: 2px; 
}

a.active img {
  text-align: center; 
  border: 0px;
  padding: 0px;
}

a.gallery_empty, a.gallery_empty:visited {
  font-size: 7pt;
  color: #555555;
  text-decoration: none; 
  border: 1px solid #555555; 
  float: left; 
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  margin: 0px;
}
a.gallery_empty:hover {
  white-space: normal; 
  border: 1px solid #555555;
}

/* ---------------- DRUH ----------*/
table.druh td{
  padding: 0px;
}

ul.druh a:link, ul.druh a:visited {
   font-size: 10pt;
   font-weight: normal;
   color: black;    
   text-decoration: none;
}

ul.druh a.active:hover, ul.druh a.active:active {     
   color: white;   
   text-decoration: none;
}

ul.druh a.active:link, ul.druh a.active:visited {
   font-size: 10pt;
   font-weight: normal;
   color: white;    
   text-decoration: none;
}

ul.druh a:hover, ul.druh a:active {     
   color: white;   
   text-decoration: none;
}

ul.druh {
  padding-left: 15px;
  padding-top: 2px;
}

ul.druh li {
  padding: 0px;
  padding-bottom: 0px;
}


/* ---------------- MISTO ----------*/
select {
  width: 335px;
}

/* ---------------- ADMINISTRACE ----------*/
td.logo_navig {
  background-color: #f79a18;
  color: black;
  font-size: 9pt;
  padding-bottom: 5pt;
  padding-left: 5pt;
}

table.edit {
    font-size: 9pt;
}

table.edit td {
    padding: 1px;
}

table.edit td.left {
    padding-left: 20pt;
}

table.edit td.right {
    padding-right: 20pt;
}

table.edit td.both {
    padding-left: 20pt;
    padding-right: 20pt;
}


table.edit a:link, table.edit a:visited {
    font-size: 9pt;
    color: black;
    text-decoration: none;
}

table.edit a:hover, table.edit a:active {
    font-size: 9pt;
    color: black;
    text-decoration: underline;
}

table.edit input, table.edit textarea, table.edit select {
    margin-bottom: 10px;
}

table.edit select.small {
    margin: 0px;
    padding: 0px;
    width: 45px;
    font-size: 8pt;
}

td.navig a:link, td.navig a:visited {
   font-weight: bold;
   color: black;    
   text-decoration: none;
}

td.navig a:hover, td.navig a:active {     
   color: black;   
   text-decoration: underline;
}


td.arch_foto {
    vertical-align: top;    
}

td.edit_content {
  background-color: #f79a18;
  color: black;
  font-size: 9pt;
}

table.edit td.gray {
  background-color: #b5b5b5;
  font-size: 9pt;
  color: black;
  padding: 22pt;
  padding-right: 0pt;
  border-right: 1px solid #a5a5a5;
}

table.edit textarea {
  background: white;
  border: 1px solid gray;
  height: 200px;
}

table.edit input.submit {
  border: 1px solid gray;
  color: white;
  font-size: 8pt;
  _font-size: 9pt;
  _padding-left: 2px;
  _padding-right: 2px;
}

table.edit input.file {
  border: 0px;
  color: black;
  font-size: 8pt;
  _font-size: 9pt;
}

td.arch_input input{
    font-size: 13pt;
    font-weight: bold;
}

table.img_arch {
    padding-top: 20px;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}


table.edit a.gallery, table.edit a.gallery:visited {
  font-size: 7pt;
  font-weight: normal;
  text-decoration: none; 
  color: white;
  border: 1px solid #555555; 
  background-color: black;
  float: left; 
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  margin: 0px;
}

table.edit a.gallery:hover {
  font-size: 7pt;  
  white-space: normal; 
  color: black;
  border: 1px solid white;
  background-color: white;
}

table.edit a.gallery_empty:hover {
  font-size: 7pt;
  text-decoration: none;
  color: #555555; 
}


table.img_arch a.active span {
  position: absolute; 
  width: 295px; 
  height: 400px; 
  top: 42pt; 
  _top: 22pt;
  left: 2px; 
}

table.img_arch a.gallery:hover span, table.img_arch a.gallery:active span, table.img_arch a.gallery:focus span {
  position: absolute; 
  width: 295px; 
  height: 400px; 
  top: 42pt; 
  _top: 22pt;
  left: 2px;
}

span.button {
  background-color: #a5a5a5;
  border: 1px solid #4e4e4e;
  border-top: 1px solid #919191;
  border-left: 1px solid #919191;
  margin-right: 10pt;
  position: relative;
}

span.button a:hover, span.button a:active, span.button a:link, span.button a:visited {
  font-size: 8pt;
  font-weight: bold;
  color: white;
  text-decoration: none;
  padding: 2px 10px 2px 10px;
}

div.fieldWithErrors {
    display: inline;
}

div.fieldWithErrors input {
    background-color: #f5e69f;
}

div.notice {
    font-size: 8pt;
    font-weight: bold;
}

div.notice1 {
    font-size: 8pt;
    font-weight: bold;
    background-color: #f5e69f;
    color: black;
    padding: 2px;
    margin: 0px;
    margin-bottom: 25px;
}

.copyright {
   position: relative; 
   top: 0px;
   left: 0px;
   height: 26px;
   vertical-align: middle;
   text-align: center;
   z-index: 10;
   color: black;
}

