html,body,ul,li,p,h1,h2,h3,h4,h5,h6,form {padding:0; margin:0; list-style:none;line-height:1;}
body{font-size:62.5%; font-family: Arial, Georgia; color:#000; background:#fff;}
.b{font-weight:bold}
.clear{clear:both}
div.clear {clear:both; height: 0;}
hr.clear{clear:both; visibility:hidden;}
#content {width: 100%; margin: 0 auto; position: relative; padding-top: 260px;}
#header {background: #fff; position: absolute; top: 0; height: 245px;}
#header a {width: 0; height: 0; overflow: hidden; display: block; padding: 245px 100% 0 0; background: #fff url(logo.gif) no-repeat center top;}
#header a#menu_jump {display: none;}
#footer {display: none;}
#menu_top {display: none;}
#left {display: none;}
/* obsahová část */
#main {float: none; width: 100%; position: relative;}
#main h1 {font-size: 240%; color: #604848;}
#main h2 {width: 100%; padding-top: 10px; clear:both; color: #789048; font-size: 200%; border-bottom: 2px solid #c0d860; margin-bottom: 2px;}
#main p {color: #604848; font-size: 130%; line-height: 15px; padding-right: 10px; padding-top: 10px; text-align: justify;}
#main p a {color: #607848;}
#main p a:hover {text-decoration: none;}
#main p.nav { color: #607848; padding: 5px 0 10px 0; font-size: 110%;}
#main p.nav a {padding: 0px;}
#main a.print {display: none;}

#detail #main #cnt .item {background: #fff url(); float: left; width: 200px; padding: 0px 10px 0 0;}
#detail #main #cnt .item h3 a {color: #000; font-size: 120%; font-weight: bold; text-decoration: none; }
#detail #main #cnt .item .cena {color: #000; font-size: 120%; font-weight: bold; display: block;}
#detail #main #cnt .item div {display: none;}
#main .item img { border: 0;}
#main .item .basket {display: none;}
#main .item .kosik {display: none;}
#main .item .detail {display: none;}
#main .news .star, #main .tip .star, #main .akce .star {display: none}
/* sortovaní výpisu */
#index #main form {position: relative; left: 407px; margin-bottom: 2px; padding: 2px 2px 2px 4px; background: #c0d860; color :#607848; width: 188px; height: 18px;}
#index #main form label {padding-top: 4px; float: left; display:block; font-weight: bold; font-size: 110%; color: #607848;}
#index #main form select {margin: 0 4px; width: 75px; float: left; border: 1px solid #607848; color: #607848; font-size: 110%; font-family: Arial, Georgia;}
#index #main form button span {visibility: hidden;}
#index #main form button.up {float: left; border: 0; background: url(sort_arrow.gif) no-repeat left 5px; width: 16px; height: 20px; cursor: pointer;}
#index #main form button.down {float: left; border: 0; background: url(sort_arrow.gif) no-repeat right 5px; width: 16px; height: 20px; cursor: pointer;}
/* subkategorie */
#index #main #subcat {width: 600px; position: relative; padding-top: 0px; border-top: 2px solid #c0d860;}
#index #main #subcat span {position: absolute; top: -17px; font-weight: bold; font-size: 140%; color: #789048; display: block;}
#index #main ul {padding-top: 4px;}
#index #main ul li {float: left; display: block;}
#index #main ul li a { margin: 0 4px 4px 0; float: left; display: block; color: #607848; background: url(subkategorie1.gif) no-repeat left top; padding: 5px 5px 0px 20px; height: 15px; font-size: 110%; text-transform: uppercase; text-decoration: none; font-weight: bold;}
#index #main ul li a:hover { color: #fff; background: url(subkategorie2.gif) no-repeat left top; }
#index #main ul li.now a { color: #fff; background: url(subkategorie3.gif) no-repeat left top; }
/* výběr zobrazení */
#main ul#viewmode {z-index: 255; position: absolute; top: 350px; right: 10px; width: 138px; height: 39px; background: #604848 url(viewmode1.gif) no-repeat right top;}
#main ul#viewmode li {margin-bottom: 2px;  text-align: right;}
#main ul#viewmode a {display: block; padding: 4px 5px 4px 20px; color: #fff; font-weight: bold; font-size: 100%; text-decoration: none;}
#main ul#viewmode a:hover { color: #c0d860;}
#main ul#viewmode2 {z-index: 255; position: absolute; top: 350px; right: 10px; width: 138px; height: 39px; background: #604848 url(viewmode2.gif) no-repeat right top;}
#main ul#viewmode2 li {margin-bottom: 2px;  text-align: right;}
#main ul#viewmode2 a {display: block; padding: 4px 5px 4px 20px; color: #fff; font-weight: bold; font-size: 100%; text-decoration: none;}
#main ul#viewmode2 a:hover { color: #c0d860;}
/* DETAIL */
#detail #main a img {border: 0;}
#detail #main div#cnt {position: relative;}
#detail #main div#mainimg {width: 300px; height: 300px; border: 2px solid #604848; float: left; text-align: center;}
#detail #main p#otherimg { clear: left; float: left; padding: 0; width: 302px;}
#detail #main p#otherimg span {color: #fff; font-size: 85%; font-weight: bold; padding: 0px 4px 0px 4px; margin-right: 1px; display: block; background-color: #604848; width: 50px; float: left; height: 18px;}
#detail #main p#otherimg a {display: block; font-size: 93%; float:left; margin: 0 1px; text-decoration: none; text-align: center; width: 20px; background-color: #604848; color: #fff; font-weight: bold; height: 18px; cursor: pointer;}
#detail #main p#otherimg a:hover {color: #c0d860;}
#detail #main #desc {width: 275px; background-color: #c0d860; float: right; padding: 10px; height: 80px; text-align: justify;}
#detail #main #desc p {padding: 0; font-size: 130%; }
#detail h2 {color: #789048; font-size: 140%; border-bottom: 2px solid #c0d860; width: 100%}
#detail div#text p {text-align: justify; padding: 6px 0 4px 0; font-size: 130%;}
#detail form div#box {width: 295px; height: 83px;  background: #607848 url(detail_box.gif) no-repeat left top; position: absolute; top: 222px; right: 0px;}
#detail form div.opt {width: 275px; padding: 0px 10px; background-color: #d8e49c; position: absolute; top: 105px; right: 00px; max-height: 110px; overflow: auto;}
#detail form div.opt label {text-transform: capitalize; margin: 4px 0; float: left; width: 135px; display: block; font-size: 110%; line-height: 19px;}
#detail form div.opt select { font-family: Arial, Georgia; text-transform: capitalize; margin: 4px 0; float: right; width: 120px; display: block; font-size: 110%; padding: 1px; border: 1px solid #604848; background-color: #ebf2d1;}
#detail form div#box span#cena {text-align: center; font-size: 22px; color: #c0d860; font-weight: bold; display: block; width: 120px; line-height: 30px; position: absolute; top: 0; right: 0;}
#detail form div#box button {overflow: hidden; width: 0; height: 0; border: 0; cursor: pointer; background: url(); position: absolute; top: 34px; left: 215px; padding: 23px 80px 0 0;}
#detail form div#box input {border: 1px solid #604848; font-family: Arial, Georgia; position: absolute; top: 38px; left: 177px; font-size: 120%; color: #604848; width: 16px; padding: 0px; text-align: center;}
#detail span.news {display: block; position: absolute; top: -7px;  left: 267px; width: 0; height: 0; padding: 48px 0 0 48px; overflow: hidden; background: transparent url(hvezda-novinka.png) no-repeat left top;}
#detail span.akce {display: block; position: absolute; top: -7px;  left: 267px; width: 0; height: 0; padding: 48px 0 0 48px; overflow: hidden; background: transparent url(hvezda-akce.png) no-repeat left top;}
#detail span.tip {display: block; position: absolute; top: -7px;  left: 267px; width: 0; height: 0; padding: 48px 0 0 48px; overflow: hidden; background: transparent url(hvezda-tip.png) no-repeat left top;}
#detail #rank {position: absolute; top: 280px; right: 162px; width: 120px; height: 20px;}
#detail #rank li {float: left; padding: 2px;}
#detail #rank li a {float: left; display: block; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 18px; text-decoration: none;}
#detail #rank li.r0 {background: url(hodnoceni.gif) no-repeat right top;}
#detail #rank li.r1 {background: url(hodnoceni.gif) no-repeat -20px top;}
#detail #rank li.r2 {background: url(hodnoceni.gif) no-repeat left top;}
#detail span#ranks {position: absolute; top: 280px; right: 140px; font-size: 200%; color: #789048; font-weight: bold;}
/* KOŠÍK */
#kosik .kosik_item {position: relative; width: 415px; padding: 126px 0 0 194px; height: 66px; margin-bottom: 5px; background: #d8e49c url(kosik_item.gif) no-repeat left top;}
#kosik .kosik_item h3 {font-size: 120%;}
#kosik .kosik_item h3 a {position: absolute; top: 8px; left: 200px; color: #fff; width: 300px; height: 24px; text-align: left; overflow: hidden; text-decoration: none;}
#kosik .kosik_item .cena {position: absolute; top: 12px; right: 7px; width: 95px; text-align: center; color: #604848; font-size: 180%; font-weight: bold;}
#kosik .kosik_item img {position: absolute; top: 8px; left: 9px; border: 0;}
#kosik .kosik_item .del {position: absolute; top: 75px; left: 506px; color: #fff; font-size: 110%; font-weight: bold; text-align: center; text-decoration: none; display: block; width: 95px; padding: 5px 0px;}
#kosik .kosik_item .detail {position: absolute; top: 52px; left: 506px; color: #fff; font-size: 110%; font-weight: bold; text-decoration: none; display: block; width: 73px; padding: 5px 0px 5px 22px;}
#kosik .kosik_item a:hover {color:#c0d860;}
#kosik .kosik_item input {position: absolute; top: 101px; left: 555px; border: 1px solid #604848; font-family: Arial, Georgia; font-size: 120%; color: #604848; width: 22px; padding: 0px; text-align: center;}
#kosik .kosik_item p {position: absolute; top: 30px; left: 200px; width: 290px; height: 80px; overflow: auto;}
#kosik .kosik_item div.opt {float: left; width: 175px; padding: 0px 10px 0 10px; background-color: #d8e49c; max-height: 110px; overflow: auto;}
#kosik .kosik_item div.opt label {text-transform: capitalize; margin: 4px 0; float: left; width: 75px; display: block; font-size: 110%; line-height: 19px;}
#kosik .kosik_item div.opt select { font-family: Arial, Georgia; text-transform: capitalize; margin: 4px 0; float: right; width: 100px; display: block; font-size: 110%; padding: 1px; border: 1px solid #604848; background-color: #ebf2d1;}
#kosik .kosik_item div.optgroup {height: 60px; overflow: auto;}
/* Objednávky */
#kosik form#objednavka table {padding: 20px; background-color: #f7faeb; width: 100%;  border: 2px solid #c0d860; margin: 5px 0;}
#kosik form#objednavka table th {font-size: 130%; vertical-align: top; font-weight: normal; text-align: right; width: 160px; padding-right: 5px;}
#kosik form#objednavka table input { border: 1px solid #604848; font-family: Arial, Georgia; font-size: 120%; color: #604848; width: 200px; }
#kosik form#objednavka table select { border: 1px solid #604848; font-family: Arial, Georgia; font-size: 120%; color: #604848; width: 202px; }
#kosik form#objednavka table textarea { border: 1px solid #604848; font-family: Arial, Georgia; font-size: 120%; color: #604848; width: 100%; height: 80px; }
#kosik form input.button {float: right; border: 0px; color: #fff; cursor: pointer; font-family: Arial, Georgia; font-size: 110%; font-weight: bold; text-decoration: none; display: block; text-align: left; width: auto; height: 36px; padding: 4px 30px 4px 10px; background: #604848 url(bigbutton.gif) no-repeat right top}
#kosik form input.button:hover {color: #c0d860;}
#kosik form a.button2 {float: left; border: 0px; color: #fff; cursor: pointer; font-family: Arial, Georgia; font-size: 110%; font-weight: bold; text-decoration: none; display: block; text-align: left; width: auto; height: 24px; padding: 12px 10px 0px 30px; background: #604848 url(bigbutton2.gif) no-repeat left top}
#kosik form a.button2:hover {color: #c0d860;}
#kosik #main ul li {color: #990000; font-weight: bold; line-height: 15px; font-size: 120%;}
#kosik #main ul {padding: 10px; margin: 10px; border: 1px solid #ff0000; background-color: #faebf1;}
/* Košík v headeru */
#basket {display: none;}
/* Statické stránky */
#text #main p, #text #main ul, #text #main li {text-align: justify;}
#text #main ul, #text #main ol {margin: 0; padding: 0; color: #604848; font-size: 130%; line-height: 15px; padding-right: 10px; padding-top: 5px;}
#text #main ul li {margin: 0; list-style: square; line-height: 15px; padding-bottom: 3px; margin-left: 25px;}
#text #main ol li {margin: 0; list-style: decimal; line-height: 15px; padding-bottom: 3px; margin-left: 30px;}
#text #main ol li a {color: #604848;}
#text #main ol li a:hover {text-decoration: none;}
/* Kontakty */
#kontakty #main h2 {border: 0; font-size: 150%;}
/* Stránkování */
#main div#pagging {padding-top: 15px; clear:both;}
#main div#pagging p {padding-top: 5px;}
#main div#pagging p a {padding-top: 2px; background: url(page.gif) no-repeat left top; width: 17px; height: 20px; display: block; float: left; border-right: 1px solid #fff; text-decoration: none; text-align: center; font-weight: bold; color: #fff; font-size: 85%;}
#main div#pagging p a:hover {color: #604848;}
#main div#pagging p span {border-left: 1px solid #fff; padding-top: 2px; background: url(page.gif) no-repeat right top; width: 20px; height: 20px; display: block; float: left; border: 0; text-decoration: none; text-align: center; font-weight: bold; color: #fff; font-size: 100%;}
#main div#pagging span.popis { display: block; font-size: 140%; color: #789048; font-weight: bold; background: url(); float: none; width: 600px; border-bottom: 2px solid #c0d860; text-align: left;}
#main div#pagging p a.left {padding-top: 1px; margin-left: 5px;}
#main div#pagging p a.right {padding-top: 1px; margin-right: 5px;}