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


#body {
	background: url(../img/body.jpg) repeat-y center;
	width: 100%;
}
#body2 {
	background: url(../img/index/top-header-line.jpg) repeat-x left top;
	width: 100%;
}
#page {
  position: relative;
  width: 1035px;
  margin: 0 auto;
  background: #ffffff;
}

/*ZAHLAVI --------------------------------------------------------------------*/
#header {
  position: relative;
  width: 1035px;
  height: 207px;
}
#header .vlajky {
	float: right;
	position: absolute;
	margin: 30px 0 0 90px;
}
#header .vlajky ul {
	margin: 0;
	padding: 0;
	list-style: none url();
}
#header .vlajky ul li {
	float: left;
	margin-right: 10px;
}
#header .vlajky ul li img {
	background: none;
}
#header .vlajky ul li a.sk:hover,
#header .vlajky ul li a.sk:active {
	background: url(../img/vlajky/sk1-normal.png) no-repeat left top;
}
#header .vlajky ul li a.sk:hover img,
#header .vlajky ul li a.sk:activate img {
	visibility: hidden;
}
#header .vlajky ul li a.cs:hover,
#header .vlajky ul li a.cs:active {
	background: url(../img/vlajky/cs1-normal.png) no-repeat left top;
}
#header .vlajky ul li a.cs:hover img,
#header .vlajky ul li a.cs:activate img {
	visibility: hidden;
}
.header-sk {
	background: url(../img/index/header-sk.jpg) no-repeat;
}
.header-cs {
	background: url(../img/index/header-cs.jpg) no-repeat;
}
#header #topmenu {
	width: 1035px;
	margin: 0 auto;
	text-align: right;
	font-weight: bolder;
	font-size: 1.2em;
	padding: 20px 0 0 0; 
}
#header #topmenu a:link, #header #topmenu a:visited {
	padding: 0 10px;
	text-decoration: none;
}
#header .logo {
	position: absolute;
	width: 450px;
	height: 160px;
	margin: 10px 0 0 300px;
}
#header .login-user {
	width: 260px;
	float: right;
	margin-top: 30px;
}

#header .login-user .format {
	width: 100px;
	border: 2px solid #000000;
}
#header .login-user .submit-cs {
	background: url(../img/index/prihlasit-cs.jpg) no-repeat;
 	width: 81px;
 	height: 22px;
 	border: none;
}
#header .login-user .submit-sk {
	background: url(../img/index/prihlasit-sk.jpg) no-repeat;
 	width: 81px;
 	height: 22px;
 	border: none;
}
#header .login-user .login .f_right {
	padding-right: 6px;
	width: 85px;
}
#header .login-user .login a:link, #header .login-user .login a:visited {
	font-size: 0.85em;
	color: #822910;
	text-decoration: none;
	display: block;
	margin: 8px 0 0 3px;
}
#header .login-user .login a:hover, #header .login-user .login a:active {
	text-decoration: underline;
	color: #000000;
}
#header .login-user label {
	font-size: 0.9em;
	font-weight: bolder;
	float: left;
	display: block;
	width: 50px;
	padding: 5px 0 0 0;
}
#header .login-user .uzivatel {
	text-align: right;
	padding: 0 10px 0 0;
}
#header .login-user .uzivatel a:link, #header .login-user .uzivatel a:visited {
	color: #822910;
}
#header .login-user .uzivatel a:hover, #header .login-user .uzivatel a:active {
	text-decoration: underline;
	color: #000000;
}
#header #hiphoper-leftside {
	background: url(../img/index/header-left.jpg) no-repeat;
 	width: 61px;
 	height: 227px;
 	position: absolute;
 	top: 0;
 	margin-left: -61px;
}
/*MAINPART -------------------------------------------------------------------*/
#mainpart {
  clear: both;
  padding-top: 2px;
  width: 1035px;
  position: relative;
  top: 0px;
  padding-bottom: 35px;
}


