a {color: #5af;}
a:hover {text-decoration: none;}

body
{
	background-color: #fff;
	box-shadow: 0px 0px 15px #888;
	-moz-box-shadow: 0px 0px 15px #888;
	-webkit-box-shadow: 0px 0px 15px #888;
	margin: 5px auto 5px auto;
	width: 1200px;
}

h1
{
	font-family: Arial;
	font-size: 20pt;
	font-weight: normal;
	margin: 0;
}

html
{
	background-color: #f0f0f0;
}

#adminpanel
{
	background-image: url('img/bk/adminpanel.png');
	float: right;
	height: 40px;
	margin-left: 665px;
	overflow: hidden;
	position: absolute;
	top: 5px;
	width: 535px;
}
#adminpanel a {color: #008;}
#adminpanel img {border: 0;}
#adminpanel .admin {font-family: Arial Narrow; font-size: 16pt; float: left; padding: 8px 0 8px 0; margin-left: 15px;}
#adminpanel .hotlink {font-family: Tahoma; font-size: 9pt; width: 150px; float: left; border-right: 1px solid #000;}
#adminpanel .hotlink a {display: block; text-decoration: none; padding: 0 5px 0 5px; height: 20px;}
#adminpanel .hotlink a.f {border-bottom: 1px solid #000; padding: 0 5px 2px 5px; height: 18px;}
#adminpanel .hotlink a img {position: relative; top: 2px;}
#adminpanel .ido {font-family: Tahoma; font-size: 8pt; text-align: center; padding: 3px 5px 0 5px; width: 50px; float: left; border-right: 1px solid #000;}
#adminpanel .idz {font-family: Tahoma; font-size: 8pt; text-align: center; padding: 3px 30px 0 0; width: 50px; margin-left: 30px; float: left;}
#adminpanel .idz input, #adminpanel .ido input {font-family: Tahoma; font-size: 8pt; width: 45px;}
#adminpanel .obj {display: block; font-family: Tahoma; font-size: 9pt; text-align: center; padding: 4px 0 2px 0; width: 25px; float: left; border-left: 1px solid #000; border-right: 1px solid #000; line-height: 2; text-decoration: none;}
#adminpanel .dot {display: block; font-family: Tahoma; font-size: 9pt; text-align: center; padding: 4px 0 2px 0; width: 25px; float: left; border-right: 1px solid #000; line-height: 2; text-decoration: none;}
#adminpanel .rek {display: block; font-family: Tahoma; font-size: 9pt; text-align: center; padding: 4px 0 2px 0; width: 25px; float: left; border-right: 1px solid #000; line-height: 2; text-decoration: none;}
#adminpanel .obj:hover, #adminpanel .dot:hover, #adminpanel .rek:hover, #adminpanel .hotlink a:hover {background-color: #ffc;}

#bodypanel
{
	background-image: url('img/bk/mainpage.png');
	background-repeat: repeat-x;
	margin: 5px 10px 0 10px;
	min-height: 200px;
	padding: 10px 20px 10px 20px;
}

#bodypanel h2 {font-family: Arial; font-size: 16pt;}
#bodypanel #nova #form, #bodypanel #nova #form2 {float: left; width: 735px; font-family: Arial; font-size: 9pt; display: none;}
#bodypanel #nova #form div {text-align: justify;}
#bodypanel #nova #form .b {font-weight: bold;}
#bodypanel #nova #form .l {clear: left; float: left; width: 280px; margin-right: 30px; color: #000; font-style: normal;}
#bodypanel #nova #form .l input, #bodypanel #nova #form .r input, #bodypanel #nova #form div textarea, #bodypanel #nova #step2 .l2 input {font-family: Arial; font-size: 9pt; width: 276px;}
#bodypanel #nova #form .next {background-image: url('img/bk/btn_next.png');}
#bodypanel #nova #form .r {color: #000; font-style: normal; font-weight: normal;}
#bodypanel #prehled_zbozi {float: left; width: 350px; border: 1px solid #ccc; padding: 10px; overflow: auto; height: 380px; font-family: Arial; font-size: 9pt; margin-right: 30px;}
#bodypanel #nova #prehled_zbozi .zbozi {border-bottom: 1px solid #ccc; padding: 5px 0 5px 0; margin-bottom: 5px;}
#bodypanel #nova #prehled_zbozi .zbozi .img {float: left; width: 100px; text-align: center; margin-right: 10px;}
#bodypanel #nova #prehled_zbozi .zbozi .nazev {overflow: hidden; height: 15px; font-weight: bold;}
#bodypanel2 #nova #step2 {background-color: #fff; border: 1px solid #ccc; padding: 10px; font-family: Arial; font-size: 9pt; text-align: justify; position: relative; top: 20px; z-index: 10; width: 700px; margin: auto auto; height: 350px; margin-bottom: -372px; box-shadow: 0px 0px 15px #888; -moz-box-shadow: 0px 0px 15px #888; -webkit-box-shadow: 0px 0px 15px #888; display: none;}
#bodypanel #nova #step2 {background-color: #fff; border: 1px solid #ccc; padding: 10px; font-family: Arial; font-size: 9pt; text-align: justify; position: absolute; z-index: 10; width: 700px; margin: auto auto; height: 350px; box-shadow: 0px 0px 15px #888; -moz-box-shadow: 0px 0px 15px #888; -webkit-box-shadow: 0px 0px 15px #888; display: none;}
#bodypanel #nova #step2 .l {border-right: 1px solid #ccc; padding-right: 10px; margin-right: 10px; float: left; width: 500px; height: 350px;}
#bodypanel #nova #step2 .l2 {width: 240px; margin-right: 20px; float: left;}
#bodypanel #nova #step2 .l2 input, #bodypanel #nova #step2 .r2 input {width: 240px;}
#bodypanel #nova #step2 .m {margin-top: 10px;}
#bodypanel #nova #step2 .ok {background-image: url('img/bk/btn_ok.png');}
#bodypanel #nova #step2 .r input {font-family: Arial; font-size: 9pt; width: 175px;}
#bodypanel #nova #step2 .r2 {width: 240px; float: left;}
#bodypanel #nova .info {font-family: Arial; font-size: 10pt; background-color: rgb(225,244,255); padding: 10px 10px 10px 36px; margin-bottom: 20px; background-image: url('img/bk/icon_info.png'); background-repeat: no-repeat; background-position: left center;}
#bodypanel #order_status {border: 1px solid #9cf; height: 47px; overflow: hidden; background-position: center center; text-align: center; padding-top: 33px; font-family: Arial; font-size: 9pt; font-weight: bold; margin-top: 15px;}
#bodypanel .hodnoceni_zbozi {border: 1px solid #ccc; background-color: #eee; padding: 10px 10px 0 10px; font-family: Arial; font-size: 9pt; margin-top: 20px;}
#bodypanel .hodnoceni_zbozi .zbozi {border: 1px solid #ccc; background-color: #fff; padding: 5px; float: left; width: 166px; margin: 0 10px 10px 0;}
#bodypanel .hodnoceni_zbozi .zbozi .img {text-align: center; height: 100px; overflow: hidden; margin-bottom: 10px;}
#bodypanel .hodnoceni_zbozi .zbozi .img img {border: 0;}
#bodypanel .hodnoceni_zbozi .zbozi .hodnotit {margin-top: 5px; text-align: center;}
#bodypanel .hodnoceni_zbozi .zbozi .hodnotit .hodnotit {background-image: url('img/bk/btn_star.png');}
#bodypanel .hodnoceni_zbozi .zbozi .nazev {height: 30px; overflow: hidden; text-align: center; font-weight: bold; margin-bottom: 5px;}
#bodypanel .komentare {float: right; width: 700px; font-family: Arial; font-size: 9pt; background-color: #eee; padding: 10px 10px 0 10px; margin-top: 15px;}
#bodypanel .komentare .dotaz {background-color: #f5f5f5; margin-bottom: 10px; padding: 10px;}
#bodypanel .komentare .dotaz textarea {font-family: Arial; font-size: 9pt; width: 100%; height: 60px; border: 0; color: #aaa; font-style: italic; margin-bottom: 5px;}
#bodypanel .komentare .dotaz .ok {background-image: url('img/bk/btn_ok.png'); background-color: #cfc;}
#bodypanel .objednavky_adresy {font-family: Arial; font-size: 9pt; margin-top: 20px; width: 300px; float: left;}
#bodypanel .objednavky_adresy .l {float: left; margin-top: 5px; width: 120px;}
#bodypanel .objednavky_adresy .r {margin-top: 5px;}
#bodypanel .objednavky-prehled .cekase {background-color: rgb(255,239,223);}
#bodypanel .objednavky-prehled .even {background-color: #fff;}
#bodypanel .objednavky-prehled .header {background-color: #eee; font-weight: bold;}
#bodypanel .objednavky-prehled .kodeslani {background-color: #cfc;}
#bodypanel .objednavky-prehled .nevyrizena {background-color: rgb(255,193,193);}
#bodypanel .objednavky-prehled .odd {background-color: rgb(240,248,255);}
#bodypanel .objednavky-prehled .vyrizujicise {background-color: #ff9;}
#bodypanel .objednavky-prehled .obj, #bodypanel .objednavky-prehled .rek {overflow: hidden; height: 25px; border-bottom: 1px solid #ccc; font-family: Arial; font-size: 9pt; padding: 5px;}
#bodypanel .objednavky-prehled .obj a {color: #00a;}
#bodypanel .objednavky-prehled .obj .cenabez {float: left; overflow: hidden; height: 23px; width: 95px; padding-top: 7px; text-align: right; padding-right: 15px;}
#bodypanel .objednavky-prehled .obj .cenajed {float: left; overflow: hidden; height: 23px; width: 100px; padding-top: 7px; margin-left: 10px; margin-right: 20px; text-align: right;}
#bodypanel .objednavky-prehled .obj .cenas {float: left; overflow: hidden; height: 23px; width: 95px; padding-top: 7px; text-align: right; padding-right: 15px;}
#bodypanel .objednavky-prehled .obj .cislo {float: left; overflow: hidden; height: 23px; width: 80px; padding-top: 7px;}
#bodypanel .objednavky-prehled .obj .datum {float: left; overflow: hidden; height: 23px; width: 90px; padding-top: 7px;}
#bodypanel .objednavky-prehled .obj .doprava {float: left; overflow: hidden; height: 23px; width: 120px; padding-top: 7px;}
#bodypanel .objednavky-prehled .obj .faktura {float: left; overflow: hidden; height: 28px; width: 150px; padding-top: 2px;}
#bodypanel .objednavky-prehled .obj .faktura img {position: relative; top: 3px;}
#bodypanel .objednavky-prehled .obj .ks {float: left; overflow: hidden; height: 23px; width: 20px; padding-top: 7px; text-align: center;}
#bodypanel .objednavky-prehled .obj .oznaceni {overflow: hidden; height: 23px; width: 100px; padding-top: 7px;}
#bodypanel .objednavky-prehled .obj .pin {float: left; overflow: hidden; height: 23px; width: 40px; padding-top: 7px; text-align: center; font-family: Verdana; margin-right: 15px;}
#bodypanel .objednavky-prehled .obj .platba {float: left; overflow: hidden; height: 30px; width: 120px; padding-top: 0px;}
#bodypanel .objednavky-prehled .obj .stav {float: left; overflow: hidden; height: 23px; width: 200px; padding-top: 7px; text-align: center; font-weight: bold;}
#bodypanel .objednavky-prehled .obj .zaplatit {position: relative; top: -5px; background-image: url('img/bk/btn_pay.png');}
#bodypanel .objednavky-prehled .obj .zaplaceno {float: left; overflow: hidden; height: 30px; width: 120px; text-align: center;}
#bodypanel .objednavky-prehled .obj .zaplaceno img {margin-bottom: 3px;}
#bodypanel .objednavky-prehled .obj .zbozi {float: left; overflow: hidden; height: 8px; width: 385px; padding-top: 7px; padding-bottom: 7px;}
#bodypanel .objednavky-prehled .obj .zmena {float: left; overflow: hidden; height: 23px; width: 90px; padding-top: 7px;}
#bodypanel .objednavky-prehled .rek .datum {float: left; overflow: hidden; height: 23px; width: 90px; padding-top: 7px;}
#bodypanel .objednavky-prehled .rek .id {float: left; overflow: hidden; height: 23px; width: 50px; padding-top: 7px;}
#bodypanel .objednavky-prehled .rek .id a {font-weight: bold; color: #00c;}
#bodypanel .objednavky-prehled .rek .rma {float: left; overflow: hidden; height: 23px; width: 110px; padding-top: 7px;}
#bodypanel .objednavky-prehled .rek .stav {float: left; overflow: hidden; height: 23px; width: 270px; padding-top: 7px; text-align: center; font-weight: bold;}
#bodypanel .objednavky-prehled .rek .rzbozi {float: left; overflow: hidden; height: 30px; width: 500px; padding-top: 0px;}
#bodypanel .objednavky-prehled .rek .rzbozi a {font-weight: bold; color: #00c;}
#bodypanel .objednavky-prehled .rek .zmena {float: left; overflow: hidden; height: 23px; width: 90px; padding-top: 7px;}
#bodypanel .objednavky-prehled .header .faktura {height: 23px; padding-top: 7px;}
#bodypanel .objednavky-prehled .header .pin {font-family: Arial;}
#bodypanel .objednavky-prehled .header .rzbozi {height: 23px; padding-top: 7px;}
#bodypanel .objednavky-prehled .header .zaplaceno {height: 23px; padding-top: 7px;}
#bodypanel .vyrobcipanel {font-family: Arial; font-size: 9pt; float: left; width: 285px; line-height: 2; color: #888;}
#bodypanel .vyrobcipanel a {color: #00c; font-size: 11pt;}

#dostupnost_info, #dostupnost_hlidani, #doporuceni, #share_okno, #hodnoceni_okno, #inquiry
{
	background-color: #fff; 
	border: 1px solid #888; 
	box-shadow: 0px 0px 15px #888;
	-moz-box-shadow: 0px 0px 15px #888;
	-webkit-box-shadow: 0px 0px 15px #888;
	display: none; 
	font-family: Verdana;
	font-size: 8pt;
	margin: auto auto;
	position: absolute;
	width: 280px; 
	z-index: 10;
}

#dostupnost_info .nadpis, #dostupnost_hlidani .nadpis, #doporuceni .nadpis, #share_okno .nadpis, #hodnoceni_okno .nadpis, #inquiry .nadpis
{
	background-color: #c00;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
}

#dostupnost_info .popis22, #dostupnost_hlidani .popis22, #doporuceni .popis22, #share_okno .popis22, #hodnoceni_okno .popis22, #inquiry .popis22
{
	background-color: #f9f9f9;
	border: 0;
	font-family: Arial;
	font-size: 9pt;
	padding: 10px;
	text-align: justify;
}

#dostupnost_info .popis22 .d {clear: both; padding-top: 10px;}
#dostupnost_info .popis22 .l {clear: both; float: left;}
#dostupnost_info .popis22 .r {float: right;}

#dostupnost_hlidani {width: 370px; z-index: 9;}
#dostupnost_hlidani .nadpis {background-color: #09f;}
#dostupnost_hlidani .popis22 .d {clear: both; padding-top: 10px;}
#dostupnost_hlidani .popis22 .d input {font-family: Verdana; font-size: 8pt;}
#dostupnost_hlidani .popis22 .mail {border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; clear: both; padding: 8px 0 8px 0; margin-top: 10px; margin-bottom: 10px;}
#dostupnost_hlidani .popis22 .mail input {float: right; font-family: Verdana; font-size: 8pt; position: relative; top: -3px;}
#dostupnost_hlidani .popis22 .set {text-align: center;}
#dostupnost_hlidani .popis22 .set .nastavit {background-color: #efe; background-image: url('img/icon/btnok.png');}
#dostupnost_hlidani .popis22 .set .zavrit {background-color: #fee; background-image: url('img/icon/btncancel.png');}

#doporuceni {width: 370px; z-index: 9;}
#doporuceni .nadpis {background-color: #09f;}
#doporuceni .popis22 .mail {clear: both; padding: 8px 0 8px 0; margin-top: 5px; margin-bottom: 5px;}
#doporuceni .popis22 .mail input {float: right; font-family: Verdana; font-size: 8pt; position: relative; top: -3px;}
#doporuceni .popis22 .set {text-align: center;}
#doporuceni .popis22 .set .odeslat {background-color: #efe; background-image: url('img/icon/btnok.png');}
#doporuceni .popis22 .set .zavrit {background-color: #fee; background-image: url('img/icon/btncancel.png');}

#inquiry {width: 928px;}
#inquiry .nadpis {background-color: #39f;}
#inquiry .popis22 .l {float: left; width: 350px;}
#inquiry .popis22 .l textarea {width: 280px; height: 90px; font-family: Arial; font-size: 9pt;}
#inquiry .popis22 .ok {background-image: url('img/bk/btn_ok.png'); font-weight: bold;}
#inquiry .popis22 .r input {font-family: Arial; font-size: 9pt;}
#inquiry .popis22 .r small {display: block;}
#inquiry .popis22 .r .cancel {background-image: url('img/bk/btn_cancel.png');}
#inquiry .popis22 .r .l {float: left; width: 200px; padding-top: 5px;}
#inquiry .popis22 .r .txt {width: 200px;}

#hodnoceni_okno {width: 400px; height: 600px; position: absolute; top: 100px; margin-left: 370px; background-color: #f9f9f9;}
#hodnoceni_okno .nadpis {overflow: hidden; background-color: #0cf;  white-space: nowrap;}
#hodnoceni_okno .popis22 .cancel {background-image: url('img/bk/btn_cancel.png');}
#hodnoceni_okno .popis22 .l {float: left; width: 130px; margin-bottom: 5px; clear: left;}
#hodnoceni_okno .popis22 .ok {background-image: url('img/bk/btn_ok.png'); font-weight: bold;}
#hodnoceni_okno .popis22 .r {margin-bottom: 4px;}

#share_okno {width: 370px; z-index: 9;}
#share_okno .nadpis {background-color: #0c3;}
#share_okno .popis22 img {border: 0; margin: 0 13px 15px 0;}
#share_okno .popis22 .html {border-top: 1px dotted #ccc; padding-top: 10px;}
#share_okno .popis22 .html textarea {width: 345px; margin-bottom: 10px; font-family: Arial; font-size: 9pt; height: 45px;}
#share_okno .popis22 .set {text-align: center;}
#share_okno .popis22 .set .zavrit {background-image: url('img/icon/btncancel.png');}

#footer
{
	background-color: #eee;
	background-image: url('img/bk/footer.png');
	background-repeat: no-repeat;
	border-top: 1px solid #f00;
	clear: both;
	font-family: Arial;
	font-size: 9pt;
	height: 100px;
	margin-top: 20px;
	padding: 10px 10px 10px 400px;
}

#footer .panel
{
	background-position: right bottom;
	background-repeat: no-repeat;
	float: left;
	line-height: 1.5;
	margin-right: 100px;
}

#footer .panel a {color: #000; display: block;}

#header
{
	background-color: #000;
	background-image: url('img/header6.jpg');
	background-repeat: no-repeat;
	height: 150px;
}

#header #headerlogsipka {position: absolute; top: 84px; margin-left: 1035px; z-index: 5;}
#header .main
{
	clear: both;
	display: block;
	margin: auto auto;
	margin-bottom: -40px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 440px;
}

#header .main img
{
	border: 0;
}

#header #search a
{
	color: #00f;
}

#header .search1
{
	background-image: url('img/bk/search1.png');
	background-position: right top;
	background-repeat: no-repeat;
	color: #223;
	float: left;
	font-family: Arial;
	font-size: 9pt;
	height: 20px;
	overflow: hidden;
	padding: 10px 50px 10px 50px;
	position: relative;
	position: absolute;
     text-shadow:0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8);
	top: -110px;
	top: 5px;
	width: 170px;
}

