@import url(eshop.css);

* html ul#menu li, .siblings-image li {
  background-color: expression(
        isNaN(this.js)?(this.js=1,
        this.onmouseover=new Function("this.className+=' hover';"),
        this.onmouseout=new Function("this.className=this.className.replace(' hover','');")
        ):false);
  );
}

body {margin: 0; padding: 0; text-align: center; font:13px/150% Arial, Helvetica, sans-serif; background: url(../img/bg.gif) center fixed repeat-y #F2F2F2; color: black;}
h1 {color: #A70045; font-size: 180%; letter-spacing: -1px; }
h3 {font-size: 120%;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}
a {color: #000080; text-decoration: underline;}
a:hover {color: #0075BF; text-decoration: none;}
img {border: none;}
hr {background: none; color: white; border: none; border-bottom: 1px solid #CCCCCC;}

.hide, ul#menu li.sitemap {display: none;}

#base {width: 930px; margin: 0 auto; position: relative; padding: 0 30px; background: url(../img/grad-top.gif) repeat-x; text-align: left;}

#top {height: 130px; background: url(../img/head.jpg) 250px 0 no-repeat;}
div#logo {margin: 0; float: left;}
div#logo a {display: block; width: 260px; height: 130px; position: relative; overflow: hidden;}
div#logo span {display: block; position: absolute; left: 0; top: 0; width: 260px; height: 130px; cursor: pointer; background: url(../img/logo.jpg) no-repeat;}
#top p {text-align: right; margin: 0; padding: 10px 0 5px 0; font-size: 85%;}
#top p.nav a.print {background: url(../img/icon-print.gif) left no-repeat; padding-left: 25px; padding-right: 10px;}
#top p.nav a.sitemap {background: url(../img/icon-sitemap.gif) left no-repeat; padding-left: 25px; padding-right: 10px;}
#top p.nav a.cart {background: url(../img/icon-cart.gif) left no-repeat; padding-left: 22px;}
#top p.lang a {padding-left: 10px;}
#top p.lang img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;  border: 1px solid gray;}
#top p.lang a img {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
#top p.lang a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
p.context {font-size: 85%; text-align: right; margin: -15px 0 5px 0;}

ul#menu, ul#menu ul, ul#menu ul ul {margin: 0; padding: 0; list-style: none; line-height: normal;}
ul#menu {width: 930px;}
ul#menu li {float: left; margin: 0; position: relative; border: none;}
ul#menu li.home {border-left: 5px solid #A70045;}
ul#menu li.cart {display: none;}
/*ul#menu li.cart a {background: url(../img/icon-cart-menu.gif) 11px 8px no-repeat #A70045; padding-left: 40px;}*/
ul#menu li.home a {padding: 8px 10px 8px 10px;}
ul#menu a, ul#menu li.parent li a, ul#menu li.current li a {padding: 8px 9px 8px 9px; white-space: nowrap; font-weight: bold; border-left: 2px solid white; display: block; background: #000080; color: white; text-decoration: none;}
ul#menu a:hover, ul#menu li.cart a:hover, ul#menu li.current a, ul#menu li.current li a:hover, ul#menu li.parent a,  ul#menu li.parent li.current a, ul#menu li.parent li a:hover {background-color: #035C95;}

ul#menu ul {visibility: hidden; position: absolute; top: 100%; left: 0; width: 220px; border-top: 2px solid white; z-index: 10;}
ul#menu li:hover ul, ul#menu li.hover ul {visibility: visible;}
ul#menu ul a {height: 1%; width: 220px; font-weight: normal; border-bottom: 2px solid white;}

ul#menu ul ul {width: 220px;}

ul#menu ul li ul {display: none; position: absolute; left: 240px; top: 0; margin: -2px 0 0 0; z-index: 20 !important;}
ul#menu ul li:hover ul, ul#menu ul li.hover ul {display: block;}

#foot {clear: both; height: 55px; margin: 0 -30px; padding: 20px 30px; background: url(../img/grad-bot.gif) bottom repeat-x; line-height: 140%; font-size: 85%;}
#foot p {margin: 0; float: left;}
#foot p.info {float: right; text-align: right;}
#foot p.info a {display: block; float: left; width: 80px; padding: 0 5px; text-align: center;}
#foot p.info img {display: block; margin: 0 auto; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#foot p.info a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

#content {clear: both; padding: 20px 0 10px 0;}
/*
#content .home .group-content {background: url(../img/bg-home.jpg) right bottom no-repeat #EDF7FF; height: 200px; padding: 10px 300px 10px 19px; line-height: 1.3em; border: 1px solid #A70045; border-left: 5px solid #A70045;}
#content .home h1 {line-height: 1.0em; margin: 0;}*/
#content .home .group-content ul {margin: 0 30px; padding: 0;}
#content .home .groups {/*margin: 0 0 0 -5px;*/ padding: 15px 0 0 0;}
#content .home .groups div {width: 174px;}
#content .home .groups div h3 {width: 174px;}
#content .home .groups div.harmonie {margin-right: 0;}

#content .home .product {position: absolute; top: 182px; height: 205px; padding-top: 25px; left: 340px; width: 250px; border-left: 5px solid #A70045;}
#content .home .product p.description {display: block;}
#content .home .product h4 {font-size: 180%; letter-spacing: -1px; height: 40px;}
#content .home .product h4 a {color: #A70045;text-decoration: none;}

#content .partners .product {height: 23px; width: 23x; padding-left: 0;}

#content .thin {padding: 10px 100px;}

.item-content .attachments/*, .group-content .attachments*/ {/*padding-right: 150px; */padding-top: 30px; width: 590px; text-align: center;}
.group-content .attachments {margin: -30px 50px 0 0;}
.prodejnimista .attachments {padding-right: 0;}
.item-content p {width: 50%;}

.siblings-image, .siblings {padding-top: 10px; margin-top: 20px; border-top: 1px solid #CCCCCC; width: 930px; clear: both; font-size: 85%;}
.siblings-image h3, .siblings {margin: 0;}
.siblings ul {margin: 0; padding: 10px 0 30px 15px;}
.siblings-image ul {margin: 0; padding: 10px 0 30px 0;}
.siblings-image li {width: 200px; padding: 10px 0 0 0; min-height: 150px; border: 1px solid #EEEEEE; _height: 150px; margin: 0 30px 15px 0; float: left; list-style: none; text-align: center; line-height: 120%; height:160px;}
.siblings-image li:hover, .siblings-image li.hover {border: 1px solid gray; color: black;}
.siblings-image li a {display: block;}
.siblings-image li img {display: block; margin: 5px auto;}

.groups {clear: both;}
.groups div {float: left; width: 170px; height: 170px; text-align: center; margin: 8px 10px 8px 0; border: 1px solid #CCCCCC; border-bottom: none; position:relative;}
.groups h3 {/*margin: 130px 0 0 0;*/ width: 170px; position:absolute; bottom:0; left:0; margin:0;}
.groups img {/*margin: -150px 0 0 0;*/float:none; top:10px;}
.groups h3 a {display: block; height: 25px; line-height: 80%; padding: 5px 0; background: #000080; border-top: 3px solid gray; color: white; text-decoration: none;}
.groups h3 a:hover {color: white; background: #035C95;}

form.access {width: 350px;}
form.access fieldset {padding: 5px 10px;}
form.access label {display: block; width: 150px; float: left;}
form.access input.button {margin: 10px;}
form.access legend {padding: 5px 10px; font-size: 120%;}

.items {padding-left: 10px;}
.product p.description {display: none;}

/**/

.pager {text-align: center; padding: 0 0 10px 0; clear: both;}
.pager h3 {margin: 0;}

div.product {float: left; width: 285px; height: 150px; padding-left: 20px;margin:0;}
div.product h4 {margin: 0 0 2px 0; font-size: 100%;}
div.product img {float: left; padding-right: 10px;}
div.product span.price {display: block; padding-top: 5px; height: 20px; overflow: hidden;}
div.product span.id {display: block;}
div.product form.add2cart {float: right; padding-right: 30px;}
div.product form.add2cart input.button {text-indent: -9999px; width: 25px; background: url(../img/icon-cart.gif) no-repeat 5px 4px; margin: 0;}
form.add2cart {/*float: right;*/ padding: 10px 15px 10px 0; margin: 0;}
form.add2cart input {border: 1px solid #000080; width: 15px;/* margin-left: 20px;*/}
form.add2cart input.button {background: url(../img/icon-cart-button.gif) no-repeat; padding: 1px 5px 1px 0; font-size: 12px; height: 26px; margin: 0 0 0 5px; border: none; cursor: pointer; width: 180px; color: #99031E;}
dl.item_info {border: 1px solid #CCCCCC; width: 310px;}
dl.price-code {font-weight: bold; border: 1px solid #CCCCCC; width: 310px; margin-bottom: 20px;}
dt {width: 200px; float: left; padding: 5px 3px;}
dd {padding: 5px 3px;}
dt.odd, dd.odd {background: #CFCFE6; border-bottom: 1px solid #CCCCCC;}

.article {float: left; width: 100%; margin-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #CCCCCC;}
div.article .name a {font-size: 1.2em; font-weight: bold; letter-spacing: -1px; text-decoration: none;}
.article .date {background: #EEE; padding: 2px 5px;}
div.article img {float: right; margin-left: 10px;}
div.article p.text {margin: 5px 0 10px 0;}
/*
div.siblings {font-size: 85%;}
div.siblings h3 {font-size: 110%;}
div.siblings .pager {margin-bottom: 15px;}
div.siblings li {margin: 1px 0 0 0;}
*/
div#col-right div.inside ul.retail-places {list-style: none; font-weight: bold; margin: 0 0 0 6px;}
div#col-right div.inside ul.retail-places li {padding: 7px 0; background: none; border-bottom: 1px solid #CCCCCC; visibility: hidden; position: absolute; top: 310px;}
ul.retail-places p.opening {font-weight: normal; font-size: 90%;}
ul.retail-places p.logo {padding-top: 50px; background: url(../img/logo-50x40.gif) no-repeat;}
ul.retail-places hr {margin: 10px 0;}

div.attachments {float: right;}

#user {font-size: 0.85em; text-align: right; margin-right: -5px;}
.login-box form {padding: 3px 10px 3px 0; margin: 0;}
.login-box input {font-family: Arial, Helvetica, sans-serif; font-size: 1em; vertical-align: middle;}
.login-box input#lb_login {width: 100px;}
.login-box input#lb_password {width: 70px;}
.login-box input.text0 {color: #AAAAAA;}
.login-box input.text1 {color: black;}
#user label {float: none; display: inline;}

form.access {margin: 0; padding: 0; width: 380px;}
form.access fieldset {padding: 10px 20px;}
form.access legend {padding: 3px 7px; font-size: 1.2em;}
form.access label {display: block; float: left; width: 150px;}
form.access input.text {width: 150px;}
form.access input.button {margin: 5px 0;}
form.access ul {margin: -10px 0 0 0; padding: 0; list-style: none; float: right;}
.logged-user {font-size: 0.85em; text-align: right;}
form.user_edit {margin: 0; padding: 0;}
form.user_edit fieldset {margin: 10px 0; padding: 10px;}
form.user_edit legend {padding: 3px 7px; font-size: 1.2em; font-weight: bold;}
form.user_edit label, form.user_edit .label {display: block; float: left; width: 150px;}
form.user_edit input {width: 180px;}

div.recaptcha_menu div {
	display: inline;
	font-size: smaller;
	clear: both;
}

.item-content div.eshop_feedback {float:none; border:1px solid #adadc9; background-color:#CFCFE6; margin:10px 0; padding:10px;}
.item-content div.eshop_feedback div.status {font-weight:bold; padding-bottom:10px;}
.item-content div.eshop_feedback div.ctrl {text-align:center; margin-top:20px;}
.item-content div.eshop_feedback div.ctrl a {margin:0 10px;}
.eshop table td {max-width:300px; min-width:60px;}
.eshop table.order-info {width:100%;}