body {
	margin:4px;
	padding:0;
	background:#fff;
	color:#4f2704;
}

h1 {
  font-size:125%;
  text-align:right;
  margin:0;
  padding:0;
  text-transform:uppercase;
}

.t-left {
  text-align:left!important;
}

.t-right {
  text-align:right!important;
}

.t-center {
  text-align:center!important;
}

.f-right {
	float:right;
}

a, a:visited {
	color:#4f2704;
}
ul {
margin:0;
margin-left:20px;
}
body, td, th {
	font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
	font: x-small/1.3;
	f\ont-size: small;
}

form {
	margin:0;
}
p {

}

.italic {
  font-style:italic;
}



address {
  font-style:normal;
}

input, select, textarea {
  border:1px solid #4f2704;
	background:white;
	color:#3a4f0e;
	height:16px;
	height /**/:20px;
}

:root input, select, textarea {
	height:16px;
}

input.button {
	background:#8888FF;
	color:white;;
	height:20px;
	cursor:hand;
}

.right {
  float:right;
}

.left {
  float:left;
}

.center {
  text-align:center;
}

.clear {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:0;
	display:block;
}

a.a_uvod {
  display:block;
  width:420px;
  height:107px;
  position:absolute;
  top:40px;
  left:0;
}

div.drzak-middle {
  width:445px;
  height:1px;
  font-size:1px;
}

div.drzak-top {
  width:767px;
  height:1px;
  font-size:1px;
}

/*****form*****/

fieldset {
  border:none;
}

legend {
  display:none;
}

span.submit input {
  border:none;
}

label, span.label {
  color:#3a4f0e;
  font-weight:bold;
  text-transform:uppercase;
}

select {
  height:20px;
}

div.backg {
 	border:1px solid #4f2704;
	background-color:#e8f9a9;
}

/*****pokladna*****/

div.pokladna div {
  color:#209740;
  _margin-top:3px;
}

div.pokladna div.li_zel {
  width:9px;
  height:9px;
  background:url("img/li_zel.gif") no-repeat;
  float:left;
  position:relative;
  top:3px;
  left:-2px;
}


div.pokladna div.input_modry {
  background:url("img/input_modry.gif") no-repeat #B2D437;
  width:89px;
  height:20px;
  height /**/:23px;
  float:left;
  text-align:center;
  position:relative;
  top:-3px;
  padding:3px 0 0 0;
  margin:0 5px 0 0;
}

head+body div.pokladna div.input_modry {
  height:20px;
}



div.pokladna span.submit input{
  width:62px;
  height:18px;
  float:left;
  position:relative;
  top:-1px;
}

/*****registrace*****/
a.registrace {
  width:72px;
  height:18px;
  background:url("img/button_registrace.gif") no-repeat;
  float:right;
  xmargin:30px 0 0 0;
  margin /**/:0 3px 0 0;
  position:absolute;
  top:60px;
  right:0px;
}

head+body a.registrace {
  margin:0px 0 0 0;
}

:root a.registrace {
  margin:0 11px 0 0;
}

/*****nastaveni*****/
a.nastaveni {
  width:72px;
  height:18px;
  background:url("img/button_nastaveni.gif") no-repeat;
  float:right;
  xmargin:30px 0 0 0;
  margin /**/:0px 3px 0 0;
  position:absolute;
  top:60px;
  right:0px;
}

head+body a.nastaveni {
  margin:0 0 0 0;
}

:root a.nastaveni {
  margin:0px 11px 0 0;
}

/*****prihlaseni*****/

div.prihlaseni div{
  color:#9d1e24;
}

div.prihlaseni div.bin {
  position:absolute;
  top:80px;
  right:0px;
}



div.prihlaseni div.li_cerv {
  width:9px;
  height:9px;
  background:url("img/li_cerv.gif") no-repeat;
  float:left;
  position:relative;
  top:8px;
  left:-2px;
}

div.text {
  position:relative;
  top:5px;
}

div.prihlaseni div.input_cerv {
  Xbackground:url("img/input_cerv.gif") no-repeat #B2D437;
  width:88px;
  height:24px;
  float:left;
  margin:0 5px 0 0;
}

div.prihlaseni .j {
  background:url("img/input_cerv_j.gif") no-repeat #B2D437;
}

