* {
	  margin: 0;
	  padding: 0;
	  }
body {
        color: #ccc;
	  margin: 0px auto;
        padding: 0;
        text-align: center;
        font: 14px/150% Arial, Helvetica, sans-serif;
	  background: #2e5e00 url(../img/layout/bg.jpg) top repeat-x;
        }

h1 {
        color: #000;
        font: bold 2em Arial, Helvetica, sans-serif;
        padding: 0;
	  margin: 0 0 25px 0px;
	  letter-spacing: -2px;
	  }

h2 {
        font: normal 1.3em Arial, Helvetica, sans-serif;
        padding: 0;
	  margin: 15px 0px;
	  letter-spacing: -1px;
	  }

p, blockquote, ul, ol {
	  line-height: 1.6em;
	  }

ul, ol, li {
	  margin-left: 20px;
	  padding: 0px;
	  list-style: square;
	  }
a {
	  text-decoration: underline;
	  color: #999;
	  }

a:hover {
	  text-decoration: none;
	  color: #fff;
	  }
strong {
	  font-weight: bold;	
	  }
	
table, th, td {
	  border-bottom: 1px solid #366e00;
	  }
td {
	  padding: 2px 4px;
	  }

/* Wrapper */
#page {
        padding: 15px;
        }

#main {
        margin: 0 auto;
        width: 840px;
        text-align: left;
        }
#layout {
        margin: 0 auto;
        width: auto;
        padding: 0px;
        background: url(../img/layout/zelene-pivo-visual.jpg) top no-repeat;
        }

/* Menu */
#menu {
        font: normal 1.2em Arial, Helvetica, sans-serif;
        letter-spacing: -1px;
        padding: 15px 0;
        }

#menu ul {
        text-align: left;
	  list-style: none;
	  line-height: normal;
	  }

#menu li {
	  display: inline;
        text-align: left;
	  }

#menu a {
        text-align: left;
	  display: block;
	  float: left;
        margin: 0px 10px 0px 0px;
	  padding: 0px 15px 10px 0px;
	  text-decoration: none;
        color: #fff;
	  }

#menu a:hover, #menu .active a {
        color: #000;
	  }

/* Content */
#content {
        float: left;
	  width: 440px;
        margin: 0 0 0 20px;
	  }

/* Sidebar */
#sidebar {
	  float: right;
	  width: 350px;
	  }

/* Footer */
#footer {
        width: 840px;
	  clear: both;
        color: #fff;
        margin: 30px 0;
        padding: 15px 0;
        border-top: 1px solid #254702;
	  }

	
/* wallpapery */
.wall {
	  }
.wall img {
	  margin: 0 15px 10px 0;
	  border: 1px solid #ccc;	  
	  }

.wall .left {
        float: left;
        width: 40%;
	  }

.wall .right {
        float: right;
        width: 50%;
        text-align: left;
	  }

.wall a:link, .wall a:visited {
	  color: #999;
	  text-decoration: none;
	  }
	
.wall a:hover {
	  color: #000;
	  }
.float-right {
        float: right;
        }


/*
        scrollbar
*/
div.scrollholder
{
        position: relative;
        width: 840px; height: 450px;
        overflow: auto;
        z-index: 1;
        }

div.scroll
{
        position: absolute;
        left: 0; top: 0;
        width: 98%;
        z-index: 2;
        }

/* <Scroll> */
div.track
{
        position: relative;
        float:right;
        top: 0; 
        width: 20px; height: 100%;
        font-size: 0;
        z-index: 3;
        background-color: #366e00;
        }

div.drag_bar
{
        position: absolute;
        width: 100%; height: 30px;
        cursor: pointer;
        z-index: 4;
        background: #000;
        }

.scrollholder {
	  padding: 0px;
	  margin: 0px;
	  width: 550px;
	  overflow: auto;
        
	  }

.scrollholder a:link, .scrollholder a:visited {
        text-align: left;
        font-size: 13px;
	  float: left;
	  width: 170px;
	  margin: 0 10px 6px 0;
	  color: #fff;
        }
	
.scrollholder a:hover {
	  color: #999;
	  }

.tableList {
	  width: 100%;
	  }
        
.float-right {
	  float: right;
	  }
        
/* form contact */
form input {
	font-size: 14px;
      padding: 4px;
      }
      
form label span {
	display: block;
	float: left;
	padding-right: 20px;
	width: 140px;
	text-align: right;
	font-weight: bold;
	}

form label span.help {
	text-align: left;
	color: #ccc;
      font-size: 11px;
	width: 250px;
	float: right;
	font-weight: normal;
	}

form p {
        margin: 8px;
        }