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


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

body>#page {
 	height: auto;
}
/*ZAHLAVI --------------------------------------------------------------------*/
#header {
  width: 900px;
  height: 328px;
  padding-top: 20px;
  position: relative;
  background: url(../img/hlavicka.jpg) no-repeat top;
}
#header .title {
	display: block;
	width: 370px;
	height: 100px;
	position: absolute;
	margin: 10px 0 0 270px;	
}
#header img {
  border: none;
  position: relative;
}
#nabidka-top {
	padding-top: 245px;
	padding-left: 35px;	
}
#header #nabidka-top a {
  float: left;
  text-decoration: none;
}
#header #nabidka-top a.women {
  background: url(../img/women.jpg) no-repeat;
  width: 105px;
  height: 19px;
  display: block;
}
#header #nabidka-top a.women:hover, #header #nabidka-top a.women:active {
  background: url(../img/women-active.jpg) no-repeat;
}
#header #nabidka-top a.men {
  background: url(../img/men.jpg) no-repeat;
  width: 64px;
  height: 19px;
  display: block;
}
#header #nabidka-top a.men:hover, #header #nabidka-top a.men:active {
  background: url(../img/men-active.jpg) no-repeat;
}
#header #topmenu {
  width: 650px;
  display: block;
  position: absolute;
  right: 0;
  top: 255px;
}
#header #topmenu span {
  display: block;
  float: right;
  padding-left: 15px;
}
#header #topmenu span.first {
	width: 220px;
	text-align: right;	
}
#header #topmenu span.first a {
	margin-right: 20px;
	float: right;	
	width: 100px;
}
#header #topmenu a {
  font-size: 0.85em;
  text-decoration: none;
  display: block;
  padding: 5px 25px 5px 0;
  background: url(../img/puntik-small.gif) no-repeat right center;
  font-weight: bolder;
}
#header #topmenu a.kosik {
  background: url(../img/puntik-kosik.jpg) no-repeat right center;
}
#header #topmenu a.kosik:hover, #header #topmenu a.kosik:active {
  background: url(../img/puntik-kosik.gif) no-repeat right center;
}
#header #topmenu a:hover, #header #topmenu a:active {
  color: #de5f27;
  background: url(../img/puntik-small-active.gif) no-repeat right center;
}

/*MAINPART -------------------------------------------------------------------*/
#mainpart {
  clear: both;
  padding-top: 2px;
  width: 900px;
  position: relative;
  top: 0px;
  padding-bottom: 65px;
}


/*LEFTMENU -------------------------------------------------------------------*/
#leftmenu {
  width: 166px;
  padding-left: 5px;
  float: left;
  position: relative;
  padding-bottom: 5px;
}

#leftmenu .vyber-produtku-center {
  width: 141px;
  background: url(../img/vyber-produktu-center.jpg) repeat-y;
  margin-bottom: 15px;
}
#leftmenu .vyber-produtku-top {
  background: url(../img/vyber-produktu.jpg) no-repeat top;
  width: 141px;
  padding-top: 50px;
}
#leftmenu .vyber-produtku-top .info-bottom {
  width: 141px;
  background: url(../img/vyber-produktu-bottom.jpg) no-repeat bottom;
  padding-bottom: 10px;
}
#leftmenu .vyber-produtku-top .info-bottom .vyber-kategorii {
  margin-left: 10px;
}
#leftmenu .vyber-produtku-top .info-bottom .vyber-kategorii select {
  font-size: 0.85em;
  width: 115px;
  margin-top: 3px;
  border: 1px solid #f9dec4;
  display: block;
}
#leftmenu .fulltext .input {
  background: url(../img/tlacitko-sipka-pozadi.jpg) no-repeat right top;
  width: 90px;
  padding-left: 5px;
  height: 15px;
  padding-top: 2px;
  font-size: 0.85em;
  margin-left: 10px;
  float: left;
  border: none;
  margin-top: 3px;
}
#leftmenu .fulltext .ok {
  float:left;
  padding: 0;
  margin: 0;
  height: 17px;
  border: none;
  margin-top: 3px;
}
#leftmenu .ceny span {
  font-weight: bolder;
  font-size: 0.85em;
  display: block;
}
#leftmenu .ceny {
  margin-left: 10px;
  margin-top: 5px;
}
#leftmenu .ceny .cenaod, #leftmenu .ceny .cenado {
  border: 1px solid #f9dec4;
  width: 40px;
  font-size: 0.85em;
  height: 13px;
  float: left;
  margin-top: 3px;
  margin-right: 5px;
}
#leftmenu .ceny .ok {
  float: left;
  margin-top: 4px;
}

