@import url('shop-menu.css');

html, body, form, fieldset {margin:0; padding:0}
a img {border:none;}
.clr {clear:both; height:0; line-height:0; font-size:0}
table {font-size:1.0em; border-collapse:collapse}
body {margin:0 auto; background:url(../img/bg-body.gif) top center repeat-x #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
a.button {display:block; border:0px; padding:3px 10px 0px 10px; text-decoration:none; text-transform:uppercase; font-size:0.8em; color:#FFFFFF; background:#d0646c; line-height:150%; height:15px; margin:0;}
h1 {position:absolute; z-index:-99999;}
h1 a {color:#FFFFFF; font-size:0.5em}
h2 {margin:0 0 15px 0; padding:0; color:#5d9b38; font-size:2.1em; font-weight:bold;}

input, textarea, label
{ margin: 3px 3px 3px 10px;
}

fieldset {
	color: #000000;
	border: 2px solid #3baa7b;
}

.cw {color:#FFFFFF;text-decoration:underline;}

#container {width:956px; margin:0 auto; position:relative}
#top {height:113px; width:956px;}
#logo {width:272px; height:113px; margin:0; padding:0; float:left; position:relative;}
#logo a,hover {z-index:99999; width:272px; height:113px; display:block; margin:0; padding:0; border:none; text-decoration:none; background:url(../img/logo.gif) no-repeat}

#top-navi {text-align:right; position:relative; top:25px; right:6px}
#top-navi a {font-size:0.9em; color:#FFFFFF; text-decoration:underline; padding:0 11px 0 22px}
#top-navi a:hover {text-decoration:none}
#top-navi a#tn-1 {background:url(../img/tn-1.gif) left center no-repeat}
#top-navi a#tn-2 {background:url(../img/tn-2.gif) left center no-repeat}
#top-navi a#tn-3 {background:url(../img/tn-3.gif) left center no-repeat}

#menu {float:left; background: url(../img/bg-menu.gif) no-repeat center top; width:684px; position:relative; top:48px;}
#menu a {display:block; float:left; height:51px; font-size:1.0em; padding:0 8px 0 8px; text-decoration:none; color:#5d9b38; background:url(../img/bg-menu-a.gif) top center repeat-x}
#menu a:hover {background:transparent; color:#FFFFFF;}
#menu ul {margin:0; padding:0 0 0 0px; width:684px;}
#menu ul li {list-style:none; float:left; line-height:51px}
#menu a#active {background:transparent; color:#FFFFFF}

#container-banner {width:268px; height:233px; float:left; position:relative; top:3px;}
#container-motive {width:684px; height:233px; float:left; position:relative; top:3px; left:4px; background:url(../img/container-motive.jpg) top center no-repeat}

#user-panel {width:695px; height:36px;  float:right; position:relative; top:4px; right:-11px}
#user-panel a img {margin:0 1px 0 2px}
#user-panel form {padding:8px 0 0 0; width:338px; background:url(../img/bg-login.gif) repeat-x left top; height:34px; float:left }
#user-panel form span {color:#FFFFFF; padding:0 3px 0 5px}
#user-panel form input {border:0px; border-collapse:collapse; font-size:1em; color:#5d9b38; padding:3px 2px 1px 2px; margin:0;}
#user-panel form input.button {border:0px; border-collapse:collapse; text-transform:uppercase; font-size:9px; color:#FFFFFF; background:url(../img/log.gif) no-repeat left top; padding:3px 0 3px 0; height:18px; width:20px; margin:1px 0 0 5px;}

#user-panel-logged {width:684px; height:36px;  float:right; position:relative; top:4px; right:0px;}
#user-panel-logged a img {margin:0 1px 0 2px}
#user-panel-logged form {padding:8px 0 0 0; width:684px; background:url(../img/bg-login.gif) repeat-x left top; height:34px; float:left }
#user-panel-logged form span {color:#FFFFFF; padding:0 3px 0 5px}
#user-panel-logged form input {border:0px; border-collapse:collapse; font-size:1em; color:#5d9b38; padding:3px 2px 1px 2px; margin:0;}
#user-panel-logged form input.button {border:0px; border-collapse:collapse; text-transform:uppercase; font-size:9px; color:#FFFFFF; background:url(../img/log.gif) no-repeat left top; padding:3px 0 3px 0; height:18px; width:20px; margin:1px 0 0 5px;}


#b-reg {width:160px;height: 50px; font-size: 1.2em; font-weight: bolder; float:left; margin:9px 9px 9px 0px}


#column-left {width:242px; padding:16px; float:left; position:relative;}
#column-right {width:670px; padding:18px 0px 18px 12px; float:left; position:relative;}

#column-left-home {width:220px; padding:8px 16px 0 0; float:left; position:relative; background:#ffffff; margin:18px 5px 0 10px;}
#column-right-home {width:635px; padding: 24px 0 10px 0; float:left; position:relative;}

#newsticker {margin:0; padding:0; width:220px}
#newsticker ul {margin:0; padding:0}
#newsticker ul li a,hover,visited {text-decoration:none; color:#363636;}
#newsticker h3 {display:inline; font-size:1.2em}
#newsticker a h3 {position:relative; top:-2px; color:#d0646c; text-decoration:underline}
#newsticker a:hover h3 {text-decoration:none; color:#3baa7b}
#newsticker p {padding: 3px 0 0 0; margin:0; font-size:1.1em; line-height:150%;}
#newsticker ul li {padding:0px 0 0 44px; margin:0 0 25px; list-style: none outside !important; list-style-image: none !important;}
#newsticker ul li .date {margin-left:-44px; float:left; width:31px; background:#D9D9D9; text-align:center; padding:1px; font-family:Arial, Helvetica, sans-serif; font-size:80%; text-transform:uppercase; color:#8F8E8D; line-height:1.3; overflow:hidden; color:#666666;}
#newsticker ul li .date strong {background:white; display:block; font-size:18px; }
#b-mnews {width:70px;}

#column-right .breadcrumbs {color:#9e9e9e;}
#column-right .breadcrumbs a {color:#d0646c; text-decoration:underline}
#column-right .breadcrumbs a:hover {text-decoration:none; color:#3baa7b}
#column-right .breadcrumbs strong a {color:#3baa7b; font-weight:normal}

#content-home {width:600px; float:left; position:relative; top:0; left:20px;}
#content-home p {font-size:1.2em; width:390px; color:#363636; padding:0; margin:0 0 15px 0; line-height:150%}
#content-home p a {color:#d0646c; text-decoration:underline}
#content-home p a:hover {text-decoration:none; color:#3baa7b}

#content-sub {width:670px; float:left; position:relative; top:25px; left:-1px}
#content-sub p {font-size:1.2em; width:655px; color:#363636; padding:0; margin:0 0 15px 0; line-height:150%}
#content-sub p a {color:#d0646c; text-decoration:underline}
#content-sub p a:hover {text-decoration:none; color:#3baa7b}

.banner-shop {display:block; margin:0 0 5px 0; padding:0; width:250px; height:66px; position:relative; top:-15px; background:url(../img/banner-shop.gif) no-repeat}

#newsletter-home {width:250px; float:left; position:relative;}
#box-newsletter {border:1px solid #c4c4c4; font-size:1.1em; padding-bottom:14px}
#box-newsletter form {padding:14px}
#box-newsletter form input {border:1px solid #5d9b38; border-collapse:collapse; width:130px; font-size:1.1em; color:#5d9b38; padding:1px 3px 1px 3px; margin:10px 0 0 0; font-weight:normal; letter-spacing:0px}
#box-newsletter form input.button {border:0px; border-collapse:collapse; text-transform:uppercase; font-size:9px; color:#FFFFFF; background:#d0646c; padding:3px 0 3px 0;  width:71px; height:18px; margin:0 0 0 5px;}
.tip {position:relative; background:url(../img/arr-tip-up.gif) top center no-repeat #3baa7b; color:#FFFFFF; font-size:0.9em; margin:0 14px 11px 14px; height:104px}
.tip p {padding:26px 10px 5px 17px; margin:0; line-height:150%}

#footer {float:left; width:100%; height:66px; margin-top:40px; background:url(../img/bg-body.gif) top center repeat-x #FFFFFF;}
#footer p {width:956px; text-align:left; line-height:56px; color:#FFFFFF; margin:0 auto; padding:0;}

/* ESHOP */

#content-eshop {width:670px; float:left; position:relative; top:25px; left:-1px}

.str {font-size: 1.1em; text-align:center; float:right; padding:2px 0 0 2px;}
.str a, .str span {display: block; float: left; padding: 0.2em 0.5em; margin-right: 0.25em; border: 1px solid #ffffff; background: #ffffff;}
.str span.aktual {border: 1px solid #000000; font-weight: bold; background: #70bf44; color: #fff;}
.str a {border: 1px solid #000000; text-decoration: none; color: #70bf44}
.str a:hover {border-color: #d0646c; color: #ffffff; background:#d0646c}
.str a.nextprev {font-weight: bold;}
.str span.nextprev {color: #666666;}
.str span.nextprev {border: 1px solid #ddd; color: #999999;}
.str .nextprev-next {float: right;}

#tab-product {width:680px;_width:665px; border-collapse: collapse;background: #fff; margin:10px 0 25px 0}
#tab-product tr td {width:360px; _width:345px; vertical-align:top; padding-bottom:15px; border: none; }
.produkt {width:350px; _width:330px; color: #666666; border:none;}
.box-produkt {width:320px; border:0px solid #dadada; padding:10px 0 15px 0;font-size:11px;}
.box-produkt2 {width:600px; border:0px solid #dadada; padding:10px 0 15px 0;font-size:11px;}
.produkt .popis { float:left; width:160px; position:relative; top:-10px; background:url(../img/arr-popis-up.gif) top center no-repeat #70bf44; color:#FFFFFF; font-size:1.0em; margin:20px 0 0 15px; text-align:left; z-index:9999;}
.popisek {font-size:1.2em;}
.produkt .popis p {padding:2px 10px 20px 10px; margin:0; line-height:150%; text-align:left}
.cena {color:#f9ffb7; font-size:1.1em; display:block; margin:12px 10px 7px 10px; padding-bottom:6px; line-height:150%; text-align:left; border-bottom:1px dotted #ffffff}
.cena strong {color:#f9ffb7; font-size:1.2em;}
.produkt h3 {font-size:1.3em; padding:38px 5px 10px 10px; text-align:left; margin:0}
.produkt h3 a {color:#ffffff; text-decoration:none}
.produkt h3 a:hover {color:#f9ffb7; text-decoration:none}
.tbuy {width:130px; margin:0 auto; padding-top:20px; float:left; background:url(../img/arr-tbuy-up.gif) top center no-repeat #f9efde; position:relative; left:-5px; top:10px; z-index:9998;}
.tbuy ul {margin:10px 0 5px 15px; padding:0; list-style:none; color:#000000}
.tbuy ul li {font-size:1.0em; margin:0 0 4px 0;}
.tbuy form input {border:1px solid #000000; border-collapse:collapse; font-size:1em; color:#000000; padding:1px; }
.tbuy form input.button {border:0px; border-collapse:collapse; text-transform:uppercase; font-size:9px; color:#FFFFFF; background:#d0646c; padding:3px 0 3px 0; height:18px; width:85px; margin:8px 0 12px 23px;}
.tbuy h3 {font-size:1.3em; padding:15px 0 0px 0; text-align:center; margin:0 0 0 0}
#b-det {width:90px; margin:10px 0 0 87px;}

#column-left-shop {width:272px; padding:0 0 16px 0; float:left; position:relative;}

#reg-form label, #reg-form input {display: block;}
#reg-form label {font-weight: bold;}

#kosik {border: 1px solid #000000; }

#kosik th {border: 1px solid #000000; background-color: #d0646c;}
#kosik td {border: 1px solid #000000; text-align: center;}
#kosik .suda {background-color: #C1FFC1;}
#kosik .celkem {background-color: #006400; font-weight: bold; color: #FFFFFF;}
#kosik .notable td {border: 0 none;}

#bannery {float:right}