#header .search2
{
	background-image: url('img/bk/search2.png');
	background-position: right top;
	background-repeat: no-repeat;
	color: #223;
	float: left;
	font-family: Arial;
	font-size: 9pt;
	overflow: hidden;
	padding: 10px 50px 10px 50px;
	position: relative;
	position: absolute;
     text-shadow:0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8);
	top: -110px;
	top: 5px;
	width: 500px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#header .search1, #header .search2 {padding: 7px 50px 13px 50px;}
}

#header .search1 .st, #header .search2 .st
{
	font-family: Arial;
	font-size: 9pt;
	margin-right: 20px;
	width: 120px;
}

#header .search1 #searchhidden {visibility: hidden;}
#header .search2 #searchhidden {visibility: visible;}

#header .searchbt
{
	display: block;
	height: 35px;
	margin-left: 228px;
	position: relative;
	top: -110px;
	width: 35px;
}

#header #cart, #header #cart2
{
	background-image: url('img/bk/cart.png');
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 9pt;
	left: 860px;
	position: relative;
	top: -74px;
	width: 300px;
}
#header #cart2 {background-image: url('img/bk/cart2.png');}

#header #cart .login, #header #cart2 .login {padding-top: 5px;}
#header #cart2 .login img {float: right; margin-right: 110px; border: 0; padding-top: 3px;}
#header #cart .login a, #header #cart2 .login a
{
	color: #fff;
	font-size: 8pt;
	font-weight: bold;
	margin-left: 17px;
	text-decoration: none;
}
#header #cart2 .login a {color: #000;}