#leftmenu .kategorie-center {
  background: url(../img/kategorie-center.jpg) repeat-y left;
  width: 141px;  
}
#leftmenu .kategorie-top {
  background: url(../img/kategorie.jpg) no-repeat top;
  width: 141px;
  padding-top: 25px;
}
#leftmenu .kategorie-bottom {
  background: url(../img/kategorie-bottom.jpg) no-repeat bottom; 
  width: 141px;
  padding-bottom: 10px;
}
#leftmenu .nabidka {
  width: 129px;
  margin-top: 3px;  
  margin-left: 12px;
}
#leftmenu .nabidka a {
  display: block;
  font-size: 0.85em;
  text-decoration: none;
}
#leftmenu .nabidka .level2 {
  width: 107px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-left: 13px;
  border: 1px solid #46372d;
  background: #d5dfe7 url(../img/sipka.gif) no-repeat left center;
  color: #b65121;
}
#leftmenu .nabidka .level2:hover, #leftmenu .nabidka .level2:active {
  background: #d5dfe7 url(../img/sipka.gif) no-repeat left center;
  color: #322e2c;
}

#leftmenu .nabidka .level3 {
  width: 100px;
  margin-left: 20px;
}
#leftmenu .nabidka .level4 {
  width: 90px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 30px;
}
#leftmenu .nabidka .level5 {
  width: 80px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 40px;
}
#leftmenu .nabidka .pasive-level2 {
  background: url(../img/sipka.jpg) no-repeat left center;
}

#leftmenu #kosik-leftmenu {
  background: url(../img/kosik-top.jpg) no-repeat;
  padding-top: 30px;
  width: 141px;
}

#leftmenu .kosik-center {
  background: url(../img/kosik-center.jpg) repeat-y;
  width: 141px;
  margin-top: 15px;
}
#leftmenu .kosik-bottom {
  background: url(../img/kosik-bottom.jpg) no-repeat bottom;
  padding-bottom: 10px;
  width: 141px;
}
#leftmenu #kosik-leftmenu .login {
  width: 95px;
  margin-left: 12px;
  font-size: 0.85em;
  border: 1px solid #fbf1e9;
  float: left;
}
#leftmenu #kosik-leftmenu .login .kusu {
  float: left;
  display: block;
  text-align: left;
}
#leftmenu #kosik-leftmenu .login .korun {
  float: right;
  display: block;
  text-align: right;
}
#leftmenu #kosik-leftmenu img {
  border: none;
}
#leftmenu #kosik-leftmenu a {
  float: left;
  margin-left: 8px;
}

#leftmenu .info-center {
  background: url(../img/info-center.jpg) repeat-y;
  width: 141px;
  margin-top: 15px;
}
#leftmenu .info-top {
  background: url(../img/info.jpg) no-repeat top left;
  padding-top: 30px;
  width: 141px;
}
#leftmenu .info-bottom {
  background: url(../img/info-bottom.jpg) no-repeat bottom;
  padding-bottom: 10px;
  width: 141px;
}
#leftmenu .info-center a {
  display: block;
  font-size: 0.85em;
  margin-left: 10px;
  padding-left: 15px;
  text-decoration: none;
  background: url(../img/sipka.jpg) no-repeat left center;
}
#leftmenu .left-novinka-center {
  background: url(../img/novinka-center.jpg) repeat-y;
  width: 141px;
  margin-top: 15px;
}
#leftmenu .left-novinka-bottom {
  width: 141px;
  background: url(../img/novinka-bottom.jpg) no-repeat bottom;
  padding-bottom: 10px;
}
#leftmenu .left-novinka {
  background: url(../img/novinka-top.jpg) no-repeat top;
  width: 141px;
  /*height: 144px;*/
  padding-top: 25px;
}
#leftmenu .left-novinka table {
  width: 120px;
  border-collapse: collapse;
}
#leftmenu .left-novinka .obrazek {
  text-align: center;
}
#leftmenu .left-novinka .polozka {
  font-size: 0.7em;
  height: 28px;
  color: #9a766b;
}
#leftmenu .left-novinka .polozka a {
  color: #724132;
  text-decoration: none;
}
#leftmenu .left-novinka .polozka a:hover, #leftmenu .left-novinka .polozka a:active {
  text-decoration: underline;
  color: #ffffff;
}
#leftmenu .left-novinka .cena-puvodni {
  font-size: 0.6em;
  color: #e56560;
  display: block;
  height: 12px;
  text-decoration: line-through;
}
#leftmenu .left-novinka .cena-rakai {
  text-align: right;
  font-size: 0.85em;
}

/*RIGHTMENU ------------------------------------------------------------------*/
#rightmenu {
  float: right;
  width: 90px;
  padding-left: 7px;
  padding-right: 4px;
}
#rightmenu div {
  padding-top: 5px;
  padding-bottom: 3px;
}
/*CONTENT --------------------------------------------------------------------*/
#content {
  position: relative;
  float: left;
  width: 611px;
  padding-bottom: 4px;
}
#content .index-prihlaseni {
  text-align: right;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}

/*ZAPATI ---------------------------------------------------------------------*/
#footer {
	position: absolute;
	overflow: hidden;
	width: 900px;
	padding-top: 10px;
	height: 50px;
	margin: 0 auto;
  bottom: 0;
  left: 0;
	font-size: 0.85em;
	text-align: right;
}
#footer a {
  font-weight: bolder;
  text-decoration: none;
  background: url(../img/logo.gif) no-repeat right;
  display: block;
  padding: 13px 50px 13px 0;
}