div.prihlaseni .h {
  background:url("img/input_cerv_h.gif") no-repeat #B2D437;
}

div.prihlaseni div.input_cerv input{
  background:transparent;
  border:none;
  width:81px;
  margin:0px;
  float:left;
  position:relative;
  top:2px;
  left:2px;
  position /**/:auto;
  margin /**/: 2px 0 0 2px;
}

head>body div.prihlaseni div.input_cerv input{
  position:relative;
  top:2px;
  left:2px;
  margin:0px;
}

div.prihlaseni span.submit input{
  width:72px;
  height:18px;
  float:left;
  position:relative;
  top:3px;
}

:root div.prihlaseni span.submit input{
  margin:0 11px 0 0;
}


/*****odhlaseni*****/

div.odhlaseni {

}

div.odhlaseni div.bin {
  position:absolute;
  top:80px;
  right:0px;
}

div.odhlaseni div.li_cerv {
  width:9px;
  height:9px;
  background:url("img/li_cerv.gif") no-repeat;
  float:left;
  position:relative;
  top:8px;
  left:-2px;
}

div.odhlaseni .text {
  margin-right:5px;
}

div.odhlaseni span.submit input{
  width:72px;
  height:18px;
  xmargin: 0 0 0 10px;
  position:relative;
  top:3px;
  left /**/:-3px;
}

head+body div.odhlaseni span.submit input{
  width:72px;
  height:18px;
  xmargin: 0 0 0 10px;
  position:relative;
  top:3px;
  left:0px;
}

:root div.odhlaseni span.submit input{
  margin:0 11px 0 0;
}

/*****levy panel*****/

/*****vyhledavani*****/



div#box-search div.input_modry {
  background:url("img/input_modry_hledej.gif") no-repeat #B2D437;
  width:90px;
  height:25px;
  margin:5px 0 4px 2px;
  _margin:5px 0 0 2px;
}

div#box-search div.input_modry input{
  background:none;
  border:none;
  width:82px;
  position:relative;
  top:2px;
  left:4px;
  _left:-2px;
  margin:0;
  padding:0;
}

div#box-search span.submit input{
  width:52px;
  height:21px;
  position:relative;
  top:7px;
  
}

#box-search h3 {
	background:url(img/ico_search.gif) right no-repeat #3a4f0e;
}

/*****kategorie*****/

#box-kategorie {
  margin:0 0 2px 0;
  padding:0!important;
}

#box-kategorie  div.box-in {
  margin-left:0!important;
  margin-right:0!important;
}

#box-kategorie h3 {
	background:url(img/ico_kategorie.gif) right no-repeat #3a4f0e;
}

#kategorie ul {
	list-style:none;
	margin:0;
	padding:0;
}
#kategorie ul li {
	font-weight:normal;
	margin:4px 0 0 0!important;
}
#kategorie ul li a:hover, #kategorie ul li a.active {
  background:url("img/li_sipka_menu.gif") no-repeat left top #e22b0a;
	color:white!important;
}

#kategorie ul li ul li a:hover, #kategorie ul li ul li a.active {
	color:#e22b0a!important;
	text-decoration:underline!important;
}
#kategorie ul.level {
  margin:0;
}
#kategorie ul.level li {
  font-weight:bold;
  margin:0.2em 0 0 0;
}
#kategorie ul.level li a, #kategorie ul.level li a:visited{
  text-decoration:none;
}
#kategorie ul.level li ul li {
  list-style-image:none;
}
#kategorie ul.level li ul li a {
  display:block;
  padding:0 0 0 12px;
  background:url("img/tecka.gif") no-repeat 6px 8px #D3E68A;
  color:#391900;
}
#kategorie ul.level li ul li a:hover, #kategorie ul.level li ul li a.active {
  background:url("img/tecka_a.gif") no-repeat 6px 8px #D3E68A;
}

#kategorie ul.level-1 li a {
  background-color:#C9E06D!important;
}
#kategorie ul.level-2 li a {
  background-color:#BEDA52!important;
}
#kategorie a.zakladni {
  display:block;
  background:url("img/li_sipka_menu.gif") no-repeat left top #e8f9a9;
  padding:1px 0 0 19px;
  border:1px solid #4f2704;
  border-left:none;
  border-right:none;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
  color:black;
}
.level-0,
.level-1,
.level-2,
.level-3,
.level-4,
.level-5 {
  margin-left:5px!important;
}


