html,body {
  height:100%;
}
body{
  background: #DEDFDE;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #252525;
}
#stranka{
  background: #E7E7E7 center top url(sub-top_background_long.jpg) no-repeat;
  width: 100%;
  margin: 0 auto;
  height:100%;
  position: relative;
  text-align: center;
}
body>#stranka {
  height:auto;
  min-height:100%;
}
#obsah{
  background: center top url(sub-top_background_long.jpg) no-repeat;
  width: 900px;
  margin: 0 auto;
  position: relative;
  text-align: left;
}
#top{
  height: 190px;
}
h1{
  position: absolute;
  top: 25px;
  left: 4px;
  margin: 0;
  padding: 0;
}
	#top.domaincz h1 a{
	  display: block;
	  background: url(kf-nadpis-cz.png) no-repeat;
	  width: 170px;
	  height: 32px;
	}
	#top.domainsk h1 a{
	  display: block;
	  background: url(kf-nadpis-sk.png) no-repeat;
	  width: 170px;
	  height: 32px;
	}
  h1 span{
    display: none;
  }
#cat-menu{
  position: absolute;
  top: 119px;
  left: 180px;
  margin: 0;
  padding: 5px 0 0 0;
}
  #cat-menu li{
    float: left;
    list-style-type: none;
    margin-right: 20px;
    line-height: 30px;
  }
  #cat-menu a{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9em;
    font-family: 'Oswald', helvetica;
  }
#product-menu-cont{
  position: absolute;
  top: 80px;
  left: 180px;
  height: 42px;
  width: 710px;
}
#product-menu{
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 5px 0 0 0;
}
  #product-menu li{
    float: left;
    list-style-type: none;
    margin-right: 10px;
    line-height: 19px;
  }
  #product-menu a{
    color: #222222;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.7em;
    font-family: 'Oswald', helvetica;
  }
  #product-menu a.activ, #product-menu a:hover{
    color: #F15923;
  }
#main-menu{
  position: absolute;
  top: 25px;
  left: 180px;
  margin: 0;
  padding: 0 0 0 0;
}
  #main-menu li{
    float: left;
    list-style-type: none;
    margin-right: 3px;
    line-height: 30px;
    background: #B3B3B3 left top url(sub-main_menu_left.gif) no-repeat;
    height: 30px;
  }
  #main-menu a{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8em;
    font-family: 'Oswald', helvetica;
    background: right top url(sub-main_menu_right.gif) no-repeat;
    display: block;
    height: 30px;
    padding: 0 10px;
  }
  	#main-menu li:hover a{
			color: #000;
		}
#client-name{
  position: absolute;
  top: 18px;
  right: 5px;
  margin: 0;
  padding: 0;
  color: #252525;
  font-size: 0.7em;
  font-family: 'Oswald', helvetica;
}
  #client-name a{
    color: #252525;
    text-decoration: none;
    text-transform: uppercase;
  }
#login-menu{
  position: absolute;
  top: 38px;
  right: 5px;
  margin: 0;
  padding: 0;
}
  #login-menu li{
    float: left;
    list-style-type: none;
    margin-left: 10px;
  }
  #login-menu a{
    color: #252525;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.7em;
    font-family: 'Oswald', helvetica;
  }
  #login-menu a:hover{
    color: #F15923;
  }
#inbasket{
  position: absolute;
  top: 58px;
  right: 5px;
  margin: 0;
  padding: 0;
  font-size: 0.7em;
  font-family: 'Oswald', helvetica;
}
	#inbasket a{
    color: #252525;
    text-decoration: none;
	}
	#inbasket a:hover{
    color: #F15923;
	}
#panak{
  float: left;
  height: 550px;
  width: 160px;
}
#obsah2{
  float: left;
  padding-left: 20px;
}
  #obsah2 h2{
    margin: 0 0 30px 0;
    padding: 2px 0;
    color: #F15923;
    font-size: 0.9em;
    font-family: 'Oswald', helvetica;
    font-weight: normal;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 710px;
    text-transform: uppercase;
  }
#product-left{
  float: right;
  width: 200px;
}
  #product-left img{
    border: 10px solid #252525;
  }
#product-right{
  float: right;
  width: 510px;
}
  #product-right h3{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 2em;
    font-family: 'Oswald', helvetica;
  }
  #product-right p{
    font-size: .8em;
    font-family: helvetica;
    //border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 3px 0;
    padding: 3px 0;
    //width: 510px;
  }
	  #product-right p em{
	  	font-weight: bold;
	  	font-style: normal;
	  }
	  	#product-right p em span.barevne {
				font-weight: 800;
	  		color: #f15923;
			}
  #product-right #vl1{
  	float: left;
  	width: 360px;
	}
  #product-right #vl2{
  	float: left;
  	width: 150px;
	}
  #product-right #vl3{
  	float: left;
  	width: 510px;
  	height: 10px;
    border-top: 1px solid #000;
	}
  #product-right #vl1 p, #product-right #vl2 p{
    border-bottom: none;
  }
  #product-right h4{
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 0.8em;
    font-family: helvetica;
  }
  #product-right table{
    border-collapse: collapse;
    width: 510px;
  }
  #product-right td{
    font-size: .8em;
    font-family: helvetica;
  }
  #product-right p a{
		color: #252525;
		font-weight: bold;
		text-decoration: none;
	}
	  #product-right p a:hover{
			color: #F15923;
		}
