body {
  margin: 0;  
  text-align: center;
  font: 10px verdana, arial, sans-serif;  
  line-height: 170%;
  color: #eeeeee;
  background: #585858 url('http://www.pmacko.sk/hp/img/bg_body.jpg') repeat-y top center;
}

#header {
  width: 100%;
  height: 3em;
  background: #585858 url('http://www.pmacko.sk/hp/img/bg_header.jpg') repeat-y top center;  
}

#header h1 { 
  color:  #222222;
  margin: 0 auto;
  padding: 7px 0 0 0;
  font-size: 10px;
  text-align: right;
  width: 727px;
}

#content {  
  clear: both;
  width: 727px;
  margin: 0 auto;
  text-align: left;
  height: auto !important;
  height: 530px;
  min-height: 500px;
  padding: 10px 0 0 0;
}

.contentBox {
	padding: 10px 0 10px 0;
	font-size:12px;
	line-height:20px;
}

#footer {
  clear: both;
  color: #888888;
  padding: 0 0 10px 0;
}

#footer p {
  padding-top: 0 !important;
  padding-top: 10px;
}

#footer a {
  color: #888888;
}

#footer a:hover {
  color: #eeeeee;
}

table { border-collapse: collapse; }

table td, table th { line-height: 140%; font-size: 10px; }

h2 {
  clear: both;
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  font: 700 10px verdana, sans-serif;
  text-transform: uppercase;
  color: #7BD32C;
  background: #686868 url('http://www.pmacko.sk/hp/img/rounded_tr.gif') no-repeat top right;
}

h2 span {
  display: block;
  padding: 2px;
  background: url('http://www.pmacko.sk/hp/img/rounded_br.gif') no-repeat bottom right;
}

input {
  width: 70%;
}

input,
textarea {
  padding: 1px 3px;
  margin: 3px 0 3px 0;
  font: 1em verdana, arial, sans-serif;
  color: #eeeeee;
  background-color: #777777;
  border: 1px solid #999999;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  color: #ffffff;
  background-color: #666666;
  border: 1px solid #eeeeee;
}

.button {
  width: auto;
  cursor: pointer;
}

form input { display: block; }
form label { display: block; }

a:link, a:visited { color: #86E160; }
a:hover { color: #ffffff; }