body {
	background-image: url(../images/bg.jpg);
	background-color: #463d38;
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}
#menu li {
	float: left;
	width: 106px;
}
#menu li a {
	display: block;
	padding-top: 61px;
	height: 34px;
	width: 106px;
	line-height: 34px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	background-image: url(../images/button1.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
#submenu {
  list-style: none;
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
}
#submenu a {
  display: block;
  padding: 8px;
  border-bottom: solid 1px darkgray;
  text-decoration: none;
}
#submenu a:hover {
  color: white;
}
#col00 {
	width: 192px;
	margin-top: 1px;
	float: left;
	padding: 0px;
	background-color: #747372;
	background-image: url(../images/sidemenubg1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 193px;
}
#col00 .inside {
	background-image: url(../images/sidemenubg2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height: 200px;
	padding: 5px;
	color: #FFF;
	margin-top: 193px;
}
#col01 {
	float: left;
	width: 192px;
	padding: 0px;
	margin: 0px;
	border-top: solid 1px black;
	border-left: solid 1px black;
}
#col01 h2 {
	background-image: url(../images/head01.jpg);
	background-position: top right;
	margin: 0px;
	padding: 0px;
	height: 192px;
	width: 192px;
	overflow: hidden;
	line-height: 500px;
}
#col01 h3 {
  font-size: 14px;
}
#col00 a {
  color: darkgray;
}
#col01 a {
  color: orange;
}
#col02 a {
  color: darkblue;
}
#col03 a {
  color: #0a5e00;
}
#col04 a {
  color: #e41201;
}
#col01 .inside {
	min-height: 200px;
	padding: 5px;
	background-image: url(../images/col01.jpg);
	background-color: #E51201;
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
	border-top: solid 1px black;
}
#col02 {
	float: left;
	width: 192px;
	padding: 0px;
	margin: 0px;
	border-left: solid 1px black;
	border-top: solid 1px black;
}
#col02 h2 {
	background-image: url(../images/head02.jpg);
	margin: 0px;
	padding: 0px;
	height: 192px;
	width: 192px;
	overflow: hidden;
	line-height: 500px;
}
#col02 .inside {
	min-height: 200px;
	padding: 5px;
	background-image: url(../images/col02.jpg);
	background-color: #1B60A3;
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
	border-top: solid 1px black;
}
#col03 {
	float: left;
	width: 192px;
	padding: 0px;
	margin: 0px;
	border-top: solid 1px black;
	border-left: solid 1px black;
}
#col03 h2 {
	background-image: url(../images/head03.jpg);
	margin: 0px;
	padding: 0px;
	height: 192px;
	width: 192px;
	overflow: hidden;
	line-height: 500px;
}
#col03 .inside {
	min-height: 200px;
	padding: 5px;
	background-image: url(../images/col03.jpg);
	background-color: #5B8A00;
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
	border-top: solid 1px black;
}
#col04 {
	float: left;
	width: 192px;
	padding: 0px;
	margin: 0px;
	border-top: solid 1px black;
	border-left: solid 1px black;
}
#col04 h2 {
	background-image: url(../images/head04.jpg);
	margin: 0px;
	padding: 0px;
	height: 192px;
	width: 192px;
	overflow: hidden;
	line-height: 500px;
}
#col04 .inside {
	min-height: 200px;
	padding: 5px;
	background-image: url(../images/col04.jpg);
	background-color: #E47001;
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
	border-top: solid 1px black;
}
#footer {
	clear: both;
	margin-top: 32px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 33px;
	background-color: #000;
	display: block;
	line-height: 33px;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	background-image: url(../images/footerlogo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}




#col00 h1 {
	margin: 0px;
	padding: 0px;
	height: 192px;
	width: 192px;
	background-image: url(../images/logo.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	overflow: hidden;
	line-height: 500px;
	display: block;
	float: left;
}

#menu li a:hover {
	background-image: url(../images/button2.png);
}
#container {
	width: 964px;
	margin-left: -482px;
	position: absolute;
	left: 50%;
	top: 0px;
}
#menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/menubg.jpg);
	height: 97px;
	display: block;
}
#maincontent {
	background-color: #FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 192px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-left-color: #000;
	min-height: 603px;
}
#maincontent h2 {
	color: white;
	margin: 0px;
	line-height: 33px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#maincontentin {
	margin: 0px;
	padding: 10px;
}

.cervena h2 {
	background-color: #e41201;	
}
.cervena h2 span {
	color: #f25a00;
}
.cervena h3,.cervena a {
	color: #e41201;	
}
.modra h2 {
	background-color: #1b60a3;	
}
.modra h2 span {
	color: #5395c6;
}
.modra h3,.modra a {
	color: #1b60a3;	
}
.zelena h2 {
	background-color: #5b8a00;	
}
.zelena h2 span {
	color: #76ad02;
}
.zelena h3,.zelena a {
	color: #0a5e00;	
}
.oranzove h2 {
	background-color: #e37000;	
}
.oranzove h2 span {
	color: #e3a467;
}
.oranzove h3,.oranzove a {
	color: #e37000;	
}