html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, dd, dt, address {margin: 0;padding: 0;}
html {background: white url(../img/bg.jpg) repeat-x;color: black;}
body {text-align: center;font: 80%/1.4 Tahoma, Arial, Helvetica, sans-serif;}
html > body {font-size: 13px;}
a {font-weight: normal;text-decoration: underline;color: #007DC3;}
a:hover {text-decoration: none;}
#text a:hover {background: #007DC3;color: white;}

table {font-size: 100%;border-collapse: collapse; width:100%}
.bold {font-weight: bold;}
.center {text-align: center;}
.right {text-align: right;}
.cb {clear: both;height: 1px;width: 1px;overflow: hidden;}
li {list-style: none;}
a img, fieldset {border: 0;}
.error-message {color: red;font-weight: bold;margin: 1em 0;}
hr {display: none;}
.hr {height: 2.5em;clear: both;background: url(../img/hr.gif) left center repeat-x;}
.fleft {float: left;}
.fright {float: right;}

#page {width: 764px;_width: 813px;padding: 179px 25px 0 25px;margin: 0 auto;text-align: left;position: relative;background: url(../img/page.gif) repeat-y;}

#head {width: 764px;height: 152px;position: absolute;left: px;top: 0;background: url(../img/head.jpg) no-repeat;}

#logo {top: 36px;left: 37px;z-index: 5;}
#logo, #logo span {width: 216px;height: 74px;display: block;cursor: pointer;position: absolute;color: black;}
#logo span {background: url(../img/logo.jpg) no-repeat;z-index: 10;}
#logo strong {position: absolute;}

#menu {top: 152px;position: absolute;}
#menu li {float: left;border-right: 1px solid white;}
#menu a {height: 24px;padding-top: 3px;background: #77D877 url(../img/menu_a.gif) 0 0 repeat-x;text-decoration: none;display: block;color: white;font-weight: normal;text-align: center;}
#menu a:hover {background: #007DC3 url(../img/menu_a.gif) 0 -27px repeat-x;}

#m1 a {width: 78px;_width: 88px;}
#m2 a {width: 154px;_width: 164px;}
#m3 a {width: 124px;_width: 134px;}
#m4 a {width: 92px;_width: 102px;}
#m5 a {width: 110px;_width: 88px;}
#m6 a {width: 100px;_width: 90px;}
#m7 a {width: 100px;_width: 90px;}
li#m7 {border-right: 0;}

#content {background: url(../img/content.gif) repeat-y;}
#content_top {height: 60px;width: 764px;_width: 813px;top: 179px;background: url(../img/content_top.gif) no-repeat;position: absolute;}

#lc, #text, #rc {position: relative;z-index: 5;font-size: 85%;}

/* TEXT */

#text {width: 424px;float: right;left: -152px;line-height: 1.6;}

.inner {padding: 0 20px;}
#content-frame{_width: 380px;}

h1, h2, h3, h4, h5, h6 {color: #0E5B0E;}
h1 {font-size: 120%;padding: 4px 5px 4px 10px;margin-top: 1.0em;background: url(../img/hr.gif) left bottom repeat-x;}
h2 {font-size: 120%;margin: 1.5em 0 1em 0;}
h3 {font-size: 110%;margin: 1.5em 0 1em 0;}
h4 {font-size: 100%;margin: 1.5em 0 1em 0;}
h5 {font-size: 90%;margin: 1.5em 0 1em 0;}
h6 {font-size: 80%;margin: 1.5em 0 1em 0;}


#text p {margin: 1em 0;}
#text ul {margin: 1em 0 1em 5px;}
#text ol {margin: 1em 0 1em 27px;}
#text li {background: url(../img/li.gif) left 0.6em no-repeat;padding: 1px 0 1px 16px;}
#text .error-message li {background-image: url(../img/error_li.gif);}
#text ol li {list-style: decimal;background: none;padding-left: 0;}

.important {color: #1186C5;font-weight: bold;}
.important2 {border-left: 3px solid #F20696;padding: 0.4em 0 0.4em 1em;font-weight: bold;}
#text p.important2 {margin: 1.5em 0;}

/* LEVY SLOUPEC */

#lc {width: 187px;float: left;}

#search_f {padding: 18px 0 0 6px;}
#search_f .input {border: 1px solid #84B0C6;height: 18px;width: 100px;_width: 95px;margin-right: 4px;padding: 0;display: block;float: left;}
#search_f .submit {float: left;}

#cats {background: white;border-top: 1px solid white;margin: 1.5em 0 0 0;}
#cats li {border-bottom: 1px solid white;}
#cats a {height: 18px;border-top: 1px solid #BBECBB;padding: 3px 0 0 21px;display: block;text-decoration: none;color: #007DC3;background: url(../img/cats_a.gif) 0 center no-repeat;font-weight: normal;}
[id=page] #cats a {height: auto;min-height: 18px;}

#cats li ul {position: relative;top: 1px;_top: -12px;border-top: 1px solid #BBECBB;_margin-bottom:-13px}
#cats li li a {background-image: url(../img/cats_li_li_a.gif);border: 0;padding-left: 35px;min-height: 19px;}

#cats a:hover {background-position: -187px center;color: white;}

#cats_bottom {height: 37px;background: url(../img/cats_bottom.gif) no-repeat;margin-bottom: 2em;}

/* PRAVY SLOUPEC */

#rc {width: 151px; left:426px; float: left;color: #0E5B0E;padding-top: 10px;}

#rc a {color: #0E5B0E;font-weight: normal;}

#login {background: white;width: 151px;overflow: hidden;border: 1px solid #A1E3A6;border-right: 0;position: relative;left: -1px;}
#login table {margin: 8px 0 0 6px;}
#login label {color: #0E5B0E;}
#login .input {border: 1px solid #84B0C6;height: 17px;width: 78px;padding: 0 3px;}
#login p {margin: 0.7em 0 0.5em 10px;}
#login p strong {color: black;}

#rc .links {margin: 0.6em 0;}
#rc .links li {padding: 1px 0 0 1px;}
#rc .links a {background: #E3F7E3;padding: 1px 0 1px 10px;text-decoration: none;display: block;width: 139px;}
#rc .links a:hover {background: #1186C5;color: white;}

 #icart {background: white ;/*url(../img/icart.jpg) center 7px no-repeat;*/padding: 0px 0 8px 1px;margin-right: 1px;}
#icart_odkaz{background: white;display: block;padding: 1px 0;/*height: 1px;*/text-align: center;padding: 10px 0 5px 0px;margin: 0 0 0px 0;text-decoration: none;}

.to_cart {background: #E3F7E3;display: block;padding: 1px 0;height: 1px;text-align: center;margin: 0 0 9px 0;text-decoration: none;}
[id=page] .to_cart {height: auto;}
.to_cart:hover {background: #1186C5;color: white !important;}

#icart .info {margin: 0.4em 13px;height: 1.2em;line-height: 1;}
#icart .info span {float: right;font-weight: bold;color: #1186C5;}
#icart .info em {float: left;font-style: normal;}

#rc h3 {text-align: center;padding: 13px 5px;font-size: 100%;background: #C1E0F0;margin: 0 1px;}
#rc h3.gradient {background: #C1E0F0 url(../img/h3_gradient.gif) no-repeat;height: 10px;}
[id=page] #rc h3.gradient {height: auto;min-height: 10px;}

.best {width: 110px;margin: 0.5em 0 2em 20px;background: #C1E0F0;}
.best a {text-decoration: none;}
.best a .name {background: #AED4E8;display: block;cursor: pointer;overflow: hidden;width: 106px;text-decoration: none;color: white;text-align: center;padding: 2px 2px 3px 2px;margin-top: 1px;font-weight: bold;}
.best a .pic {background: white;text-align: center;border: 4px solid #AED4E8;display: block;padding: 18px 0;}
.best a img {border-color: #}
.best a:hover .name {background: #1480BE;}
.best a:hover .pic {border-color: #1480BE;}

/**/


#footer {min-height: 50px;background: #79DA79 url(../img/footer.gif) no-repeat;color: white;}
#footer p {font-weight: bold;font-size: 85%;width: 184px;text-align: center;padding-top: 3px;}
/*OV*/#footer div {font-weight: bold;font-size: 90%;color: #125D1A ;text-align: center;padding-top: 3px;background: #bbecbb ;}
/* TABULKA */

.colored {margin: 1.5em 0;line-height: 1.5;}
.colored td {background: #E4F2F2;padding: 0.4em 1em;border: 1px solid white;}
.colored th {color: white;background: #2E91C8;font-weight: normal;text-align: center;border: 1px solid white;padding: 0.3em 1em;}
.colored a {color: #1C5119;font-weight: bold;}
.colored a:hover {background: #1C5119 !important;}

/* FORM classic */
.classic {padding: 1.4em 0;}
.classic div {clear: both;}
.classic div.sep {height: 5px;padding: 0;overflow: hidden;}

.classic label {float: left;display: block;width: 130px;padding-top: 3px;}
.classic input, .classic select, .classic textarea {display: block;float: left;}
.classic textarea {width: 320px;height: 80px;}
.classic .textarea {margin-top: 8px;}
.classic .textarea label {padding-bottom: 6px;}
.classic input.submit {clear: both;margin-top: 1.2em;}
.classic div span {color: gray;font-size: 92%;clear: both;display: block;padding: 0 0 10px 130px;}

.classic div.checkbox {padding: 5px 0 9px 0;}
.classic div.checkbox label {width: 350px;padding: 2px 0 0 10px;}
#text .classic div.checkbox .sep {height: 1px;}

legend {padding: 0 10px;line-height: 22px;margin: 0 0 0 15px;color: white;font-weight: bold;background: #0E5B0E url(../img/legend.gif) repeat-x;border-left: 1px solid #0E5B0E;border-right: 1px solid #0E5B0E;}
fieldset.bordered {border: 1px solid #0E5B0E;padding: 0 15px 15px 15px;}
fieldset.bordered div.first {margin-top: 17px;}

/* KOSIK */

.delivery_fee td {background: #D1E7F4;}
.delivery_fee .left {color: #3594C4;}
.cart th {padding: 0.2em 0.4em;}
.cart td {padding: 0.3em 0.6em;}
.quantity {width: 26px;}
.cart .total td {background: #CDEBE1;font-weight: bold;}
.delete {text-decoration: none;}
.delete img {display: block;margin: 0 auto;}

table.colored2 {width: 384px;margin: 1em 0 2em 0;}
table.colored2 td, table.colored2 th {padding: 0.2em 1em;border: 1px solid white;background: #CDEBE1;}
table.colored2 th {background: #2E91C8;text-align: left;font-weight: bold;color: white;}

/* DETAIL PRODUKTU */

#text .pic {float: right;}
.panel {margin: 30px 0 15px 0;width: 173px;text-align: right;}
.panel p {text-align: left;}
.txt {color: #0E5B0E;padding-top: 8px;background: url(../img/dots.gif) repeat-x;text-align: left;}
.txt table {width: 100%;}
.txt table td {color: #0E5B0E;padding: 2px 0;line-height: 1.4;}
.txt table td.important {color: #1186C5;}
.dph {color: #F20696 !important;font-weight: bold;text-align: right;}
.dots {background: url(../img/dots.gif) repeat-x;height: 8px;margin-top: 8px;overflow: hidden;}
.to_basket {padding: 0 0 10px 0;}
.to_basket input {float: right;}
.to_basket .input {height: 14px;width: 20px;padding: 0;font-size: 11px;text-align: center;margin-right: 8px;}
html:root [id=page] .to_basket .input {height: 20px;padding-top: 2px;}/* puvodne: height: 20px; */
.short_desc {margin: 1em 0;}
.long_desc {margin: 2em 0 1em 0;}

/* VYPIS KATEGORIE */

#subcats {border: 1px solid #C0E0EF;background: #F1FBF0;margin: 2em 0;padding-bottom: 16px;}
#subcats p {font-weight: bold;margin: 0.8em 20px;font-size: 110%;}
#subcats ul {margin: 0;position: relative;width: 150px;}
#subcats .fleft {left: 20px;}
#subcats .fright {left: -20px;}
#subcats ul a {display: block;}
#subcats ul a:hover {background-color: #F1FBF0;color: black;}

.pr_view {margin: 1.5em 0;width: 384px;}
.pr_view h2 {background: #CFE5F2;font-size: 100%;margin: 0 0 1px 0;}
.pr_view h2 a {color: #125D1A;background: #CFE5F2;display: block;padding: 2px 0 2px 13px;font-weight: bold;text-decoration: none;}
#text .pr_view h2 a:hover {color: #125D1A;background: #CFE5F2;}

.pr_view .cover {border: 1px solid #CFE5F2;}

.pr_view .sh_desc {float: left;position: relative;width: 235px;text-align: justify;padding: 10px 0;left: 13px;}

.pr_view .pic2 {float: right;width: 112px;position: relative;left: -13px;text-align: center;padding: 7px 0;}
#text .pr_view .pic2 a {padding: 0;background: white;display: inline;}

.pr_view .more {clear: both;padding: 0 10px 5px 13px;}
#text .pr_view .more a {color: #58D054;background: white;font-weight: bold;}

.lcz_only{display:none;visibility:hidden;}