@import "lightbox.css";
/* Zero space
*******************************************************************************/
html, body, p, ul, li, form, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }


/* Generic
*******************************************************************************/
body { min-width: 1000px; max-width: 1300px; background: #D4EFF5; color: #000000; 
	font: 70%/140% Verdana, Geneva, Arial, Helvetica, sans-serif; }
h1 { font-size: 1.7em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: .9em; }

a { color: #006D99; }
a:hover {  }

img { border: 0; }

acronym:hover { cursor: help; }

table { margin: 1em 0; border-collapse: collapse; }
table.full { width: 100%;  }
table.half { width: 50%;  }
table tr.selected td { background: #D4F2FE; font-weight: bold; }
table td,
table th { padding: 0.3em 0.5em;  }
table th { text-align: left; }
table th.acenter { text-align: center; }
table th.aright { text-align: right; }
table td.bold { font-weight: bold; }
table td ul { color: #666666; margin: 0.1em 0; font-size: 0.9em; }
table td p.main { font-size: 1em; }
table td p.main span { font-size: 0.8em;  }

table.blank td, table.blank th {}
table.blank tr.info { background: #E4F5FC; border: 1px solid #006D99; }

table.blue { margin: 1em 0 0.5em 0; background: #9EC7E3; border-collapse: separate; padding: 1px; }
table.blue th { background: #0671B6 url('img/bg-th-blue.jpg') repeat-x; color: #ffffff; text-align: left; }
table.blue td { background: #ffffff; }
table.blue td p.amount input { width: 1.5em; border: 1px solid #00A4E0; text-align: center; font-weight: bold; font-size: 0.9em; padding: 0.2em; }
table.blue td p.amount { margin-bottom: 0.5em; }
table.blue td p.button { margin: 0.2em 0 0 0; }


table.yellow { background: #FDE3A3; border-collapse: separate; padding: 1px; }
table.yellow th { background: #FAB712; color: #ffffff; text-align: right; padding: 0.3em 1em 0.3em 2em;}
table.yellow td { background: #ffffff; padding: 0.3em 2em 0.3em 1em; }
table.yellow th.head { text-align: left; padding: 0.3em 0.5em; }

fieldset { border: none; }
textarea.full {width: 100%; }
input { margin: 0.1em 0; }
input.normal { width: 200px; }
input.short { width: 50px; }
input.shortly { width: 30px; }

fieldset.gray { background: #F7FCFE; border: 1px solid #DBF2FB; }

/* Common
*******************************************************************************/
hr.cleaner { clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden; }
.hidden { display: none; }
.fright { float: right; }
.fleft { float: left; }
.aright { text-align: right; }
.aleft { text-align: left; }
.acenter { text-align: center; }
.strike { text-decoration: line-through; }
.optional { font-weight: normal; }
.mright3 { margin-right: 3em; }
.nowrap { white-space: nowrap; }

.error { background: #ffdddd url('img/vykricnik.gif') 15px 50% no-repeat; border: 1px solid #ff6666; margin: 1em 0; font-weight: bold; padding: 1em; padding-left: 40px; color: #000000; line-height: 1.3; }

.info { background: #E4F5FC; border: 1px solid #006D99; margin: 0 0; padding: 0.3em 1em; color: #000000; line-height: 1.3; }
.info p { padding: 0.3em 0; }
.info p span { font-size: 0.9em; }
.info p.tip { color: red; font-weight: bold; font-size: 1.2em;  }
.info p.result { font-weight: bold; font-size: 1.2em;  }


/* RELATE SHOP
*******************************************************************************/
#relate-shop { height: 26px; line-height: 26px; font-size: 0.9em; background: #252B33 url('img/bg-relate-shop.gif') repeat-x; color: #ffffff; }
#relate-shop a { color: #ffffff; text-decoration: none; }
#relate-shop a:hover { text-decoration: underline; }
#relate-shop span { display: none; }
#relate-shop ul { margin-left: 10px; list-style: none; }
#relate-shop li { float: left; height: 26px; line-height: 24px; list-style: none; margin: 0 5px; }
#relate-shop li.plk { background: #252B33 url('img/plk-logo-white.gif') no-repeat; width: 44px;  }
#relate-shop li.sk { background: url('img/flag_sk.gif') no-repeat left 50%; padding-left: 22px; margin-left: 15px; }
	
/* Container
*******************************************************************************/
#container { position: relative; margin: 0 6px; background: #FFFFFF url('img/bg-header.gif') repeat-x; border: 3px solid #ffffff; border-top: 0; border-bottom: 0; }

#content-right { margin-top: 7px; padding-left: 200px; padding-right: 195px; min-height: 500px; _height: 500px; }
#content { margin-top: 7px; padding-left: 200px; min-height: 500px; _height: 500px; }
#content-right .column { float: left; position: relative;  }
#content-order { margin-top: 7px; padding-right: 195px; min-height: 500px; _height: 500px; }
#content-order .column { float: left; position: relative;  }

#center { width: 100%; background: none; }
#left { width: 195px; position: absolute; top: 145px; left: 2px; }
#right { width: 195px; margin-right: -195px; background: none; margin-top: 0px; }


/* Header (component)
*******************************************************************************/
#header { height: 136px; position: relative; }
.header-cs { background: url('img/bg-header-cs.jpg') no-repeat; }
.header-sk { background: url('img/bg-header-sk.jpg') no-repeat; }
.header-de { background: url('img/bg-header-de.jpg') no-repeat; }
#header .logo { position: absolute; z-index: 1; top: 5px;  left: 0;  width: 300px; height: 90px; }
#header .logo a { display: block; width: 300px; height: 90px;}
#header .logo span { display: none; }
#header .slogan { height: 136px; background: url('img/bg-header-right.jpg') no-repeat right; }
#header .slogan span { display: none; }

#top-menu { position: absolute; z-index: 20; left: 325px; top: 88px; width: 421px; height: 31px; line-height: 20px; font-size: 11px; background: url('img/bg-topmenu.gif') repeat-x top; border-left: 1px solid #127452; border-right: 1px solid #127452; }
#top-menu.de { width: 453px; }
#top-menu a { color: #000000; padding: 10px 1em 0 1em; text-decoration: none; font-weight: bold; }
#top-menu ul { height: 100%; list-style: none;  }
#top-menu li { float: left; text-align: center; background: url('img/topmenu-bg.gif') repeat-x top; line-height: 27px; height: 31px; margin: 0 2px; }
#top-menu li.uvod { width: 60px; }
#top-menu li.obchodni-podminky { width: 167px; }
#top-menu li.agb { width: 50px; }
#top-menu li.zahlung-versand { width: 146px; }
#top-menu li.impressum { width: 100px; }
#top-menu li.kontakt { width: 76px; }

#top-link { display: none; position: absolute; z-index: 20; right: 250px; _right: 256px; /*right: 0px;*/ top: 2px; width: 140px; height: 25px; line-height: 25px;  background: #FEC00E url('img/toplink-bg.gif') no-repeat left bottom; }
#top-link a { color: #2F2F2F; font-size: 1.1em; font-weight: bold; padding-right: 25px; margin: 0 0.8em; text-decoration: none;  }
#top-link a.cs { background: url('img/flag-cs.gif') no-repeat right; }
#top-link a.sk { background: url('img/flag-sk.gif') no-repeat right; }
/*
#header .top-menu { position: absolute; z-index: 2; left: 225px; bottom: 0; width: 445px; height: 40px; font-size: 0.9em; background: url('img/bg-top-menu.gif') repeat-x; }
#header .top-menu,
#header .top-menu a { color: #ffffff; font-weight: bold; }
#header .top-menu ul { height: 100%; list-style: none; text-align: right; padding-right: 10px; background: url('img/bg-top-menu-right.gif') no-repeat right; }
#header .top-menu li { padding: 0 1em; line-height: 40px; float: left; }
#header .top-menu li.first { padding-left: 30px; background: url('img/bg-top-menu-left.gif') no-repeat; }
*/

/* Breadcrumb Navigation (component)
********************************************************************************/
#breadcrumb { position: relative; height: 31px; line-height: 31px; padding-left: 1em; padding-right: 90px; overflow: hidden; background: url('img/breadcrumb-bg.gif') repeat-x; margin-right: 5px; }
#breadcrumb a.arrow { padding-right: 1em; line-height: 31px; color: #00A4E1; font-weight: bold; background: url('img/breadcrumb1.gif') no-repeat right; }
#breadcrumb .print { position: absolute; width: 80px; height: 31px; right: 5px; top: 0px;  text-align: right; }
#breadcrumb .print a { padding-right: 20px; background: url('img/icon-print.gif') no-repeat right; }


/* Main content of page
*******************************************************************************/
#main { padding: 5px 10px; padding-bottom: 2em; }
#main	.desc { padding: 0 0; margin-bottom: 0.5em; color: #000000; line-height: 1.4em; }
#main	.desc ul { margin-left: 1.5em; }
#main h1 { margin: 0.3em 0 0.8em 0; line-height: 1.3; color: #00A4E0;}
#main h2 { margin: 0.5em 0 0.3em 0; }
#main h3 { margin: 1em 0 0.5em 0; }
#main h3.cart { margin: 0.1em 0 0.3em 0; font-size: 0.8em; color: #808080; }
#main ul { margin-left: 1em; }

#main.content p { margin-top: 0.5em; }


/* ceny */
p.common { color: #A7A7A7; } 
p.without-duty { color: #303030; margin: 0; font-size: 0.9em; }
p.with-duty { color: #004E6A; font-weight: bold; font-size: 1.5em; margin: 0 0 0.3em 0; }
p.with-duty span { font-size: 0.9em; }
p.discount { font-weight: bold; margin: 0.1em 0 0.1em 0; color: #C21631; font-size: 0.9em; }
p.transport { margin: 0.3em 0; }


#main div.left { float: left; width: 49%; }
#main div.right { float: right; width: 49%; }
#main img.left { float: left; }
#main img.right { float: right; }


#main .subcategory { background: #fbd32e url('img/subcategory-bg.gif') repeat-x top; margin: 0; padding: 0;  }
#main .subcategory a { margin-right: 0.9em; padding-left: 15px; line-height: 28px; color: #000000; background: url('img/subcategory-arrow.gif') no-repeat 0 50%; font-weight: bold;  }
#main .subcategory-cs { padding-left: 95px; padding-top: 10px; background: url('img/subcategory-cs.gif') no-repeat; border-bottom: 1px solid #b18f27;}
#main .subcategory-sk { padding-left: 95px; padding-top: 10px; background: url('img/subcategory-sk.gif') no-repeat; border-bottom: 1px solid #b18f27; }
#main .subcategory-cs span,
#main .subcategory-sk span { display: none; }

#main .order-by { margin: 1em 0; text-align: right; }
#main .order-by select { border: 1px solid #7f9db9; font-size: 0.9em; padding: 0.1em 0; }
#main .order-by #orderbysort { margin: 0 0; }

#main	.labels { margin-top: 0.5em; margin-bottom: 0.5em; text-align: left; }

#main .prices-order { margin: 0.5em 0 0.5em 40em; color: #F7941D; background: #FFF7CF url('img/prices-bg.gif') no-repeat; border-top: 3px solid #FBC41B; text-align: right; padding: 13px 13px 5px 5px; }
#main .prices-order p.with-duty { color: #004E6A; font-weight: bold; font-size: 1.3em; margin: 0 0 0.3em 0; }

#main .buttons { text-align: right; margin: 1em 0; }
#main .buttons-recal { text-align: right; margin-bottom: 1em; }

/*--- Kontakt -----------------------------------------------------*/
#contact { margin-top: 1em; }
#contact .box-right { float: right; width: 500px; text-align: center; border: 0px solid red; }
#contact .box-left { margin-right: 520px; border: 0px solid blue; }
#contact .box { margin: 1em 0 0 0; border: 1px solid #E6F7FD; }
#contact img { border: 1px solid #FAB712; padding: 1px; }
#contact h3 { margin: 0; padding: 0.2em 10px; background: #E6F7FD; }
#contact p { margin: 0.2em 10px; }

/*--- kroky objednavky --------------------------------------------*/
div#process {  margin: 1em auto; text-align: center; line-height: 1.3em; width: 674px;}
div#process ul { margin-left: 0em;  }
div#process ul li { float: left; width: 182px; height: 82px; margin: 0; font-size: 0.9em; list-style: none; color: #ffffff; text-align: center; }
div#process ul li.step0a {  background: url('img/step0a.gif') no-repeat; width: 135px; }
div#process ul li.step1a {  background: url('img/step1a.gif') no-repeat; width: 179px; }
div#process ul li.step2a {  background: url('img/step2a.gif') no-repeat; width: 183px; }
div#process ul li.step3a {  background: url('img/step3a.gif') no-repeat; width: 177px; }
div#process ul li.step1 {  background: url('img/step1.gif') no-repeat; width: 179px; }
div#process ul li.step2 {  background: url('img/step2.gif') no-repeat; width: 183px; }
div#process ul li.step3 {  background: url('img/step3.gif') no-repeat; width: 177px; }
div#process ul li a { display: block; color: #ffffff; font-weight: bold;}
div#process ul li span { display: block; color: #ffffff; padding-top: 60px; }

#main div.order-left { float: left; width: 59%; }
#main div.order-right { float: right; width: 40%; }
#summary { margin: 12px 0; border: 2px solid #FDE3A3; background: #FEFBF1 url('img/bg-fold.gif') repeat-x top left; }
#summary h3 { margin: 0; padding: 0.2em 0.5em; color: #ffffff; background: #FAB712; }
#summary h4 { margin: 0.2em 0.5em; color: #404040; font-size: 1em; }
#summary h4.border { border-top: 2px solid #FDE3A3; padding-top: 0.3em; }
#summary table { margin-top: 0; }
#summary table .bold { font-weight: bold; }
#summary .prices { margin: 0; color: #606060; background: #FFF7CF url('img/prices-bg.gif') no-repeat; border-top: 3px solid #FBC41B; text-align: right; padding: 0 13px 5px 5px; }
#summary .prices p.with-duty { color: #004E6A; font-weight: bold; font-size: 1.4em; margin: 0 0 0.3em 0; }
#summary .prices h4 { text-align: left; }
.order h4 { margin: 0 0 0 0; padding: 0.2em 0.5em; color: #ffffff; font-size: 1.1em; background: #0671B6 url('img/bg-th-blue.jpg') repeat-x; }
.order h4 span { font-size: 0.8em; }
div.order { margin: 12px 0 0 0; border: 2px solid #9EC7E3; background: #F1FBFF; }
table.order { margin: 0; width: 100%; }
table.order tr.border { border-bottom: 1px solid #9EC7E3; }
table.order th, table.order td { border: 0; }
table.order td.help { width: 60%; font-size: 0.9em; color: #575D57;  }
table.order th.w150 { width: 100px;  }
table.order td.help span { font-size: 0.9em; }
table.order td.price { width: 65px; text-align: right; white-space: nowrap; }
table.order ul { font-size: 0.8em; color: #575D57; padding: 0.2em 0.5em; font-weight: normal; }
table.order p.main { padding: 0.2em 0; font-weight: bold;}
table.order td.input { text-align: center; width: 15px; vertical-align: top; padding-top: 0.5em}

/*--- Catalog --------------------------------------------*/
div#catalog { margin: 0 auto; }
div#catalog div.good { float: left; position: relative; height: 310px; margin: 1em 1em 1em 0; border: 1px solid #E6F7FD; width: 230px; /* border-left: 0; border-top: 0; */}
div#catalog div.good h2 { margin: 1px; text-align: center; font-size: 1.2em;  padding: .5em 10px; overflow: hidden; background: #E6F7FD; }
div#catalog div.good div.image { position: relative; margin: auto; padding: 0; text-align: center; }
div#catalog div.good div.image img { margin-top: 1em; }
div#catalog div.good p.description { position: absolute; top: 170px; padding: 0 5px; width: 220px; background: #ffffff; }
div#catalog div.good p.availability { position: absolute; top: 225px; text-align: right; padding: 0 5px; width: 220px; }
div#catalog div.good p.availability span { font-weight: bold; }
div#catalog div.good p.price { text-align: center; position: absolute; top: 240px; width: 228px; 
	color: #004E6A; padding: 0.2em 0; border: 1px solid #ffffff; font-weight: bold; font-size: 1.25em; background: #E6F7FD;  }
div#catalog div.good div.buttons { position: absolute; top: 270px; width: 230px; margin: 0.7em 0 0 0; font-size: .9em; text-align: center;  }
div#catalog div.good div.buttons a { margin: 0 0.3em; }

.label-new {  position: absolute; top: 0px; left: 0px; width: 67px; height: 68px; background: url('img/label-novinka.gif') no-repeat;}
.label-action {  position: absolute; top: 0px; left: 0px; width: 67px; height: 68px; background: url('img/label-akce.gif') no-repeat;}
.label-tip {  position: absolute; top: 0px; left: 0px; width: 67px; height: 68px; background: url('img/label-tip.gif') no-repeat;}
.label-doprava-zdarma {  position: absolute; top: 0px; right: 0px; width: 77px; height: 77px; background: url('img/label-doprava-zdarma.gif') no-repeat;}
.label-new span,
.label-action span,
.label-tip span,
.label-doprava-zdarma span  { display: none; }

div.category-box { margin: 1em 0em 2em 0em; padding: 0.5em; border: 1px solid #E6F7FD; min-height: 130px; _height: 130px; }
div.category-box h2 { background: #E6F7FD; line-height: 2em; font-size: 1.4em; margin-left: 185px; padding: 0 1em; }
div.category-box h3 a { margin: 0; padding: 0; }
div.category-box img.thumb { float: left; margin-right: 1em;}
div.category-box p { margin-left: 185px; } 
div.category-box p.category-box-link { text-align: right; font-size: 1.2em; font-weight: bold;  margin: 0 0.5em 0.5em 0; }

div.category-icon { float: left; height: 150px; width: 172px; margin: 10px 10px 15px 0; }
div.category-icon span { display: block; text-align: center; padding-top: 135px; font-size: 16px; font-weight: bold; font-variant: small-caps; }
div.category-icon a { display: block; color: #0D6EAD; height: 150px; width: 172px; text-decoration: none;}

/*--- Good Detail ----------------------------------------*/
#good-left { width: 275px; float: left; text-align: center; }
#good-left div.thumb { position: relative; width: 262px; margin-left: 0px; text-align: center; }
#good-left div.zoom { position: relative; width: 262px; text-align: center; margin-left: 0px; }
#good-left img { border: 1px solid #E6F7FD; padding: 5px;  }
#good-left img.zoom-cs { background: url('img/zoom.gif') no-repeat right bottom; padding-bottom: 20px; }
#good-left img.zoom-sk { background: url('img/zoom.gif') no-repeat right bottom; padding-bottom: 20px; }
#good-left img.zoom-de { background: url('img/zoom.gif') no-repeat right bottom; padding-bottom: 20px; }
#good-left p.small { font-size: 0.8em; color: #909090; }

#good-right { margin-left: 280px; }
#good-right	.desc { color: #000000; margin: 0; padding: 0; font-size: 1em; line-height: 1.4em; background: none; }

#tools { height: 46px; line-height: 46px; width: 457px; margin: 0.5em 0; background: #006AB3 url('img/bg-tools.gif') no-repeat top left; }
#tools a { display: block; float:left; color: #ffffff; padding-left: 17px; }
#tools .mobil { width: 125px; background: url('img/mobil.gif') no-repeat 0% 50%; margin-left: 10px;  }
#tools .obalka { width: 70px; background: url('img/obalka.gif') no-repeat 0% 50%; padding-left: 27px; }
#tools .pes { width: 75px; background: url('img/pes.gif') no-repeat 0% 50%; padding-left: 25px; }
#tools .tisk { width: 70px; background: url('img/tisk.gif') no-repeat 0% 50%; padding-left: 22px; }
#tools.sk .mobil { width: 132px; }
#tools.de .mobil { width: 190px; }
#tools.de .obalka { width: 85px; }
#tools.de .pes { width: 105px; }
#tools.de .tisk { width: 65px; }

#detail-box { position: relative; height: 135px; width: 454px; margin: 0.5em 0; background: #FDD708 url('img/bg-detail-box.gif') no-repeat top left; }
#detail-box .price { position: absolute; top: 13px; left: 10px; width: 225px; text-align: right; color: #A7A7A7;  }
#detail-box .instalment { position: absolute; top: 75px; left: 10px; width: 225px; text-align: right; font-weight: bold; color: #006600; }
#detail-box .instalment a { color: #006600; }
#detail-box .availability { position: absolute; top: 95px; left: 10px; width: 225px; height: 31px; line-height: 31px; font-size: 1.1em; font-weight: bold; text-align: center; color: #112344; background: #ffffff url('img/bg-detail-box-avail.gif') no-repeat top left;  }
#detail-box .availability span {  padding: 3px 5px; }
#detail-box .add-cart {  position: absolute; top: 89px; right: 10px; width: 136px; height: 44px; }
#detail-box .amount {  position: absolute; top: 95px; right: 155px; width: 50px; height: 44px; color: #000000; font-weight: bold; font-size: 1.1em; }
#detail-box .amount input#amount { width: 1.5em; text-align: right; }
#detail-box .information { position: absolute; top: 10px; right: 10px; width: 200px; background: #ffffff; }
#detail-box .information table { width: 100%; }
#detail-box .information table td,
#detail-box .information table th { border: 0; font-size: 0.9em; padding: 0 0.3em; }
#detail-box .information table th { text-align: right; white-space: nowrap; }

#good-subpage { clear: both; padding-top: 1em; line-height: 1.4em;}
#good-subpage .fold {  padding: 5px 10px; background: #FEFBF1; border: 1px solid #FAB712; }

#good-subpage div.media { width: 290px; float: right; border-left: 1px solid #FAB712; padding-left: 5px; }
#good-subpage div.text { margin-right: 305px; }

#good-subpage div.media-in { padding: 0.5em; background: #ffffff;  }
#good-subpage p.pdf { padding-left: 35px; height: 30px; background: url('img/pdf.gif') no-repeat; font-size: 1.1em;} 
#good-subpage h5 { font-size: 1.2em; line-height: 18px; padding: 0.3em 1em; margin: 0 0 0.2em 0; color: #ffffff; background: #FAB712 url('img/bg-media.gif') repeat-x top right; }
#good-subpage h5 a { color: #ffffff; text-decoration: none; }
#good-subpage p.prislusenstvi { background: #ffffff; padding: 0.5em 0 1em 0; text-align: right; font-size: 1.2em; font-weight: bold; }
#good-subpage p.video { padding-left: 42px; line-height: 40px; background: url('img/video.gif') no-repeat; font-size: 1.4em; } 

#good-subpage div.media .good { padding: 0.5em; background: #ffffff; }
#good-subpage div.media .good h2 { font-size: 1.2em; margin: 0 0 0.5em 0; line-height: 1.3em; }
#good-subpage div.media .good .thumb { float: left; margin-right: 0.5em; }
#good-subpage div.media .good p.description { text-align: center; margin: 0 0 0 130px;  }
#good-subpage div.media .good p.price { text-align: center; color: #004E6A; padding: 0.3em 0; margin: 0.2em 0 0 130px; font-weight: bold; font-size: 1.15em; background: #E6F7FD;  }
#good-subpage div.media .good .buttons { text-align: center; margin: 0.4em 0 0 130px; }

/*
#good-subpage div.media-in { border: 5px solid #FFF0C4; border-top: 0; background: #ffffff; margin-bottom: 0.5em;   }
#good-subpage p.pdf { padding-left: 35px; line-height: 30px; background: url('img/pdf.gif') no-repeat; font-size: 1.1em;} 
#good-subpage h5 { background: #FAA928; font-size: 1.1em; padding: 0.3em 1em; margin: 0 0 0.2em 0; color: #ffffff; border: 5px solid #FFF0C4; }
#good-subpage h5 a { color: #ffffff; text-decoration: none; }
#good-subpage p.prislusenstvi { padding-left: 42px; line-height: 40px; background: #FFF0C4 url('img/ok.png') no-repeat; font-size: 1.4em; }
*/

#good-subpage table.parameters { background: #fff0c4; border-collapse: separate; padding: 0.5em; margin: 1em 0;}
#good-subpage table.parameters th { background: #faa928; color: #ffffff; text-align: right; padding: 0.3em 1em 0.3em 2em; }
#good-subpage table.parameters td { background: #ffffff; padding: 0.3em 2em 0.3em 1em; }

#good-subpage div.thumb { width: 130px; height: 140px; float: left; margin: 1em 1em 0 0; }
#good-subpage .thumb img { border: 1px solid #E6F7FD; padding: 5px; padding-bottom: 20px; }
#good-subpage .thumb img.zoom-cs { background: #ffffff url('img/zoom.gif') no-repeat right bottom; }
#good-subpage .thumb img.zoom-sk { background: #ffffff url('img/zoom.gif') no-repeat right bottom; }

#good-subpage div.accessory { clear: both; margin-bottom: 1em; padding: 0.5em 1em 0.5em 1em; border: 1px solid #E6F7FD; background: #ffffff; width: 95% }
#good-subpage div.accessory img.thumb { float: right; margin: 0 0em;  border: 1px solid #E6F7FD; padding: 5px; background: #ffffff; }
#good-subpage div.accessory .price { height: 28px; line-height: 28px; text-align: right; position: relative; margin: 0.5em 140px 0 0;  }
#good-subpage div.accessory .price span { margin: 0 120px 0 0; color: #004E6A; padding: 4px 2em; font-weight: bold; font-size: 1.25em; background: #E6F7FD; }
#good-subpage div.accessory .price img { position: absolute; right: 0; bottom: 0; }

#good-subpage h4 { color: #000000; }
#good-subpage p.name { font-style: italic; font-weight: bold; }
#good-subpage ul.discuss { list-style: none; }
#good-subpage ul.discuss ul { list-style: none; }
#good-subpage ul.discuss li { border-left: 3px solid #00A4E0; padding-left: 0.5em; margin: 0.5em 0; }
#good-subpage fieldset { border: 1px solid #D5D5D5; margin-top: 2em; }
#good-subpage legend { font-weight: bold; color: #000000; }
#good-subpage .discuss_error { color: red; padding: 1em 0 0 1em; } 
#good-subpage table.discuss td, 
#good-subpage table.discuss th { border: 0; color: #000000; }
#good-subpage table.discuss td span { font-size: 0.8em; }
#good-subpage input { margin: 0.1em 0; }
#good-subpage input.normal { width: 17em; }

#good-subpage .ui-tabs-hide { display: none; }
#good-subpage .ui-tabs-nav { height: 26px; list-style: none; margin: 0; padding: 0 0 0 0px; }
#good-subpage .ui-tabs-nav:after { display: block; clear: both; content: " "; } /* clearing without presentational markup, IE gets extra treatment */
#good-subpage .ui-tabs-nav li { float: left; margin-right: 0.2em; line-height: 24px;  background: #167BBD url('img/bg-tabs.gif') repeat-x top left; }
#good-subpage .ui-tabs-nav a { margin: 0 1em; padding: 0 2em; color: #ffffff; text-decoration: none; font-weight: bold; }
#good-subpage .ui-tabs-nav a:link,
#good-subpage .ui-tabs-nav a:visited { color: #fff; }
#good-subpage .ui-tabs-nav .ui-tabs-selected  { height: 26px; line-height: 24px; background: #FAB712 url('img/bg-tabs-active.gif') repeat-x top left; }

#config input.size { width: 3em; }
/* HOMEPAGE
********************************************************************************/
#homepage { line-height: 1; height: 110px; margin: 0 0 0 0; padding: 0; padding-right: 200px; background: url('img/bg-homepage.jpg') no-repeat right;}
#homepage h1 { line-height: 1; color: #FBC41B; margin: 0 0 0.2em 0; padding: 0; font-size: 3em; line-height: 1.3;}
#homepage h2 { color: #00A4E0; margin: 0; padding: 0; font-size: 1.5em; line-height: 1.3; }
#homepage p { line-height: 1.5; text-align: justify; }

#hp-news { background: #F7FCFE url('img/hp-aktuality-bg.gif') no-repeat; margin: 1em 0 1em 470px; padding: 0.1em 0; }
#hp-news h3 { margin: 0.7em 0.5em 0.5em 0.5em; color: #00A4E0; font-size: 1.5em; }
#hp-news .news { padding: 0.3em 1em; }
#hp-news .news h6 { color: #00A4E0; font-size: 1.1em; margin-bottom: 0.1em; }
#hp-news .news .text { color: #000000;}

#hp-banners { float: left; width: 450px; }
#hp-banners .banner { margin-bottom: 0.5em; }

#hp-article { background: #FFFCF2 url('img/hp-article-bg.gif') no-repeat; margin: 1em 0 1em 470px; padding: 0.1em 0; }
#hp-article h3 { margin: 0.7em 0.5em 0.5em 0.5em; color: #F9A615; font-size: 1.5em; }
#hp-article .article { padding: 0.3em 1em; }
#hp-article .article h6 { color: #F9A615; font-size: 1.1em; margin-bottom: 0.1em; }
#hp-article .article h6 a { color: #F9A615; }
#hp-article .article .text { color: #000000;}

#hp-banner { text-align: center; }

/* Left stripe (component)
/******************************************************************************/
/*--- Category menu ---------------------------------------*/
#left h4.category { color: #ffffff; background: #00A4E0 url('img/head.gif') no-repeat; padding-left: 1em; line-height: 24px; padding-top: 4px; /*border-top: 5px solid #75CEEE;*/ border-bottom: 1px solid #00749F; }

#left ul { list-style: none; margin: 0; padding: 0; }
#left li {  list-style: none; background: #93D8F2; border-top: 1px solid #ffffff; }
#left li a { padding-left: 2em; line-height: 28px; height: 28px; display: block; color: #ffffff; font-weight: bold; text-decoration: none;  }
#left li a:hover { text-decoration: underline; }

#left li a { background: #0085C2 url('img/menu-li.gif') no-repeat bottom left; color: #ffffff; }

#left li.level1 a { line-height: 24px; height: 24px; padding-left: 2.1em; background: url('img/menu-li1.gif') no-repeat bottom left; font-size: 0.9em; }
#left li.level1 a.active,
#left li.level1 a:hover { background: #00A4E0 url('img/menu-li-hover.gif') no-repeat bottom left; }
#left li li a, 
#left li.level1 li a { padding-left: 2.3em; background: #DBF2FB url('img/menu-li-li.gif') no-repeat 7% 50%; color: #2F2F2F; }
#left li li li a,
#left li.level1 li li a { padding-left: 2.6em; background: #F4F4F4 url('img/menu-li-li-li.gif') no-repeat 9% 50%; border-bottom: 1px solid #93D8F2; }
#left li a.active,
#left li a:hover { background: #00A4E0 url('img/menu-li-hover.gif') no-repeat bottom left; }

#left li li a.active,
#left li li a:hover,
#left li.level1 li a.active,
#left li.level1 li a:hover { background: #00A4E0 url('img/menu-li-active.gif') no-repeat 7% 50%; color: #ffffff; }
#left li li li a.active,
#left li li li a:hover { background: #00A4E0 url('img/menu-li-active.gif') no-repeat 9% 50%; }

/* zluta */
#left li.level2 a { line-height: 24px; height: 24px; padding-left: 2.1em;  background: #9FC43B url('img/menu-li-red.gif') no-repeat left center; color: #ffffff; font-size: 0.9em; }
#left li.level2 li a { line-height: 24px; height: 24px; padding-left: 3.1em; background: #9FC43B url('img/menu-li-red-li.gif') no-repeat left center; }
#left li.level2 a.active,
#left li.level2 a:hover { background: #76A626 url('img/menu-li-red-hover.gif') no-repeat left center; }
#left li.level2 li a.active,
#left li.level2 li a:hover { background: #76A626 url('img/menu-li-red-li-hover.gif') no-repeat left center; }

/* zluta */
#left li.level3 a { line-height: 26px; height: 26px; padding-left: 2.1em;  background: #9FC43B url('img/menu-li-yellow.gif') no-repeat left center; color: #ffffff;  }
#left li.level3 li a { line-height: 26px; height: 26px; padding-left: 3.1em; background: #9FC43B url('img/menu-li-yellow-li.gif') no-repeat left center; }
#left li.level3 a.active,
#left li.level3 a:hover { background: #76A626 url('img/menu-li-yellow-hover.gif') no-repeat left center; }
#left li.level3 li a.active,
#left li.level3 li a:hover { background: #76A626 url('img/menu-li-yellow-li-hover.gif') no-repeat left center; }

/* hneda */
#left li.level4 a { line-height: 24px; height: 24px; padding-left: 2.1em;  background: #9FC43B url('img/menu-li-4.gif') no-repeat left center; color: #ffffff; font-size: 0.9em;  }
#left li.level4 li a { line-height: 24px; height: 24px; padding-left: 3.1em; background: #9FC43B url('img/menu-li-4-li.gif') no-repeat left center; }
#left li.level4 a.active,
#left li.level4 a:hover { background: #76A626 url('img/menu-li-4-hover.gif') no-repeat left center; }
#left li.level4 li a.active,
#left li.level4 li a:hover { background: #76A626 url('img/menu-li-4-li-hover.gif') no-repeat left center; }

/* zelena */
#left li.level5 a { line-height: 24px; height: 24px; padding-left: 2.1em;  background: #9FC43B url('img/menu-li-green.gif') no-repeat left center; color: #ffffff; font-size: 0.9em;  }
#left li.level5 li a { line-height: 24px; height: 24px; background: #9FC43B url('img/menu-li-green-li.gif') no-repeat left center; color: #2F2F2F;}
#left li.level5 a.active,
#left li.level5 a:hover { background: #76A626 url('img/menu-li-green-hover.gif') no-repeat left center; }

#left li.special a { background: #FEA500 url('img/menu-li-top.gif') no-repeat; padding-left: 2em; color: #ffffff; }
#left li.special a.active,
#left li.special a:hover { background: #FFD456 url('img/menu-li-top-hover.gif') no-repeat; }

/*--- Search ---------------------------------------*/
#left h4.search { height: 29px; line-height: 29px; margin-top: 1em; padding-left: 1em; background: #FECD37; border-top: 5px solid #B49127; border-bottom: 1px solid #B49127; }
#left h4.search span { display: none; }
#left div.search { text-align: center; padding: 1em 0; margin-bottom: 1em; background: #FECD37;  border-top: 1px solid #ffffff; }
#left div.search input { margin: 0.2em 0; }
#left h4.article { height: 29px; line-height: 29px; background: url('img/bg-article-header.gif') no-repeat; }
#left h4.article span { display: none; }


/*#left div.article { padding: 0.5em; padding-top: 0; background: url('img/bg-article.gif') repeat-y; }
#left div.article p { padding: 0.5em 0 0.5em 1em; background: url('img/bg-article-arrow.gif') left 30% no-repeat; border-bottom: 1px solid #ffffff; }
#left div.article p a { font-weight: bold; color: #000000; font-size: 0.9em; }
*/
/* Right stripe (component)
********************************************************************************/
#right div.box { background: #FFFCF2; padding: 0.5em; border: 1px solid #FFF3C9; margin-bottom: 1em; }

#right h4.related { color: #ffffff; background: #00A4E0; padding-left: 1em; line-height: 29px; border-top: 5px solid #75CEEE; border-bottom: 1px solid #00749F; }
#right h4.akce { height: 29px; line-height: 29px; color: #ffffff; background: #FBC41B; padding-left: 1em; border-top: 5px solid #FDDF84; border-bottom: 1px solid #ffffff; }
#right h4.aktuality { height: 29px; color: #ffffff; background: url('img/bg-aktuality-header.gif') no-repeat right; }

#right div.good { margin-bottom: 1em; text-align: center; border: 1px solid #E6F7FD; width: 100%; background: #ffffff; }
#right div.good h3 { margin: 1px; padding: .5em 10px; background: #E6F7FD;}
#right div.good h3 a { font-size: 0.9em;  }
#right div.good div.image { position: relative; margin: auto; padding: 0; text-align: center; }
#right div.good div.image img { margin: 0.5em 0;  }
#right div.good p.price { text-align: center; color: #004E6A; padding: 0.2em 0; 
	border: 1px solid #ffffff; font-weight: bold; font-size: 1.25em; background: #E6F7FD; margin: 1px; }
	
#right div.info-order { margin-bottom: 1em; border: 1px solid #E6F7FD;  }
#right div.info-order h5 { color: #004E6A; background: #E6F7FD; padding: 0.2em 0.5em; margin: 1px; }
#right div.info-order p { margin: 0.2em 0.5em 1em 0.5em; }
/*


#right div.box-aktuality { background: #EAF3E5; margin-bottom: 1em; }
#right div.box-akce { background: #FBF2D9; margin-bottom: 1em; }

#right hr { height: 1px; color: #ffffff; margin: 0; padding: 0; }
#right h6 { padding: 0.3em 0; font-size: 1em; }
#right .news { font-size: 0.9em; padding: 0.5em;   }
*/
	
/* Košík a přihlášení
*******************************************************************************/
	
#cart { position: absolute; z-index: 1; top: 0px; right: 13px; _right: 22px; width: 182px; height: 90px; background: #FCCE43 url('img/bg-cart.gif') repeat-y; }
#cart span { display: none; }
#cart ul { list-style: none; height: 25px; }
#cart ul li { text-align: left; width: 182px;  }
#cart ul li.btn-login a { display: block; height: 35px; line-height: 35px; background: url('img/login-bg.gif') no-repeat 15% 50%;  }
#cart ul li.btn-cart { background: url('img/bg-cart-line.gif') no-repeat 50% 0%; }
#cart ul li.btn-cart a { display: block; height: 55px; line-height: 55px; background: url('img/cart-bg.gif') no-repeat 10% 50%; } 
#cart ul li a { color: #000000; font-weight: bold; padding-left: 60px; font-size: 1.3em; }

#cart .login { display: none; position: absolute; z-index: 20; width: 162px; top: 35px; right: 0; background: #FCCE43 url('img/bg-cart.gif') repeat-y; padding: 10px; }
#cart .login input { margin: 0.1em 0 0.4em 0; font-size: 0.9em; }
#cart .login label { color: #000000; font-weight: bold;  }
#cart .login p.user {  font-weight: bold;  }
#cart .login p.text { line-height: 2; }
#cart .login p.link { line-height: 3; font-size: 1.2em; font-weight: bold; }
#cart .login a { color: #000000; }

#search { position: absolute; z-index: 1; top: 105px; left: 10px; height: 19px; font-variant: small-caps; font-weight: bold; }
#search input.text { margin: 0 0 0 0; width: 115px; }
#search input.btn { margin: 0 0; height: 19px; vertical-align: bottom;  }
/* HELP
*******************************************************************************/
div#help { background: #CDEDF9 url('img/help-bg.gif') repeat-x top left; padding: 0 0; margin-top: 2em; overflow: hidden;   }
div#help .certificates { float: left;  height: 100%; width: 30%;}
div#help .certificates img { margin: 0 5px; }
div#help .query { float: left; height: 140px; width: 21%;  background: url('img/help-query.gif') no-repeat left top; }
div#help .message { float: left; height: 140px; width: 300px;  background: url('img/help-message.gif') no-repeat left top; }
div#help .certificat { float: left;  height: 140px;  width: 18%;  background: url('img/help-op.gif') no-repeat left top; }
div#help h5 { margin: 0 0 3px 55px; font-size: 1.2em;  color: #1983aa; padding-top: 10px;} 
div#help p { margin: 0 5px 0 55px; }
div#help a { color: #000000; }
div#help h5 a { color: #1983aa; } 
div#help p.email { margin: 0.5em 10px 0 55px; font-weight: bold; text-align: right; }
div#help p.email input { width: 150px;  }
div#help p.submit { margin: 0.2em 10px 0 55px; text-align: right; }

/* Footer (component)
*******************************************************************************/
div#footer { display: none; clear: both; background: #D4EFF5; padding-bottom: 1em; margin-top: 0em;}
div#footer .menu { height: 22px; line-height: 22px; padding: 5px 1em; background: #00A8E8 url('img/footer-bg.gif') repeat-x; border-bottom: 3px solid #ffffff; }
div#footer .menu a { color: #ffffff; font-size: 1.1em; text-decoration: none; font-variant: small-caps; font-weight: bold; padding: 0 0.5em; border-right: 1px dotted #ffffff;}
div#footer .producer { float: right; width: 200px; text-align: right; margin: 0.2em 1em 0em 0; font-weight: bold; font-size: 0.9em; }
div#footer .copyright { margin: 0.2em 1em 0em 0.5em; font-weight: bold; font-size: 0.9em; }
div#footer .producer a,
div#footer .copyright a { color: #000000; }
div#footer .link { text-align: center; margin: 1em; }

/* DIALOG */
/* query */

#dialog-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#dialog {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#dialog-cover {
	width: 450px;
	margin: 0 auto;
	border: 0px solid #BAD8EC;
}
	
#dialog-cover #dialog-loading { clear: both; height: 100px; width: 100%; text-align: center; line-height: 0; background-color: #fff; }
#dialog-cover #dialog-loading img { margin: 50px 0; }

#dialog-cover #dialog-topNav { width: 66px; background-color: #fff; float: right; text-align: right; padding: 6px 15px;	}	
#dialog-cover #dialog-content { clear: both; background-color: #fff; text-align: left; padding: 10px 10px; line-height: 1;  }

#dialog-cover #dialog-content p { margin: 0.5em 0; font-size: 1em; line-height: 1.3; }
#dialog-cover #dialog-content h2 { margin-bottom: 1.5em; }
#dialog-cover #dialog-content h3 { margin: 1em 0 0 0; font-size: 1.2em; }
#dialog-cover #dialog-content table { margin: 0; }


/* GLOBAL JAVASCRIPT 
*******************************************************************************/
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav, * html .ui-tabs-nav a { /* auto clear and hasLayout, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}