body { font-size: 0.8em; color: #E9E0E0; font-family: Verdana, 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; margin: 0px; padding: 0px;
          background-color: #373737; text-align: left; }

#obsah > p:first-child { line-height: 1.7em; font-size: 110%; margin-left: 1em;
    padding: 0.6em; border: 2px #cecece solid; margin-right: 1em; margin-bottom: 2.5em; 
    background-color: #545454; }

/* ---- zakladni formatovani stranky ----- */
#wrap       { width: 100%; position: relative; text-align: left; top: 3em; margin: auto; }
#root       { width: 100%; background-color: #373737; }

#obsah       { padding-top: 2em; width: 60%; min-width: 30em; padding-left: 7%; padding-right: 10em; padding-bottom: 3em; min-height: 40em;
	       border-right: #514646 6em double;}
#hlavicka    { width: 100%; height: 160px; background: #a10000 url('grafika/skin2/head_bg.gif') repeat-x 0% 50%; }
#navigace    { position: absolute; width: 100%; font-variant: small-caps; top: 9.3em; background: #c80000 url('grafika/lista_active2.gif') repeat-x 0% 50%;  }
#patka       { width: 100%; height: 7em; text-align: center; padding-top: 0.2em; border-bottom: #ae0c0f 5px solid; border-top: #a70202 10px solid;
               background: #ba0000 url('grafika/patka2.gif') repeat-x 0% 100%; }

#logo { position: absolute; left: 7%; top: 2em; width: 387px; height: 71px; background-image: url('grafika/skin2/logo.png'); }
#logo-decoration, #logo-text  { display: none; }

#right  { position: absolute; top: 14.5em; left: 70%; width: 20%; }
#head-text   { position: absolute; top: 2em; left: 70%; width: 25%; height: 3em; background-color: #c1c1c1;
                     -moz-border-radius: 10px; font-size: 10pt; text-align: center; line-height: 3em;}

/* ---- odkazy ----------------------- */

#obsah a, #obsah a:visited, #obsah a:link { color: #c80000; text-decoration: none; }
#obsah p a, #obsah p a:visited, #obsah p a:link { color: #c80000; text-decoration: none; border-bottom: 1px dotted #ae0c0f; border-width: 2px; }
#obsah p a:hover, #obsah a:active { color: #710000; border-bottom-style: solid; }
a[href^="http:"] { background: url('grafika/external_link.png') no-repeat right top; padding-right: 1em;}

#navigace li a   { float: left; color: white; padding: 7px 10px; text-decoration: none; border-right: 2px solid gray; }
#navigace li a:hover { color: white; text-decoration: none; background: #c80000 url('grafika/skin2/lista_active.gif') repeat-x 0% 50%; }

