body{
	background: #e5e5e5 url(bg-body.gif) repeat-x top center;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, "sans-serif !important";
	font-size: small !important;
	text-align: center;
	color: #565656;
}
.resetovac{
	border: 0px none;
	margin: 0px;
	padding: 0px;
	float: none;
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
p, img, table, tr, th, td, h1, h2, h3, h4, h5, li, ul{
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

h1{
	text-align: center;
	font-size: 0.7em;
}
h2{
	text-align: center;
	font-size: 0.8em;
}


h3{
	font-size: 0.9em;
	padding: 0px 0px 0px 0px;
	/*border-bottom: 1px solid #9DB2BD; */
}
h5{
	display: block;
	margin: 10px 0px 0px 0px;
	border-bottom: 1px dashed #8FA7BC;
	font-size: 0.8em;
}
a{
	color: #5e5146;
	text-decoration: underline;
}
a:hover{
	color: #423b36;
	text-decoration: none;
}
hr{
	display: block;
	clear: both;
	visibility: hidden;
}
ul#topmenu{
	display: block;
	width: 968px;
	font-size: 85%;
	height: 25px;
	overflow: hidden;
	clear: both;
	margin: 0px auto 0px auto;
}
ul#topmenu li{
	float: right;
	list-style: none;
}
ul#topmenu li b{
	display: block;
	height: 15px;
	float: left;
	color: #998675;
	background: White;
	padding: 5px 10px 5px 10px;
}
ul#topmenu li a{
	display: block;
	height: 15px;
	float: left;
	color: #768794;
	padding: 5px 10px 5px 10px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
#topbar{
	width: 968px;
	height: 73px;
	margin: 0px auto 0px auto;
	clear: both;
	position: relative;
}
#topbar strong{
	display:block;
	position:relative;
	width:476px;
	height:62px;
	overflow:hidden;
	text-align:center;
	float: left;
	margin: 11px 0px 0px 0px;
}
#topbar strong a{
	display:block;
	width:476px;
	height:62px;
	color:#FFFFFF;
	background: #35322a;
	cursor:pointer;
}
#topbar strong span{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:476px;
	height:62px;
	background:url("knihkupectvi-logo.gif") top left no-repeat;
}
#topbar form{
	float: right;
	margin: 33px 43px 0px 0px;
}
#topbar ul{
	position: absolute;
	left: 600px;
	top: 20px;
}
#topbar ul li{
	float: left;
	list-style: none;
}
#topbar ul li#home{
	display:block;
	position:relative;
	overflow:hidden;
	text-align:center;
	float: left;
	margin: 11px 0px 0px 0px;
	width:23px;
	height:22px;
}
#topbar ul li#home a{
	display:block;
	width:23px;
	height:22px;
	color:#FFFFFF;
	background: #35322a;
	cursor:pointer;
}
#topbar ul li#home span{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:23px;
	height:22px;
	background:url("home.gif") top left no-repeat;
}
#topbar ul li#sitemap{
	display:block;
	position:relative;
	overflow:hidden;
	text-align:center;
	float: left;
	margin: 11px 0px 0px 0px;
	width:28px;
	height:22px;
}
#topbar ul li#sitemap a{
	display:block;
	width:28px;
	height:22px;
	color:#FFFFFF;
	background: #35322a;
	cursor:pointer;
}
#topbar ul li#sitemap span{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:28px;
	height:22px;
	background:url("sitemap.gif") top left no-repeat;
}
#topbar ul li#contact{
	display:block;
	position:relative;
	overflow:hidden;
	text-align:center;
	float: left;
	margin: 11px 0px 0px 0px;
	width:29px;
	height:22px;
}
#topbar ul li#contact a{
	display:block;
	width:29px;
	height:22px;
	color:#FFFFFF;
	background: #35322a;
	cursor:pointer;
}
#topbar ul li#contact span{
	display:block;
	position:absolute;
	left:0;
	top:0px;
	width: 29px;
	height:22px;
	background:url("kontak.gif") top left no-repeat;
}
#header{
	width: 968px;
	height: 180px;
	margin: 1px auto 0px auto;
	clear: both;
	position: relative;
}
#header p{
	display:block;
	position:relative;
	overflow:hidden;
	text-align:center;
	float: left;
	width:689px;
	height:180px;
}
#header p span{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:689px;
	height:180px;
	background:url("mamevhodnouknihu.jpg") no-repeat top left;
}
#header #user{
	width: 180px;
	height: 63px;
	position: absolute;
	top: 0px;
	right: 1px;
	background: url(uzivatel.gif) no-repeat left top;
	text-align: left;
	font-size: 85%;
	padding: 32px 0px 0px 100px;
}
#header #user a{
	font-weight: bold;
}
#header #cart{
	width: 180px;
	height: 72px;
	position: absolute;
	top:95px;
	right: 1px;
	background: url(kosik.gif) no-repeat left top;
	text-align: left;
	font-size: 85%;
	padding: 13px 0px 0px 100px;
}
#header #cart a{
	font-weight: bold;
}
#main{
	width: 968px;
	background: url(bg-main.gif) repeat-y top center;
	padding: 0px 0px 20px 0px;
	margin: 0px auto 0px auto;
}
#main #detail{
	display: block;
	background: #FFFFFF;
	padding: 0px 20px 20px 20px;
}
#main #detail h3{
	color: #000000;
	font-size: 0.8em;
	font-weight: normal;
	border-bottom: 0px solid #ffffff; 
}