/*****informace*****/

.box-info h3 {
	background:url(img/ico_info.gif) right no-repeat #3a4f0e;
}

.box-info ul {
  margin:10px 0 0 16px;
  padding:0 0 10px 0;
}

.box-info ul li {
  list-style-image:url("img/li_sipka.gif");
  text-transform:uppercase;
  font-size:90%;
  font-weight:bold;
  margin:0;
  padding:0;
}

.box-info ul li a, #box-info ul li a:visited{
  text-decoration:none;
}

.box-info ul li a.active {
  background:none;
  color:#e22b0a!important;
}


/*#box-info ul li a:hover{
  text-decoration:underline;
}*/


/*****novinky*****/

#box-novinky {
  
}

#box-novinky h3 {
	background:url(img/ico_nejprodavanejsi.gif) right no-repeat #3a4f0e;
}

#box-novinky ul {
  margin:0;
  padding:0;
  text-align:center;
}

#box-novinky ul li{
  list-style:none;
  padding:0;
  margin:5px;
  float:left;
}

#box-novinky ul li img{
  border:2px solid #000000;
  margin:0;
  padding:0;
}

/*#box-novinky ul li span {
  display:block;
  font-weight:bold;
}*/

#box-novinky ul li a, #box-novinky ul li a:visited{
  text-decoration:none;
}

#box-novinky ul li a:hover img{
  border:2px solid #526d00;
}

/**** certifikat ***/

#box-cert {
  text-align:center;
}

#box-cert {
  background:white;
}

#box-cert h3 {
	background:url(img/ico_info.gif) right no-repeat #3a4f0e;
}

#box-cert img {
  border:none;
  margin:3px 0 0 0;
}

/*****kosik*****/

#box-kosik h3 {
	background:url(img/ico_kosik.gif) right no-repeat #3a4f0e;
}
#box-kosik {
  background:#FFFBCC;
}

#box-kosik div.box-in {
  color:#FF0D00!important;
}

div.cena_celkem {
  color:#4f2704;
  background:#FFF788;
  xtext-align:right;
}

a.zobrazit_kosik {
  display:block;
  background:url("img/button_zobrazit_kosik.gif") no-repeat;
  xposition:relative;
  height:18px;
  width:106px;
  cursor:hand;
  xmargin:10px auto 3px auto;
  position:relative;
  left:50%;
  margin:10px 0 3px -53px;
  _margin:10px 0 3px -63px;
  padding-bottom:6px;
  text-align:center;
}

/*****bonus body*****/

#box-body h3 {
	background:url(img/ico_kosik.gif) right no-repeat #3a4f0e;
}
#box-body {
  background:#e8f9a9;
}

#box-body div.box-in {
  color:#e8f9a9!important;
}

#box-body div.poc-bodu {
  color:#4f2704;
  background:#b9d646;
  text-align:center;
}

a.vybrat_bonus {
  display:block;
  background:url("img/button_vybrat_bonus_zbozi.gif") no-repeat;
  height:18px;
  width:131px;
  cursor:hand;
  position:relative;
  left:50%;
  margin:10px 0 3px -66px;
  _margin:10px 0 3px -75px;
  padding-bottom:6px;
  text-align:center;
}

/*****objednavky*****/

#box-objednavky {
  
}

#box-objednavky h3 {
	background:url(img/ico_nejprodavanejsi.gif) right no-repeat #3a4f0e;
}

#box-objednavky ul {
  margin:0;
  padding:0;
}

#box-objednavky ul li{
  list-style:none;
  padding:0 0 0 0;
}

#box-objednavky ul li a{
  xfont-size:95%!important;
  text-decoration:none;
  letter-spacing:-1px;
  display:block;
  width:148px;
  width /**/:156px;
  background:#e8f9a9;
  margin:0 0 0.2em 0;
  color:black;
  padding:4px;
  
}

head+body #box-objednavky ul li a{
  width:148px;
}

#box-objednavky ul li a:hover {
  color:white!important;
  background:#3a4f0e;
}