img { border: 0px; text-decoration: none; }
.img-reference { padding: 1em 0em; float: left; padding: 0em 1em 1em 1em;}
.img-reference img { border: #b00000 2px solid; }
.img-reference-logo { float: left; padding: 0em 1em 1em 1em;}
.img-reference-logo img { float: left; padding: 0em 1em 1em 1em;}
.img-reference a { text-decoration: none; }

#patka li a {  color: #f5ecec; font-size: 0.8em; padding: 0.4em; border: #dbb7b7 1px dotted; background-color: #514646; text-decoration: none; }
#patka li a:hover {  color: #dbb7b7; font-size: 0.8em; padding: 0.4em; border: white 1px solid; text-decoration: none; }

/* ---- seznamy ----------------------- */

#navigace ul { margin: 0; padding: 0; float: left; font: bold 1em 'Arial CE', sans-serif; width: 100%;
	       border: solid #625e00; border-width: 0px 0; padding-left: 8%; }
#navigace li { display: inline; padding: 0em; }

#patka ul { margin: 0em; padding: 0em; }
#patka li { display: inline; padding: 0em 0em 0em 1em; font-weight: bold; line-height: 2.5em;}

/* ---- formatovani textu ----- */

p {  font: 120%/1.6 Verdana, 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; margin: 0.5em 1em 1.5em 1.1em; }
#patka > p   { color: white; font-size: 0.9em; font-style: italic; padding-bottom: 0em; }
#head-text > p   { font: italic 12pt/1.5 "Arial CE", sans-serif; color: #c80000; padding-bottom: 0em; }

h1, h2, h3, h4 { font: bold 225%/1.5 Verdana, sans-serif; margin: 1em 0 0.5em 0; padding:0; }

h1 a { color: #fff; }
h2  { letter-spacing: 0em; font-size: 160%; font-weight: bold; color: #fff; margin-bottom: 0.7em;
       background: #565656 url('grafika/skin2/h22_bg.gif') repeat-x 0% 50%; padding-left: 1em;
       border-bottom: 1px #eee dotted; border-left: 0.5em #E6E4E4 double;  }

h3  { color: #c80000; font-size: 125%; font-weight: bold; margin-top: 0em;
      margin-left: 1em; margin-right: 0em; margin-bottom: 0.5em;
      border-bottom: 1px #D7D5D5 dotted; }

h4 { line-height: 1.65em; font-size: 110%; margin-top: 0.5em; margin-left: 1.1em; margin-right: 1em; margin-bottom: -0.2em; }

.box   { border-left: #aeaeae 1px solid; border-top: #aeaeae 1px solid; border-right: #aeaeae 3px solid; border-bottom: #aeaeae 3px solid; margin: 0.2em; margin-bottom: 1.5em;
         background: #C30000 url('grafika/skin2/right_bg.gif') repeat-y 50% 0%; }

div.box > h4  { font-size: 110%; font-weight: bold; color: #fff; margin: 0px; padding-bottom: 0.2em; padding-left: 0.8em; 
                background: #3e3e3e url('grafika/lista_active2.gif') repeat-x 0% 50%; border-bottom: 2px #ACACAC solid;  }

/* ---- right menu ----- */
#right ul { list-style-type: none; text-align: left; padding: 0em 0em 1em 1em; }
#right li { padding-bottom: 0.2em; }
#right ul li a { background: transparent url(grafika/odrazka.gif) left center no-repeat; padding-left: 1.4em;
text-align: left; font: normal 1.1em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none; color: #fff; }

#right ul li a:hover { background: url(grafika/odrazka2.gif) left center no-repeat; color: #C80000; font-weight: bold; }

/* ---- formular ----- */
fieldset { padding: 1em; margin: 0em 1.2em 0.8em 1.5em; border: 4px #D0D0D0 double; }
legend { color: #fff; text-align:center; font-weight:bold; padding: 0.2em 0.6em; background-color: #CF1313; }
textarea { width: 90%; height: 7em;}
label { display:block;}
.chyba_formular { color: red; font-weight:bold; background: url('grafika/achtung.png') no-repeat left top;
		  margin-left: 1em; padding-left: 2em;}
.povinna { color: #b21d05; font-style: italic;}
input { margin-bottom: 0.5em; vertical-align: middle; }

/* ---- tabulka ----- */
table {width: 60%; border: 4px #B3B3B3 double; margin: 0em 0em 2em 1.5em; font-size: 120%; }
thead {background-color: #CF1313; color: white; }
thead th {background-color: #CF1313; color: white; padding: 0.2em; background: #ba0000 url('grafika/navigace_bg.gif') repeat-x 0% 50%; }
td {background-color: #F0F0F0; color: black; padding: 0.2em; }
tbody tr th {background-color: #D8D8D8; color: black; padding: 0.1em; padding: 0.2em 0.2em;}
tfoot tr td {background-color: #CFCECE; color: black; padding: 0.2em;}
caption { font-style: italic; color: #CF1313; font-variant: small-caps; padding-bottom: 0.1em; font-size: 80%; }


/* ---- ostatni ----- */
acronym { cursor:help; }
acronym.accesskey { cursor:help; border-bottom: #b3342b 2px solid; padding: 0em 0.1em; }
dl { margin-left: 1.5em; }
dt { float: left; font-weight: bold;}
dd { padding-bottom: 1em;}
.mail { unicode-bidi:bidi-override; direction: rtl;  }
.hidden { display: none;  }
.show { display: block;  }

.clear { clear: both;  }
.svg { width: 400px; height: 15em; text-align: right; }