html {
  margin: 0;
  padding: 0px;
  background-color: #009e73;}
body {
  font: 12px Verdana, Arial;
  margin: 0;
  padding: 0;}
p {
  font: 12px Verdana, Arial;
  color: white;
  margin: 10px;
  line-height: 1.5em;}
a {
  font: 12px Verdana, Arial;
  color: white;
  margin: 0;
  padding: 0;
  text-decoration: underline;}
a:hover {
  text-decoration: none;
  color: white;}
h1 {
  color: white;
  font: bold 17px Verdana, Arial;}
h2 {
  color: white;
  font: bold 14px Verdana, Arial;
  padding-left: 5px;
  border-left: 3px solid #009e73;}
  
div#page {
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  float: none;}
  
div#banner {
  background-color: #004e3e;
  width: 800px;
  height: 150px;}
div#banner img {
  float: left;}
  
div#menu {
  float: left;
  width: 800px;
  margin: 0px;
  padding: 0px; 
  height: 40px;}
  
div#menu a {
  text-decoration: none;
  color: white;
  float: left;
  text-align: center;
  width: 100px;
  height: 40px;
  padding-top: 15px;
  background: #004e3e url(../data/button.gif);}
  
div#menu a:hover {
  background: #993300 url(../data/button_hover.gif);}

div#main {
  float: left;
  width: 800px;
  background: #004e3e;
  border-top: 1px solid #004e3e;
  margin: 0px;
  padding: 0px;}
  
div.okno {
  float: left;
  margin: 15px 5px 10px 15px;
  width: 375px;
  height: 336px;
  border: 0px solid #009e73;}
  
div#ce {background: url(../data/main_cestovani.jpg) no-repeat;}
div#vz {background: url(../data/main_vzdelavani.jpg) no-repeat;}
div#za {background: url(../data/main_zabava.jpg) no-repeat;}
div#eo {background: url(../data/main_eshop.jpg) no-repeat;}
  
div.okno h1 {
  font: bold 16px Verdana, Arial;
  text-align: left;
  margin-top: 0px;
  padding: 3px;
  margin-bottom: 0px;
  color: white;
  background: #004e3e url(../data/gradient.gif);}
  
div.obsah {
  width: 250px;
  position: relative;
  left: 125px;}
  
div.obsah a {
  font: bold 14px Verdana, Arial;
  text-decoration: none;
  color: white;
  display: block;
  padding: 3px;
  border-left: 5px solid #009e73;}
  
div.obsah a:hover {
  color: #009e73;
  border-left: 5px solid white;}

div.clanek {
  width: 790px;
  margin: 5px;
  padding: 10px;} 
  
div#foot {
  color: white;
  float: left;
  width: 800px;
  height: 20px;
  padding-top: 3px;
  text-align: right;
  border-top: 1px dotted #009273;
  background: #004e3e;}
  
ul.seznam li {
  color: white;
  list-style-type: square;
  line-height: 1.3em;}
  
div.contact {
  float: left;
  margin: 15px 5px 10px 10px;
  width: 365px;
  padding: 5px;}
div.contact img {
  float: left;
  margin: 5px 5px 15px 5px;}