/*
 *  CSS - zakladni casti indexu
 *  Copyrighted by Tomas Halada, www.LTweb.info
 */

#page {
  position: relative;
  width: 980px;
  margin: 0 auto;
	height: 100%;  
  min-height: 100%;
  background: #ffffff repeat-y center;
}

body>#page {
 	height: auto;
}
/*ZAHLAVI --------------------------------------------------------------------*/
#header {
  width: 980px;
  height: 142px;
  position: relative;
  background: #99bf74 url(../img/header/header.jpg) no-repeat top;
}
#header .odkaz-header-elektro {
  position: absolute;
  margin: 0;
  padding: 0;
  margin-top: 8px;
  margin-left: 350px;
  font-weight: bolder;
}
#header .odkaz-header-elektro a {
  color: #ffffff;
  text-decoration: none;
}
#header .odkaz-header-elektro a:hover, #header .odkaz-header-elektro a:active {
  text-decoration: underline;
}
#header #logo {
  height: 140px;
  width: 265px;
  float: left;
  padding-left: 2px;
}
#header #logo .pozadi-logo {
  background: url(../img/header/logo.jpg) no-repeat bottom;
  width: 238px;
  height: 110px;
  padding-top: 17px;
}
#header #logo .pozadi-logo a {
  display: block;
  width: 238px;
  height: 110px;
}
#header #topmenu1 {
  width: 710px;
  height: 101px;
  float: right;
  padding-right: 2px;
}
#header #topmenu1 .roh-topmenu {
  background: url(../img/header/topmenu1-roh.gif) no-repeat left;
  float: right;
  padding-right: 0;
  height: 22px;
}
#header #topmenu1 div {
  background: #1c355e url(../img/header/topmenu1.gif) repeat-x;
  height: 22px;
  padding: 4px 10px 0 15px;
  float: right;
  margin-top: 2px;
  text-align: right;
  color: #fcfdfd;
}
#header #topmenu1 div a {
  color: #fcfdfd;
  font-size: 0.85em;
  text-decoration: none;
}
#header #topmenu1 div a:hover, #header #topmenu1 div a:active {
  color: #9fadc3;
}
#header #topmenu {
  width: 686px;
  height: 27px;
  padding-top: 12px;
  float: right;
  padding-right: 2px;
  background: #d46f9c url(../img/header/top-menu.jpg) repeat-x;
  color: #daced3;
  text-align: right;
  /*font-size: 1.8em;*/
  padding-right: 10px;
  border-right: 2px solid #ffffff;
}
#header .topmenu-right {
  height: 40px;
  width: 15px;
  float:left;
  background: url(../img/header/topmenu-roh.jpg) no-repeat left top;
  
}
#header #topmenu a {
  color: #63012d;
  text-decoration: none;
  font-size: 1.2em;
  padding-right: 9px;
  padding-left: 5px;
}
#header #topmenu a.prvni {
  border-right: 1px solid #dac3c0;
}
#header #topmenu a:hover, #header #topmenu a:active {
  color: #112949;
}

/*MAINPART -------------------------------------------------------------------*/
#mainpart {
  clear: both;
  width: 980px;
  position: relative;
  top: 0px;
  padding-bottom: 25px;
}
#mainpart-left {
  width: 980px;
  background: url(../img/mainpart-left.png) repeat-y left;
}

/*LEFTMENU -------------------------------------------------------------------*/
#leftmenu {
  width: 265px;
  float: left;
  position: relative;
  padding-left: 2px;
  padding-bottom: 5px;
}
#leftmenu .nadpis {
  background: #b8155e url(../img/header/nadpis.png) repeat-x top;
  display: block;
  height: 28px;
  padding-top: 8px;
  padding-left: 20px; 
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.4em;
}
#leftmenu .left-detaily {
  border-top: 2px solid #ffffff;
}
#leftmenu .left-uzivatel {
  background: #ea88b7 url(../img/header/left-barvne-pozadi.jpg) repeat-x;
  color: #63012d;
  padding-bottom: 5px;
  position: relative;
}
#leftmenu .left-uzivatel .index-menu {
  margin-left: 20px;
  padding-top: 5px;
  display: block;
}
#leftmenu .left-uzivatel .user {
  margin-left: 20px;
}
#leftmenu .left-vyhledavani {
  background: #e77eb1 url(../img/header/left-barvne-pozadi.png) repeat-x;
  color: #63012d;
  height: 33px;
}
#leftmenu .prihlaseny-uzivatel {
  padding-bottom: 3px;
}
#leftmenu span.odkaz-uzivatel {
  display: block;
  padding-top: 8px;
  font-size: 0.85em;
  text-align: center;
}
#leftmenu span a {
  color: #63012d;
  text-decoration: none;
}
#leftmenu span a:hover, #footer span a:active {
  color: #04284d;
  text-decoration: underline;
}
#leftmenu .left-vyhledavani table {
  border-collapse: collapse;
  border: none;
  float: right;
  margin-right: 5px;
}
#leftmenu .left-vyhledavani table label {
  font-size: 0.85em;
  color: #63012d;
}
#leftmenu .input {
  width: 110px;
  margin-left: 10px;
  margin-right: 10px;
}

