input.tl {
 border-bottom: 2px solid #336633;
 border-right: 2px solid #336633;
 border-top: 2px solid #88bb88;
 border-left: 2px solid #88bb88;
 background-color: #e4e4a0;
 color: #336633;
 font-weight: bold;
 font-size: 8pt;
 padding-left: 0px;
 padding-right: 0px;
}

p {
 text-align: justify;
}

.obr {
 width: 450px;
 padding: 0;
 margin: 0;
}

#telo {
 width: 1000px; /*780px;*/
 margin-left: auto;
 margin-right: auto;
}

#layout {
 padding: 0;
 margin: 0;
 border-collapse: collapse;
 width: 100%;
}

#zahlavi {
 width: 100%;
 padding: 0;
 margin: 0;
}

#pata {
 font-family: Arial;
 text-align: center;
 font-style: normal;
 font-weight: normal;
 font-size: 7pt;
 background-color: #336633; 
 color: #ebeb00;
}

#obsah {
 background-color: #ffffbb;
 width: 546px;
 font-weight: normal;
 font-size: 9pt;
 padding: 7px 13px 3px 13px;
}

#datum {
 text-align: center;
 white-space: nowrap;
 font-weight: bold;
}

#svatek {
 text-align: right;
// white-space: nowrap;
 font-weight: bold;
}

#levo {
 background-color: #336633;
 color: #ebeb00;
 width: 117px; 
}

#pravo {
 background-color: #336633;
 color: #ebeb00;
 padding: 1px 3px 3px 5px;
 width: 117px;
}

body {
 margin: 0;
 padding: 0;
 background-color: #ffffbb;
 font-weight: normal;
 color: #116604;
 font-family: Verdana;
 font-size: 8pt;
}

h1 {
 text-align: center;
 font-family: Arial;
 font-size: 12pt;
}

h3 {
 text-align: center;
 font-family: Arial;
 font-size: 12pt;
}

h4 {
 text-align: left;
 font-family: Arial;
 font-size: 11pt;
}

img {
 border: 0;
}

tr {
 padding: 0;
 margin: 0;
}

td {
 padding: 0;
 vertical-align: top;
}

table.tabulka {
 margin: 5px;
 border-collapse: collapse;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}

th.tabulka{
 border: 1px solid #f9c206;
 padding: 4px;
 color: #ebeb00;
 background-color: #538653;
 font-weight: bold;
 font-style: italic;
}

td.tabulka {
 border: 1px solid #f9c206;
 padding: 4px;
 text-align: left;
}

a {
 font-weight: bold;
 color: #ebeb00;
 text-decoration: none;
}

a:hover {
 background-color: #ffffbb;
 color: #336633;
}

a.odkaz {
 font-weight: normal;
 color: #ebeb00;
 text-decoration: none;
}

a.odkaz:hover {
 background-color: #336633;
 color: #ebeb00;
 text-decoration: underline;
}

a.a {
 font-weight: normal;
 color: #336633;
 text-decoration: underline;
}

a.a:hover {
 font-weight: normal;
 color: #669966;
 text-decoration: underline;
}

.b {
 font-weight: bold;
}

.i {
 font-style: italic;
}

.bi {
 font-weight: bold;
 font-style: italic;
}

.c {
 text-align: center;
}

.ci {
 text-align: center;
 font-style: italic;
}

.cb {
 text-align: center;
 font-weight: bold;
}

.cs {
 text-align: center;
 font-size: 7pt;
}

.cbi {
 text-align: center;
 font-weight: bold;
 font-style: italic;
}

.r {
 text-align: right;
}

.err {
 color: #ff0000;
}

#menu {
 margin: 0;
 padding: 0;
 cursor: default;
 list-style-type: none;
 text-decoration: none;
 display: table;
 table-layout: fixed;
 width: 100%;
}

ul {
 margin: 0;
 padding: 0;
 cursor: default;
 list-style-type: none;
 text-decoration: none;
 display: table;
 table-layout: fixed;
 width: 130px;
}

li {
 border-bottom: 1px solid #f9c206;
 padding: 4px;
 margin-top: 2px;
}

ul li:hover {
 background-color: #ffffbb;
 color: #336633;
}

ul li>ul{
/*Make the sub list items invisible*/
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: none;
 position: absolute;
 margin-left: 70px;
 margin-top: -2px;
 border: 1px solid #f9c206;
}

ul li:hover>ul{
/*When hovered, make them appear*/
 background-color: #336633;
 display: block;
}

ul li a {
 display: block;
}


table.zastupitelstvo tr td{
    padding-top: 10px;
}

.titulekObrazku {
    font-size: 7pt;
}