a.butonek {
  display:block;
  background:url("img/button_historie_objednavek.gif") no-repeat;
  xposition:relative;
  height:18px;
  width:113px;
  cursor:hand;
  xmargin:10px auto 3px auto;
  position:relative;
  left:50%;
  margin:10px 0 3px -56px;
  _margin:10px 0 3px -64px;
  padding-bottom:6px;
  text-align:center;
}

/*****nejprodavanejsi*****/

#box-nejprodavanejsi {
  
}

#box-nejprodavanejsi h3 {
	background:url(img/ico_nejprodavanejsi.gif) right no-repeat #3a4f0e;
}

#box-nejprodavanejsi ul {
  margin:0;
  padding:0;
  text-align:center;
}

#box-nejprodavanejsi ul li{
  list-style:none;
  padding:1em 0 0.5em 0;
}

#box-nejprodavanejsi ul li img{
  border:2px solid #000000;
}

#box-nejprodavanejsi ul li span {
  display:block;
  font-weight:bold;
}

#box-nejprodavanejsi ul li a, #box-nejprodavanejsi ul li a:visited{
  text-decoration:none;
}

#box-nejprodavanejsi ul li a:hover{
  text-decoration:underline;
}

#box-nejprodavanejsi ul li a:hover img{
  text-decoration:underline;
  border:2px solid #526d00;
}



/*****page*****/

#top {
	height:104px;
	width:100%;
	xmargin-bottom:4px;
	background:url(img/top_back.jpg) 4px 0px no-repeat white;
	color:#9d1e24;
	font-weight:bold;
	position:absolute;
	top:41px;
	left:0px;
}

table.top-lista {
  width:99%;
  _width:100%;
  height:30px;
  position:absolute;
  top:0;
  left:4px;
  border-bottom:2px solid #aaa;
  background:#eee;
	border-collapse: collapse;
}

table.top-lista img {
  border:none;
}

table.top-lista a {
  display:block;
  margin:0 4px 0 0;
  _border:1px solid #d5d5d5;
}

table.top-lista a:hover {
  _border:1px solid #777!important;
}

:root table.top-lista a img {
  display:block;
  border:1px solid #d5d5d5;
}

:root table.top-lista a:hover img {
  border:1px solid #777!important;
}

table.top-lista td.g-obchod {
  width:165px;
}

table.top-lista td {
  padding:3px 0 3px 0;
}

table.top-lista td.rest {
  width:100%;
  background:url(img/top-lista/g.gif) right center no-repeat;
}

#top div.top-kosik {
  width:133px;
  height:102px;
  background:url(img/top-kosik.jpg) no-repeat;
  position:absolute;
  top:5px;
  left:420px;
}

#bottom {
	background-color:#3a4f0e;
	color:white;
	border:1px solid #3a4f0e;
	margin-top:2px;
	padding-left:3px;
}

#bottom a, #bottom a:visited {
	color:#fff;
}

#bottom a:hover {
	text-decoration:none;
}



/***skladem***/
span.skladem {
	position:absolute;
	font-size:60%;
	font-weight:bold;
	color:white;
	padding:0 2px 0 2px;
	background:red;
	margin:4px 0 0 4px;
	font-family:tahoma;
	border:1px solid white;
	letter-spacing:1px;
	text-decoration:none;
}
span.skladem-right {
	margin:4px 0 0 21px;
	=margin:4px 0 0 4px;
}
span.skladem-list {
	margin:8px 0 0 8px;
}
span.skladem-images {
	margin:9px 0 0 16px;
	=margin:9px 0 0 4px;
}
span.skladem-detail {
	margin:4px 0 0 -96px;
}


table#layout {
	width:100%;
	border-collapse: collapse;
	margin:144px 0 0 0;
	_margin /**/:148px 0 0 0;
}

head+body table#layout {
	margin:148px 0 0 0;
}

:root table#layout {
	margin:144px 0 0 0;
}

