body {
	padding: 0; margin: 0;
	font: 71% "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
	color: #1C325A;
	width: 100%;
	text-align: center;
}

#main {
	width: 81em;
	min-width: 920px;
	margin: 0 auto 0 auto;
	border-left: 1px #1C325A solid;
	border-right: 1px #1C325A solid;
	text-align: left;
	position:relative;
}

form { margin: 0; }
input, select, textarea {
  border: 1px solid #DFDAC6;
	vertical-align: middle;
	font-size: 11px;
}

#headerbox {
	height: 69px;
	background: #1C325A no-repeat center center;
	margin: 0 0 1.8em 0;
}

#headerbox a.logo {
	height: 58px;
	width: 85px;
	float: left;
	margin: 5px 0 0 5px;
	background: #1C325A url(../img/logo-ghv.gif) no-repeat;
}

#header-right {
  float: right;
  text-align: right;
  margin: 7px 15px 0 0;
}

#searchbox {
	margin: 1em 0 0 1em;
	color: #CED0D0;
	text-align: left;
}

.lang a, .lang span {
  padding-right: 2em;
  margin-left: 1em;
  text-decoration: none;
  font-size: 94%;
}
.lang a { color: #FFFFFF; }
.lang span { color: #AAAAAA; }

.flagcz { background: url(../img/flag-cz.gif) no-repeat right center; }
.flagsk { background: url(../img/flag-sk.gif) no-repeat right center; }
.flagde { background: url(../img/flag-de.gif) no-repeat right center; }
.flagen { background: url(../img/flag-en.gif) no-repeat right center; }

.flagczoff { background: url(../img/flag-cz-off.gif) no-repeat right center; }
.flagskoff { background: url(../img/flag-sk-off.gif) no-repeat right center; }
.flagdeoff { background: url(../img/flag-de-off.gif) no-repeat right center; }
.flagenoff { background: url(../img/flag-en-off.gif) no-repeat right center; }

.searchinput{
	background-color: #DEDDDD;
	border: 1px solid #000000;
	margin-right: 2px;
}

.searchbutt {
	width: 1.2em;
	height: 16px;
	background: #768083 url(../img/arrow01.gif) no-repeat 90% 50%;
	border: none;
	cursor: pointer;
}

.searchbutt:hover { background-color: #FF6600; }

.salebutt {
  text-align: center;
  clear: both;
  margin-top: 1em;
}

.butt {
 text-transform: uppercase;
 color: #FFFFFF;
 background-color: #CD3300;
 border: none;
 cursor: pointer;
 line-height: 1.6em;
}

a.butt {
  padding: 0.3em 0.7em;
  text-decoration: none;
}

a.butt:hover {
 color: #FFFFFF;
 background-color: #1C325A;
}

#menubox {
	background-color: #768083;
	height: 1.8em;
	text-align: left;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	position: absolute;
	top: 69px;
	width: 100%;
}

#menubox ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 1.8em;
  z-index: 9999;
}

#menubox ul li {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #FFFFFF;
}

#menubox ul li a {
	color: #FFFFFF;
	display: block;
	padding: 0 0.6em 0 1.5em;
	text-decoration: none;
	background: #768082 url(../img/arrow01.gif) no-repeat 7px center;
	line-height: 1.8em;
}

#menubox ul li.menuon ul {
	visibility: visible;
}

#menubox ul li.menuoff ul {
	visibility: hidden;
}

#menubox ul li ul {
	list-style-type: none;
	position: absolute;
	z-index: 999;
	margin-left: -1px;
	visibility: hidden;
	padding: 0;
	border-top: 1px solid #FFFFFF;
}

#menubox ul li ul li {
	border: 1px solid #FFFFFF;
	border-top-style: none;
	background-color: #1C325A;
	clear: both;
}

#menubox ul li ul li a, #menubox ul li.menuon ul li a {
	background: #1C325A none;
	color: #FFFFFF;
	font-size: 90%;
	text-decoration: none;
	padding: 0.4em 0.4em 0.4em 0.6em;
	display: block;
	width: 14em;
	line-height: normal;
}

#menubox ul li a:hover, #menubox ul li ul li a:hover, #menubox ul li.menuon a {
 color: #FFFFFF;
 background-color: #CD3300;
}

