body {
	background:#887C66;
	margin:auto;
	height:100%;
	text-align:center;
	font-family:Arial,verdana;
}
#container {
   width:768px;
   margin:auto;
   text-align:center;
}
#body {
   width:768px;
   margin:auto;
   text-align:center;
   clear:both;
   height:100%;
   border:1px solid #FFFFFF;
   border-top:none;
   /*border:1px solid #DBE0E5;*/
}
#head {
   width:768px;
   height:270px;
   background:#8A774D url("img/head.gif") no-repeat;
   border-bottom:2px solid #FFFFFF;
   position:relative;
}
.head-image {
   background:#852A0D url("../img/obr01.gif") no-repeat;
   width:510px;
   height:180px;
   float:left;
}
.head-white-sep {
   background:#852A0D url("../img/white-vertical-sep.gif") no-repeat;
   width:4px;
   height:180px;
   float:left;
   font-size:0px;
}
.head-menu-sep {
   background:#852A0D url("../img/menu-sep.gif") repeat-x;
   height:180px;
   width:254px;
   float:left;
   text-align:left;
}
.head-menu-sep ul {
  list-style:none;
  height:180px;
  padding:0px;
  margin:0px;
}
.head-menu-sep .normal{
  height:27px;
  padding:9px 0 0 14px;
  width:240px;
  background:url("../img/menu-li-normal.gif") no-repeat right;
}
.head-menu-sep .selected{
  height:27px;
  padding:9px 0 0 14px;
  width:240px;
  background:url("../img/menu-li-selected.gif") no-repeat right;
  
}
.head-menu-sep .normal-first{
  height:27px;
  padding:9px 0 0 14px;
  width:240px;
  background:url("../img/menu-li-normal-first.gif") no-repeat right;
}
.head-menu-sep .selected-first{
  height:27px;
  padding:9px 0 0 14px;
  width:240px;
  background:url("../img/menu-li-selected-first.gif") no-repeat right;
  
}
.head-menu-sep li a{
  font-size:14px;
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
  background:url("../img/arrow.gif") no-repeat left;
  padding:0 0 0 23px ;
}
#logo {
   /*background:#852A0D url("../img/logo.gif") no-repeat;*/
   height:69px;
   background:#852A0D;
/*   background-position:15px 32px;
   position:relative;*/
   /*border-bottom:2px solid #FFFFFF;*/
}
.hlava {
  height:22px;
  background:#852A0D url(../img/hlavabg.gif) repeat-x top;
}
.hlava div {
  background:url(../img/hlava.gif) no-repeat left;
  height:22px;
}
#logo img {
  position:absolute;
  left:15px;
  top:32px;
  border:0px;
  
}
#menu {
  position:absolute;
  top:38px;
  left:520px;
}
#menu a {
  color:#FFFFFF;
  font-size:10px;
  margin:0 13px 0 0 ;
  text-decoration:none;
}
#menu {
  color:#FFFFFF;
  font-size:10px;
  margin:0 0 0 0 ;
  text-decoration:none;
}
#content {
   height:100%;
   clear:both;
   background:#BBAD90 url(../img/content-bg.gif) repeat-y;
}  
#bottom {
   /*height:20px;*/
   border-left:1px solid #FFFFFF;
   border-bottom:1px solid #FFFFFF;
   border-right:1px solid #FFFFFF;
   width:768px;
   background:#852A0D url("../img/bottom-bg.gif") repeat-x;
   color:#FFFFFF;
   font-size:11px;
   padding-top:5px;
   white-space:nowrap;
   
}
#bottom a {
  font-size:12px;
  color:#FFFFFF;
  padding:0 15px 0 15px;
  text-decoration:none;
}
#bottom span {
  padding:0 0 0 40px;
}
#bottom .sep {
  width:1px;
  padding:0px;
  border-right:1px solid #FFFFFF;
}
.clear {
   clear:both;
}
.nicepack {
   width:254px;
   border-right:2px solid #FFFFFF;
   height:190px;
   float:left;
   text-align:left;
   background:#AC0C10 url(../img/nicepack-bg.gif) bottom no-repeat;
}
.nicepack img {
   border-bottom:1px solid #FFFFFF;
}
.nicepack ul {
   list-style:none;
   margin:0px;
   padding:5px 0 0 12px; 
   float:left;
   width:168px;
}
.nicepack li {
   line-height:13px;
}
.nicepack a {
   color:#FFFFFF;
   font-size:11px;
   text-decoration:none;
   background: url(../img/arrow.gif) no-repeat left;
   padding:0 0 0 10px;
}
.nicepack .img,.netterumani .img {
   margin:89px 0 0 0;
   border:none !important;
   background:none !important;
}
.img-href {
   border:none !important;
   background:none !important;
   padding:0px !important;
}
.netterumani {
   width:252px;
   border-right:2px solid #FFFFFF;
   border-left:2px solid #FFFFFF;
   height:190px;
   text-align:left;
   float:left;
   background:#065EB0 url(../img/netterumani-bg.gif) bottom no-repeat;
}
.netterumani img {
   border-bottom:1px solid #FFFFFF;
   
}
.netterumani ul {
   list-style:none;
   margin:0px;
   padding:5px 0 0 12px; 
   float:left;
   width:160px;
}
.netterumani li {
   line-height:13px;
}
.netterumani a {
   color:#FFFFFF;
   font-size:11px;
   text-decoration:none;
   background: url(../img/arrow.gif) no-repeat left;
   padding:0 0 0 10px;
}

.otherinfo {
   width:254px;
   border-left:2px solid #FFFFFF;
   float:left;
   text-align:left;
   height:190px;
   background:#373023 url(../img/other-info-bg.gif) bottom no-repeat;
}
.otherinfo img {
   border-bottom:1px solid #FFFFFF;
}
.otherinfo ul {
   list-style:none;
   margin:0px;
   padding:5px 0 0 12px; 
   float:left;
}
.otherinfo li {
   line-height:13px;
}
.otherinfo a {
   color:#FFFFFF;
   font-size:11px;
   text-decoration:none;
   background: url(../img/arrow.gif) no-repeat left;
   padding:0 0 0 10px;
}

.content-body {
   border-top:4px solid #FFFFFF;
   border-bottom:1px solid #FFFFFF;
   background:#BBAD90 url(../img/content-bg.gif) repeat-y;
   font-size:12px;
   color:#3E331C;
   padding:4px;
   text-align:left;
   clear:both;
}

