/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }

body { font: 67%/1.4 Tahoma, "Lucida Grande CE", lucida, sans-serif }

body { text-align: center; color: #fff; background-color: #ffffff }
h1, h2, h3, h4, h5, h6 { color: #fff; padding: 0; line-height: normal }
h1 { font-size: 180%; clear: both; margin: 0.2em 0 0.5em 0 }
h2 { font-size: 140%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 120%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 100%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% Tahoma, "Lucida Grande CE", lucida, sans-serif }
a { color: #ffffff }
a:link { color: #ffffff }
a:hover { color: #ffffff; text-decoration: none }
p { margin: 1em 0 1.5em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin: 0; padding: 0 0 0 20px; margin-top: 1em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 90% }
/* /zakladni prvky */

/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.clear { clear: both; height: 0; font-size: 1px }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.required { background: #ffffff url(img/sys/required.gif) no-repeat right top }
.ok, .info { color: #6495ed; font-weight: bold }
.ll { list-style-type: lower-alpha }
.bg0 { background-color: #f4f4f4 }
.border { border: 1px solid #aaaaaa; padding: 3px }
.button { }
.big { font-size: 130% }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 90% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 623px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background-color: #ffffff
}
#header { margin: 0 15px; height: 122px; position: relative }
#footer { margin: 0; color: #b9eb4e; font-size: 190%; text-align: center; position: absolute; left: 0; bottom: 30px; width: 100% }
/* /layout - zaklad */

/* layout - special */

.panel { width: 623px; height: 438px; margin: 5em 0 0 0; position: relative; overflow: hidden }
#h90 { background: #91bb3d url(img/sys/h90.jpg) no-repeat 0 0 }
#hz { background: #2f9cb8 url(img/sys/bg_hz.jpg) no-repeat 0 0 }

#h90 #h90-logo { margin: 0; padding: 35px 0 0 0; text-align: center }
#hz #hz-logo { margin: 0; padding: 30px 0 0 0; text-align: center }

#info { font-weight: normal; padding: 80px 210px 0px 50px; text-align: center }
#hz #info { padding-right: 265px }
#info.error { text-align: left; padding-top: 40px }

#h90-logo-small { position: absolute; right: 30px; top: 35px }
#hz-logo-small { position: absolute; right: 10px; top: 25px }
#h1-error { margin: 0; padding: 65px 0 10px 80px; line-height: 1; background: transparent url(img/sys/alert-right.png) no-repeat 25px 58px }
#hz #h1-error { background: transparent url(img/sys/hz-h1-error.gif) no-repeat 25px 58px }
h1 small { font-size: 60%; font-weight: normal }
/* /layout - special */