/* CSS for Horní Němčí official web site
 * 
 * Author:  Miroslav Warchil
 * Contact: warweb@email.cz 
 * Date:    November 2006
 */

/**
 *  Initialization settings
 */ 
* {
  padding: 0px;
  margin:  0px; 
}

body {
  text-align: center;
  margin: 0em auto;
  font-family: Verdana,Tahoma, Arial,sans-serif;
  font-size: 70%;
  color: black;
  background-color: white;
}
 
#main-container {
  width: 950px;
  position: relative;
  top: 0px;
  margin: 0em auto;
  margin-top: 0px;
}

/**
 *  Settings for header-section
 */
 
#header-section {
  width: 950px;
}

#header-section table {
  border-collapse: collapse;
}

.header-picture {
  height: 155px;
  width: 950px;
  background-image: URL('templates/pic/header/1.jpg');
  background-position: left top;
  background-repeat: no-repeat;
  background-color: white;
}

/**
 *  Settings for left-column
 */
 
#left-column {
  width: 220px;
  float: left;
}

#main-menu {
  width: 220px;
  margin-top: 10px;
  margin-bottom: 15px;
  text-align: left;
  line-height: 130%;
  color: white;
  background-color: #384280;
}

.main-menu-item, .main-menu-item-top, .main-menu-item-bottom {
  width: 220px;
  text-transform: uppercase;
  padding-left: 15px;
}

.main-menu-item {
  padding-top: 5px;
  background-image: URL('templates/pic/menu-body.gif');
  background-position: left top;
  background-repeat: repeat-y;
}

.main-menu-item-top {
  padding-top: 10px;
  background-image: URL('templates/pic/menu-top.gif');
  background-position: left top;
  background-repeat: no-repeat;
}

.main-menu-item-bottom {
  padding-bottom: 10px;
  background-image: URL('templates/pic/menu-bottom.gif');
  background-position: left bottom;
  background-repeat: no-repeat;
}

.main-menu-subitem {
  width: 220px;
  padding-left: 15px;
  background-image: URL('templates/pic/menu-body.gif');
  background-position: left top;
  background-repeat: repeat-y;
}

.main-menu-item a, .main-menu-subitem a, .main-menu-item-top a, .main-menu-item-bottom a{
  color: white;
  text-decoration: none;
}

.main-menu-item a:hover, .main-menu-subitem a:hover, .main-menu-item-top a:hover, .main-menu-item-bottom a:hover {
  color: #ecec1a;
}

.left-e-deska { 
  height: 35px;
  width:  220px;
  /**/
  background-image: URL('templates/pic/e-deska-top.jpg');
  background-position: left top;
  background-repeat: no-repeat;
  /**/
  font-size:      125%;
  color:          white;
  font-weight:    bold;
  text-decoration: underline;
  text-transform:  uppercase;
}

.left-e-deska-obsah {
  padding-left: 7px;
  padding-right: 7px;
  /**/
  background-image: URL('templates/pic/e-deska-body.jpg');
  background-position: left top;
  background-repeat: repeat-y;
  /**/
  text-align: left;
  color: white;
  /**/
}

.left-e-deska-foot {
  height: 20px;
  margin-bottom: 15px;
  /**/
  background-image: URL('templates/pic/e-deska-bottom.jpg');
  background-position: left top;
  background-repeat: no-repeat;
}

.left-e-deska p {
  padding-top: 7px;
}

.left-e-deska-obsah p {
  margin-left: 10px;
  margin-top:  5px;
  /**/
  font-weight: bold;
}

.left-e-deska-obsah a {
  color: white;
  /* color:           #fccf4c; */
  text-decoration: none;
}

.left-e-deska-obsah a:hover {
  color:  #fccf4c;;
}

/**
 *  Settings for middle-column
 */
 
#middle-column {
  width: 520px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 3em;
  float: left;
  text-align: left;
}

#middle-column .standard-content {
  padding-top: 0.2em;
  margin: 5px;
  color: #222222;
  margin-bottom: 2em;
  font-size: 1.2em;
}

#middle-column p {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