#header #cart .checkout, #header #cart2 .checkout {margin: 5px 0 5px 75px; padding-bottom: 10px;}
#header #cart .checkout a, #header #cart2 .checkout a {color: #000; margin-right: 10px;}

#header #cart .incart, #header #cart2 .incart {margin: 15px 0 5px 75px;}

#infostranka {margin-top: 15px; font-family: Arial; font-size: 10pt; text-align: justify; line-height: 1.5;}

#katpanel h2 {font-weight: normal; margin-bottom: 5px;}
#katpanel #shoppage {font-family: Arial; font-size: 10pt; text-align: justify; line-height: 1.5; margin-bottom: 35px;}
#katpanel #shoppage #kpanely h6 {margin: 15px 0 0 0; padding: 5px 10px 2px 10px; font-family: Arial; font-weight: bold; font-size: 9pt; border-bottom: 3px solid #ffd800; background-image: url('img/bk/kategorieh.png'); background-repeat: repeat-y;}
#katpanel #shoppage #kpanely a.panel {background-image: url('img/bk/kategorie.png'); width: 218px; height: 70px; padding: 5px; margin: 0 6px 6px 0; font-family: Arial; font-size: 9pt; font-weight: bold; display: block; float: left; text-align: left;}
#katpanel #shoppage #kpanely a.panel:hover {background-image: url('img/bk/kategorie_sel.png');}
#katpanel #shoppage #kpanely a.panel img {border: 0; margin-right: 10px; float: left; width: 70px; height: 70px;}
#katpanel #zbozi {margin: 15px 0 15px 0;}
#katpanel #zbozi .zbozi {background-color: #fff; border: 1px solid #ccc; padding: 5px 10px 10px 10px; font-family: Arial; font-size: 8pt; float: left; width: 206px; margin: 0 6px 5px 0;}
#katpanel #zbozi .zbozi a.buy {display: block; margin-top: 5px; background-color: #888; color: #fff; font-family: Verdana; font-weight: bold; font-size: 8pt; text-align: center; padding: 5px; text-decoration: none;}
#katpanel #zbozi .zbozi a.buy:hover {background-color: #080;}
#katpanel #zbozi .zbozi h2 {height: 34px; height: 51px; overflow: hidden; margin: 0 0 10px 0; padding: 0; text-align: center;}
#katpanel #zbozi .zbozi h2 a {color: #000; font-size: 10pt;}
#katpanel #zbozi .zbozi .cena {background-color: #ff8; font-size: 14pt; text-align: right; float: right; font-family: Verdana; font-weight: bold; color: #c00; padding: 5px; width: 115px;}
#katpanel #zbozi .zbozi .cena span.bezdph {display: block; font-size: 8pt; font-family: Arial; font-weight: normal; color: #000;}
#katpanel #zbozi .zbozi .dostupnost {font-size: 9pt; padding: 5px; float: left;}
#katpanel #zbozi .zbozi .d23dny {color: #fff; background-color: #9acd32;}
#katpanel #zbozi .zbozi .d3tydny {color: #008; background-color: rgb(236,236,255);}
#katpanel #zbozi .zbozi .d47dni {color: #808; background-color: rgb(248,240,255);}
#katpanel #zbozi .zbozi .d814dni {color: #b22222; background-color: rgb(255,236,236);}
#katpanel #zbozi .zbozi .img {text-align: center; height: 100px; overflow: hidden; margin-bottom: 5px;}
#katpanel #zbozi .zbozi .img img {border: 0;}
#katpanel #zbozi .zbozi .img .ikony {float: left; max-width: 24px;}
#katpanel #zbozi .zbozi .img .ikony img {margin-bottom: 3px;}
#katpanel #zbozi .zbozi .skladem {color: #fff; background-color: #080;}
#katpanel #zbozi .zbozi .txt {clear: both; padding-top: 5px; text-align: justify; overflow: hidden; height: 112px;}

