/*
 *  CSS - zakladni casti indexu
 *  Copyrighted by Michal Madleňák, www.LTweb.cz
 */

#obrazek-header {
  background: url(../img/pozadi-hlavicka.jpg) no-repeat left top;
  position: absolute;
  width: 784px;
  left: 0;
  height: 173px;
}

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

body>#page {
 	height: auto;
}
/*ZAHLAVI --------------------------------------------------------------------*/
#header {
  width: 955px;
  height: 120px;
  position: relative;
}
#header img {
  background: none;
  border: none;
}
#header .logo {
  height: 84px;
  width: 378px;
  margin-left: 0;
}
#header .logo a {
  padding-top: 35px;
  width: 378px;
  display: block;
}
#header #topmenu {
  background: #4299d4 url(../img/topmenu.jpg) repeat-x; 
  width: 955px;
  height: 36px;
}
#header #topmenu span {
  display: block;
  float: left;
  padding-left: 15px;
}
#header #topmenu a {
  color: #ffffff;
  font-weight: bolder;
  font-size: 1.1em;
  text-decoration: none;
  display: block;
  float: left; 
  padding-top: 2px; 
  margin-top: 10px;
}
#header #topmenu a:hover, #header #topmenu a:active {
  border-top: 2px solid #ffffff;
  margin-top: 8px;
}

#topmenu .vyhledavani {
  width: 200px;
  text-align: right;
  padding-right: 15px;
  padding-top: 5px;
}
#topmenu .vyhledavani form { margin: 0; padding: 0; }
#topmenu .vyhledavani { margin-top: -5px;}

#topmenu .ok {
  float: right;
  display: block;
}
#topmenu .vyhledavani .input {
  display: block; 
  float: right; 
  margin-right: 5px;
  margin-top: 8px;
  background: url(../img/button_input/format-small.gif) no-repeat right;
  width: 125px;
  padding-left: 5px;
  border: none;
  height: 17px;
  font-size: 0.85em;
  color: #515151;
  padding-top: 5px;
}

/*MAINPART -------------------------------------------------------------------*/
#mainpart {
  clear: both;
  padding-top: 2px;
  width: 955px;
  position: relative;
  top: 0px;
  padding-bottom: 115px;
  background: #ffffff;
}
#mainpart-center {
  width: 955px;
  background: url(../img/mainpart.jpg) repeat-y center top;
}

/*LEFTMENU -------------------------------------------------------------------*/
#leftmenu {
  width: 166px;
  padding-left: 4px;
  padding-right: 2px;
  float: left;
  position: relative;
  padding-bottom: 5px;
}
#leftmenu .posunuti-nadpisu, #rightmenu .posunuti-nadpisu {
  margin-top: 4px;
}
#leftmenu .nadpis-menu, #rightmenu .nadpis-menu {
  display: block;
  height: 21px;
  width: 156px;
  margin-bottom: 2px;
  background: url(../img/topmenu.jpg) repeat-x top;
  color: #ffffff;
  font-size: 1.1em;
  font-weight: bolder;
  padding-top: 4px;
  padding-left: 10px;
}

#leftmenu .nabidka span {
  display: block;
  width: 166px;
}
#leftmenu .nabidka span.level1-pozadi {
  background: #c8cbcd url(../img/leftmenu/level1.jpg) repeat-x bottom;
  margin-bottom: 1px;
}
#leftmenu .nabidka span.levelx-pozadi {
  background: #ddddde;
  border: none;
}
#leftmenu .nabidka .level1 {
  background: url(../img/leftmenu/passive.gif) no-repeat right center;
  width: 136px;
  display: block;
  font-size: 0.85em;
  text-decoration: none;
  padding: 2px 20px 2px 10px; 
  font-weight: bolder;
}
#leftmenu .nabidka .pasive-level1 {
   background: url(../img/leftmenu/passive.gif) no-repeat right center;
}

#leftmenu .nabidka span.level1-pozadi .active {
   background: url(../img/leftmenu/active.gif) no-repeat right center;
}
#leftmenu .nabidka .level1:active, #leftmenu .nabidka .level1:hover {
  color: #fefefe;
  background: url(../img/leftmenu/active.gif) no-repeat right center;
}

