/*
 *  CSS - zakladni casti indexu
 *  Copyrighted by Michal Madlnak <madlenak@ltweb.cz>, www.LTweb.cz
 */

.toplist {
  position: absolute;
  z-index: -9999;
  visibility: hidden;
}

#page {
  position: relative;
  width: 100%;
  margin: 0 auto;
	height: 100%;  
  min-height: 100%;
}

body>#page {
 	height: auto;
}

#page-inside {
  width: 972px;
  margin: 0 auto;
}
/*HEADER ---------------------------------------------------------------------*/
#header {
  width: 972px;
  height: 170px;
  background: url(../img/index/header.jpg) no-repeat left top;
}
#header-left {
	position: absolute;
	height: 170px;
	width: 188px;
	background: url(../img/index/header-left.jpg) no-repeat left top;
	margin-left: -188px;		
}
#header2 {
  width: 972px;
  height: 170px;
  background: #09407e;
  position: absolute;
  z-index: -5;
}
#header .logo-header {
  top: 0;
  background: url(../img/index/logo.jpg) no-repeat left top;
  width: 774px; 
  height: 164px;
}
#header .logo-title {
  display: block;
  position: relative;
  width: 175px;
  height: 100px;
  float: left;
  z-index: 2;
  margin: 0 40px 0 0;
  padding-left: 45px;
}

#search-box {
  float: left;
  top: 0;
  position: relative;
  width: 205px;
  margin-left: 20px;
}
#search-box img {
  background: none;
  position: absolute;  
}
#search-box #oDiv2 {
  z-index: 1;
}
#search-box form {
  position: relative;
  z-index: 5;
  margin: 30px 0 0 0;
  padding: 0 0 0 15px;
}
#search-box label {
  display: block;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  padding: 0 0 5px 0; 
}
#search-box .format {
  width: 145px;
  float: left; 
  position: relative;
  z-index: 5;
  margin: 0 10px 0 0;
}
#search-box .button-search-box {
  width: 25px;
  position: relative;
  z-index: 5;
  height: 26px;
  display: block; 
  float: left;
  background: url("../img/button/button-search-box.jpg") no-repeat;
  border: none;
  margin: -2px 0 0 0;
}
#search-box .button-search-box-active {
  background: url("../img/button/button-search-box-active.jpg") no-repeat;
}

#header #topmenu {
  position:	relative;
  float: left;
  height: 164px;
  top: 0;

}
#header #topmenu .line-left {
  display: block;
  float: left;
  height: 164px;
  /*background: url(../img/index/cara.png) no-repeat left top;*/
}
#header #topmenu .line-right {
  float: left;
  display: block;
  height: 164px;
  /*background: url(../img/index/cara.png) no-repeat right top;*/
}
#header #topmenu ul {
  margin: 0;
  padding: 0;
  height: 164px;
  list-style: none;
  float: left;
  display: block;
}
#header #topmenu ul li {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  display: block;
}
#header #topmenu .menu-center {
  display: block;
  height: 125px;
  padding: 49px 0 0 0;
  text-align: center;
  float: left;
}
#header #topmenu .active {
  background: url(../img/index/topmenu-pruhledne.png) repeat-x left top;
  height: 164px;
  display: block;
  float: left;
}
#header #topmenu a:link, #header #topmenu a:visited {
  display: block;
  height: 164px;
  text-align: center;
  padding: 0 15px;
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  font-size: 15px;
  color: #ffffff;
  text-decoration: none;
  float: left;
}
#header #topmenu a:hover span, #header #topmenu a:active span {
	text-decoration: underline;
}
#header #topmenu a:hover, #header #topmenu a:active, #header #topmenu .active a:hover, #header #topmenu .active a:active {
  text-decoration: underline;
  z-index: 3;
  position: relative;
}

/*MAINPART -------------------------------------------------------------------*/
#mainpart {
	width: 972px;
	position: relative;
	top: -60px;
	padding-bottom: 90px;
}

/*CONTENT --------------------------------------------------------------------*/
#content {
  float: right;
  width: 779px;
  margin: -5px 0 0 0;
}
#content2 {
  width: 763px;
  float: right;
  margin: 12px 4px 0 0;
  padding: 5px 4px 5px 4px;
  background: #ffffff;
  position: relative;
  z-index: 2;
}
#content .img-stin {
  position: absolute;
  right: 0;
  background: none;
}
/*LEFTMENU -------------------------------------------------------------------*/
#leftmenu {
  width: 193px;
  float: left;
  margin: 26px 0 0 0;
  background: #84e61f url("../img/index/leftmenu-center.jpg") repeat-y top; 
}
#leftmenu #leftmenu-top {
  width: 193px;
  padding: 30px 0 0 0;
  margin-top: -21px;
  background: url("../img/index/leftmenu-top.gif") no-repeat top; 
  position: relative;
}
#leftmenu #leftmenu-bottom {
  width: 193px;
  padding: 0 0 30px 0;
  background: url("../img/index/leftmenu-bottom.jpg") no-repeat bottom; 
}