#katpanel .dev {width: 130px; overflow: hidden; margin-right: 20px; float: left; height: 20px; white-space: nowrap;}
#katpanel .ch {font-weight: bold; color: #555; float: left; margin: 0 20px 60px 0; padding-top: 3px;}
#katpanel .popis input {position: relative; top: 2px; left: -2px;}
#katpanel .popis input.searchq {position: relative; top: -4px; left: -2px; width: 480px; margin-bottom: -4px; background-image: url('img/bk/polesiroke.png'); padding: 5px; font-family: Arial; font-size: 9pt;}
#katpanel .popiskategorie {font-family: Arial; font-size: 10pt; text-align: justify; margin: 10px 0 10px 0;}
#katpanel .setf {margin-top: -30px; float: right; width: 150px; height: 35px; background-image: url('img/btn/setfilter.png'); background-repeat: no-repeat;}
#katpanel .setf:hover {background-image: url('img/btn/setfilterh.png');}
#katpanel .sort {background-color: rgb(221,238,255); font-family: Arial; font-size: 9pt; font-weight: bold; color: #555; padding: 5px 10px 5px 10px; margin-top: 10px;}
#katpanel .sort select, #katpanel .sort option {font-family: Arial; font-size: 9pt;}
#katpanel .sort .l {float: left;}
#katpanel .sort .l a {color: #000;}
#katpanel .sort .r {text-align: right; padding: 3px 0 3px 0; font-weight: normal;}
#katpanel .sort .r a {color: #000; margin: 0 5px 0 5px;}
#katpanel .sort .r a.a1 {font-weight: bold; text-decoration: none;}
#katpanel .sort .r a.f1 {border-right: 1px solid #000; padding-right: 10px; padding-left: 10px; margin-right: 0; background-image: url('img/bullet/arrow-l10.png'); background-position: left center; background-repeat: no-repeat;}
#katpanel .sort .r a.l1 {border-left: 1px solid #000; padding-left: 10px; padding-right: 10px; margin-left: 0; background-image: url('img/bullet/arrow-r10.png'); background-position: right center; background-repeat: no-repeat;}
#katpanel span.div {margin-right: 35px;}

#kosikpanel #adrfrm {padding: 20px 0 0 150px; margin-top: 30px; font-family: Arial; font-size: 9pt;}
#kosikpanel #adrfrm h2 {font-family: Arial; font-size: 16pt; font-weight: normal; margin: 0 0 15px 0;}
#kosikpanel #adrfrm #dadr {border-top: 1px dotted #ccc; margin: 30px 0 10px -150px; padding: 20px 0 0 150px; line-height: 1.5;}
#kosikpanel #adrfrm #dadrd {margin: 15px 130px 0 -20px; line-height: normal; background-color: #ffe; padding: 10px 10px 10px 20px; display: none;}
#kosikpanel #adrfrm .firma {border: 2px solid #6cf; padding: 10px 20px 10px 20px; margin: 0 130px 20px -20px; font-weight: bold; font-style: italic; color: #09f;}
#kosikpanel #adrfrm .l {clear: left; float: left; width: 280px; margin-right: 30px; color: #000; font-style: normal; font-weight: normal;}
#kosikpanel #adrfrm .l2 {clear: left; float: left; border: 2px solid #fff; padding: 2px; margin: 2px 26px 10px -4px; width: 280px; height: 21px;}
#kosikpanel #adrfrm .l2 button, #kosikpanel #adrfrm .r2 button {background-image: url('img/bk/btn_refresh.png'); background-position: left center; background-repeat: no-repeat; border: 1px solid #aaa; font-family: Arial; font-size: 9pt; font-style: normal; padding: 1px 6px 1px 26px;}
#kosikpanel #adrfrm .l2 input, #kosikpanel #adrfrm .r2 input {font-family: Arial; font-size: 9pt; width: 276px;}
#kosikpanel #adrfrm .r {color: #000; font-style: normal; font-weight: normal;}
#kosikpanel #adrfrm .r2 {border: 2px solid #fff; padding: 2px; margin: 2px -4px 10px 306px; width: 280px; height: 21px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#kosikpanel #adrfrm .l2 {margin: 2px -6px 10px -6px; height: 25px;}
	#kosikpanel #adrfrm .r2 {margin: 2px -6px 10px 304px; height: 25px;}
}
#kosikpanel #adrfrm #dadrd .l2, #kosikpanel #adrfrm #dadrd .r2 {border: 2px solid #ffe;}

#kosikpanel #doprfrm {padding: 30px 150px 30px 150px;}
#kosikpanel #doprfrm .cena {font-family: Arial; font-size: 10pt; font-weight: bold; text-align: right; width: auto; border-bottom: 1px dotted #ccc;}
#kosikpanel #doprfrm .h {font-family: Arial; font-size: 10pt; font-weight: bold; float: left;}
#kosikpanel #doprfrm .h input {float: left; position: relative; top: -2px;}
#kosikpanel #doprfrm .popis, #kosikpanel #doprfrm .popiss {font-family: Arial; font-size: 9pt; line-height: 1.5; clear: both; padding: 5px 0 0 20px; text-align: justify; margin-bottom: 20px;}
#kosikpanel #doprfrm .popiss {margin-top: -20px; margin-bottom: 40px; display: none;}
#kosikpanel #doprfrm .popiss input {float: left; position: relative; top: -1px; margin-right: 5px;}

#kosikpanel #kosik
{
	background-image: url('img/kosik/panel1.png');
	background-position: left top;
	background-repeat: no-repeat;
	height: 50px;
	margin: 15px 0 15px 0;
}

#kosikpanel #kosik2
{
	background-image: url('img/kosik/panel2.png');
	background-position: left top;
	background-repeat: no-repeat;
	height: 50px;
	margin: 15px 0 15px 0;
}

#kosikpanel #kosik3
{
	background-image: url('img/kosik/panel3.png');
	background-position: left top;
	background-repeat: no-repeat;
	height: 50px;
	margin: 15px 0 15px 0;
}

#kosikpanel #kosik4
{
	background-image: url('img/kosik/panel4.png');
	background-position: left top;
	background-repeat: no-repeat;
	height: 50px;
	margin: 15px 0 15px 0;
}

#kosikpanel #kosik5
{
	background-image: url('img/kosik/panel5.png');
	background-position: left top;
	background-repeat: no-repeat;
	height: 50px;
	margin: 15px 0 15px 0;
}