.infobox {
	display: block;
	background: #1C325A url(../img/red-box.gif) repeat-y left top;
	line-height: 1.8em;
	color: #FFFFFF;
	font-size: 1em;
	padding: 0;
	margin: 0 !important;
}

.infobox span, .infobox div { margin-left: 0.7em; padding-left: 1.0em; background: url(../img/arrow01.gif) no-repeat left 0.6em; }
.infobox span { display: block; }
.infobox a {
  color: #ffffff;
	display: block;
	text-decoration: none;
	margin: 0;
	_width: 100%;
}

.infobox a:hover {
  color: #000000;
	background: #DFDAC6 url(../img/red-box2.gif) repeat-y left top;
}

.leftmenubox {
	padding: 0;
	margin: 0;
	border-right: 1px #1C325A solid;
	background-color: #E5E7E8;
}

.leftmenubox ul a, .leftmenubox ul span {
	color: #000000;
	display: block;
	text-decoration: none;
	margin: 0;
	_width: 100%;
}

.leftmenubox li {
	clear: both;
	margin: 0; padding: 0;
}

.leftmenubox ul {
	margin: 0; padding: 0;
	list-style-type: none;
	border-top: 1px solid #FFFFFF;
}

.leftmenubox ul ul {
	border-top: none;
	background-color: #F6F8F9;
}

.leftmenubox ul li {
	border-bottom: 1px solid #FFFFFF;
}

.leftmenubox ul li a {
	background: url(../img/arrow02.gif) no-repeat 0.9em 0.6em;
	padding: 0.4em 0 0.4em 1.9em;
}

.leftmenubox ul li.sel a, .leftmenubox ul li.open a{
 background: url(../img/arrow02d.gif) no-repeat 0.9em 0.6em;
 padding: 0.4em 0 0.4em 1.9em;
}

.leftmenubox ul ul li{
	background-color: #f2f4f5;
	border: none;
	border-top: 1px solid #FFFFFF;
}

.leftmenubox ul ul li a {
	background: url(../img/arrow02.gif) no-repeat 1.6em 0.6em;
	padding: 0.4em 0 0.4em 2.5em !important;
}

.leftmenubox ul li.sel ul li a, .leftmenubox ul li.open ul li a {
	background: url(../img/arrow02.gif) no-repeat 1.6em 0.6em;
}

.leftmenubox ul li.open ul li.sel a, .leftmenubox ul li.open ul li.open a, .leftmenubox ul ul li.sel a, .leftmenubox ul ul li.open a {
 background: url(../img/arrow02d.gif) no-repeat 1.6em 0.6em;
}

.leftmenubox ul.product li {
	background-color: #FFFFFF;
	border: none;
	border-top: 1px solid #E5E7E8;
}

.leftmenubox ul.product a {
	padding: 0.4em 0 0.4em 2.5em !important;
	background-image: none !important;
}

.leftmenubox ul a:hover, .leftmenubox li.sel {
 color: #000000;
 background-color: #DFDAC6 !important;
}

.leftmenubox .product li.sel {
 color: #000000;
 font-weight: bold !important;
 background-color: #F4F2EB !important;
}

/* hlavni stranka */
#homemiddle {
  padding-top: 1em;
	background-color: #DFDAC6;
	border-bottom: 1px #FFFFFF solid;
}

.category {
	float: left;
	width: 230px;
}

.category div{
	background-repeat: no-repeat;
	margin-left: 15px;
}

#homemiddle ul {
	list-style-type: none;
	margin: 0;
	padding: 50px 0 0 0;
}
#homemiddle ul li{
  background: url(../img/arrow02.gif) no-repeat left 4px;
  padding-left: 10px;
}
#homemiddle ul a {
	padding-left: 0;
	color: #1C325A;
}
#homemiddle ul a.eshop {
  padding-right: 45px;
  background: url(../img/eshop.png) no-repeat right center;
}


a.cat-cs0 { background: url(../img/txtcategorycs0.gif) no-repeat; }
a.cat-cs1 { background: url(../img/txtcategorycs1.gif) no-repeat; }
a.cat-cs2 { background: url(../img/txtcategorycs2.gif) no-repeat; }
a.cat-cs3 { background: url(../img/txtcategorycs3.gif) no-repeat; }

