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

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

body>#page {
 	height: auto;
}
/*ZAHLAVI --------------------------------------------------------------------*/
#header {
  width: 956px;
  height: 225px;
  position: relative;
  background: #4c4c4d url(../img/header.jpg) no-repeat top;
}
#header .logo img {
  border: none;
  padding: 0;
}
#header .logo {
  padding-top: 40px;
  padding-left: 10px;
  width: 300px;
  margin-left: 0;
}
#header .datram-plus {
  padding-top: 45px;
  padding-left: 85px;
  width: 300px;
  display: block;
}
#header .datram-plus a {
  text-decoration: none;
  color: #ffffff;
  font-weight: bolder;
}
#header .datram-plus a:hover, #header .datram-plus a:active {
  color: #4c4c4d;
  text-decoration: underline;
}
#header #topmenu {
  padding-top: 27px;
  margin-left: 15px;
}
#header #topmenu span {
  display: block;
  float: left;
  margin-right: 15px;
}
#header #topmenu a {
  color: #ffffff;
  font-size: 1.1em;
  text-decoration: none;
  font-weight: bolder;
  padding-top: 2px;
  display: block;
}
#header #topmenu a:hover, #header #topmenu a:active {
  
  padding-top: 0;
  border-top: 2px solid #ffffff; 
}

/*MAINPART -------------------------------------------------------------------*/
#mainpart {
  clear: both;
  width: 956px;
  position: relative;
  top: 0px;
  padding-bottom: 40px;
}
#mainpart-left {
  width: 980px;
}

/*LEFTMENU -------------------------------------------------------------------*/
#leftmenu {
  width: 236px;
  float: left;
  position: relative;
  padding-bottom: 5px;
  padding-right: 5px;
}
#leftmenu #kosik-leftmenu, #leftmenu #uzivatel-leftmenu {
  margin-top: 3px;
  background: #414141 url(../img/leftmenu/kosik-prihlaseni.jpg) no-repeat left;
  width: 236px;
  height: 103px;
  color: #ffffff;
}
#leftmenu .uzivatel-odkazy {
  text-align: left;
  padding: 0;
  margin: 0;
  margin-left: 10px;
}
#leftmenu .uzivatel-odkazy .uzivatel-odkaz {
  color: #ffffff;
  text-decoration: none;
  font-size: 0.85em;
  background: url(../img/leftmenu/sipka.gif) no-repeat left center;
  display: block;
  height: 16px;
  padding-left: 20px;
}
#leftmenu .uzivatel-odkazy .uzivatel-odkaz:hover, #leftmenu .uzivatel-odkazy .uzivatel-odkaz:active {
  background: url(../img/leftmenu/sipka-active.gif) no-repeat left center;
}
#leftmenu #kosik-leftmenu div.kosik-img {
  background: url(../img/leftmenu/kosik.jpg) no-repeat right top;
  width: 236px;
  height: 103px;
}
#leftmenu #kosik-leftmenu .nadpis, #leftmenu .nabidka .nadpis, #leftmenu #uzivatel-leftmenu .nadpis {
  display: block;
  font-size: 1.1em;
  font-weight: bolder;
  padding-top: 10px;
  padding-left: 15px; 
}
#leftmenu #kosik-leftmenu .kosik, #leftmenu #uzivatel-leftmenu .kosik {
  border-collapse: collapse;
  width: 185px;
  margin-top: 10px;
  font-size: 0.85em;
  margin-left: 15px;
}
#leftmenu #kosik-leftmenu .odkaz-uzivatel, #leftmenu #uzivatel-leftmenu .odkaz-uzivatel {
  padding-top: 8px;
  display: block;
  padding-left: 20px;
}
#leftmenu .tlacitko {
  height: 16px;
  background: none;
  border: none;
  color: #ffffff;
  font-size: 0.85em;
  margin-top: 2px;
  background: url(../img/leftmenu/sipka.jpg) no-repeat left center;
  padding-left: 14px;
  width: 70px;
  margin-left: 25px;
}
#leftmenu .nabidka .tlacitko {
  margin-left: 5px;
  width: 60px;
  margin-top: 0;
  background: url(../img/leftmenu/sipka.gif) no-repeat left center;
}
#leftmenu .tlacitko-over {
  height: 16px;
  background: none;
  border: none;
  color: #ffffff;
  font-size: 0.85em;
  margin-top: 2px;
  background: url(../img/leftmenu/sipka-active.jpg) no-repeat left center;
  padding-left: 14px;
  width: 70px;
  margin-left: 25px;
}
#leftmenu .nabidka .tlacitko-over {
  margin-left: 5px;
  width: 60px;
  margin-top: 0;
  background: url(../img/leftmenu/sipka-active.gif) no-repeat left center;
}
#leftmenu #kosik-leftmenu .odkaz-uzivatel a, #leftmenu #uzivatel-leftmenu .odkaz-uzivatel a {
  display: block;
  float: left;
  background: url(../img/leftmenu/sipka.jpg) no-repeat left center;
  padding-left: 20px;
  font-size: 0.85em;
  padding-top: 3px;
  color: #ffffff;
  text-decoration: none;
  margin-right: 15px;
  padding-bottom: 3px;
}
#leftmenu #kosik-leftmenu .odkaz-uzivatel a:hover, #leftmenu #kosik-leftmenu .odkaz-uzivatel a:active,
#leftmenu #uzivatel-leftmenu .odkaz-uzivatel a:hover, #leftmenu #uzivatel-leftmenu .odkaz-uzivatel a:active {
  background: url(../img/leftmenu/sipka-active.jpg) no-repeat left center;
}

