.top { width: 700px; margin: 1em auto 1em auto }

.top-banner { width: 700px; height: 120px; margin: 0 auto }
.top-banner a.h-link { position: relative; top: -71px; left: 379px; margin: 0; padding: 0 }
.top-banner a.h-link img { margin: 0; padding: 0 }
.top-banner p.lang-nav { text-align: right; position: relative; top: -45px; margin: 0; padding: 0 }

.column { width: 700px; margin: 0 auto 1em auto }
.column .left-column { float: left; width: 175px; height: auto }
.column .right-column { float: right; width: 520px; height: auto }

.bottom { width: 700px; clear: both; margin: 1em auto 1em auto; padding-top: 3em; font-size: 90%; text-align: center }

body { background-color: #F4F4F4; color: #000; font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 11px; margin: 0; padding: 0 }
a { color: #C33D27 }
a:hover { color: #000 }

#head { background: url('images/head.jpg'); width: 700px; height: 89px }

#menu * { font-family: sans-serif; font-size: 105%; margin: 6px; padding: 0; text-decoration: none }
#menu h3, #menu h3 a { margin-left: 0; padding-left: 0; font-weight: bold }
#menu h4 { margin-left: 0; padding-left: 1.5em; font-weight: normal }
#menu a:hover { text-decoration: underline }
#menu .actual a { font-weight: bold; color: #666666 }

#text h1, #text h2, #text h3, #text h4 { font-family: sans-serif; margin: 1em 0; clear: left }
#text h1 { color: #666666; font-size: 200%; font-weight: normal; margin-top: 0 }
#text h2, #text h3, #text h4 { color: #C33D27 }
#text h2 { font-size: 150% }
#text h3 { font-size: 125% }
#text h4 { font-size: 125% }

#text h2.inverted { background-color: #C33D27; color: #FFF; padding: 3px }

#text table { width: 100% }
#text table, #text table td { border-collapse: collapse; border: 1px solid #000; padding: 5px; text-align: center }
#text table td.left { text-align: left }
#text table td.right { text-align: right }
#text table tr.passed { color: #808080 }

#text table.no-border, #text table.no-border td { border: none; padding: 0 }

#text p, #text ul, #text ol, #text dl { padding: 0.3em; margin: 0; margin-left: 1em; line-height: 1.5em; list-style-image: url('images/pomlcka.gif') }
#text fieldset { border: none; border-top: 1px solid #666666 }
#text legend { color: #000; font-weight: bold; padding: 1em }
#text input, #text textarea { margin: 0; margin-bottom: 0.8em }
#text li { line-height: 1.5em; list-style-position: outside; margin-left: 1.7em }

#text dt, #text dd {
    float: left;
    margin: 0;
    padding: 0.5em;
    padding-left: 0
}

#text dt { width: 14em; font-weight: bold }
#text dd { width: 30em }

/* commented backslash hack for mac-ie5 \*/
#text dt { clear: both }
/* end hack */

#text img { border: none; padding: 3px; margin: 0.5em }

#text.akreditovane-kurzy-rekvalifikace, #text.certificated-courses-of-the-requalification { background: url('images/symbol/akreditovane-kurzy-rekvalifikace.gif') top right no-repeat }
#text.dekorace-glazura, #text.decoration-glaze { background: url('images/symbol/dekorace-glazura.gif') top right no-repeat }
#text.keramicke-vyrobky-modelovani, #text.ceramics-ware-modelling { background: url('images/symbol/keramicke-vyrobky-modelovani.gif') top right no-repeat }
#text.lektor, #text.instructor { background: url('images/symbol/lektor.gif') top right no-repeat }
#text.odlevani, #text.casting { background: url('images/symbol/odlevani.gif') top right no-repeat }
#text.ostatni-akce, #text.other-events { background: url('images/symbol/ostatni-akce.gif') top right no-repeat }
#text.toceni-na-kruhu, #text.throwing-on-the-wheel { background: url('images/symbol/toceni-na-kruhu.gif') top right no-repeat }

#text p.warning { border-left: 2px solid #666666 }
#text p.form-sent { border-left: 2px solid #C33D27 }
#text p.form-error { border-left: 2px solid #666666; background-color: #C33D27; color: #FFF }

@media print {
    * { background-color: #fff !important; color: #000 !important; font-family: serif !important; text-decoration: none !important }
    .top, .top-banner, .left-column { display: none }
    .right-column { left: 0 !important; float: left !important }
}