#middle-column h1 {
  margin-bottom: 0.1em;
  color: #333333;
  padding-right: 0.3em;
  font-family: Georgia;
  font-size: 2.3em;
}

#middle-column h2 {
  margin-bottom: 0.4em;
  margin-top: 1em;
  color: #333333;
  font-family: Verdana,Tahoma, Arial,sans-serif;
  font-size: 1.6em;
  
}

#middle-column h3 {
  color: #333333;
  margin-bottom: 0.4em;
  margin-top: 0.8em;
  font-size: 1.2em;
}

#middle-column h4 {
  margin-bottom: 0.4em;
  margin-top: 0.8em;
  font-size: 1.0em;
}

#middle-column ul {
  list-style-type: disc;
  list-style-position: inside;
}

/**
 * Nastylovani obrazku v clancich
 */ 
div.obrazek {
  width: 211px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 7px;
  margin-right: 7px;
  padding-bottom: 0px;
  /**/  
  border: 1px solid #AAAAAA;
}

.obrazek img {
  margin: 5px;
  margin-bottom: 1px;
  /**/
  border: 0px solid white;
}

.obrazek-popis {
  margin-top:  0px;
  margin-left: 5px;
  /**/
  font-style:  italic;
  font-size:   80%;
  /**/  
  color:            #777777;
  background-color: white;
}

.obrazek-popis a {
  border:           0px solid white;
}

.obrazek-popis img {
  vertical-align: top;
  position:       relative;
  top:            -4px;
}

/**
 * Pas fotografii
 */ 
.fotopas {
  margin-top:    10px;
  margin-bottom: 10px;
  /**/
  border: 1px solid #AAAAAA;
}

.fotopas img {
  margin: 5px;
  margin-bottom: 1px;
  /**/
  border: 0px solid white;
}

.fotopas-popis {
  padding-left: 5px;
  padding-bottom: 2px;
  /**/
  font-size: 80%;
  /**/
  color:            #777777;
  background-color: white;
}

.fotopas-popis img {
  vertical-align: top;
  position:       relative;
  top:            -4px;
}

/**
 * Ovlivni vsechny tabulky ve strednim sloupci 
 */
#middle-column table {
   margin-top: 0.5em;
   border-collapse: collapse;
} 

#middle-column a {
  color: blue;
  text-decoration: underline;
}

#middle-column a:hover {
  /* color: #d5c633; */
  color: orange;
}

/* Radkove menu pod nadpisem - pr. zastupitelstvo */
span.menu-radek {
  font-size: 90%;
  margin-bottom: 2em;
}

/* Kontakt na zastupitele */
span.zastup-kontakt {
  font-size: 80%;
}

.kratky-popis {
  margin-top: 1em;
  font-style: italic;
  margin-bottom: 10px;
}

.autor-clanku, .datum-clanku {
  font-size: 90%;
}

.autor-clanku {
  width: 500px;
  text-align: left;
}

.hodiny-small-font {
  text-decoration: none;
  color: blue;
  font-size: 80%;
}

/* Pro tabulku pracovni doby */
.doba-den {
  background-color: #ffae02;
  color: #222222;
  border: 1px solid #333333;
  padding: 5px;
}

.doba-hodiny {
  background-color: #fccf4c;
  color: #222222;
  border: 1px solid #333333;
  padding: 5px;
}

#middle-column a {
  text-decoration: none;
  color: blue;
}

#middle-column a:hover {
  text-decoration: underline;
}

.standard-content table {
  font-size: 100%;
}


/**
 *  Settings for right-column
 */
 
#right-column {
  width: 188px;
  float: right;
  text-align: left;
  margin-bottom: 3em;
  padding-top: 10px;
}

.message-box-pozvanky, .message-box-clanky, .message-box-dokumenty, .message-box-aktuality {
  width: 188px;
  padding-top: 27px;
}

.message-box-aktuality {
  background-image: URL('templates/pic/message-box-aktuality.gif');
  background-position: left top;
  background-repeat: no-repeat;
}