/*LEFTMENU -------------------------------------------------------------------*/
#leftmenu {
  width: 202px;
  float: left;
  position: relative;
  padding-bottom: 5px;
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
}
#leftmenu .hiphoper-top {
	background: url(../img/index/header-bottom-hiphoper.jpg) no-repeat;
 	width: 202px;
 	height: 32px;
 	position: relative;
 	left: 0;
 	margin-top: -2px;
}
.title-menu {
	background: #000000 url(../img/index/title.jpg) repeat-x top;
	height: 31px;
	margin-left: 5px;
	color: #ffffff;
	width: 183px;
	padding: 1px 7px 0 7px;
	font-weight: bold;
}
.title-menu .title-squars {
	background: url(../img/index/squars.jpg) no-repeat left center;
	height: 24px;
	display: block;
	padding: 7px 0 0 15px;
}

.vyhledani-produtku-menu {
	background: #603507 url(../img/index/search.jpg) repeat-x left top;
	margin-left: 5px;
	width: 183px;
	padding: 5px 7px 5px 7px;
	font-weight: bold;
	color: #ffffff;
}
.vyhledani-produtku-menu .format-search1 {
	width: 140px;
	margin: 0 0 8px 0;
	color: #8e8d8e;
}
.vyhledani-produtku-menu .format-search2 {
	width: 65px;
	margin: 0 0 5px 0;
	color: #8e8d8e;
}
#leftmenu .kategorie-top {
	background: url(../img/index/dotted-nabidka.jpg) no-repeat;
 	width: 197px;
 	height: 21px;
 	margin: 5px 0 0 5px;
}
#leftmenu .kategorie {
	width: 197px;
	margin: 0 0 0 5px;
}
#leftmenu .kategorie .men {
	float: left;
	width: 93px;
	display: block;
	background: #000000 url(../img/index/title.jpg) repeat-x top;
	height: 24px;
	font-weight: bolder;
	color: #ffffff;
	text-decoration: none;
	padding: 8px 0 0 8px;
}
#leftmenu .kategorie .men span {
	background: url(../img/index/squars-two-black.jpg) no-repeat left center;
	padding: 0 0 0 8px;
}
#leftmenu .kategorie .men:hover, #leftmenu .kategorie .men:active {
	background: #000000 url(../img/index/title-a.jpg) repeat-x top;
}
#leftmenu .kategorie .men:hover span, #leftmenu .kategorie .men:active span {
	background: url(../img/index/squars-two-black-a.jpg) no-repeat left center;
	padding: 0 0 0 8px;
}
#leftmenu .kategorie .women {
	float: right;
	width: 88px;
	display: block;
	background: #f9664b url(../img/index/title-menu-ladies.jpg) repeat-x top;
	height: 24px;
	font-weight: bolder;
	color: #ffffff;
	text-decoration: none;
	padding: 8px 0 0 8px;
}
#leftmenu .kategorie .women span {
	background: url(../img/index/squars-two-red.jpg) no-repeat left center;
	padding: 0 0 0 8px;
}
#leftmenu .kategorie .women:hover span, #leftmenu .kategorie .women:active span {
	background: url(../img/index/squars-two-red-a.jpg) no-repeat left center;
	padding: 0 0 0 8px;
}
#leftmenu .kategorie .women:hover, #leftmenu .kategorie .women:active {
	background: #ea290c url(../img/index/title-menu-ladies-a.jpg) repeat-x top;
}
.nabidka {
	background: #e5e7e7 url(../img/index/menu-background.jpg) repeat left top;
}
#leftmenu .nabidka .ul-nabidka {
	list-style: none url();
	margin: 0;
	padding: 10px 0 10px 0;
}
#leftmenu .nabidka .ul-nabidka li {
	margin: 2px 0;
	padding: 0;
}
#leftmenu .nabidka .ul-nabidka ul {
	margin: 0;
	padding: 0;
	list-style: none url();
}
#leftmenu .nabidka .ul-nabidka ul li {
	margin: 0;
	padding: 0;
}
#leftmenu .nabidka .active {
	font-weight: bolder;
}
#leftmenu .nabidka .level3 {
	width: 165px;
	margin: 0 0 2px 10px;
	padding: 0 0 0 23px;
	text-decoration: none;
	font-size: 0.85em;
}
#leftmenu .nabidka a {
	width: 173px;
	background: url(../img/index/menu-level2.gif) no-repeat left center;
	margin: 0 0 2px 10px;
	padding: 0 0 0 15px;
	text-decoration: none;
}
#leftmenu .nabidka a:hover, #leftmenu .nabidka a:active {
	font-weight: bolder;
	color: #000000;
}