#kosikpanel #kosikobsah {border: 1px solid #ccc; font-family: Arial; font-size: 9pt; padding: 5px;}
#kosikpanel #kosikobsah #h {background-color: #9f9; font-weight: bold; padding: 5px;}
#kosikpanel #kosikobsah #hg {background-color: #ddd; font-weight: bold; padding: 5px;}
#kosikpanel #kosikobsah .d {border-bottom: 1px solid #eee; margin-bottom: 10px; padding: 5px; height: 50px; overflow: hidden;}
#kosikpanel #kosikobsah .d .p1, #kosikpanel #kosikobsah #h .p1, #kosikpanel #kosikobsah #hg .p1 {float: left; width: 500px;}
#kosikpanel #kosikobsah .d .p1 .img {width: 80px; overflow: hidden; text-align: center; margin-right: 10px; float: left;}
#kosikpanel #kosikobsah .d .p1 .kod {font-family: Verdana; font-size: 7pt;}
#kosikpanel #kosikobsah .d .p1 .zbozi, #kosikpanel #kosikobsah .d .p1 .zbozig {padding: 10px 20px 0 0;}
#kosikpanel #kosikobsah .d .p1 .zbozi a {font-weight: bold; color: #008; margin-top: 5px;}
#kosikpanel #kosikobsah .d .p1 .zbozig a {font-weight: bold; color: #555; margin-top: 5px;}
#kosikpanel #kosikobsah .d .p2, #kosikpanel #kosikobsah #h .p2, #kosikpanel #kosikobsah #hg .p2 {float: left; width: 80px;}
#kosikpanel #kosikobsah .d .p2 input {font-family: Tahoma; font-size: 10pt; font-weight: bold; text-align: center; width: 40px; margin-top: 10px; border: 1px solid #ccc;}
#kosikpanel #kosikobsah .d .p3, #kosikpanel #kosikobsah #h .p3, #kosikpanel #kosikobsah #hg .p3 {float: left; width: 100px;}
#kosikpanel #kosikobsah .d .p3 .skladem, #kosikpanel #kosikobsah .d .p3 .pozdeji, #kosikpanel #kosikobsah .d .p3 .neznama, #kosikpanel #vysvetlivky .skladem, #kosikpanel #vysvetlivky .pozdeji, #kosikpanel #vysvetlivky .neznama, #kosikpanel #kosikobsah .d .p3 .sklademg, #kosikpanel #kosikobsah .d .p3 .pozdejig, #kosikpanel #kosikobsah .d .p3 .neznamag {background-color: #080; color: #fff; font-family: Verdana; font-size: 8pt; padding: 3px; width: 60px; text-align: center; margin-top: 10px;}
#kosikpanel #kosikobsah .d .p3 .sklademg {background-color: #ddd;}
#kosikpanel #kosikobsah .d .p3 .pozdejig {background-color: #aaa;}
#kosikpanel #kosikobsah .d .p3 .neznamag {background-color: #777;}
#kosikpanel #kosikobsah .d .p3 .pozdeji, #kosikpanel #vysvetlivky .pozdeji {background-color: #f93;}
#kosikpanel #kosikobsah .d .p3 .neznama, #kosikpanel #vysvetlivky .neznama {background-color: #f00;}
#kosikpanel #kosikobsah .d .p4, #kosikpanel #kosikobsah #h .p4, #kosikpanel #kosikobsah #hg .p4 {float: left; width: 115px;}
#kosikpanel #kosikobsah .d .p4 {margin-top: 13px; text-align: right; width: 70px; margin-right: 45px;}
#kosikpanel #kosikobsah .d .p5 {margin-top: 13px; text-align: right; padding-right: 45px;}
#kosikpanel #obnovahesla {border: 1px solid #ccc; background-color: #eee; margin-top: 50px; padding: 10px; font-family: Arial; font-size: 9pt; text-align: justify;}
#kosikpanel #obnovahesla .l {float: left; width: 50%; padding-right: 10px; border-right: 1px dotted #ccc; margin-right: 10px;}
#kosikpanel #obnovahesla .l #usrn, #kosikpanel #obnovahesla .l #usrn2 {background-image: url('img/bk/polesiroke.png'); display: block; width: 98%; margin-bottom: 10px; font-family: Arial; font-size: 9pt; padding: 3px;}
#kosikpanel #obnovahesla .l .next {background-image: url('img/bk/btn_next.png');}
#kosikpanel #regchoice {background-color: #eee; border: 1px solid #ccc; font-family: Arial; font-size: 9pt; margin: 0 150px 20px 150px; padding: 10px;}
#kosikpanel #regchoice .l {float: left; border-right: 1px dotted #ccc; padding-right: 10px; width: 300px; margin-right: 10px;}
#kosikpanel #regchoice .l .frm {display: block; margin-top: 10px; padding-left: 10px;}
#kosikpanel #regchoice .l .frm .txt {background-image: url('img/bk/polesiroke.png'); display: block; width: 280px; margin-bottom: 10px; font-family: Arial; font-size: 9pt;}
#kosikpanel #regchoice .l .frm .btn {background-image: url('img/bk/btn_login.png');}
#kosikpanel #regchoice .r {text-align: justify; line-height: 1.5; margin-bottom: 10px;}
#kosikpanel #souhrn {margin: 20px 0 10px 0; width: 800px;}
#kosikpanel #souhrn .b {font-weight: bold;}
#kosikpanel #souhrn .c2 {color: #009;}
#kosikpanel #souhrn .l {text-align: right; margin: 0 30px 10px 0; width: 680px; float: left; clear: left; font-family: Verdana;}
#kosikpanel #souhrn .r {text-align: right; font-family: Verdana; margin-bottom: 10px;}
#kosikpanel #ulice {position: absolute; font-family: Verdana; font-size: 9pt; border: 1px solid #0c3; padding: 5px; background-color: #ffc; width: 200px; display: none;}
#kosikpanel #ulice a {display: block; padding: 5px; color: #000;}
#kosikpanel #ulice a:hover {background-color: #cfc;}
#kosikpanel #vysvetlivky {float: left; width: 766px; font-family: Arial; font-size: 9pt;}
#kosikpanel #vysvetlivky h6 {font-family: Arial; font-size: 9pt; font-weight: bold; margin: 10px 0 10px 0;}
#kosikpanel #vysvetlivky .line {margin-bottom: 7px;}
#kosikpanel #vysvetlivky .skladem, #kosikpanel #vysvetlivky .pozdeji, #kosikpanel #vysvetlivky .neznama {float: left; margin: -2px 10px 0 0;}

#kosikpanel .but1, #kosikpanel .but2
{
	background-image: url('img/btn/kosik_next.png');
	background-position: left top;
	background-repeat: no-repeat;
	border: 0px;
	cursor: pointer;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	height: 40px;
	margin-top: 15px;
	padding: 12px 10px 16px 0;
	-webkit-padding: 13px 10px 16px 0;
	width: 160px;
}
#kosikpanel .but1:hover {color: #fff;}
#kosikpanel .but1[disabled] {background-image: url('img/btn/kosik_nextd.png'); color: #aaa; cursor: default;}
#kosikpanel .but1:hover[disabled] {color: #aaa;}
#kosikpanel .but2 {background-image: url('img/btn/kosik_prep.png'); padding: 13px 18px 16px 50px;}
#kosikpanel .but2:hover {color: #fff;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#kosikpanel .but1, #kosikpanel .but2 {padding: 13px 10px 16px 0;}
	#kosikpanel .but2 {background-image: url('img/btn/kosik_prep.png'); padding: 13px 18px 16px 50px;}
}

#kosikpanel .important {border: 1px solid #ffa500; padding: 15px; font-family: Arial; font-size: 10pt; text-align: justify; margin-top: 20px;}
#kosikpanel .important h2 {background-color: #ffa500; color: #000; font-family: Arial; font-size: 14pt; text-align: center; padding: 5px; margin: -10px -10px 10px -10px; text-shadow: 1px 1px #ffd700, -1px -1px #cd853f;}
#kosikpanel .important .dclose {font-size: 11pt; font-weight: bold; text-align: center; margin-bottom: 10px; color: #c00;}
#kosikpanel .important .l {float: left; padding: 5px; width: 200px; clear: left;}
#kosikpanel .important .r {font-weight: bold;  padding: 5px;}

#kosikpanel .justadded
{
	background-color: #eee;
	border: 1px solid #ccc;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	margin: 0 50px 20px 50px;
	padding: 10px;
	text-align: center;	
}

#kosikpanel .justadded a {color: #0c0; text-shadow: 1px 1px #000; text-decoration: none;}

#kosikpanel .justadded .justaddedb
{
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}

#kosikpanel .justsent
{
	background-image: url('img/bk/ordersent.png');
	background-repeat: no-repeat;
	color: #fff;
	font-family: Arial;
	font-size: 24pt;
	font-weight: bold;
	height: 115px;
	margin-top: 30px;
	padding: 85px 0 0 100px;
	text-align: center;
	text-shadow: 1px 1px #00f, -1px -1px #88f;
}

#kosikpanel .lpan {font-family: Arial; font-size: 9pt; }
#kosikpanel .lpan .adresa {width: 190px; padding: 5px 10px 5px 10px; border: 1px solid #ccc; margin: 20px 20px 20px 0; float: left}
#kosikpanel .lpan .adresa h3, #kosikpanel .lpan .dp h3 {padding: 5px; text-align: center; font-size: 9pt; font-weight: bold; margin: 0 -5px 10px -5px; background-color: #ccc;}
#kosikpanel .lpan .dp {width: 443px; padding: 5px 10px 5px 10px; border: 1px solid #ccc; margin: 20px 0 20px 0; float: left; text-align: center;}

#kosikpanel .prohlaseni
{
	font-family: Arial;
	font-size: 9pt;
	padding: 25px 150px 10px 150px;
}

#kosikpanel .warn {background-color: #ffefd5; padding: 5px 5px 5px 40px; margin-bottom: 10px; text-align: center; background-image: url('img/icon/warn1.png'); background-position: left center; background-repeat: no-repeat; box-shadow: 3px 3px 3px #ddd; -moz-box-shadow: 3px 3px 3px #ddd; -webkit-box-shadow: 3px 3px 3px #ddd; font-family: Arial; font-size: 10pt; font-weight: bold;}