.message-box-pozvanky {
  background-image: URL('templates/pic/message-box-pozvanky.gif');
  background-position: left top;
  background-repeat: no-repeat;  
}

.message-box-clanky {
  background-image: URL('templates/pic/message-box-clanky.gif');
  background-position: left top;
  background-repeat: no-repeat;
}

.message-box-dokumenty {
  background-image: URL('templates/pic/message-box-dokumenty.gif');
  background-position: left top;
  background-repeat: no-repeat;
}

.message-box-footer {
  width: 188px;
  height: 28px;
  margin-bottom: 15px;
  background-image:URL('templates/pic/message-box-bottom.gif');
  background-position: left top;
  background-repeat: no-repeat;
}

.message-separator {
  width: 188px;
  height: 28px;
  background-image: URL('templates/pic/message-separator.gif');
  background-position: left top;
  background-repeat: no-repeat;
}

.message {
  background-image: URL('templates/pic/message-body.gif');
  background-position: left top;
  background-repeat: repeat-y;
  padding-left: 8px;
  padding-top: 3px;
  padding-right: 3px;
}

.message-datum {
  padding-right: 5px;
  font-style: italic;
}

.message h3 {
  font-size: 1.2em;
  margin-bottom: 0.15em;
  padding-right: 5px;
}

.message p {
  margin-top: 0.4em;
  padding-right: 5px;
}

.message-more {
  margin-top: 3px;
  margin-right: 10px;
  text-align: right;
}

.message-more a {
  color: blue;
  text-decoration: underline;
}

.message-more a:hover {
  color: #d5c633;
}

.message-datum {
  padding-right: 5px;
  font-style: italic;
}

.right-dokument-item { 
  font-weight:   bold;
  padding-bottom: 9px;
}

.right-dokument-item a {
  color:           blue;
  text-decoration: none;
}

.right-dokument-item a:hover {
  color:           #fccf4c;;
}                         

/**
 *  Settings for footer and filling
 */
 
.standard-footer {
  border-top: 1px solid #CCCCCC;
  padding-top: 4px;
  margin-top: 2em;
  text-align: center;
}

#footer {
  color: #222222;
  clear: both;
  border-top: 1px solid gray;
  text-align: center;
}

.filling {
  height: 10px;
}

/**
 *  Settings for guestbook
 */

.kniha-navigace {
  margin-top: 10px;
}

.kniha-navigace-left, .kniha-navigace-right {
  font-size: 80%;
}

.kniha-navigace-left {
  width: 87px;
  float: left;
  text-align: left;
}

.kniha-navigace-right {
  text-align: right;
}

img.starsi {
  border: none;
  background-image: URL('templates/pic/starsi.jpg');
  height: 16px;
  width:  87px;
}

img.novejsi {
  border: none;
  background-image: URL('templates/pic/novejsi.jpg');
  height: 16px;
  width:  87px;
}

img.reagovat {
  border: none;
  height: 15px;
  width:  70px;
}

.kniha-navigace-pocet {
  text-align: center;
  font-size: 80%;
  margin-bottom: 40px;
  margin-top: 20px; 
  font-style: italic;
}

.kniha-navigace a {
  color: blue;
}

.kniha-navigace a:hover {
  color: orange;
}
 
.prispevek {
  margin-top: 10px;
  border-bottom: 2px solid #ffc21f;
  background-color: #f4eec2;
}

.prispevek-head-old .prispevek-head-new {
  padding: 3px; /* nefunkcni */
}

.prispevek-head-old {
  background-image: URL('templates/pic/prispevek-old.gif');
  background-repeat: no-repeat;
  background-color: #ffc21f;
}

.prispevek-head-new {
  background-image: URL('templates/pic/prispevek-new.gif');
  background-repeat: no-repeat;
  background-color: #ffc21f;
}

.prispevek-autor {
  margin-left: 25px;
  padding-bottom: 4px;
  font-size: 90%;
  font-weight: bold;
}

.prispevek-datum {
  padding-top:  2px;
  padding-right: 5px;
  /**/
  text-align: right;
  font-size: 80%;
  font-style: italic;
}