#leftmenu .nabidka .level2 {
  width: 137px;
  background: url(../img/leftmenu/level2.jpg) no-repeat left center;
  padding: 1px 5px 1px 24px;
  display: block;
  color: #000000;
  text-decoration: none;
  font-size: 0.85em;
}
#leftmenu .nabidka .level2:hover, #leftmenu .nabidka .level2:active,
#leftmenu .nabidka .level3:hover, #leftmenu .nabidka .level3:active,
#leftmenu .nabidka .level4:hover, #leftmenu .nabidka .level4:active,
#leftmenu .nabidka .level5:hover, #leftmenu .nabidka .level5:active {
  background: #2a6892;
  color: #fefefe;
}
#leftmenu .nabidka .level3 {
  width: 131px;
  padding: 1px 5px 1px 30px;
  display: block;
  color: #000000;
  text-decoration: none;
  font-size: 0.85em;
}
#leftmenu .nabidka .level4 {
  width: 120px;
  padding: 1px 5px 1px 41px;
  display: block;
  color: #000000;
  text-decoration: none;
  font-size: 0.85em;
}
#leftmenu .nabidka .level5  {
  width: 110px;
  padding: 1px 5px 1px 51px;
  display: block;
  color: #000000;
  text-decoration: none;
  font-size: 0.85em;
}

/*RIGHTMENU ------------------------------------------------------------------*/
#rightmenu {
  float: right;
  width: 166px;
  padding-left: 2px;
  padding-right: 4px;
}
#rightmenu .left-uzivatel {
  background: #fcf8f8 url(../img/rightmenu/pozadi.jpg) repeat-x top;
  padding-top: 5px;
}
#rightmenu .odkaz-uzivatel {
  display: block;
  padding-top: 5px;
  text-align: center;
  padding-bottom: 5px;
}
#rightmenu .index-menu, #rightmenu .user {
  display: block;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
}
.format-small {
  background: #d9efef url(../img/button_input/format-smaller.gif) no-repeat right;
  width: 115px;
  height: 18px;
  padding-left: 5px;
  padding-top: 4px;
  display: block;
  color: #515151;
  font-size: 0.85em;
  border: none;
}
#rightmenu .prihlaseni {
  width: 166px;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}
#rightmenu .prihlaseni .nazev {
  font-size: 0.85em;
  color: #000000;
  padding: 0 6px 0 6px;
}
#rightmenu .login {
  background: #fcf8f8 url(../img/rightmenu/pozadi.jpg) repeat-x top;
  height: 89px;
  padding-top: 5px;
}
#rightmenu .login form {
  margin: 0;
  padding: 0;
}
#rightmenu .login .registrace {
  font-size: 0.85em;
  padding-top: 5px;
  padding-left: 6px;  
}
#rightmenu .login .registrace a {
  text-decoration: underline;
  color: #000000;
}
#rightmenu .login .registrace a:hover, #rightmenu .login .registrace a:active,
#rightmenu .kosik .email a:hover, #rightmenu .kosik .email a:active {
  color: #26658f;
  text-decoration: underline;
}
#rightmenu .kosik {
  border-collapse: collapse;
  font-size: 0.85em;
  width: 150px;
  margin-top: 15px;
  margin-bottom: 10px;
}
#rightmenu #kosik-leftmenu .f_left {
  padding-left: 6px;
}
#rightmenu #kontakt {
  background: #fcf8f8 url(../img/rightmenu/pozadi.jpg) repeat-x top;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}
#rightmenu .kosik .email {
  padding-top: 5px;
  padding-bottom: 5px;
}
#rightmenu .kosik .email a {
  text-decoration: none;
  color: #000000;
}
 
/*CONTENT --------------------------------------------------------------------*/
#content {
  position: relative;
  float: left;
  width: 611px;
  padding-bottom: 4px;
  background: #fcf8f7 url(../img/rightmenu/pozadi.jpg) repeat-x top;
}
#content img {
  background: #ffffff;
  border: 2px solid #d7d8d9; 
}
.toplist {
  background: none;
  border: none;
}
.toplist img {
  border: none;
  background: none;
}
/*ZAPATI ---------------------------------------------------------------------*/
#footer {
	position: absolute;
	overflow: hidden;
	width: 955px;
	height: 107px;
	margin: 0 auto;
  bottom: 0;
  left: 0;
	background: #ebc2d6;
	font-size: 0.85em;
	background: #ededee url(../img/footer-stin.jpg) no-repeat bottom center;
}
#footer .dalsi-odkazy {
  margin: 13px 0 0 10px;
  font-size: 1em;
  font-weight: bolder;
}
#footer .ltweb {
  margin-right: 15px;
}
#footer .dalsi-odkazy a {
  color: #ffffff;
  text-decoration: none;
}
#footer .dalsi-odkazy a:hover, #footer .dalsi-odkazy a:active {
  text-decoration: underline;
  color: #26658f;
}
#footer div {
  background: url(../img/footer-hornicast.jpg) repeat-x;
  height: 41px;
}