#kosik-ulozit #kname {font-family: Arial; font-size: 9pt; width: 190px;}
#kosik-ulozit .close {background-image: url('img/bk/btn_close.png');}
#kosik-ulozit .kosiky {margin: 10px 0 10px 0; border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 10px 0 10px 0; max-height: 200px; overflow: auto;}
#kosik-ulozit .kosiky center {margin-top: 10px;}
#kosik-ulozit .kosiky .kosik:hover {background-color: #ff6;}
#kosik-ulozit .kosiky .kosik a {color: #000; display: block; float: left; width: 230px; overflow: hidden; height: 16px; padding: 3px 0 3px 5px;}
#kosik-ulozit .kosiky .kosik .trash {background-image: url('img/icon/trash.png'); width: 16px; height: 16px; padding: 0; border: 0; background-color: #fffae5; margin-bottom: 3px;}
#kosik-ulozit .save {background-image: url('img/bk/btn_save.png'); padding-top: 1px; padding-bottom: 1px;} 
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#kosik-ulozit .save {padding-top: 2px; padding-bottom: 2px;} 
}

#kosik-vyprazdnit, #kosik-ulozit {
	background-color: #fffae5;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	display: none;
	font-family: Arial;
	font-size: 10pt;
	overflow: hidden;
	padding: 10px;
	position: absolute; 
	text-align: justify;
	width: 270px;
	z-index: 105;
}

#kosik-vyprazdnit .ano {background-image: url('img/bk/btn_ok.png');}
#kosik-vyprazdnit .ne  {background-image: url('img/bk/btn_cancel.png');}


#leftpanel
{
	float: left;
	margin: 5px 0 0 10px;
	width: 200px;
}

#leftpanel h2
{
	background-image: url('img/bk/hkategorie.png');
	background-repeat: no-repeat;
	color: #fff;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 6px 0;
	text-align: center;
}

#leftpanel .infobox
{
	background-color: #e6f5ff;
	background-position: right bottom;
	background-repeat: no-repeat;
	border: 1px solid #0092f8;
	font-family: Arial;
	font-size: 9pt;
	line-height: 1.5;
	margin-bottom: 15px;
	text-align: justify;
	padding: 10px;
}

#leftpanel .infobox ul {list-style-type: square; padding: 0 0 0 15px;}

#leftpanel .infobox .btn {background-image: url('img/bk/btn_addvoucher.png');}
#leftpanel .infobox .txt {font-family: Arial; font-size: 9pt; width: 175px;}
#leftpanel .infoboxico {background-image: url('img/icon/infoalpha.png');}

#leftpanel .infoboxh
{
	background-image: url('img/bk/hinfo.png');
	background-repeat: no-repeat;
	color: #fff;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 7px 0;
	text-align: center;
}

#leftpanel .menu a
{
	background-color: #ddd;
	border-bottom: 1px solid #eee;
	color: #000;
	display: block;
	font-family: Arial;
	font-size: 9pt;
	padding: 6px 6px 6px 12px;
	text-decoration: none;
}

#leftpanel .menu a:hover
{
	background-color: #eee;
}

#leftpanel .menu a.sub1,#leftpanel .menu a.sub2,#leftpanel .menu a.sub3,#leftpanel .menu a.sub4 {background-color: #eee; background-position: left center; background-repeat: no-repeat;}
#leftpanel .menu a.sub1:hover,#leftpanel .menu a.sub2:hover,#leftpanel .menu a.sub3:hover,#leftpanel .menu a.sub4:hover {background-color: #fff;}
#leftpanel .menu a.sub1 {background-image: url('img/bk/vmenusub1.png'); padding: 6px 6px 6px 24px;}
#leftpanel .menu a.sub2 {background-image: url('img/bk/vmenusub2.png'); padding: 6px 6px 6px 36px;}
#leftpanel .menu a.sub3 {background-image: url('img/bk/vmenusub3.png'); padding: 6px 6px 6px 48px;}
#leftpanel .menu a.sub4 {background-image: url('img/bk/vmenusub4.png'); padding: 6px 6px 6px 60px;}

#leftpanel .menu a.sel, #leftpanel .menu a.sel2
{
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: bold;
}

#leftpanel .menu a.sub1.sel {background-image: url('img/bk/vmenuselsub1.png');}
#leftpanel .menu a.sub2.sel {background-image: url('img/bk/vmenuselsub2.png');}
#leftpanel .menu a.sub3.sel {background-image: url('img/bk/vmenuselsub3.png');}
#leftpanel .menu a.sub4.sel {background-image: url('img/bk/vmenuselsub4.png');}

#leftpanel .warnbox
{
	background-color: #ffebcd;
	background-position: right bottom;
	background-repeat: no-repeat;
	border: 1px solid #ff8c00;
	font-family: Arial;
	font-size: 9pt;
	line-height: 1.5;
	margin-bottom: 15px;
	text-align: justify;
	padding: 10px;
}

#leftpanel .warnboxh
{
	background-image: url('img/bk/hwarn.png');
	background-repeat: no-repeat;
	color: #fff;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 7px 0;
	text-align: center;
}

#login
{
	background-image: url('img/bk/login.png');
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	color: #00f;
	display: none;
	font-family: Arial;
	font-size: 9pt;
	padding: 10px;
	position: absolute;
	width: 276px;
	z-index: 10000;
}

#login .l {float: left; clear: both; padding-top: 9px;}
#login .r {float: right; padding-top: 5px;}
#login .r input {font-family: Arial; font-size: 9pt; border: 0; background-image: url('img/bk/polesiroke.png'); padding: 3px; width: 200px;}
#login .d {clear: both; position: relative; top: 5px; text-align: center;}
#login .d .login {background-image: url('img/bk/btn_login.png'); font-weight: bold;}
#login .d .ssl {background-image: url('img/bk/btn_ssl.png');}
#login .d2 {border-top: 1px solid #fff; margin-top: 10px; padding: 10px 0 0px 35px; line-height: 2;}
#login .d2 a {color: #000;}
#login .d2 img {position: relative; top: 3px; margin-right: 5px;}

#mainpanel
{
	font-family: Arial;
	font-size: 9pt;
	margin: 5px 5px 10px 5px;
	min-height: 200px;
}

#mainpanel #left {float: left; margin-right: 20px; width: 200px;}
#mainpanel #right {margin-left: 220px;} 
#mainpanel #right img {border: 0;}
#mainpanel #right #searchf {margin: 15px 0 15px 0; background-color: #ffc; border: 1px solid #fc0; padding: 10px;}
#mainpanel #right #searchf img {cursor: pointer; float: right;}
#mainpanel #right #searchf input {font-family: Arial; font-size: 14pt; color: #ccc; width: 800px; padding: 2px 10px 2px 10px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#mainpanel #right #searchf img {position: relative; top: 2px;}
}

#quick-search
{
	background-image: url('img/bk/search3.png');
	border: 1px solid #06c;
	color: #fff;
	display: none;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	padding: 10px;
	position: absolute;
	width: 400px;
	z-index: 110;
}

#quick-search .info {text-align: justify; font-weight: normal; margin-bottom: 10px; color: #000;}
#quick-search .kat {font-weight: normal; padding: 5px 0 10px 10px; line-height: 1.5;}
#quick-search .kat a {color: #000;}

#rightpanel, #kosikpanel, #katpanel
{
	background-image: url('img/bk/mainpage.png');
	background-repeat: repeat-x;
	float: right;
	margin: 5px 10px 0 0;
	padding: 10px 20px 10px 20px;
	width: 930px;
}

#rightpanel h2
{
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
	margin: 20px 0 5px 0;
}

#rightpanel #dokoupitvice
{
	color: #000;
	float: right;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
}

#rightpanel .akcni_sety .set
{
	background-color: #eee;
	border: 1px solid #ddd;
	height: 175px;
	line-height: normal;
	margin-bottom: 20px;
	padding: 10px 10px 10px 5px;
}

#rightpanel .akcni_sety .set .addcart {text-align: center;}
#rightpanel .akcni_sety .set .addcart img {border: 0;}

#rightpanel .akcni_sety .set .slevaset
{
	font-family: Arial;
	font-size: 16pt;
	text-align: center;
	text-shadow: #fff -1px -1px;
}

#rightpanel .akcni_sety .set .cenaset {background-color: #fff; border: 1px solid #000; margin: 25px 43px 25px 500px; padding: 10px; text-align: center;}
#rightpanel .akcni_sety .set .cenaset span.cenapo {color: #080; font-weight: bold;}
#rightpanel .akcni_sety .set .cenaset span.cenapred {color: #f00; font-weight: bold;}