.prispevek-autor a {
  font-size: 90%;
  text-decoration: none;
  /**/
  color: blue;
}

.prispevek-autor a:hover {
  color: white;
}

.prispevek-obsah {
  margin: 5px;
  font-size: 90%;
  line-height: 130%;
}

.prispevek-paticka {
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: right;
}

.prispevek-paticka a {
  text-decoration: underline;
  color: blue;
  font-size: 80%;
}

.prispevek-paticka a:hover {
  color: #d5c633;
}

/* Formular */

.novy-prispevek {
  margin-top:10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #5963a0;
  background-color: #dfe4f8;
}

table.table-novy-prispevek {
  border-collapse: separate;
  margin-left: 10px;
}

.table-novy-prispevek td {
  margin: 2px;
}

.novy-prispevek-nadpis {
  height: 20px;
  color: black;
  background-color: #8c9ccd;
  background-image: URL('templates/pic/vlozit-prispevek.gif');
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 120%;
  font-weight: bold;
  text-align: left;
  background-color: #8c9ccd;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 30px;
  margin-bottom: 10px;
}

.pole-vlozit {
  text-align: right;
}

.button-vlozit {
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
  /**/
  border: 1px solid gray;
  background-color: #dddddd;
}

.form-label {
  font-size: 100%;
  font-weight: bold;
}

td.odeslat {
  padding-top: 5px;
  text-align: right;
}

input {
  padding-top: 1px;
  padding-bottom: 1px;
  /**/
  font-size: 100%;
  /**/
  border: 1px solid gray;
}

textarea {
  border: 1px solid gray;
}

textarea.text-prispevek {
  /* width: 490px; */ /* Chyba s pretekanim praveho okraje */
}

/**
 * Zastupitelstvo a rada
 */
table.zastupitelstvo {
  border-collapse: separate;
  font-size: 100%;
}

.zastupitelstvo td {
  padding-left: 15px;
  padding-bottom: 5px;
}

/**
 * Zakladni udaje
 */
div.udaj-nadpis {
  font-size: 100%;
  font-weight: bold;
  margin-top: 0.85em;
  margin-bottom: 0.35em; 
}

div.udaj-popis {
  margin-left: 40px;
  margin-bottom: 0.2em;
  font-size: 100%;
}

/**
 * Letopocty koncici na cislici 4
 */
td.rok-4 {
  font-family: Georgia;
  font-weight: bold;
  font-size: 110%;
  vertical-align: middle;
  padding-right: 20px;
  margin-top: 10px;
}

td.udalost-4 {
  padding-top: 0.6em;
  margin-top: 10px;
}


/** 
 * DOKUMENTY - tabulkovy vypis
 **/
 
.dokumenty {
  border-collapse: collapse;
}

.dokumenty td {
  font-size: 80%;
  /**/
  padding: 3px;
  border: 1px solid gray;
}

.d-nazev-sloupce, .c-nazev-sloupce {
  font-weight: bold;
  text-decoration: underline;
  /**/
  background-color: #ffae02;
}

.d-nazev {
  font-weight: bold;
  /**/
  background-color: #fccf4c;
}

.d-datum, .d-stahnout {
  background-color: #fccf4c;
}

.d-paticka, .c-paticka {
  background-color: #ffae02;
}

select.vypis {
  /*font-size: 115%;*/
}

/**
 * DOKUMENTY - nova verze s vyhledavacim panelem
 */ 

.table-document {
  width:       508px;
  margin-top:  0px;
  padding-top: 0px;
}

    .table-document .typ-dokumentu {
      font-size: 90%;
      font-style: italic;  
    }
    
    .table-document .dokument-datum {
      width:         120px;
      padding-left:  5px;
      padding-right: 10px;
      font-style:    italic;
      vertical-align: top;
    }
    
    .table-document .dokument-nazev {
      font-weight: bold;
    }
    
    .dokument-nazev, .dokument-datum {
      padding-top:   5px;
    }
    
    /* "Zobrazit popis" dokumentu */
    .dokument-nazev span {
      font-weight: normal;
    }

