body { font-size: 0.8em; color: black; font-family: Verdana, 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; margin: 0px; padding: 0px;
          background: #000 url('grafika/skin2/bg_3.png'); background-attachment: fixed; text-align: center; }

#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: 1.3em;
    background-color: #e3e3e3; }

/* ---- zakladni formatovani stranky ----- */
#wrap       { width: 80%; max-width: 63em; min-width: 40em; position: relative; text-align: left; top: 1.5em; margin: auto; padding-bottom: 3em; }
#root       { width: 100%; background-color: #fff; border-top: #545252 5px solid;
                 border-left: #545252 5px solid; border-right: #545252 5px solid;}

#obsah       { padding-top: 4em; width: 62%; padding-left: 1.5em; padding-right: 1em; padding-bottom: 3em; min-height: 40em;
	       background: white url('grafika/obsah_bg.gif') repeat-y 100% 0%; border-right: #eee 5px dotted;}
#hlavicka    { width: 100%; height: 8em; background: #D4D0D0 url('grafika/head_bg.gif') repeat-x top left; }
#navigace    { position: absolute; width: 100%; font-variant: small-caps; top: 8em; background: #c80000 url('grafika/lista_active.gif') repeat-x 0% 50%; }
#patka       { width: 100%; height: 70px; text-align: center; padding-top: 0.2em; border-bottom: #545252 5px solid; border-top: #545252 5px solid;
               background: #ba0000 url('grafika/skin2/bg_patka.png') repeat-x 0% 0%; }

#logo { position: absolute; left: 7em; top: 5px; width: 397px; height: 94px; background-image: url('grafika/logo.png'); }
#logo-text { position: absolute; left: 7em; top: 0em; width: 387px; height: 71px; }
#logo-decoration { width: 78px; height: 102px; background-image: url('grafika/left_eye.png'); }

#right  { position: absolute; top: 12.5em; left: 70%; width: 28%; }
#head-text   { position: absolute; top: 2em; left: 63%; width: 20em; height: 3em; background-color: #F6F6F6;
               -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: 6px 11px; text-decoration: none; border-right: 2px solid #545252; }
#navigace li a:hover { color: white; text-decoration: none; background: #c80000 url('grafika/navigace_bg.gif') repeat-x 0% 50%;}

img { border: 0px; text-decoration: none; }
.img-reference { float: left; padding: 0em 1em 1em 1em;}
.img-reference img { border: gray 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.9em; padding: 0.4em; border: #dbb7b7 1px dotted; background-color: #cf1313; text-decoration: none; }
#patka li a:hover {  color: #dbb7b7; font-size: 0.9em; 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: 1px 0; }
#navigace li { display: inline; padding: 0em; }

#patka ul { margin: 0em; padding: 0em; }
#patka li { display: inline; padding: 0em 0em 1em 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: 1.2em; 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: #c80000; }
h2  { letter-spacing: 0em; font-size: 160%; font-weight: bold; color: #c80000; margin-bottom: 0.7em;
      background: url('grafika/headline.gif') no-repeat 0% 50%; padding-left: 2.5em; border-bottom: 3px #eee dotted; }

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: #494949 1px solid; border-right: #494949 2px solid; border-bottom: #494949 2px solid; margin: 0.2em; margin-bottom: 1em;
         background: #e3e3e3 url('grafika/box_corner.gif') no-repeat 100% 100%; }

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/navigace_bg.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: #000; }

#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; padding-bottom: 0.3em;}
fieldset > div { padding-bottom: 5px;}
.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; padding: 0.2em; }
tbody tr th { background-color: #D8D8D8; 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; }