/* CSS Document */
/* main definition */
html {
  margin: 0;
  padding: 0px;}
body {
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
  color: white;
  margin: 0;
  padding: 0;
  background-color: #2f2f2f;
  font-size: 12px;}
div#page {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  background: #3b3b3b url(./data/page.gif) repeat-y;
  min-height: 100%;}
a,a:active,a:visited {
  font-size: 12px;
  color: white;
  text-decoration: underline;}
a:hover {
  text-decoration: none;}
h1 {
  font-size: 22px;
  }
h2 {
  font-size: 18px;}
h3 {
  font-size: 16px;}
p {
  text-align: justify;
  font-size: 12px;}

/* banner - zarovnany na stred */
div#banner {
  width: 800px;
  height: 203px;
  margin-left: auto;
  margin-right: auto;
  background: url(./data/bannerbg.gif);}
div#banner h1 {
  position: relative;
  top: 60px;
  left: 50px;
  padding: 0px;
  margin: 0px;}
div#banner h3 {
  position: relative;
  top: 40px;
  left: 50px;
  }

/* hlavni telo, zarovnane na stred */
div#body {
  width: 800px;
  margin-left: 75px;
  background: #3b3b3b;}

/* kontejner na leva menu */
div#left {
  float: left;
  width: 200px;
  background: #3b3b3b;
  }

div h2 {
  padding: 0px;
  margin: 10px;
  text-align: center;}

/* barevne boxy v menu */
div#left div {
  margin-bottom: 1px;
  width: 200px; 
}
div.green {
  border-top: 8px solid #6d8a0c;
  background: #6d8a0c url(./data/g_green.gif) repeat-x;
  height: 200px;
}
div.blue {
  border-top: 8px solid #377b92;
  background: #277b92 url(./data/g_blue.gif) repeat-x;
  height: 200px;
}
div.orange {
  border-top: 8px solid #e67701;
  background: #e67701 url(./data/g_orange.gif) repeat-x;
  height: 200px;
}

/* center - hlavni obsah stranky */
div#center {
  width: 400px;
  float: left;
  background: #3b3b3b;
  text-align: center;
  }

div#content {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  text-align: left;}
  
/* right - pravy sloupec */
div#right {
  float: right;
  width: 200px;
  background: #3b3b3b;
  }

/* paticka - zarovnana na stred */
div#bottom {
  clear: both;
  text-align: center; 
  width: 800px;
  padding: 10px 0px;}