#footer{
	background: #FFFFFF url(bg-footer.gif) repeat-x top;
	display: block;
	clear: both;
	text-align: left;
	font-size: 85%;
	margin: 0px 0px 0px 0px;
}
#footer #paticka{
	display: block;
	width: 687px;
	margin: 0px auto 0px auto;
	background: url(bg-footer2.gif) no-repeat top right;
	padding: 20px 281px 50px 0px;
	margin: 0px auto 0px auto;
}
#main #footer a{
	color: #b4d367;
}
.right{
  float: right;
}

.left{
  float: left;
}
#menul{
	float: left;
	width: 193px;
	text-align: left;
	font-size: 85%;
}
#menup{
	float: left;
	width: 260px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	font-size: 85%;
}
#menul .menuv{	
	width: 153px;
	background: url(bg-menul-bottom.gif) no-repeat bottom left;
	padding: 20px 20px 40px 20px;
	margin: 0px 0px 20px 0px;
}
.menuv ul{	
	clear: both;
}
.menuv li{	
	list-style: none;
}
.menuv ol{
	margin: 0px;
	padding: 0px 0px 0px 23px;
	clear: both;
}
.menuv ol li{	
	list-style: decimal;
}
.menuv p{	
	text-align: center;
}
#menup .menuv{	
	width: 206px;
	background: url(bg-menur.gif) no-repeat top left;
	padding: 20px;
	clear: both;
}
#menul h3{
	font-family: "Times New Roman", Times, serif;
	background: url(bg-menul-n.gif) no-repeat bottom left;
	display: block;
	width: 193px;
	float: left;
	color: #5e5146;
	font-size: 160%;
	padding: 0px 0px 20px 0px;
}
#menul h3 a{
	color: #5e5146;
}
#menup h3{
	font-family: "Times New Roman", Times, serif;
	background: #87c33b url(bg-menur-n.gif) no-repeat top left;
	width: 230px;
	display: block;
	font-size: 120%;
	height: 22px;
	float: left;
	color: #5e5146;
	clear: both;
	font-size: 160%;
	padding: 10px 15px 10px 15px;
}
#menup h3 a{
	color: #5e5146;
}
#middle{
	float: left;
	text-align: justify;
	width: 457px;
	margin: 0px 19px 0px 19px;
	font-size: 100%;
	overflow: hidden;
}
#middle h2{
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	display: block;
	text-align: left;
	color: #5e5146;
	margin: 10px 0px 7px 0px;
	clear: both;
}
#middle h2 a{
	#color: #5e5146;
}
#middle p{
	padding:5px 1px 5px 1px;
	font-size: 0.8em;
}

#middle li{
	list-style: none;
}

.produkt3{
	background: #FFFFFF url(bg-kolonka.gif) no-repeat top center;
	display: block;
	width: 127px;
	height: 230px;
	float: left;
	padding:10px;
	margin: 0px 0px 10px 4px;
	text-align: left;
	font-size: 85%;
	position: relative;
	overflow: hidden;
}
.produkt3 strong{
	color: #5e5146;
}
.produkt3 .cena{
	float: left;
	padding: 5px 0px 0px 10px;
}
.produkt3 .cena strong{
	font-size: 120%;
}
.produkt3 .detailkup{
	background: #b3c9dc url(bg-detailkup.gif) no-repeat bottom center;
	position: absolute;
	bottom: 0px;
	display: block;
	left: 0px;
	width: 147px;
	height: 39px;
}
.produkt3 .detailkup a{
	color: #FFFFFF;
	display: block;
	width: 51px;
	float: right;
	font-weight : bold;
	text-align: center;
	padding: 10px 0px 0px 0px;
}
.produkt3 .detailkup a:hover{
	color: Black;
}