#rightpanel .dokoupit
{
	background-color: #eee;
	border: 1px solid #ddd;
	height: 186px;
	overflow: hidden;
	padding: 10px 5px 0 5px;
}

#rightpanel .dokoupit .zbozi, #rightpanel .akcni_sety .set .zbozi
{
	background-color: #fff;
	border: 1px solid #ddd;
	float: left;
	margin: 0 5px 10px 5px;
	padding: 5px;
	width: 207px;
}

#rightpanel .dokoupit .zbozi h3, #rightpanel .akcni_sety .set .zbozi h3
{
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	height: 30px;
	margin: 0 0 5px 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
}

#rightpanel .dokoupit .zbozi .cena, #rightpanel .akcni_sety .set .zbozi .cena
{
	color: #f00;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	padding: 2px 0 2px 0;
	text-align: right;
}

#rightpanel .dokoupit .zbozi .img, #rightpanel .akcni_sety .set .zbozi .img {margin-bottom: 10px; text-align: center;}

#rightpanel .dokoupit .zbozi .skladem, #rightpanel .akcni_sety .set .zbozi .skladem
{
	background-color: #080;
	color: #fff;
	float: left;
	font-family: Arial;
	font-size: 9pt;
	padding: 2px 5px 2px 5px;
}

#rightpanel .foto a
{
	background-color: #fff;
	background-image: url('img/icon/zoom.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	border: 1px solid #eee;
	display: block;
	float: left;
	height: 200px;
	line-height: 200px;
	text-align: center;
	vertical-align: middle;
	width: 200px;
}
#rightpanel .foto a * {vertical-align: middle;}
#rightpanel .foto a img {border: 0px;}

#rightpanel .foto a span {
    display: inline-block;
    height: 100%;
    width: 1px;
}

#rightpanel .hodnoceni
{
	background-image: url('img/bk/mainpage.png');
	background-repeat: repeat-x;
	border: 1px solid #888;
	margin: 0 15px 15px 0;
	padding: 10px;
}

#rightpanel .hodnoceni .name, #rightpanel .hodnoceni .stars
{
	border-bottom: 1px dotted #ddd;
	margin-bottom: 5px;
	padding: 0 5px 5px 5px;
}

#rightpanel .hodnoceni .klady, #rightpanel .hodnoceni .zapory
{
	float: left;
	padding: 0 10px 0 10px;
	width: 290px;
}
#rightpanel .hodnoceni .klady {border-right: 1px solid #ddd;}
#rightpanel .hodnoceni .klady img, #rightpanel .hodnoceni .zapory img {vertical-align: middle;}
#rightpanel .hodnoceni .klady ul li {list-style-type: none; list-style-image: url('img/icon/smallcheck.gif');}

#rightpanel .hodnoceni .stars
{
	border-bottom: 1px dotted #ddd;
	float: left;
	margin-bottom: 5px;
	padding: 0 5px 5px 5px;
	width: 230px;
}
#rightpanel .hodnoceni .stars .left {clear: both; float: left; width: 120px;}
#rightpanel .hodnoceni .stars .right {float: right; width: 100px;}

#rightpanel .hodnoceni .verdikt {clear: both; padding: 0 5px 0 5px;}

#rightpanel .hodnoceni .zapory {border-left: 1px solid #ddd; position: relative; left: -1px;}
#rightpanel .hodnoceni .zapory ul li {list-style-type: none; list-style-image: url('img/icon/smallcross.png');}

#rightpanel .komentare .addcomment
{
	background-color: #ddd;
	background-image: url('img/bk/addcomment.png');
	background-repeat: no-repeat;
	border: 1px solid #aaa;
	cursor: pointer;
	margin-left: auto;	
	padding: 7px 0 6px 32px;
	text-align: center;
	width: 100px;
}

#rightpanel .komentare #cover
{
	height: 0.1em;  
	overflow:hidden;
	position: absolute;
	right: 10px;
	visibility: hidden;
	z-index: 10;
}

#rightpanel .komentare #cover #addcomment
{
	border-bottom: 1px solid #aaa; 
	border-left: 1px solid #aaa; 
	border-right: 1px solid #aaa; 
	background-color: #fff;
	padding: 10px;
	height: auto; 
	width: 262px; 
}

#rightpanel .komentare #cover #addcomment .fwidth {font-family: Arial; font-size: 9pt; width: 260px;}
#rightpanel .komentare #cover #addcomment .c_butt {background-color: #efe; background-image: url('img/icon/btnok.png');}

#rightpanel .komentare .komentar, #bodypanel .komentare .komentar
{
	background-color: #fff;
	background-position: left bottom;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 20px 10px 10px 10px;
}

#rightpanel .komentare .komentar .cas, #bodypanel .komentare .komentar .cas
{
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	position: relative;
	top: -10px;
}

#rightpanel .komentare .komentar .odpoved, #bodypanel .komentare .komentar .odpoved
{
	background-color: rgb(236,245,255);
	background-image: url('img/bk/komentarsipka2.png');
	margin: 10px 0 0 0px;
	padding: 15px 10px 5px 17px;
	position: relative;
	top: -10px;
}

#rightpanel .mpanel
{
	float: left;
	margin-left: 20px;
	width: 300px;
}

#rightpanel .mpanel .availability
{
	clear: both;
	font-family: Arial;
	font-size: 9pt;
	margin-top: 13px;
	padding: 5px;
	width: 300px;
}

#rightpanel .mpanel .availability span
{
	display: block;
	float: right;
	font-family: Verdana;
	font-size: 13pt;
	font-weight: bold;
	margin-top: -5px;
}

#rightpanel .mpanel .availability span img {border: 0;}

#rightpanel .mpanel .info 
{
	background-color: #fff;
	border: 2px solid #ddd;
	font-family: Arial;
	font-size: 9pt;
	height: 55px;
	line-height: 1.5;
	padding: 5px;
	width: 300px;
}
#rightpanel .mpanel .info div .left {border-bottom: 1px dotted #ddd; float: left; width: 80px;}
#rightpanel .mpanel .info div .right {border-bottom: 1px dotted #ddd; float: right; text-align: right; width: 220px;}

#rightpanel .mpanel .price 
{
	background-color: #f0f0f0;
	border: 1px solid #ddd;
	font-family: Arial;
	font-size: 9pt;
	height: 75px;
	line-height: 1.5;
	margin-top: 8px;
	padding: 5px;
	width: 300px;
}
#rightpanel .mpanel .price .insert {background-color: #fff; height: 60px; width: 300px;}
#rightpanel .mpanel .price .insert div .left {border-bottom: 1px dotted #ddd; float: left; padding-left: 5px; width: 105px;}
#rightpanel .mpanel .price .insert div .right {border-bottom: 1px dotted #ddd; float: right; padding-right: 5px; text-align: right; width: 185px;}
#rightpanel .mpanel .price .insert div .right span {color: #080; font-family: Verdana; font-size: 13pt; font-weight: bold;}
#rightpanel .mpanel .price .insert .line2 {background-color: #888; color: #fff; clear: both; height: 30px;}
#rightpanel .mpanel .price .insert .line2 .left, #rightpanel .mpanel .price .insert .line2 .right {border: 0; padding-top: 5px;}
#rightpanel .mpanel .price .insert .line2 .right a 
{
	background-image: url('img/btn/addcart.png');
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 30px;
	margin-left: 10px;
	width: 75px;
}

#rightpanel .mpanel .price .insert .line2 .right #pcs 
{
	background-image: url('img/bk/polepcs.png');
	background-position: left top;
	border: 0; 
	font-family: Tahoma; 
	font-size: 9pt; 
	margin-top: 0;
	padding: 3px; 
	text-align: center; 
	width: 20px;
}

#rightpanel .path
{
	font-family: Arial;
	font-size: 8pt;
	margin: 10px 0 10px 0;
}

#rightpanel .path img 
{
	border: 0; 
	float: left;
	margin: 2px 5px 0 0;
}

#rightpanel .path span {font-family: Verdana;}

#rightpanel .popis, #katpanel .popis
{
	background-color: #fff;
	border: 1px solid #ccc;
	clear: both;
	font-family: Arial;
	font-size: 9pt;
	line-height: 1.5;
	padding: 10px;
	position: relative;
	text-align: justify;
	top: -1px;
	z-index: 1;
}