table#layout tr td#left {
	width:164px;
	vertical-align:top;
	padding:0;
	padding-right:8px;
}
table#layout tr td#right {
	width:164px;
	vertical-align:top;
	padding:0;
	padding-left:8px;
}
table#layout tr td#main {
	vertical-align:top;
	padding:0;
}
table#layout tr td#main div#main-in {
	color:black;
	padding-bottom:2px;
}
table#layout tr td#main div#main-in div#head, table#layout tr td#main div#main-in div#head a {
	margin:0;
	color:#f3fa44;
	font-size:1em;
	font-weight:bold;
	background:#4f2704;
	xheight:18px;
	padding-left:2px;
}
table#layout tr td#main div#main-in div#head {
	margin-bottom:2px;
	border:2px solid #4f2704;
	padding:0.2em 0.1em 0.1em 0.1em;
	position:relative;
	top:-1px;
	_top:-2px;
}
table#layout tr td#main div#main-in div#head a {
	font-weight:normal;
}
table#layout tr td#main div#main-in div#page {
	width:100%;
	xpadding:0 2px 0 2px;
}






.box {
	background-color:#b9d646;
	margin:0;
	border:1px solid #4f2704;
	margin-bottom:2px;
}

.box h3 {
	margin:0;
	font-size:90%;
	background-color:#3a4f0e;
	color:#ffffff;
	height:17px;
	height /**/:19px;
	text-align:center;
	padding:2px 0 0 2px;
	padding /**/:4px 0 0 2px;
	_padding /**/:1px 0 0 2px;
	text-decoration:none;
	text-transform:uppercase;
	padding-right:20px;
}

head+body div.box h3 {
  padding:3px 0 0 -20px;
  height:17px;
}

.box-in, .box-in a, .box-in a:visited{
	color:#391900;
}

.box-in a:hover {
  color:#e22b0a!important;
}

.box-in {
	margin:3px;
	color:#3a4f0e;
}






.form-error th label {
	color:#D2404C;
}
.form-error td input, .form-error td textarea {
	border:1px solid #D2404C;
}






/*#box-search input {
	width:114px;
}*/







#box-login table tr td input {
	width:118px;
}
#box-login table tr th input.button {
	width:118px;
}





#box-prihlasen form {
	margin-top:3px;
}

#box-prihlasen .button {
	width:172px;
}





#box-objednavky ul {
	margin:0;
	list-style:none;
}
#box-objednavky ul li {
	font-size:0.8em;
}
#box-objednavky ul li strong {
	font-size:1.2em;
	font-weight:normal;
}




.errorek {
	border:1px solid #FF8888;
	background-color:#D2404C;
	color:white;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:95%;
	padding:2px;
	margin-top:2px;
	text-align:center;
	font-weight:bold;
}

.okacek {
	border:1px solid #88FF88;
	background-color:#EEFFEE;
	color:green;
	padding:2px;
	margin-top:2px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:bold;
}








/*table#box-kosik {
	width:100%;
}
table#box-kosik td {
}
table#box-kosik td.img {
	width:20px;
}
table#box-kosik td.ks {
	width:20px;
	text-align:right;
}
table#box-kosik td.name {
}*/







/*  zapati */
div#zapati {
	margin: 15px auto 0 auto;
	padding: 0.1em 0 0.1em 0;
	font-size: 80%;
}
div#zapati ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
div#zapati li {
	list-style:none;
	background-image:transparent;
	display: inline;
	padding: 0 3px;
	color: #626262;
}
				
div#zapati li a {
	color: #626262;
	text-decoration: underline;
}
div#zapati li a:hover {
	color: #DD0000;
}



div.info {
	border-top:1px solid #4f2704;
	border-bottom:1px solid #4f2704;
	xbackground-color:#e8f9a9;
	color:black;
	margin:0 2px 0 2px;
	padding:2px;
}

.info ul {
  margin:0 0 0 14px;
  padding:0;
}

.info ul li {
  list-style:url("/design/img/li_sipka_white.gif");
  margin:0 0 0.2em 0;
}

div.backg p {
	margin:0;
}



h4 {
	margin-bottom:4px;
	margin-left:14px;
}

/*** strankovani ****/

.strankovani {
	background-color:#3a4f0e;
	font-size:0.8em;
	text-align:center;
	color:#ffffff;
	margin:5px 0 5px 0;
	font-size:100%;
	padding:0.2em;
}
.strankovani span {
	font-weight:bold;
}
.strankovani a, .strankovani a:visited {
	color:white;
}
.strankovani a:hover {
	color:yellow;
}


.red {
	color:Red;
}