.produkt3 h2{
	font-size: 0.5em;
}
.produkt3 h2 a{
	#color: #5e5146;
}
.produktakcni{
	display: block;
	border: 1px solid #83BC38;
	padding:5px;
	margin: 3px;
	text-align: left;
	font-size: 0.8em;
	float: left;
	width: 592px;
	font-size: 0.75em;
}
.produktakcni .fotka{
	float: left;
	width: 25%;
}
.produktakcni .popis{
	float: left;
	margin: 0px 0px 0px 5px;
	border-left: 1px solid #83BC38;
	padding: 0px 0px 0px 5px;
	width: 70%;
}
.produktakcni h4{
	color: #83BC38;
	font-size: 1.3em;
}
.produktakcni .puvodni{
	text-decoration: line-through;
}
.produktakcni .cena{
	color: Red;
	font-size: 1.2em;
}
.produktakcni i{
	padding: 10px 0px 0px 0px;
	font-size: 1.1em;
	display: block;
}
.produktakcni .detailkup a{
	color: White;
	display: block;
	width: 40px;
	float: right;
	font-weight : bold;
	padding: 10px 7px 10px 7px;
	background: #83BC38 url(bg-h2.gif) repeat-x bottom;
	margin: 5px 0px 0px 0px;
}
.produktakcni .detailkup a:hover{
	background: White;	
	border: 1px solid #83BC38;
	padding: 9px 6px 9px 6px;
	color: Black;
}
.radek{
	display: block;
	clear: both;
}
.poslednidva{
	display: block;
	width: 185px;
	height: 285px;
	border: 1px solid #83BC38;
	float: left;
	padding:5px;
	margin: 3px;
	text-align: center;
	font-size: 0.9em;
	position: relative;
}
.poslednidva .detailkup{
	position: absolute;
	bottom: 1px;
	display: block;
	left: 5px;
	width: 185px;
}
.poslednidva .detailkup a{
	color: White;
	display: block;
	width: 78px;
	float: left;
	font-weight : bold;
	padding: 10px 7px 10px 7px;
	background: #83BC38 url(bg-h2.gif) repeat-x bottom;
	margin: 5px 0px 0px 0px;
	margin: 0px auto 0px auto;
}
.poslednidva .detailkup a:hover{
	background: White;	
	border: 1px solid #83BC38;
	padding: 9px 6px 9px 6px;
	color: Black;
}
.poslednidva h4{
	color: #FF6600;
	font-size: 1.1em;
}
.poslednidva h4 strong{
	color: red;
}
.poslednidva .puvodni{
	text-decoration: line-through;
}
.poslednidva .cena{
	color: Red;
	font-size: 1.1em;
}
.poslednidva p{
	display: block;
	font-size: 0.9em;
	text-align: justify;
	margin: 5px 0px 5px 0px;
}
#tridit{
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	background: #ECECEC;
	font-size: 0.9em;
}
#strankovani{
	text-align: center;
	background: #ECECEC;
	border-bottom: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	display: block;
	clear: both;
	font-size: 0.8em;
	padding: 3px;
}
#strankovani a{
	color: #600017;
}

#bannerbot{
	margin: 0px auto 0px auto;
	clear: both;
	display: block;
}
#komentare{
	text-align: left;
}
#komentare a{
	font-size: 0.7em;
}
#komentare p{
	display: block;
	border-bottom: 1px solid #E4EAEF;
	margin: 5px 0px 10px 0px; 
}
.drobecky{
	display: block;
	background: #ececec;
	font-size: 0.8em;
	padding: 6px 5px 6px 6px;
	margin: 10px -2px 7px -2px;
}
.drobecky a{
	color: Black;
}
.cervena{
	color: Red;
	font-size: 1.3em;
	margin-right: 5px;
}
#popis{
	display: block;
	clear: both;
	padding: 10px 0px 10px 0px;
}
#popis table{
	float: right;
	font-size: 0.8em;
	width: 50%;
}
#popis img{
	float: left;
}
.pocetkusu{
	text-align: right;
}
.pocetkusu input{
	margin-top: 15px;
	margin-bottom: 15px;
}
.pridarkosiku{
	text-align: left;
}
.pridarkosiku a{
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
	padding: 4px;
	background: #E4EAEF;
	border: 1px solid #ABBDCD;
	width: 55%;
}.pridarkosiku a:hover{
	background: #ABBDCD;
	border: 1px solid #8FA7BC;
}
#seznamkosiku{
	width: 100%;
	font-size: 0.83em;
	margin: 0px 0px 20px 0px;
}
#seznamkosiku .nazevzbozi{
	width: 50%;
}
#seznamkosiku input{
	font-size: 0.83em;
}
#seznamkosiku .podtrzeni{
	border-bottom: 1px dashed #8FA7BC;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 15px 0px; 
}
.dotaz{
	float: left;
	margin: 2px 0px 0px 0px;
}
.adresa{
	font-size: 0.8em;
	width: 100%;
}
.adresa td{
	padding: 3px;
}
.adresa input{
	margin: 3px 0px 3px 0px;
}
.adresa .modrabg{
	background: #E4E4E4;
}
.aligncenter{
	text-align: center;
	margin: 10px;
}