#leftmenu .box-menu-top {
	background: url(../img/index/menu-top-dotted.jpg) no-repeat;
 	width: 197px;
 	height: 21px;
 	margin: 5px 0 0 5px;
}

/*RIGHTMENU ------------------------------------------------------------------*/
#rightmenu {
  float: right;
  width: 152px;
  padding: 0 5px 0 0;
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
}
#rightmenu div.producers {
	text-align: center;
  padding: 5px 0 3px 0;
}
#rightmenu .rightmenu-box-top {
	background: url(../img/index/menu-kosik-top.jpg) no-repeat;
 	width: 152px;
 	height: 14px;
 	margin-top: -3px
}
#rightmenu .title-menu {
	background: #000000 url(../img/index/title.jpg) repeat-x top;
	height: 31px;
	color: #ffffff;
	width: 138px;
	padding: 1px 7px 0 7px;
	font-weight: bold;
	margin: 0;
}
#rightmenu .skype {
	padding: 0 0 5px 8px;
}
#rightmenu .title-menu .title-squars {
	background: url(../img/index/squars.jpg) no-repeat left center;
	height: 24px;
	display: block;
	padding: 7px 0 0 15px;
}
#rightmenu .empty-cart {
	padding: 15px 5px;
	text-align: center;
	text-transform: uppercase;
	color: #aba6a6;
	display: block;
	font-size: 0.85em;
}
#rightmenu .cart {
	color: #aba6a6;
	font-size: 0.9em;
	padding: 5px 10px;
}
#rightmenu .cart span {
	display: block;
}
#rightmenu .cart span span {
	float: left;
}
#rightmenu .cart span strong {
	text-align: right;
	float: right;
}
#rightmenu .cart-links {
	padding: 3px 10px;
	font-size: 0.85em;
}
#rightmenu .cart-links a.link-pokladna {
	float: left;
}
#rightmenu .cart-links a {
	float: right;
	text-decoration: none;
}
#rightmenu .cart-links a:hover, #rightmenu .cart-links a:active {
	text-decoration: underline;
}

/*CONTENT --------------------------------------------------------------------*/
#content {
  position: relative;
  float: left;
  width: 654px;
  padding-bottom: 4px;
  margin: 0 0 0 11px;
}

/*ZAPATI ---------------------------------------------------------------------*/
#footer {
	width: 100%;
	margin: 0 auto;
	background: url(../img/index/footer.jpg) no-repeat center top;
 	height: 91px;
 	color: #ffffff;
}
#footer-center {
	width: 1035px;
	margin: 0 auto;
	height: 91px;
}
#footer .contacts-info {
	border-collapse: collapse;
	width: 800px;
	text-align: left;
	margin: 20px auto 0 auto;
	font-size: 0.9em;
}
#footer .contacts-info td {
	width: 200px;
}
#footer .contacts-info a:link, #footer .contacts-info a:visited {
	color: #ffffff;
}
#footer .contacts-info a:hover, #footer .contacts-info a:active {
	color: #d8d507;
}
#footer-center .ltweb {
	text-align: left;
	margin: 8px 10px 0 0;
}
#footer-center .ltweb a:link, #footer-center .ltweb a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bolder;
	font-size: 0.85em;
}
#footer-center .ltweb a:hover, #footer-center .ltweb a:active {
	text-decoration: underline;
}