#prod-stitek-z{
  position: absolute;
  top: 150px;
  right: 5px;
	display: block;
  background: url(stitek-zeleny-4.png) no-repeat;
  width: 142px;
  height: 134px;
}
#prod-stitek-z-sk{
  position: absolute;
  top: 150px;
  right: 5px;
	display: block;
  background: url(stitek-zeleny-4-sk.png) no-repeat;
  width: 142px;
  height: 134px;
}
#prod-stitek-z span, #prod-stitek-z-sk span{
	visibility: hidden;
}
#spodni-vypln{
  clear: left;
  height: 1px;
  width: 900px;
}
#patka {
  bottom:0;
  left:0;
  height:70px;
  width: 100%;
  background: #000;
  clear: left;
  text-align: center;
}
  #patka ul{
    text-align: center;
    background: center 30px url(main-patka_linka.png) no-repeat;
    width: 539px;
    margin: 0 auto 0 auto;
    padding: 10px 0 10px 0;
  }
  #patka li{
    list-style-type: none;
    display: inline;
    margin: 0 10px;
  }
    #patka li a{
      color: #fff;
      text-decoration: none;
      font-size: 0.7em;
      font-family: 'Oswald', helvetica;
      text-transform: uppercase;
    }
#do_kosiku{
	margin-bottom: 10px;
}
  #do_kosiku .varianta{
    font-weight: bold;
  }
  #do_kosiku table{
    border-collapse: collapse;
  }
  #do_kosiku .count{
    width: 20px;
  }
  #do_kosiku .head{
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    background: #666;
    color: #fff;
	}
	#do_kosiku td{
		padding: 1px;
	}
#switch_menu{
  font-family: helvetica;
  margin: 0;
  padding: 0;
}
  #switch_menu h4{
    display: inline;
  }
  #switch_menu li{
    display: inline;
    padding-right: 20px;
    margin: 0;
  }
  #switch_menu a{
    font-size: 0.7em;
    color: #000;
    text-decoration: none;
  }
  #switch_menu a.active{
		font-weight: bold;
  }
  #switch_menu a:hover{
		color: #F15923;
  }
  #switch_menu a.active:hover{
		color: #000;
  }
#price{
	font-family: helvetica;
	font-size: 0.8em;
}
	#price span.our{
		color: #F15923;
		font-size: 1.5em;
		font-weight: bold;
		font-family: 'Oswald', helvetica;
	}
	#price span.normal{

	}
	#price a{
		color: #000;
		text-decoration: none;
		font-weight: bold;
	}
		#price a:hover{
			color: #F15923;
		}
.alright{
	text-align: right;
}	
.category-list{
  padding: 5px 0 10px 59px;
  width: 650px;
  margin: 0;
}
	.category-list li{
    margin: 5px 0 0 0;
    padding: 0;
    font-family: helvetica;
    list-style-type: none;
	}
		.category-list li a{
			text-decoration: none;
		}
		.category-list li a span{
			color: #000;
			font-weight: bold;
		}
		.category-list li a:hover{
			text-decoration: underline;
			color: #F15923;
		}
		.category-list li p{
	    margin: 5px 0 0 10px;
	    padding: 0;
	    font-size: 0.8em;
	    width: 630px;
		}
		
.gift{
	margin-top: 20px;
	width: 150px;
}
	.gift h4{
		background: url(gift.png) no-repeat;
		padding-left: 50px;
		height: 40px;
		line-height: 40px;
    font-size: 1.5em;
    font-family: 'Oswald', helvetica;
    color: #F15923;
    margin: 0;
	}
	.gift p{
    font-size: .8em;
    font-family: helvetica;
	}
  	.gift p a{
  		color: #252525;
  		font-weight: bold;
  		text-decoration: none;
  	}
  	.gift p a:hover{
  		color: #F15923;
  	}
.postFree{
	margin-top: 20px;
	width: 150px;
}
	.postFree h4{
		padding-left: 0px;
		height: 30px;
		line-height: 30px;
    font-size: 1.4em;
    font-family: 'Oswald', helvetica;
    color: #F15923;
    margin: 0;
	}
	.postFree p{
    margin-top: 5px;
    font-size: .8em;
    font-family: helvetica;
	}
.soldout em{
	color: #F15923;
	font-weight: bold;
	font-style: normal;
}
#modal-kosik{
	width: 600px;
	padding: 0;
}
	#modal-kosik p{
		margin: 0;
		padding: 0;
	}
#modal-kosik-tbl {
	width: 560px;
	margin: 5px 20px 20px 20px;
}
	#modal-kosik-tbl td{
		text-align: left;
	}
	#modal-kosik-tbl td.cena{
		text-align: right;
		width: 120px;
	}
	#modal-kosik-tbl td.kusu{
		text-align: right;
	}
	#modal-kosik-tbl td.nazev{
		width: 200px;
	}
	#modal-kosik-tbl td.prod{
		font-weight: bold;
	}
	.ui-widget {
		font-size: .8em !important;
	}

#modal-kosik-doporucene{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	text-align: left;
	border-top: 1px solid #aaaaaa;
}
#modal-kosik-doporucene #polozky-obal{
	overflow-x: hidden;
	overflow-y: hidden;
}
#modal-kosik-doporucene #polozky {
	//width: 1000px;
}
#modal-kosik-doporucene h2 {
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 0;
}
#modal-kosik-doporucene #polozky div.polozka {
//	float: left;
	width: 270px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#modal-kosik-doporucene img {
	width: 40px;
	height: 40px;
	border: 2px solid #000;
	float: left;
	margin-right: 10px;
}
#modal-kosik-doporucene h3 {
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#modal-kosik-doporucene h3 a{
	color: #252525;
	text-decoration: none;
}
#modal-kosik-doporucene h3 a:hover{
	color: #F15923;
	text-decoration: none;
}
#modal-kosik-doporucene p {
	font-size: 11px;
	margin: 0 0 0 55px;
	padding: 0;
}