#leftmenu #uzivatel-leftmenu .login-uzivatel {
  background: url(../img/leftmenu/login.jpg) no-repeat right top;
  width: 236px;
  height: 103px;
}
#leftmenu .prihlaseni {
  border-collapse: collapse;
  font-size: 0.85em;
  margin-left: 15px;
  margin-bottom: 0;
}
#leftmenu .prihlaseni .format, #leftmenu .nabidka .format-small {
  background: #8ca7b0 url(../img/leftmenu/input-small.jpg) no-repeat right;
  border: none;
  margin-left: 5px;
  color: #ffffff;
  width: 116px;
  height: 14px;
  font-size: 0.85em;
  padding-top: 3px;
  padding-left: 5px;
}
#leftmenu .nabidka .format-small {
  background: url(../img/leftmenu/input-small.gif) no-repeat right;
}
#leftmenu .login-uzivatel .odkaz-uzivatel {
  margin-top: -2px;
}
#leftmenu .left-vyhledavani table {
  border-collapse: collapse;
  margin-left: 13px;
  margin-top: 8px;
  margin-bottom: 20px;
}

#leftmenu .nabidka {
  color: #ffffff;
  margin-top: 3px;
  background: #414141 url(../img/leftmenu/nabidka-center.jpg) repeat-y;
  width: 236px;
}
#leftmenu .nabidka-top {
  background: url(../img/leftmenu/nabidka-top.jpg) no-repeat top;
  width: 236px;
}
#leftmenu .nabidka-bottom {
  background: url(../img/leftmenu/nabidka-bottom.jpg) no-repeat bottom;
  width: 236px;
  padding-bottom: 20px;
}
#leftmenu .logo-nabidka {
  background: url(../img/leftmenu/nabidka.gif) no-repeat right top;
  width: 236px;
}

#leftmenu .nabidka a {
  display: block;
  color: #ffffff;
  text-decoration: none;
}
#leftmenu .nabidka .level1 {
  width: 200px;
  padding-top: 3px;
  margin-left: 18px;
  background: url(../img/leftmenu/nabidka-sipka.gif) no-repeat left center;
  padding-left: 10px;
}
#leftmenu .nabidka .level1:hover, #leftmenu .nabidka .level1:active {
  background: url(../img/leftmenu/nabidka-sipka-active.gif) no-repeat left center;
}
#leftmenu .nabidka .level2 {
  width: 190px;
  margin-left: 23px;
  padding-left: 10px;
  padding-top: 2px;
  font-size: 0.85em;
}
#leftmenu .nabidka .level3 {
  width: 180px;
  padding-top: 3px;
  margin-left: 33px;
  padding-left: 10px;
  font-size: 0.85em;
}
#leftmenu .nabidka .level4 {
  width: 170px;
  padding-top: 3px;
  margin-left: 43px;
  padding-left: 10px;
  font-size: 0.85em;
}
#leftmenu .nabidka .level5 {
  width: 160px;
  padding-top: 3px;
  margin-left: 53px;
  padding-left: 10px;
  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 {
  color: #04a6f7;
}

/*CONTENT --------------------------------------------------------------------*/
#content {
  position: relative;
  float: left;
  width: 657px;
  padding-bottom: 4px;
}
/*ZAPATI ---------------------------------------------------------------------*/
#footer {
	position: absolute;
	overflow: hidden;
	width: 900px;
	height: 35px;
	padding-bottom: 3px;
	margin: 0 auto;
  bottom: 0;
  left: 0;
	font-size: 0.85em;
}

#footer div {
  width: 653px;
  height: 35px;
  margin-left: 241px;
  background: #0192d8 url(../img/footer-stred.jpg) repeat-x top;
}
#footer .footer-left {
  background: url(../img/footer-left.jpg) no-repeat left;
  margin-left: 0;
  width: 653px;
}
#footer .footer-right {
  background: url(../img/footer-right.jpg) no-repeat right;
  margin-left: 0;
  width: 653px;
}
#footer .footer-right span {
  padding-top: 10px;
}
#footer .footer-right span.f_left {
  padding-left: 10px;
}
#footer .footer-right span.f_left a {
  padding-left: 5px;
  padding-right: 5px;
}
#footer .footer-right span.f_right {
  padding-right: 10px;
}
#footer .footer-right span a {
  color: #ffffff;
  text-decoration: none;
}
#footer .footer-right span a:hover, #footer .footer-right span a:active {
  text-decoration: underline;
  color: #000000;
}