#rightpanel .popis #panel2 {display: none;}
#rightpanel .popis .bazar {background-color: #ffefd5; padding: 5px; margin-bottom: 10px; text-align: center; background-image: url('img/icon/warn1.png'); background-position: left center; background-repeat: no-repeat; box-shadow: 3px 3px 3px #ddd; -moz-box-shadow: 3px 3px 3px #ddd; -webkit-box-shadow: 3px 3px 3px #ddd;}
#rightpanel .popis .info, #rightpanel .rpanel .info {background-color: #ddf5ff; padding: 5px; margin: auto auto; margin-bottom: 10px; width: 400px; text-align: center; background-image: url('img/icon/info1.png'); background-position: left center; background-repeat: no-repeat; box-shadow: 3px 3px 3px #ddd; -moz-box-shadow: 3px 3px 3px #ddd; -webkit-box-shadow: 3px 3px 3px #ddd;}
#rightpanel .popis .params {padding: 10px;}
#rightpanel .popis .params .param {border-bottom: 1px solid #5af; height: 25px; width: 500px;}
#rightpanel .popis .params .parameven {background-color: rgb(242,250,255); border-bottom: 1px solid #5af; height: 25px; width: 500px;}
#rightpanel .popis .params .param:hover, #rightpanel .popis .params .parameven:hover {background-color: rgb(193,232,255);}
#rightpanel .popis .params .param .left, #rightpanel .popis .params .parameven .left {float: left; padding: 5px 0 0 10px;}
#rightpanel .popis .params .param .right, #rightpanel .popis .params .parameven .right {float: right; padding-top: 5px; width: 300px;}
#rightpanel .popis .params .param .right img, #rightpanel .popis .params .parameven .right img {margin-right: 5px; vertical-align: middle;}
#rightpanel .popis .vypocetkapacity {border: 2px solid #0c6; padding: 10px; width: 400px; background-color: #cf9;}
#rightpanel .popis .vypocetkapacity h5 {margin: -10px -10px 10px -10px; padding: 5px 10px 5px 10px; color: #fff; font-family: Arial; font-size: 9pt; font-weight: bold; background-color: #0c6;}
#rightpanel .popis .vypocetkapacity input {font-family: Arial; font-size: 9pt;}
#rightpanel .popis .vypocetkapacity .calculate {background-image: url('img/bk/btn_calculator.png');}

#rightpanel .popis_menu, #katpanel .filtr_menu {clear: both; padding-top: 15px;position: relative;z-index: 5;}
#rightpanel .popis_menu a, #katpanel .filtr_menu a   
{
	background-image: url('img/bk/parammenu.png');
	background-repeat: no-repeat;
	border-right: 1px solid #ccc;
	color: #000;
	float: left;
	font-family: Arial;
	font-size: 9pt;
	margin-right: 3px;
	padding: 7px 10px 6px 20px;
	text-decoration: none;
}
#rightpanel .popis_menu a:hover, #katpanel .filtr_menu a:hover {background-image: url('img/bk/parammenuhover.png');}
#rightpanel .popis_menu a.sel, #katpanel .filtr_menu a.sel {background-image: url('img/bk/parammenusel.png');}

#rightpanel .rpanel
{
	float: right;
	width: 375px;
}

#rightpanel .rpanel .ikony {margin-top: 10px;}

#rightpanel .rpanel .info {font-family: Arial; font-size: 9pt; width: auto; padding: 10px 0 10px 0; font-weight: bold;}

#rightpanel .rpanel .sdileni
{
	font-family: Arial;
	font-size: 8pt;
}
#rightpanel .rpanel .sdileni a {margin: 0 10px 0 5px;}
#rightpanel .rpanel .sdileni img {position: relative; top: 2px;}

#rightpanel .rpanel .share {margin-top: 10px;}
#rightpanel .rpanel .share img {border: 0;}

#rightpanel .rpanel .varianty
{
	background-image: url('img/bk/varianty.png');
	border-bottom: 1px solid #ccc;
	font-family: Arial;
	font-size: 9pt;
	margin-top: 5px;
	padding: 5px;
}

#rightpanel .rpanel .varianty .nadpis {padding: 2px 0 12px 15px;}

#rightpanel .rpanel .varianty .var
{
	background-color: #eee;
	height: 15px;
	margin-bottom: 1px;
	padding: 5px;
}
#rightpanel .rpanel .varianty .var .left {float: left;}

#rightpanel .rpanel .varianty .var .right {float: right;}
#rightpanel .rpanel .varianty .var .right select {font-family: Arial; font-size: 9pt; position: relative; top: -2px; width: 250px;}
#rightpanel .rpanel .varianty .var .right select option {font-family: Arial; font-size: 9pt;}

#slider-range {width:400px; margin-left: 70px; margin-top: -10px;}

#userpanel
{
	background-image: url('img/bk/userpanel.png');
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	color: #000;
	display: none;
	font-family: Arial;
	font-size: 9pt;
	padding: 10px;
	position: absolute;
	width: 276px;
	z-index: 10000;
}

#userpanel a.obj {border: 1px solid #080; background-color: #efe; padding: 5px; text-align: center; display: block; margin: 0 10px 0 10px; color: #000; text-decoration: none; background-image: url('img/icon/orders.png'); background-position: left center; background-repeat: no-repeat;}
#userpanel a.obj:hover {background-color: #fff;}
#userpanel .d {clear: both; position: relative; top: 5px; text-align: center;}
#userpanel .d .logout {background-image: url('img/bk/btn_login.png'); font-weight: bold;}
#userpanel .d2 {border-top: 1px solid #fff; margin-top: 10px; padding: 10px 0 0px 35px; line-height: 2;}
#userpanel .d2 a {color: #000;}
#userpanel .d2 img {position: relative; top: 3px; margin-right: 5px;}


.btn16 {background-position: left center; background-repeat: no-repeat; border: 1px solid #aaa; font-family: Arial; font-size: 9pt; padding: 6px 6px 6px 26px; margin-top: 5px; cursor: pointer;}
.btn16:hover {background-color: #f2f2f2;}

.btn32
{
	background-color: #eee;
	background-position: left center;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	padding: 10px 12px 10px 44px;
}

.btn32:hover {background-color: #fff;}

.c {clear: both; height: 1px;}

.cetelem-payment {font-family: Arial; font-size: 10pt; padding: 20px;}
.cetelem-payment .ok {padding: 5px; border: 1px solid #080; background-color: #dfd; margin: 0 250px 20px 250px; font-family: Verdana; font-size: 8pt; font-weight: bold; text-align: center;}
.cetelem-wait {background-image: url('img/icon/clock.png'); background-position: center top; background-repeat: no-repeat; margin-top: 150px; padding: 40px 0 200px 0; text-align: center; font-family: Arial; font-size: 14pt;}

.toright {text-align: right;}

.wronglogin {border: 1px solid #ff8c00; background-color: #ffebcd; font-family: Arial; font-size: 12pt; font-weight: bold; padding: 5px; text-align: center; margin: 0 10px 10px 10px;}





/*Menu*/
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromestyle ul{
	background: url(img/bk/hmenu.png) left top repeat-x; 
	padding: 8px 0 0 3px;
	-webkit-padding: 6px 0 0 3px;
	height: 30px;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
	background: url(img/bk/hmenubar.png) right top no-repeat;
	display: inline;
	font-family: Arial;
	font-size: 9pt;
	font-weight: normal;
	padding: 8px 0 10px 0;
}

.chromestyle ul li a{
	color: #fff;
	padding: 6px 20px 6px 20px;
	margin: 0;
	text-decoration: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.chromestyle ul{padding: 8px 0 0 3px;}
	.chromestyle ul li a{padding: 8px 20px 6px 20px;}
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ 
}

.dropmenudiv{
	background-color: #b00;
	border-bottom: 1px solid #fff; 
	border-left: 1px solid #fff; 
	border-right: 1px solid #fff; 
	box-shadow: 0px 0px 15px #888;
	-moz-box-shadow: 0px 0px 15px #888;
	-webkit-box-shadow: 0px 0px 15px #888;
	font:normal 9pt Arial;
	line-height:18px;
	position:absolute;
	top: 0;
	width: 200px;
	visibility: hidden;
	z-index:100;
}


.dropmenudiv a{
	border-bottom: 1px solid #fff;
	color: #fff;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{ 
	background-color: #f00;
}

.dropmenudiv .all{
	background-image: url('img/bullet/arrow-menu.png');
	background-position: right center;
	background-repeat: no-repeat;
	font-weight: bold;
}