/* vynulování kvůli sjednocení prohlížečů */
body, html, p, h1, h2, h3, h4, ul, ol, li {
  padding: 0;
  margin: 0;
  }
  
/* nesmysl v IE5 */
table {
  font-size:100%;
  }

/* stejné písmo pro text i pro políčka formuláře */
body, input, textarea {
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif
  }

/* odkaz pro přeskočení navigace v textové verzi */
.skipmenu {
  display:none
  }

/* dolní okraj je v pixelech kvůli gradientu na pozadí*/
body {
  text-align:center;
  padding-bottom: 30px;
  padding-top: .8em;
  }
  
#kontejner {
  width: 770px;
  text-align:left;
  background: url('pruh.gif') repeat-y left top white;
  margin: 0 auto;
  color:black;
  font-size:86%;
  }

hr {
  clear: both;
  display: none;
  }


/* červená barva: */
div.menu, div.hlavicka, h2.aktualne {
  background-color: #c00;
  }
p a:visited, span, small a {
  color: #800;
  }

/* tmavší barva: */
li span, li a:hover, li a:focus {
  background-color:#a00
  }
p a, p a:hover, p a:focus, h1, h2, small a:hover, .paticka a:hover, fieldset a:hover {
  color: #c00;
  }

/* bílá barva: */
.hlavicka, li a, li a:visited, li span, h2.aktualne, a.button {
  color: white !important;
  }


/* šedivé pozadí */
body {
  background:url('back.gif') bottom repeat-x #ddd
  }
html {
  background-color:#C8C8C8
  }


/* navigace pomocí seznamů */
ol, ul {
  list-style-type:none
  }



div.menu {
  float: left;
  width:240px;
  }

ol {
  font-size: 95%;
  line-height:2.4em;
  padding-top: 4.2em;
  padding-left: 14px;
  }
  
ul {
  line-height:1.8em;
  }
  
li a, li span {
  display: block;
  width: 100%;
  }

ol li {
  font-weight: bold;
  font-size: 125%;
  text-transform: uppercase;
  text-indent: 0.4em;
  border-top: 2px solid white;
  }

ul li {
  font-weight: normal;
  font-size: 80%;
  text-transform: none;
  text-indent: 1.5em;
  border: none;
  line-height:1.8em;
  }

li span, li a {
  text-decoration: none
  }


/* neaktivní odzkazy */
span {
  text-decoration: underline;
  }


/* blok s obsahem */

div.obsah {
  font-size:98%;
  margin-left: 240px;
  padding: 0 2.3em .3em 2em;
  min-height: 32em;
  _height: 32em;
  }
  
.obsah small {
  font-size: 75%;
  display: block;
  padding-top:1.8em;
  color: gray;
  height: 1.4em;
  }

h1 {
  padding: .7em 0 0.4em 0;
  }

h2 {
  padding: 1em 0 0.2em;
  font-size: 125%;
  }

p {
  line-height: 1.495em;
  margin-bottom: .8em;
  margin-top: 0.3em;
  }

img.anim {
  position:relative;
  top:1.4em;
  margin:1em;
  border: 1px solid black
  }
  
img.ilustrace {
  position: relative;
  bottom: .8em;
  float: right;
  margin: 0 .8em;
  }

a.banner, a.banner img {border:none;}

p a {
  font-weight:bold
  }

p a.button {
  background: url('tlacitko.gif') center no-repeat transparent;
  display:block;
  width:240px;
  line-height: 40px;
  padding-left: 8px;
  margin:.2em auto 2em;
  text-transform: uppercase;
  text-align:center;
  text-decoration:none;
  }
  
p a.button:hover {
  text-decoration:underline
  }


/* hlavička */

div.hlavicka {
  height: 130px;
  background: url('policajt.gif') no-repeat right top #c00;
  overflow: hidden;
  }
  
div.hlavicka img {
  float:left;
  border:none;
  }
  

h3 {
  margin: 0 120px 0 240px;
  padding: 26px 1.1em .4em;
  font-size: 155%;
  text-transform: uppercase;
  line-height:1em;
  }

.hlavicka strong {
  margin-left:1.9em;
  text-transform: uppercase;
  font-size: 90%;
  }

.paticka {
  margin: 5em 0 0 240px;
  padding: .5em 2em 1em 2em;
  font-size:70%;
  text-align: center;
  color:gray;
  }
  
.paticka img {
  position:relative;
  top:2px;
  opacity:.5;
  filter:gray alpha(opacity=50);
  height:9px;
  width:9px;
  }
  
.paticka a, fieldset a {color:gray}
fieldset a {font-size:80%; padding-left:.8em; text-decoration:none}
fieldset a:hover {text-decoration:underline}

table {
  border-collapse: collapse;
  width:90%;
  margin-bottom:1em;
  }
  
form, td {
  border: 1px solid #ccc;
  }
  
td {
  padding: .4em .6em;
  width: 70%;
  }
  
td small {
  padding: 0 !important;
  font-size: 80%;
  }

form {
  margin-top:0;
  padding: .5em 2em;
  }

legend {
  display:none
  }
fieldset {
  border:none;
  line-height:130%;
  margin-bottom: 2em;
  padding-top:1em
  }
fieldset input, select {
  margin: 0 .2em 0 1.1em;
  vertical-align: middle;
  }
fieldset.kontakt label {
  display: block;
  float: left;
  width: 7em;
  text-align:right;
  clear:both;
  line-height: 1.8em;
  }
.pole {
  margin: 0 .5em .2em;
  width: 17em;
  }
fieldset.kontakt input, textarea {
  margin-left: .5em
  }
h4 {
  margin-top:1em
  }
textarea {
  font-size: 100%
  }