.table-document-fields {
  position: relative;
  top:      -4px;
}

   .table-document-fields td {
     padding-right: 5px;
   }

.search-panel-top {
  position: relative;
  top: 1px;
  left: -1px;
  /**/
  height: 20px;
  margin:  0px;
  padding: 0px;
  /**/
  background-image:    URL('templates/pic/search-panel-top.jpg');
  background-position: left top;
  background-repeat:   no-repeat; 
}

.search-panel-body {
  border-top: 1px solid white;
  margin:  0px;
  padding: 0px;
  /**/
  background-image:    URL('templates/pic/search-panel-body.jpg');
  background-position: left top;
  background-repeat:   repeat-y; 
}    

.search-panel-bottom {
  height: 20px;
  /**/
  background-image:    URL('templates/pic/search-panel-bottom.jpg');
  background-position: left top;
  background-repeat:   no-repeat; 
}  


/**
 * CLANKY A AKTUALITY - tabulkovy vypis
 */

.clanky {
  width: 510px;
  /**/
  border-collapse: collapse;
}

.c-nazev-sloupce {

}

.clanky td {
  font-size: 80%;
  /**/
  padding: 3px;
  border: 1px solid gray;
}

.c-nazev {
  font-weight: bold;
  /**/
  background-color: #fccf4c;
}

.c-datum, .c-organizace {
  background-color: #fccf4c;
}

.c-paticka {

}

/**
 * E-DESKA tabulkovy vypis
 */
.d-deska {
  width: 470px;
  margin-left: 20px;
}
 
.d-deska td {
  padding: 3px;
  /**/
  font-size: 80%;
  vertical-align: top;
  /**/
  border: 1px solid #fccf4c;
  background-color: #f4eec2;
}

.d-deska-nadpis {
  background-image: URL('templates/pic/edeska-corner.jpg');
  background-position: top left;
  background-repeat: no-repeat;
}

/**
 * SLUZBY
 */

.sluzby-polozka {
  padding-left: 12px;
  margin-bottom: 10px;
  /**/
  background-image: URL('webdata/pic/sluzby_tecka.gif');
  background-position: left top;
  background-repeat: no-repeat; 
} 

/* FARNOST */

.bohosluzby td {
  padding: 3px;
  border: 1px solid #fccf4c;
}

.bohosluzby-nadpis {
  font-weight: bold;
  text-decoration: underline;
  background-color: #fccf4c;
}

.nedele {
  background-color: #f4eec2;
}

.ucitele td {
  vertical-align: top;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* FOTOALBUM */

.fotoalbum {
  width: 510px;
  border-collapse: collapse;
}

.fotoalbum td {
  margin:  0px;
}

.fotoalbum-miniatura-sloupec {
  width: 86px;
  border-top:    1px solid orange;
  border-bottom: 1px solid orange;
  /**/
  background-color: #ffc21f;
}

.fotoalbum-popis-sloupec {
  width: 424px;
  border-top:    1px solid orange;
  border-bottom: 1px solid orange;
  border-right:  3px solid orange;
  padding-left: 10px;
}

.panorama-miniatura-sloupec {
  width:         210px;
  padding-top:   5px;
  border-top:    1px solid orange;
  border-bottom: 1px solid orange;
  /**/
  background-color: #ffc21f;
  /**/
  text-align: center;
}

.panorama-popis-sloupec {
  width: 280px;
  border-top:    1px solid orange;
  border-bottom: 1px solid orange;
  border-right:  3px solid orange;
  padding-left: 10px;
}

.fotoalbum-nazev {
  /**/
  margin-top:  10px;
  /* margin-left: 10px; */
  /**/
  font-size:     120%;
  font-weight:   bold;
}

.fotoalbum-miniatura {
  /**/
  margin: 3px;
}

.fotoalbum-datum {
  /**/
  margin-top: 3px;
  /* margin-left: 10px; */
  /**/
  font-style: italic;
  font-size:  100%;
}

.login-form-errmsg {
  color:       red;
  font-weight: bold;
  margin-top:  10px;
}