a.cat-sk0 { background: url(../img/txtcategorysk0.gif) no-repeat; }
a.cat-sk1 { background: url(../img/txtcategorysk1.gif) no-repeat; }
a.cat-sk2 { background: url(../img/txtcategorysk2.gif) no-repeat; }
a.cat-sk3 { background: url(../img/txtcategorysk3.gif) no-repeat; }

ul.category0 { background: url(../img/imgcategory0.gif) no-repeat; }
ul.category1 { background: url(../img/imgcategory1.gif) no-repeat; }
ul.category2 { background: url(../img/imgcategory2.gif) no-repeat; }
ul.category3 { background: url(../img/imgcategory3.gif) no-repeat; }

#homemiddle ul a:hover { color: #FF6600; }

.major-cat {
	padding-left: 1em;
	display: block;
  height: 38px;
}

.major-cat span { display: none; }

.homenews {
	float: left;
	width: 44%;
	margin: 1em 1.5em 0 1.5em;
}

#middle {
	background-color: #DFDAC6;
	border-bottom: 1px #FFFFFF solid;
	padding: 0.5em;
}

.leftbox {
	float: left;
	width: 25%;
}

.lineright {
  border-right: 1px #1C325A solid;
  min-height: 45em;
  _height: 45em;
}

.rightbox {
	float: left;
	width: 75%;
	border-left: 1px #1C325A solid;
	margin-left: -1px;
}

.action {
  padding-top: 1em;
  margin: 0 0.8em;
  clear: both;
}

.gcontent {
	padding: 1.5em;
	margin-bottom: 1em;
}

.footerbox {
	background-color: #1C325A;
	line-height: 1.8em;
	height: 1.8em;
	clear: both;
	color: #FFFFFF;
}

.stripe-copyright {
  margin-left: 0.4em;
  float: left;
}

.stripe-sitemap {
	background: url(../img/sitemap.gif) no-repeat right center;
	padding-right: 2em;
	margin-right: 0.4em;
	float: right;
	color: #FFFFFF;
}

.navrcholu {
	float: right;
	margin: 3px 0 0 3px;
}

.contact-foot {
  text-align: center;
  margin: 0.4em 0;
}

.moreinfo {
	background: url(../img/arrow02.gif) no-repeat right 0.4em;
	padding-right: 8px;
}

.floatright, .fr {float: right;}
.floatleft, .fl {float: left;}
.fc {clear:both;}
.break {
	clear:both;
	font-size: 1px;
	height: 1px;
}
.clear {
	background: inherit;
	Background-image: none;
	border: none;
}

.preklepy {
  text-align: center;
  margin: 0.6em 0 0 0;
}

.oldprice {
  text-decoration: line-through;
}

.more-prod {
  text-align: center;
  background-color: #E5E7E8;
	display: block;
	text-decoration: none;
	padding: 0.3em 1.5em;
	margin-bottom: 2em;
	font-weight: bold;
}

a.more-prod:hover {
  color: #CC3300;
  background-color: #DFDAC6 !important;
}

/* Produkty */

.prodhead {
	margin: 0 0 2em 0;
	background-color: #F4F4F4;
	float: left;
	width: 70%;
}

.prodhead h2, .prodhead h4, .prodhead p, .prodhead table {margin: 0.6em; }
.prodhead ul {margin-right: 0.6em; }
.prodhead p { text-align: left; }
.prodimg { float: right; margin-left: 0.6em; }
.prodimg img { border: 1px solid #768083; margin-bottom: 0.6em; }

.buttbox, .filesbox {
	float: right;
	width: 26.5%;
}

.filesbox ul {
	margin: 0; padding: 0;
	list-style-type: none;
}

.filesbox ul li {
	background-color: #768083;
	clear: both;
	margin: 0; padding: 0;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.filesbox ul li a {
	color: #FFFFFF;
	background: #768083 no-repeat 99%;
	display: block;
	text-decoration: none;
	padding: 3px 15px 4px 5px;
	_width: 100%;
}

.filesbox ul li a span{
  font-size: 80%;
}

.filesbox ul li a:hover {
	background-color: #1C325A;
	color: #FFFFFF;
}
.buttbox h2 {
  margin-top: 0.5em;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.buttbox a {
 background: #768083 no-repeat right center;
 display: block;
 padding: 3px 3px 4px 5px;
 text-decoration: none;
 margin-top: 0.4em;
 text-transform: uppercase;
 width: 100%;
 color: #FFFFFF;
 text-decoration: none;
 text-transform: uppercase;
}

.buttbox a span {
 padding-right: 12px;
}

.buttbox a.inquire {
  background: #557700 url(../img/information.png) no-repeat 98% center;
}

.buttbox .buttorder {
 background-color: #CD3300;
 margin-top: 10px;
}

.buttbox a:hover {
 color: #FFFFFF;
 background-color: #1C325A;
}

/* parametry */

#paramselect {
  margin: 0;
  padding: 0;
}

#paramselect fieldset {
  margin: 0 0 0.3em 0;
	border: 1px solid #DFDAC6;
	padding: 0;
}

#paramselect .param select {
  border: 1px solid #CCCCCC;
}
#paramselect .param span {
  float: left;
  margin: 0.2em 0;
  width: 310px;
  text-align: right;
}

