/*SITE LAYOUT*/


* { margin: 10; }

html, body { color: #983132 /*bordó*/; font: normal 16px/20px calibri, helvetica, sans-serif; height: 100%; }

/*SITE STYLES*/

* html

h1,h2,h3,h4 { color: #983132; margin: 0 0 18px 0; font-family: cambria, serif; clear: both; }


h1 { font-size: 2.3em; margin-left: 5px; padding-bottom: 10px; line-height: 100%}

h2 { font-size: 1.9em; margin-left: 10px; padding-bottom: 2px; line-height: 100%}

h3 { font-size: 1.5em; margin-left: 12px; padding-bottom: 2px; line-height: 100%}

h4 { font-size: 1.1em; padding: 0; margin: 0 0 3px 0; line-height: 100%}

a, a:link, a:visited { color: black; font-weight: bold; letter-spacing: 1px; outline: none; }

a:hover { color: #FFD21D;; background: black; text-decoration: none; }


p { padding: 0 0 18px 0; }

img { border: 1px solid #002245; }

ul { margin: 0 0 18px 40px; padding: 0; }
ol { margin: 5 0 18px 40px; padding: 0; }

p.imgLeft { float: left; font: normal 0.85em/16px arial, helvetica, sans-serif; width: 100px; margin: 4px 0 0 0; }

p.flowRight { margin-left: 120px; }

p.imgRight { font: normal 0.85em/16px arial, helvetica, sans-serif; float: right; width: 100px; margin: 4px 0 0 0; }

p.flowLeft { margin-right: 120px; }

/* OKRAJE */

#okraje { padding: 10px; }

/* tabulky */

.bezna { vertical-align: middle; border: solid 1px #983132; border-spacing: 0; }
.bezna th { text-align: left; font-size: 14pt; background: #983132; color: white; padding-left: 10px; padding-top: 8px; padding-bottom: 8px; padding-right: 10px; font-variant: small-caps; font-family: cambria, serif; letter-spacing: 1.5px; }
.bezna td { padding: 10px; border: 1px solid #983132; }
.bezna td.levy_sloupec { font-weight: bold; font-variant: small-caps; }