* { 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: #404040; }
a { color: #de3777; }
form { margin: 0; padding: 0; }

#page { width: 998px; margin: 0 auto; }

div.header { background: url(../pictures/bg-header.jpg) no-repeat; height: 176px; position: relative; }
div.header a.logo { width: 243px; height: 75px; position: absolute; top: 70px; left: 70px; }
div.header div.login { width: 400px; top: 0; left: 590px; color: #e3e12f; position: absolute; }
div.header div.login p { text-align: right; padding: 7px 20px 7px 7px; }
div.header div.user { background: url(../pictures/bg-login1.png) 150px 13px no-repeat; position: absolute; top: 45px; left: 795px; width: 180px; }
div.header div.user table { float: left; }
div.header div.user table td { color: #a5a7aa; font-weight: bold; font-size: 90%;  }
div.header div.user table td input.text { border: 1px solid #a5a7aa; background: #f4f4f4; margin: 3px; padding: 2px 1px; }
div.header div.user table td.button { text-align: center; }
div.header div.user p a { color: #007088; font-weight: bold; text-align: center; font-size: 90%; }

div.header div.userlogged { background: url(../pictures/bg-login2.png) 150px 13px no-repeat; position: absolute; top: 45px; left: 795px; width: 180px; text-transform: uppercase; color: #4d4d4d; }
div.header div.userlogged h2 { text-align: left; font-size: 110%; margin: 8px 0 5px 0; }
div.header div.userlogged p { text-align: left; padding: 3px 0; }
div.header div.userlogged p.button { text-align: center; }
div.header div.userlogged a { color: #4d4d4d; text-decoration: none; }
div.header div.userlogged a:hover { text-decoration: underline; }

div.container { background: url(../pictures/bg-container.png) center repeat-y; width: 998px; }
div.container div.menu { float: left; width: 215px; text-align: left; }
div.container div.menu h2 { background: url(../pictures/bg-informace.png) no-repeat 14px 0; color: #FFF; padding: 7px 0 0 70px; font-size: 120%; height: 30px; }
div.container div.menu ul.submenu { margin: 10px 7px 10px 20px; padding: 0; list-style: none; color: #07a5e1; }
div.container div.menu ul.submenu li { padding: 2px 0; line-height: 15px; }
div.container div.menu ul.submenu li a { color: #07a5e1; text-decoration: none; font-weight: normal; }
div.container div.menu ul.submenu li a:hover { color: #07a5e1; text-decoration: underline; }
div.container div.menu ul { list-style-type: none; text-align: left; padding: 15px 10px 20px 20px; }
div.container div.menu ul li { line-height: 30px; font-weight: bold; }
div.container div.menu ul li a { padding-left: 15px; padding-top: 1px; color: #007088; font-weight: bold; }
div.container div.menu ul li a.selected { color: #007088; font-weight: bold; text-decoration: none; background: url("../pictures/tree-arrow.png") 0px 3px no-repeat; }
div.container div.menu ul li a:hover { color: #000; text-decoration: underline; background: url("../pictures/tree-arrow.png") 0px 3px no-repeat; }
div.container div.menu ul ul { list-style-type: none; text-align: left; padding: 0px 0px 0px 10px; }
div.container div.menu ul li { line-height: 30px; font-weight: normal; }
div.container div.menu ul ul li a { padding-left: 15px; padding-top: 1px; color: #939598; font-weight: normal; }
div.container div.menu ul ul li a.selected { color: #000; font-weight: bold; text-decoration: none; background: url("../pictures/tree-arrow.png") 0px 3px no-repeat; }
div.container div.menu ul ul li a:hover { color: #000; text-decoration: underline; background: url("../pictures/tree-arrow.png") 0px 3px no-repeat; }
div.container div.menu input.text { border: 1px solid #a5a7aa; background: #f4f4f4; margin: 3px; padding: 2px 1px; width: 178px; }
div.container div.menu table { margin: 10px 7px 10px 20px; padding: 0; }
div.container div.menu td { padding: 0; margin: 2px 0; }
div.container div.menu td.button { text-align: center; }

div.container div.content { float: left; background: #FFF; width: 568px; text-align: left; }
div.container div.content h1 { color: #000; font-size: 140%; font-weight: normal; text-align: left; padding: 20px; text-transform: uppercase; }
div.container div.content h1.title { color: #000; font-size: 140%; font-weight: normal; text-align: center; padding: 20px; text-transform: uppercase; }
div.container div.content h2 { color: #007088; font-size: 120%; font-weight: normal; text-align: left; padding: 10px 20px 5px 20px; text-transform: uppercase; }
div.container div.content h2 a { color: #007088; text-decoration: none; }
div.container div.content h2 a:hover { text-decoration: underline; }
div.container div.content h2.title { color: #000; font-size: 140%; font-weight: normal; text-align: center; padding: 20px; text-transform: uppercase; }
div.container div.content h3 { color: #000; font-size: 100%; font-weight: bold; text-align: left; padding: 10px 20px 5px 20px; text-transform: uppercase; }
div.container div.content p { text-align: left; margin: 5px 20px; line-height: 1.2em; }
div.container div.content p.info { text-align: center; }
div.container div.content p.holiday { color: #ff0000; text-align: center; font-weight: bold; padding-top: 20px; }
div.container div.content p.hot { text-align: center; color: #de3777; font-weight: bold; padding: 10px 0; }
div.container div.content p.center { text-align: center; }
div.container div.content img.left { float: left; margin-left: 20px; padding: 5 5px 5px 0; }
div.container div.content ul { margin: 7px 20px 7px 50px; }
div.container div.content ol { margin: 7px 20px 7px 50px; list-style: lower-latin; }
div.container div.content ol li { line-height: 1.2em; }
div.container div.content div.category-box { background: #f4f4f4; margin: 0 20px 10px 20px; padding: 0 0 20px 0; }
div.container div.content ul.category li { list-style: none; width: 50%; float: left; display: block; background: url("../pictures/tree-arrow.png") 0px 3px no-repeat; }
div.container div.content ul.category li a { padding: 2px 0 2px 15px; color: #000; text-decoration: none; }
div.container div.content ul.category li a:hover { text-decoration: underline; }
div.container div.content table.tbl { margin: 0 auto; width: 528px; color: #838383; }
div.container div.content table.tbl td { padding: 5px 0; }
div.container div.content table.tbl td.right { text-align: right; }
div.container div.content table.contact { margin: 5px 20px; }
div.container div.content table.contact td { padding: 2px 0; }
div.container div.content span.red { color: #ed008c; }
div.container div.content div.search { background: url(../pictures/bg-search.png) no-repeat; height: 30px; }
div.container div.content div.search table { margin: 0 auto; }
div.container div.content div.search table td.text { color: #FFF; font-size: 90%; padding-left: 10px; }
div.container div.content div.search table td.text a { color: #FFF; text-decoration: none; }
div.container div.content div.search table td.text a:hover { color: #FFF; text-decoration: underline; }
div.container div.content div.search table td input.text { border: 1px solid #939598; margin: 2px; padding: 2px 1px; }
div.container div.content div.path { background: #f2f2f2; border-top: 1px solid #FFF; margin: 0 8px; }
div.container div.content div.path p { padding: 7px; font-size: 80%; text-transform: uppercase; }
div.container div.content div.path p a { color: #007088; text-decoration: none; }
div.container div.content div.path p a:hover { text-decoration: underline; }
div.container div.content div.columns { margin-top: 10px; }
div.container div.content div.columns div.column { float: left; margin-left: 20px; width: 169px; text-align: center; }
div.container div.content div.columns div.column h3 { font-size: 110%; font-weight: normal; text-transform: uppercase; margin: 0 0 7px 0; text-align: left; }
div.container div.content div.columns div.column h3 a { text-decoration: none; }
div.container div.content div.columns div.column h3 a:hover { text-decoration: underline; }
div.container div.content div.columns div.column p { text-align: left; margin: 0; padding: 2px 0; color: #007088; }
div.container div.content div.columns div.column p a { color: #007088; text-decoration: none; }
div.container div.content div.columns div.column p a:hover { text-decoration: underline; }
div.container div.content div.discusse { text-align: center; }
div.container div.content div.payment1 { margin: 30px auto; width: 403px; height: 76px; position: relative; background: url(../pictures/payment1.png); }
div.container div.content div.payment1 a.pay1 { position: absolute; top: 0; width: 62px; height: 76px; left: 37px; }
div.container div.content div.payment1 a.pay2 { position: absolute; top: 0; width: 62px; height: 76px; left: 125px; }
div.container div.content div.payment1 a.pay3 { position: absolute; top: 0; width: 62px; height: 76px; left: 215px; }
div.container div.content div.payment1 a.pay4 { position: absolute; top: 0; width: 62px; height: 76px; left: 305px }
div.container div.content div.payment2 { margin: 30px auto; width: 403px; height: 76px; position: relative; background: url(../pictures/payment2.png); }
div.container div.content div.payment2 a.pay1 { position: absolute; top: 0; width: 62px; height: 76px; left: 37px; }
div.container div.content div.payment2 a.pay2 { position: absolute; top: 0; width: 62px; height: 76px; left: 125px; }
div.container div.content div.payment2 a.pay3 { position: absolute; top: 0; width: 62px; height: 76px; left: 215px; }
div.container div.content div.payment2 a.pay4 { position: absolute; top: 0; width: 62px; height: 76px; left: 305px }
div.container div.content div.payment3 { margin: 30px auto; width: 403px; height: 76px; position: relative; background: url(../pictures/payment3.png); }
div.container div.content div.payment3 a.pay1 { position: absolute; top: 0; width: 62px; height: 76px; left: 37px; }
div.container div.content div.payment3 a.pay2 { position: absolute; top: 0; width: 62px; height: 76px; left: 125px; }
div.container div.content div.payment3 a.pay3 { position: absolute; top: 0; width: 62px; height: 76px; left: 215px; }
div.container div.content div.payment3 a.pay4 { position: absolute; top: 0; width: 62px; height: 76px; left: 305px }
div.container div.content div.buttons { margin: 10px; text-align: center; }

div.container div.content div.hr { margin: 10px 20px; background: url(../pictures/bg-hr.png) repeat-x; height: 1px; }
div.container div.content div.hr hr { display: none; }

div.container div.content div.category { background: #f2f2f2 url(../pictures/help.png) top left no-repeat; padding-bottom: 20px; margin: 20px; }
div.container div.content div.category h2 { color: #04afef; font-size: 110%; text-align: left; padding: 15px 10px 15px 40px; }
div.container div.content div.category p { color: #939598; text-align: left; padding: 5px 10px 0 40px; }

div.container div.content table.catalogue { margin: 0 auto; width: 528px; color: #838383; }
div.container div.content table.catalogue td.image { text-align: left; width: 140px; }
div.container div.content table.catalogue td.price { text-align: left; width: 200px; }
div.container div.content table.catalogue td.price table { width: 90%; }
div.container div.content table.catalogue td.price table td.price1 { font-weight: normal; text-align: right; }
div.container div.content table.catalogue td.price table td.price2 { color: #007088; font-weight: bold; text-align: right; }
div.container div.content table.catalogue td.count input { border: 1px solid #939598; margin: 2px; padding: 2px 1px; }
div.container div.content table.catalogue td.counttext { text-transform: uppercase; }

div.container div.content div.detail { margin: 0 20px; }
div.container div.content div.detail div.image { float: left; width: 140px; text-align: left; }
div.container div.content div.detail div.description { float: left; width: 388px; }
div.container div.content div.detail div.description h3 { color: #04afef; font-size: 120%; font-weight: normal; text-align: left; padding: 10px 0 5px 0; text-transform: uppercase; }
div.container div.content div.detail div.description div.desc { padding: 5px 0; text-align: left; line-height: 1.2em; }
div.container div.content div.detail div.description div.desc ul { list-style-type: none; text-align: left; padding: 10px 0px 10px 10px; }
div.container div.content div.detail div.description div.desc ul li { padding-left: 15px; background: url("../pictures/tree-arrow.png") 0px 3px no-repeat; }
div.container div.content div.detail div.description table.params { width: 100%; }
div.container div.content div.detail div.description table.params td.text1 { text-align: left; padding: 3px 3px 3px 0; color: #007088; }
div.container div.content div.detail div.description table.params td.text2 { text-align: left; padding: 3px; color: #939598; }
div.container div.content div.detail div.description table.amount { float: left; }
div.container div.content div.detail div.description table.amount td.text1 { text-align: left; padding: 3px 3px 3px 0; color: #007088; text-transform: uppercase; }
div.container div.content div.detail div.description table.amount td.text2 { text-align: left; padding: 3px; color: #939598; }

div.container div.content table.detail { margin: 20px auto; width: 388px; color: #838383; }
div.container div.content table.detail td.price { text-align: left; width: 200px; }
div.container div.content table.detail td.price table { width: 90%; }
div.container div.content table.detail td.price table td.price1 { font-weight: normal; text-align: right; }
div.container div.content table.detail td.price table td.price2 { color: #007088; font-weight: bold; text-align: right; }
div.container div.content table.detail td.count input { border: 1px solid #939598; margin: 2px; padding: 2px 1px; }
div.container div.content table.detail td.counttext { text-transform: uppercase; }

div.container div.content form.reg, div.reg { margin: 0 auto; padding: 15px 35px; }
div.container div.content form.reg fieldset, div.reg fieldset { border: none; margin: 10px 0 0 0; }
div.container div.content form.reg legend, div.reg legend { border: 0; padding: 5px 5px 0 10px; font-weight: bold; color: #04afef; font-size: 120%; }
div.container div.content form.reg label, div.reg label { float: left; width: 200px; text-align: right; font-weight: bold; padding: 3px 12px 0 0; margin: 5px 10px 0 0; }
div.container div.content form.reg label.required, div.reg label.required { background: url("../pictures/required.gif") no-repeat top right; }
div.container div.content form.reg input { float: left; margin: 5px 0 0 0; }
div.container div.content form.reg input.input, div.reg input.input, .adresa-pokladna input { border: 1px solid #ccc; padding: 2px; }
div.container div.content form.reg input.check, div.reg input.check { float: none; }
div.container div.content form.reg input.add, div.reg input.add { float: right; }
div.container div.content form.reg select, div.reg select { float: left; margin: 5px 0 0 0; padding: 2px; border: 1px solid #ccc; }
div.container div.content form.reg textarea, div.reg textarea { float: left; margin: 5px 0 0 0; border: 1px solid #ccc; padding: 2px; }
div.container div.content form.reg .divform1, div.reg .divform1 { float: left; margin: 5px 0 0 0; width: 200px; text-align: right; padding: 0 7px 0 0; font-weight: bold; }
div.container div.content form.reg .divform2, div.reg .divform2 { float: left; margin: 5px 0 0 0; width: 260px; text-align: left; }
div.container div.content form.reg br, div.reg nr { clear: left; }

div.container div.content table.tbl-cart { margin: 10px auto; width: 528px; }
div.container div.content table.tbl-cart input { border: 1px solid #999; padding: 2px; text-align: right; width: 60px; }
div.container div.content table.tbl-cart textarea { border: 1px solid #878787; padding: 2px; text-align: left; width: 70px; }
div.container div.content table.tbl-cart th { color: #04afef; text-align: center; padding: 4px; text-transform: uppercase; white-space: nowrap; }
div.container div.content table.tbl-cart th.right { text-align: right; }
div.container div.content table.tbl-cart th.center { text-align: center; }
div.container div.content table.tbl-cart th.left { text-align: left; }
div.container div.content table.tbl-cart tr.yellow td { background: #fee89e; }
div.container div.content table.tbl-cart td { padding: 4px; color: #007088; }
div.container div.content table.tbl-cart td.white { background: #fff; padding: 4px; }
div.container div.content table.tbl-cart td.right { text-align: right; }
div.container div.content table.tbl-cart td.center { text-align: center; }
div.container div.content table.tbl-cart td.left { text-align: left; }
div.container div.content table.tbl-cart th.box { text-align: right; width: 70px; }
div.container div.content table.tbl-cart a { color: #007088; font-weight: bold; }

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

div.container div.content table.tbl-pay { margin: 15px 0 15px 20px; width: 528px; }
div.container div.content table.tbl-pay td { text-align: left; padding: 3px; }
div.container div.content table.tbl-pay td.check { width: 20px; }
div.container div.content table.tbl-pay td.desc { color: #CCC; }
div.container div.content table.tbl-pay td.price { text-align: right; color: #CCC; }

div.container div.content table.tbl-item { margin: 20px 20px 5px 20px; }
div.container div.content table.tbl-item th { color: #04afef; text-align: left; padding: 4px; text-transform: uppercase; white-space: nowrap; }
div.container div.content table.tbl-item td { padding: 4px; color: #007088; text-align: left; }

div.container div.content div.paging { padding: 0; margin: 20px; text-align: right; color: #04afef; }
div.container div.content div.paging a { padding: 5px; color: #04afef; }
div.container div.content div.paging strong.selectedPage { background: #04afef; color: #FFF; padding: 2px; }

div.container div.sidebar { float: left; width: 215px; text-align: left; }
div.container div.sidebar h2 { background: url(../pictures/bg-sidebar-header.png) no-repeat; color: #FFF; padding: 7px 7px 0 60px; font-size: 120%; height: 40px; }
div.container div.sidebar h2.link { background: none; margin: 0; padding: 0; }
div.container div.sidebar h2.link a { background: url(../pictures/bg-sidebar-header.png) no-repeat; padding: 7px 7px 0 60px; color: #FFF; text-decoration: none; width: 201px; height: 40px; display: block; }
div.container div.sidebar h2.link a:hover { background: url(../pictures/bg-sidebar-header-hover.png) no-repeat; }
div.container div.sidebar ul { margin: 0 7px 15px 20px; list-style: none; color: #07a5e1; }
div.container div.sidebar ul li { padding: 2px 0; }
div.container div.sidebar ul li span.price { color: #007088; font-weight: bold; }
div.container div.sidebar ul li a { padding-left: 15px; color: #07a5e1; text-decoration: none; }
div.container div.sidebar ul li a:hover { color: #07a5e1; text-decoration: underline; background: url("../pictures/tree-arrow.png") 0px 3px no-repeat; }
div.container div.sidebar ul ul { margin: 0 7px 0 15px; list-style: none; color: #07a5e1; }
div.container div.sidebar ul ul li a { padding: 0; }
div.container div.sidebar ul ul li a:hover { background: none; padding: 0; }

div.container div.sidebar ul.links { margin: 0 7px 15px 5px; list-style: none; color: #07a5e1; }
div.container div.sidebar ul.links li { padding: 2px 0; }
div.container div.sidebar ul.links li a { padding-left: 15px; color: #07a5e1; text-decoration: none; }
div.container div.sidebar ul.links li a:hover { color: #07a5e1; text-decoration: underline; background: url("../pictures/tree-arrow.png") 0px 3px no-repeat; }

div.container div.sidebar ul.contact { margin: 0 7px 15px 5px; list-style: none; }
div.container div.sidebar ul.contact li { padding: 2px 0; padding-left: 15px; color: #939598; }
div.container div.sidebar ul.contact ul li { padding: 2px 0; padding-left: 5px; color: #939598; }
div.container div.sidebar ul.contact li.right { text-align: right; padding-right: 20px; }
div.container div.sidebar ul.contact li a { color: #939598; text-decoration: none; }
div.container div.sidebar ul.contact li a:hover { color: #939598; text-decoration: underline; }
div.container div.sidebar p.button { padding: 0 0 20px 0; text-align: center; }
div.container div.sidebar a.butt { margin: 0 auto; padding-top: 4px; text-decoration: none; display: block; width: 80px; height: 22px; background:  url("../pictures/bg-button.png") no-repeat; color: white; }
div.container div.sidebar a.butt:hover { margin: 0 auto; padding-top: 4px; text-decoration: none; display: block; width: 80px; height: 22px; background:  url("../pictures/bg-button-hover.png") no-repeat; color: white; }

div.footer { background: url(../pictures/bg-footer.png) no-repeat; height: 50px; }
div.footer p { text-align: right; color: #FF0; padding: 30px 15px 0 0; }
div.footer p a { color: #FF0; }

#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"); }

.right { text-align: right !important; }
.center { text-align: center !important; }
.clear { display: block; clear: both; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; }
.noview { display: none; }