#leftmenu ul {
  margin: 2px 0 2px 0;
  width: 192px;
  padding: 0;
  list-style: none; 
}
#leftmenu ul li {
  width: 192px;
  display: block;
  margin: 0;
  padding: 0;
  text-align: left; 
}
#leftmenu ul a.level1:link, #leftmenu ul a.level1:visited {
  width: 166px;
  display: block;
  background: url("../img/index/cross-level1.gif") no-repeat left center;
  padding: 5px 5px 5px 10px;
  margin: 0 0 0 10px;
  color: #000000;
  text-decoration: none;
  font-size: 13px;
}
#leftmenu ul a {
  z-index: 5;
  position: relative;
} 
#leftmenu ul a.level1:active, #leftmenu ul a.level1:hover {
  text-decoration: underline; 
}
#leftmenu ul a.level1-active {color: #000000;}
#leftmenu ul a.level1-active:link, #leftmenu ul a.level1-active:visited {
  width: 176px;
  margin: 0;
  padding: 5px 5px 5px 10px;
  background: #ffffff url("../img/index/leftmenu-active.jpg") repeat-y left top;
  color: #000000;
}
#leftmenu ul a.level1-active:link span, #leftmenu ul a.level1-active:visited span{
  display: block;
  padding: 0 0 0 10px;
  background: url("../img/index/cross-level1.gif") no-repeat left center;
  color: #000000;
}
#leftmenu ul span.title-menu {
  display: block;
  padding: 2px 5px 2px 23px;
  margin: 2px 0;
  font-size: 13px;
  color: #000000; 
}
#leftmenu ul ul {
  width: 192px;
  list-style: none;
  margin: 2px 0;
  padding: 0; 
}
#leftmenu ul ul li {
  margin: 0;
  padding: 0;
} 
#leftmenu ul ul a.level2:link, #leftmenu ul ul a.level2:visited {
  display: block;
  width: 153px;
  background: url("../img/index/kolecko.png") no-repeat left center;
  padding: 5px 5px 3px 14px;
  margin: 0 0 0 20px;
  color: #000000;
  text-decoration: none;
  font-size: 0.9em;
}
#leftmenu ul ul a.level2:hover, #leftmenu ul ul a.level2:active {
  text-decoration: underline; 
}
#leftmenu ul ul a.level2-active:link, #leftmenu ul ul a.level2-active:visited {
  width: 166px;
  margin: 0;
  padding: 5px 5px 3px 20px;
  background: #ffffff url("../img/index/leftmenu-active.jpg") repeat-y left center;
  color: #000000;
}
#leftmenu ul ul a.level2-active:link span, #leftmenu ul ul a.level2-active:visited span {
	display: block;
	background: url("../img/index/kolecko.png") no-repeat left center;
	padding-left: 15px;
	color: #000000;
}

#leftmenu .pruh {
  width: 190px;
  height: 2px;
  background: url("../img/index/line.jpg") no-repeat;
  margin: 0 0 0 1px;
  padding: 0;
  position: absolute;
}
/*ZAPATI ---------------------------------------------------------------------*/
#footer {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 143px;
  background: #144f93 url(../img/index/footer.jpg) repeat-x top;
  bottom: 0;
  left: 0;
}
#footer-inside {
  width: 972px;
  margin: 0 auto;
  height: 143px;
}
#footer ul {
  list-style: none;
  float: left;
  margin: 50px 0 0 20px;
  padding: 0;
}
#footer li {
  display: inline;
}
#footer a:link, #footer a:visited {
  font-size: 0.9em;
  color: #ffffff;
  text-decoration: none;
}
#footer a:hover, #footer a:active {
  text-decoration: underline;
}
#footer .ltweb {
  float: right;
  margin: 50px 20px 0 0;
}
#footer .ltweb a:link, #footer .ltweb a:visited {
  color: #98b1ce;
  font-size: 0.85em;
  text-decoration: none;
}
#footer .ltweb a:hover, #footer .ltweb a:active {
  text-decoration: underline;
  color: #ffffff;
}