#leftmenu .nabidka {
  position: relative;
  margin-bottom: 10px;
}
#leftmenu .nabidka a {
  display: block;
  text-decoration: none;
  color: #850409;
}
#leftmenu .nabidka .level1 {
  background: #6b0633;
  color: #ffffff;
  padding-left: 25px;
  width: 240px;
  padding-top: 3px;
  font-size: 1.1em;
  padding-bottom: 3px;
  margin-bottom: 1px;
}
#leftmenu .nabidka .level2 {
  width: 230px;
  height: 17px;
  padding-top: 3px;
  padding-left: 35px;
  background: url(../img/leftmenu/sipka-level1-aktive1.png) no-repeat left;
}
#leftmenu .nabidka .level2:hover, #leftmenu .nabidka .level2:active {
  background: #e579ad url(../img/leftmenu/sipka-level1-aktive.jpg) no-repeat left;
}
#leftmenu .nabidka .level3 {
  width: 215px;
  height: 17px;
  font-size: 0.85em;
  padding-top: 3px;
  padding-left: 50px;
  background: url(../img/leftmenu/sipka-level2-passive.png) no-repeat left;
}
#leftmenu .nabidka .level3:hover, #leftmenu .nabidka .level3:active {
  background: #e579ad url(../img/leftmenu/sipka-level2-active.jpg) no-repeat left; 
}
#leftmenu .nabidka .level4 {
  width: 195px;
  height: 17px;
  font-size: 0.85em;
  padding-top: 3px;
  padding-left: 70px;
  background: url(../img/leftmenu/sipka-level3-passive.png) no-repeat left;
}
#leftmenu .nabidka .level4:hover, #leftmenu .nabidka .level4:active {
  background: #e579ad url(../img/leftmenu/sipka-level3-active.jpg) no-repeat left; 
}
#leftmenu .nabidka .level5 {
  width: 175px;
  height: 17px;
  font-size: 0.85em;
  padding-top: 3px;
  padding-left: 90px;
  background: url(../img/leftmenu/sipka-level4-passive.png) no-repeat left;
}
#leftmenu .nabidka .level5:hover, #leftmenu .nabidka .level5:active {
  background: #e579ad url(../img/leftmenu/sipka-level4-active.jpg) no-repeat left; 
}
#leftmenu .nabidka .pasive-level2 {
  background: url(../img/leftmenu/sipka-level1.png) no-repeat left;
}

#leftmenu #kosik-leftmenu {
  background: #e65ea1 url(../img/leftmenu/kosik-pozadi.png) repeat-x top;
  height: 130px;
  margin: 0;
  padding: 0;
}

#leftmenu #kosik-leftmenu .header-kos {
  background: url(../img/leftmenu/kosik-top.png) no-repeat right top;
  padding-bottom: 10px;
  height: 120px;
}
#leftmenu #kosik-leftmenu .header-kos .nadpis {
  background: none;
}
#leftmenu #kosik-leftmenu .header-kos table {
  color: #ffffff;
  border-collapse: collapse;
  width: 230px;
  margin-left: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}
#leftmenu #kosik-leftmenu .header-kos .odkaz-uzivatel {
  color: #ffffff;
  text-align: center;
}
#leftmenu #kosik-leftmenu .header-kos .odkaz-uzivatel a {
  color: #ffffff;
}
/*CONTENT --------------------------------------------------------------------*/
#content {
  position: relative;
  float: left;
  width: 709px;
  margin-left: 2px;
  padding-bottom: 4px;
}
ul.content {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 35px;
  margin-right: 20px;
  text-align: justify;
}
ul.content li {
	margin-top: 5px;
	margin-bottom: 5px;
}
strong.content {
  display: block;
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 4px;
}
/*ZAPATI ---------------------------------------------------------------------*/
#footer {
	position: absolute;
	overflow: hidden;
	width: 976px;
	height: 25px;
	margin: 0 auto;
  bottom: 0;
  left: 0;
	border: 2px solid #ffffff;
	background: #ebc2d6;
	font-size: 0.85em;
}
#footer span {
  margin: 6px 10px 0 10px;
  color: #63012d;
}
#footer span a {
  color: #63012d;
  text-decoration: none;
}
#footer span a:hover, #footer span a:active {
  color: #04284d;
  text-decoration: underline;
}