#paramselect .param span.long {
  width: 620px;
}

#paramselect .param label {
  font-weight: bold;
  margin-right: 0.7em;
}

#paramselect .param {
  margin: 0.8em 0.2em 0.2em 0;
  clear: both;
}

#paramselect div.partner {
  margin: 0.4em 0.2em 0.2em 0.6em;
}

#paramselect .partner div, #paramselect .partner strong {
  float: left;
  margin: 0 1em 0 0;
}

#paramselect .partner div input {
  border: none;
}

.parambutt {
  float: right;
  margin: 0.4em 0.4em 0.2em 0;
  padding-left: 12px;
}

#morebutt { background: url(../img/arrow02d.gif) no-repeat left center; }
#lessbutt { background: url(../img/arrow02u.gif) no-repeat left center; }

.countitem {
  clear: both;
  float: left;
  margin: 0.4em 0.4em 0.2em 0.4em;
}
.countitem a {
  padding-left:14px;
  margin-left:3em;
  background: url(../img/delete.gif) no-repeat left center;
}



#order_box {
  margin: 7px 0 3px 0;
}

#order_box a {
  padding: 0 21px 0 8px;
  background: transparent url("../img/sort_none.gif") no-repeat right center;
  text-decoration: none;
}

#order_box a:hover {
  text-decoration: underline;
}

#order_box a.active {
  font-weight: bold;
}

#order_box a.asc { background-image: url("../img/sort_asc.gif"); }
#order_box a.desc { background-image: url("../img/sort_desc.gif"); }





.paging {
 font-weight: bold;
 color: #666666;
 display: block;
 clear: both;
 float: right;
 padding: 2px 15px;
 border: 1px solid #CCCCCC;
}

.paging a {
 text-decoration: none;
}

.vyrazeno {
  color: #FFFFFF;
  background-color: #CC3300;
  text-align: center;
  padding: 0.4em;
  margin-bottom: 0.5em;
  font-size: 1.6em;
  font-weight: bold;
}

.nahrada {
  background-color: #FFFF88;
  text-align: center;
  padding: 0.2em;
  margin-bottom: 0.5em;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 130%;
}

.nahrada-skupina {
  font-size: 0.8em;
}

.img-catalog {
	border: 1px solid #1C325A;
	float: right;
	margin: 0 0 1em 1.5em;
	clear: both;
}

.newprice {
	color: #CC3300;
	font-size: 1.2em;
	font-weight: bold;
}

.related {
  background: no-repeat left center;
  padding: 0.2em 0 0.2em 2em;
  line-height: 1.7em;
}

.prod_logo {
  margin-bottom: 0em;
}

.param_mbs {
  width: 100%;
 _width: 96%;
}

.param_mbs th {
  text-align: right;
}

.param_mbs select {
  width: 10em;
}

.mbs_message {
  border: 1px solid #1C325A;
  text-align: center !important;
  background-color: #FFDDCC;
  clear: both;

}