.tcenter{
	text-align: center;
}




select {
	background-color : White;
	color : Black;
	width: 100px;
	font-family : Arial;
	font-size : 11px;
	font-weight : bolder;
}

#popis_kategorie{
	text-align: left;
	background: #EFF2F5;
	border-bottom: 1px solid #E4EAEF;
	border-top: 1px solid #E4EAEF;
	display: block;
	clear: both;
	font-size: 1em;
	padding: 3px;
}

.tipvkategorii{
	display: block;
	width: 140px;
	border: 1px solid #E4EAEF;
	float: left;
	padding:5px;
	margin: 3px;
	text-align: center;
	font-size: 0.8em;
}

.tipvkategorii .detailkup a{
	color: White;
	display: block;
	width: 56px;
	float: left;
	font-weight : bold;
	padding: 10px 7px 10px 7px;
	background: #83BC38 url(bg-h2.gif) repeat-x bottom;
	margin: 5px 0px 0px 0px;
}

.tipvkategorii .detailkup a:hover{
	background: White;	
	border: 1px solid #83BC38;
	padding: 9px 6px 9px 6px;
	color: Black;
}

.a_login{
	font-size: 0.8em;
	width: 60%;
	text-align: center;
}

.a_login td{
	padding: 3px;
	text-align: center;
}

.a_login input{
	margin: 3px 3px 3px 3px;
}

.a_login .modrabg{
	background: #ececec;
}

.button{
	background: #897363 url(bg-button.gif) repeat-x top;
	padding: 2px 5px 2px 5px;
	border: 1px solid #998675;
	color: #FFFFFF;
	font-size: 85%;
}


.buttonkoupit{
	background: #AA3550 url(bg-button2.gif) repeat-x bottom;
	padding: 3px;
	border: 1px solid #AA3550;
	color: White;
}



#menulb{
	width: 193px;
	background: url(bg-menul-bottom.gif) no-repeat bottom left;
	padding: 0px 0px 40px 0px;
	margin: 0px 0px 20px 0px;
}
#menulb ul{
	width: 193px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#menulb li{
list-style: none;
	/* margin: 0px; */
	/* padding: 5px 0px 5px 20px; */
	/* list-style: none; */
	/* display: block; */
	/* float: left; */
	/* border-bottom: 1px solid #c3c3c3; */
}
#menulb a{
	background: url(bg-a-h.gif) no-repeat left center;
	display: block;
	padding: 5px 0px 5px 20px;
	border-bottom: 1px solid #c3c3c3;
}
#menulb a:hover{
	background: url(bg-a.gif) no-repeat left center;
}
#menulb a:hover{
	text-decoration: none;
}
.itext{
	background: #9b9b9b url(bg-itext.gif) repeat-x top;
	border: 1px solid #919191;
	text-align: left;
	font-size: 85%;
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
}


.reduvod{
	color:red;
	text-align: center;
	font-size: 0.8em;
}

.ctrnact{
	font-size: 14pt;
}

.dvanact{
	font-size: 12pt;
}

.sestnact{
	font-size: 16pt;
}

.odsaz{
	display: none; 
	margin-left: 12px;
}


.imgprodukt{
	color: #333333;
	border: 1px solid #f5f5f5;
}


.nahledy{

	padding: 0px 0px 0px 0px;
}

.red{

	padding: 0px 0px 0px 0px;
	color: red;
}

.basemenu{
	font-weight: bold;
	font-size: 1.1em;
}

.selected{
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}