* { border: 0; margin: 0; padding: 0; }
body { text-align: center; font-family: Verdana, "Lucida Grande CE", lucida, sans-serif; font-size: 11px; color: #333; background: #000; }
a { color: #716659; }

#page { width: 980px; background: #b7b399; margin: 0 auto; padding: 0;}

#header { background: url(../pictures/bg-header.png) no-repeat; height: 131px; width: 970px; margin: 0 auto; position: relative; }
#header a { color: #000; text-decoration: none; }
#header a:hover { text-decoration: underline; }
#header div.logo { position: absolute; top: 37px; left: 22px; }
#header div.topmenu { position: absolute; width: 500px; top: 7px; left: 470px; text-align: left; font-weight: bold; }
#header div.icons { position: absolute; width: 200px; top: 112px; left: 770px; font-weight: bold; }
#header a.login { position: absolute; width: 65px; top: 65px; height: 45px; left: 775px; display: block; }
#header a.cart { position: absolute; width: 50px; top: 65px; height: 45px; left: 845px; display: block; }
#header a.checkout { position: absolute; width: 65px; top: 65px; height: 45px; left: 900px; display: block; }

#header-menu { width: 970px; margin: 0 auto; background: url(../pictures/bg-headermenu.png) repeat-x; color: #746553; }
#header-menu a { color: #746553; text-decoration: none; }
#header-menu a:hover { color: #746553; text-decoration: underline; }
#header-menu div.search { float: left; width: 350px; text-align: left; }
#header-menu div.search table td { padding: 6px 4px 0 0; }
#header-menu div.search table td input.text { border: 1px solid #9e9976; padding: 2px; }
#header-menu div.user { float: right; width: 600px; text-align: right; padding: 10px 15px 6px 0; }
#header-menu div.user table { float: right; margin: 0; padding: 0; }

#container { border-top: 10px solid #746553; width: 970px; margin: 0 auto; background: url(../pictures/bg-container.png) repeat-y; }
#container div.menu { float: left; width: 195px; background: #c6c3ae; }
#container div.menu h2.katalog { text-indent: -5000px; background: url(../pictures/bg-katalog.png) no-repeat; height: 29px; }
#container div.menu h2.partneri { text-indent: -5000px; background: url(../pictures/bg-partneri.png) no-repeat; height: 29px; }
#container div.menu ul { list-style-type: none; text-align: left; margin: 10px auto; width: 180px; }
#container div.menu ul li { color: #716659; font-weight: bold; padding: 2px 0; }
#container div.menu ul li p { font-weight: normal; padding: 2px 0 5px 10px; }
#container div.menu ul li a { color: #716659; text-decoration: none; padding: 1px 0 1px 10px; background: url(../pictures/ico-triangle.png) 0 4px no-repeat; }
#container div.menu ul li a:hover { background: url(../pictures/ico-triangle-black.png) 0 4px no-repeat; padding: 1px 0 1px 10px; color: #000; font-weight: bold; }
#container div.menu ul li a.selected { background: url(../pictures/ico-triangle-black.png) 0 4px no-repeat; padding: 1px 0 1px 10px; color: #000; font-weight: bold; }
#container div.menu ul ul { list-style-type: none; text-align: left; margin: 0 0 0 10px; width: auto; font-weight: normal; }
#container div.menu ul ul li { font-weight: normal; text-transform: lowercase; padding: 2px 0; }
#container div.menu ul ul li a { color: #716659; text-decoration: none; padding: 1px 0 1px 10px; background: url(../pictures/ico-triangle.png) 0 4px no-repeat; }
#container div.menu ul ul li a:hover { background: url(../pictures/ico-triangle-black.png) 0 4px no-repeat; padding: 1px 0 1px 10px; color: #000; font-weight: bold; }
#container div.menu ul ul li a.selected { background: url(../pictures/ico-triangle-black.png) 0 4px no-repeat; padding: 1px 0 1px 10px; color: #000; font-weight: bold; }

#container div.content { float: left; width: 580px; margin: 0 0 10px 0; }
#container div.content h1 {  font-weight: bold; color: #710000; text-transform: uppercase; padding: 10px; margin: 15px 0 10px 0; font-size: 16px; text-align: left; }
#container div.content h2.info { text-indent: -5000px; background: #8a7e6f url(../pictures/bg-info.png) no-repeat; height: 29px; margin: 20px 10px 0 10px; }
#container div.content h2.news { text-indent: -5000px; background: #8a7e6f url(../pictures/bg-novinky.png) no-repeat; height: 29px; margin: 20px 10px 0 10px; }
#container div.content h2.recommend { text-indent: -5000px; background: #8a7e6f url(../pictures/bg-doporucujeme.png) no-repeat; height: 29px; margin: 20px 10px 0 10px; }
#container div.content h2.oblibene { text-indent: -5000px; background: #8a7e6f url(../pictures/bg-oblibene.png) no-repeat; height: 29px; margin: 20px 10px 0 10px; }
#container div.content p { padding: 10px 30px 0 30px; text-align: left; }
#container div.content div.path { height: 29px; width: 560px; margin: 0 auto; background: #c6c3ae url(../pictures/ico-arrow.png) 10px 10px no-repeat; text-align: left; font-size: 10px; }
#container div.content div.path p { margin: 0; padding: 8px 0 0 25px; color: #8a7e6f; text-transform: uppercase; }
#container div.content div.path a { color: #8a7e6f; text-decoration: none; }
#container div.content div.path a:hover { color: #8a7e6f; text-decoration: underline; }
#container div.content h2.list { margin: 0 10px; background: #c6c3ae; color: #8a7e6f; text-align: left; font-size: 10px; text-transform: uppercase; padding: 8px 0 8px 10px; }
#container div.content div.filter { width: 560px; margin: 0 auto; padding: 15px 0 5px 0; clear: both; }
#container div.content div.filter div.list { float: left; width: 280px; text-align: left; }
#container div.content div.filter div.list select { border: 1px solid #9e9976; padding: 2px; margin-top: 3px; }
#container div.content div.filter div.paging { float: left; width: 280px; text-align: right; font-size: 110%; }
#container div.content div.filter div.paging a.pageSel { padding: 0 2px; color: #716659; }
#container div.content div.box { width: 178px; float: left; margin: 10px 0 0 10px; border: 1px solid #d0cebc; }
#container div.content div.box h2 { font-weight: bold; color: #710000; text-transform: uppercase; letter-spacing: -0.05em; padding: 7px; font-size: 13px; height: 50px; }
#container div.content div.box h2 a { color: #710000; text-decoration: none; }
#container div.content div.box h2 a:hover { color: #710000; text-decoration: underline; }
#container div.content div.box div.price { background: #eae9e1; color: #8a7e6f; text-align: left; }
#container div.content div.box div.price p { text-align: left; padding: 5px 0 5px 7px; }
#container div.content div.box div.price img { float: right; padding: 10px 5px 0 0; }
#container div.content div.box div.detail-picture { height: 150px; width: 170px; }
#container div.content div.info { margin: 0 auto; width: 560px; color: #776c5f; }
#container div.content div.info a { color: #710000; text-decoration: none; }
#container div.content div.info a:hover { color: #710000; text-decoration: underline; }
#container div.content div.info h2 { font-weight: bold; color: #710000; text-transform: uppercase; padding: 7px; font-size: 14px; text-align: left; }
#container div.content div.info p { text-align: left; padding: 7px; color: #776c5f; }
#container div.content div.info ul { text-align: left; margin: 7px; }
#container div.content div.info ul li { margin: 0 0 0 20px; }
#container div.content div.info ol { text-align: left; margin: 7px; }
#container div.content div.info ol li { margin: 0 0 0 20px; }
#container div.content div.detail { border: 1px solid #dad8ca; width: 558px; margin: 10px auto; background: url(../PICTURES/bg-detail.png) repeat-y; }
#container div.content div.detail div.image { width: 200px; float: left; padding-top: 15px; }
#container div.content div.detail div.image p { color: #c6c3ae; }
#container div.content div.detail div.desc { width: 358px; float: left; background: #eae9e1; }
#container div.content div.detail div.desc h2 { font-weight: bold; color: #710000; text-transform: uppercase; letter-spacing: -0.05em; padding: 7px; margin: 0; font-size: 13px; text-align: left; }
#container div.content div.detail div.desc p { color: #8a7e6f; text-align: left; padding: 7px; }
#container div.content div.detail div.desc p.right { text-align: right; }
#container div.content div.detail div.desc p.description { background: #dbdacc; padding: 10px 7px; }
#container div.content div.detail div.desc table { border: 0; margin: 5px 0; width: 100%; text-align: left; color: #8a7e6f; }
#container div.content div.detail div.desc table td { padding-left: 7px; }
#container div.content div.detail div.desc table td input.count { width: 30px; border: 1px solid #a5a180; padding: 2px; }
#container div.content div.detail table.group td { text-align: left; }
#container div.content div.detail table.group td.name { width: 70px; text-align: right; }
#container div.content div.detail table.group td.list { text-align: left; }
#container div.content div.detail table.group td.ico { width: 35px; text-align: center; }
#container div.content form.reg { width: 560px; margin: 10px auto; }
#container div.content form.reg legend { border: 0; padding: 15px 5px 7px 10px; font-weight: bold; color: #710000; font-size: 120%; }
#container div.content form.reg label { text-align: right; font-weight: bold; width: 200px; float: left; padding: 4px 7px 0 0; margin: 5px 5px 0 0; }
#container div.content form.reg input.input { border: 1px solid #9e9976; padding: 2px; }
#container div.content form.reg select { float: left; border: 1px solid #9e9976; padding: 2px; margin: 5px 0 0 0; }
#container div.content form.reg textarea { float: left; margin: 5px 0 0 0; border: 1px solid #9e9976; padding: 2px; font-family: Verdana, "Lucida Grande CE", lucida, sans-serif; }
#container div.content form.reg input { float: left; margin: 5px 0 0 0; }
#container div.content form.reg .divform2 { float: left; margin: 5px 0 0 0; width: 200px; text-align: left; }
#container div.content form.reg label.required { background: url("../pictures/required.gif") no-repeat top right; }
#container div.content form.reg .divform1 { float: left; margin: 5px 0 0 0; width: 300px; text-align: right; padding: 0 7px 0 0; font-weight: bold; }
#container div.content form.reg .divform2 { float: left; margin: 5px 0 0 0; width: 250px; text-align: left; }
#container div.content form.reg br { clear: left; }

#container div.content table.tbl-cart { margin: 10px auto; border: 0; padding: 0px; text-align: left; width: 560px; }
#container div.content table.tbl-cart th { background: #dbdacc; color: #716659; text-align: center; padding: 4px; }
#container div.content table.tbl-cart th.right { text-align: right; }
#container div.content table.tbl-cart th.center { text-align: center; }
#container div.content table.tbl-cart th.left { text-align: left; }
#container div.content table.tbl-cart td { background: #eae9e1; padding: 4px; }
#container div.content table.tbl-cart td.white { background: #fff; padding: 4px; }
#container div.content table.tbl-cart td.right { text-align: right; }
#container div.content table.tbl-cart td.center { text-align: center; }
#container div.content table.tbl-cart td.left { text-align: left; }
#container div.content table.tbl-cart th.box { text-align: center; width: 90px; }
#container div.content table.tbl-cart a { color: #716659; }
#container div.content table.tbl-cart input { border: 1px solid #9f9a78; padding: 2px; text-align: right; width: 70px; }
#container div.content table.tbl-cart textarea { border: 1px solid #9f9a78; padding: 2px; text-align: left; font-family: Verdana, "Lucida Grande CE", lucida, sans-serif; }
#container div.content div.buttons { padding: 15px 0; }

#container div.content table.tbl-orders { margin: 10px auto; border: 0; padding: 0px; text-align: left; }
#container div.content table.tbl-orders td { padding: 4px; }
#container div.content table.tbl-orders select { border: 1px solid #9f9a78; padding: 2px; width: 170px; }
#container div.content table.tbl-orders input.input { border: 1px solid #9f9a78; padding: 2px; width: 170px; }

#container div.content p.message { padding: 10px 20px; }
#container div.content p.info { padding: 10px 20px; }
#container div.content p.info a { color: #716659; }
#container div.content p.important { color: #C00; font-weight: bold; padding: 20px 20px; }

#container div.sidebar { float: left; width: 195px; }
#container div.sidebar h2.produkty { text-indent: -5000px; background: url(../pictures/bg-produkty.png) no-repeat; height: 29px; }
#container div.sidebar h2.oblibene { text-indent: -5000px; background: url(../pictures/bg-oblibene.png) no-repeat; height: 29px; }
#container div.sidebar h2.napiste { text-indent: -5000px; background: url(../pictures/bg_napiste.png) no-repeat; height: 29px; }
#container div.sidebar h2.novinky { text-indent: -5000px; background: url(../pictures/bg-novinky.png) no-repeat; height: 29px; }
#container div.sidebar div.image { width: 178px; height: 150px; margin: 10px auto 0 auto; background: #FFF; }
#container div.sidebar div.price { width: 178px; margin: 0 auto 10px auto; background: #eae9e1; color: #8a7e6f; }
#container div.sidebar div.price a { color: #8a7e6f; text-decoration: none; }
#container div.sidebar div.price a:hover { color: #8a7e6f; text-decoration: underline; }
#container div.sidebar div.price h3 { font-size: 100%; font-weight: normal; padding: 5px 5px 0 5px; text-align: left; }
#container div.sidebar div.price p { padding: 0 5px 5px 5px; text-align: left; }
#container div.sidebar p.button { padding: 5px 0 15px 0; }
#container div.sidebar ul { text-align: left; list-style: none; margin: 10px auto; width: 178px; }
#container div.sidebar ul li { background: url(../pictures/ico-triangle.png) 0 4px no-repeat; padding: 1px 0 1px 10px; color: #716659; }
#container div.sidebar ul li a { color: #716659; text-decoration: none; }
#container div.sidebar ul li a:hover { color: #716659; text-decoration: underline; }

#footer { width: 970px; margin: 0 auto; background:url(../pictures/bg-footer.png) no-repeat; }
#footer p { padding: 10px; color: #746553; }

#lightbox { background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; }	
#lightboxCaption { float: left; }
#keyboardMsg { float: right; }
#closeButton { top: 5px; right: 5px; }
#lightbox img { border: none; clear: both;} 
#overlay img { border: none; }
#overlay { background-image: url(../pictures/overlay.png); }
* html #overlay { background-color: #333; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pictures/overlay.png", sizingMethod="scale"); }

.center { text-align: center !important; }

.clear { display: block; clear: both; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; }
.splitter20 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 20px; }
.noview { display: none; }