.required { border: 1px solid #69665A; }

.message {
  height: 2.5em;
  padding: 0.4em 0.6em;
  border: 1px solid #FFB2B3;
  text-align: center !important;
	font-size: 1em;
	font-weight: bold;
  margin: 5px 0;
  vertical-align: middle;
}

.ok { background-color: #C6FFA8; }
.err { background-color: #FFDDCC; }

.wrong_input input { border: 1px solid #FFB2B3; }
.wrong_input span {
  color: #FF0000;
  margin-left: 1em;
  padding-left: 14px;
  background: url('../img/problem.png') no-repeat;
  line-height: 20px;
}

#messageBox {position: fixed; z-index: 6000; width: 434px; display: none; text-align: left; overflow: hidden; left: 0; top: 0; opacity: 1;}
#messageBox .BoxIn {background: url('../img/mess-bg.png') repeat !important; 	padding: 11px;}
#messageBox .BoxInIn {border: 1px solid #cbc9cc; background-color: #fff; padding: 4px;}
#messageBox .close {position: absolute; top: 15px; right: 15px; cursor: pointer}
#messageBox .boxBottom {width: 400px; height: 60px; margin-top: 15px;	background: #eee url('../img/mess-bottom-bg.gif') no-repeat;}
#messageBox .boxBottomIn {margin-left: 33px; padding-top: 18px;}
#messageBox .boxBottomIn a {display:block; text-align:center; float:left; width:148px; height:26px; line-height:26px; color:#fff !important; text-decoration:none; background:#336699 url('../img/mess-but.gif') repeat-x;}
#messageBox .boxBottomIn a:hover {background: #AE1834 url('../img/mess-but2.gif') repeat-x;}
#messageBox .boxBottomIn .tl1 {margin-right: 35px;}
#messageBox .freetext {padding: 10px 20px;}
#messageBox .item {padding: 5px 24px;}
#messageBox .price {padding: 5px 24px;}
#messageBox span.sumPrice {float: right;}
#messageBox .priceValue {color: #226633;}

.basket {
  float: right;
  background: #576F94 url(../img/basket-view.png) no-repeat;
  width: 165px;
  margin: 2px 0;
  height: 65px;
  color: #F7F7F7;
}

#basketIn {
  padding: 5px 6px 5px 8px;
  white-space:nowrap;
  overflow: visible;
}

.basket h2 {
  margin:0;
  padding: 3px 0 5px 44px;
  background: url(../img/basket.png) no-repeat 6px 50%;
}

.basket h2 a { color: #DFDAC6; }
.basket h2 a:hover { color: #FF6600; }

#basket-txt div {
  margin: 2px 0;
}
#basket-txt strong {
  float: right;
}

#basket-txt strong.price {
  color: #B5EEB5;
}

#basket-con {
  display: none;
  position: absolute;
  right:1px; top:69px;
  z-index:1000;
  background-color: #F4F2EB;
  font-size: 95%;
  min-width:20em;
}

#basket-con table {
  width: 100%;
  padding: 2px;
  border: 1px solid rgb(223,218,198);
  margin: 1px;
}
#basket-con table td{
  padding: 1px 4px;
  text-align: right;
}

.tab-basket {
  border-collapse: collapse;
  border: 1px solid #E1CAA1;
  margin-bottom: 1.5em;
  width: 100%;
}

.tab-basket td, .tab-basket th {
  border-bottom: 1px solid #E1CAA1;
}

.tab-basket td {
  text-align: center;
  padding: 0.2em;
}

.tab-basket th {
  padding: 0.2em 0.4em;
  background-color: #F8F4EC;
  vertical-align: middle;
  text-align: left;
}

input.baskbutt {
  border: none !important;
  margin-left: 5px;
  margin-right: 0;
}

td.order-num {
  padding: 0;
  margin: 0;
  background-color: #E7EBEF;
  width: 85px;
}
.order-num input, .price-num input {
  padding: 0px 2px;
	text-align: right;
  border: 1px solid rgb(229,225,209);
}
.wnum {
  width: 24px;
  height: 19px;
  line-height: 19px;
  margin: 0 12px 0 0;
  font-size: 13px;
}
.mright1 { text-align: right !important; padding-right: 0.5em !important; }

.chcount {
  position: relative;
}
.chcount img { position: absolute; cursor: pointer; left: 32px; }
.chcount .plus { top: -3px; }
.chcount .minus { top: 8px; }

tr.red td { background-color: #FFBBBB !important; }

.help {
  float: right !important;
  border-right: none !important;
  border-left: 1px solid #FFFFFF;
}

.help a {
  background-color: rgb(87,111,148) !important;
  color: rgb(252,214,61) !important;
  font-weight: bold !important;
}

.help a:hover {
 color: #FFFFFF !important;
 background-color: #CD3300 !important;
}