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


/* Generic
*******************************************************************************/
body { background: #ffffff url('img/body-bg.gif') repeat-x top left; color: #000000; 
	font: 70%/140% Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
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: #D42E12; }
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: 22px; line-height: 22px; font-size: 0.9em; background:#121C4D; color: #ffffff; border-bottom: 0px solid #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: 22px; line-height: 22px; 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: 0px auto; width: 980px; text-align: left; background: #FFFFFF url('img/bg-header.gif') repeat-x; border: 1px solid #121C4D; border-top: 0; border-bottom: 0; }


#content-right { margin-top: 7px; padding-left: 215px; padding-right: 195px; min-height: 500px; _height: 500px; }
#content { margin-top: 7px; padding-left: 215px; 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: 208px; position: absolute; top: 105px; left: 2px; }
#right {
  width: 195px;  /* RC width */
  margin-right: -195px;
  background: none;
  margin-top: 0px;
}
/*
* html #left {
  left: 200px;   RC width 
}
*/



/* Header (component)
*******************************************************************************/
#header { height: 65px; position: relative; background: url('img/header-bg.gif') repeat-y right; border-top: 0px solid #121C4D; border-bottom: 20px solid #121C4D; }
#header .logo { position: absolute; z-index: 1; top: 5px;  left: 0;  width: 288px; height: 55px; background: url('img/logo.gif') no-repeat;}
#header .logo a { display: block; width: 288px; height: 55px;}
#header .logo span { display: none; }
#header .slogan { }

#header .slogan span { display: none; }


#top-menu { height: 31px; line-height: 20px; font-size: 11px; background:#121C4D ; border-top: 1px solid #ffffff; }
#top-menu a { color: #ffffff; 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; line-height: 27px; height: 31px; margin: 0 2px; }
#top-menu li.uvod { width: 60px; }
#top-menu li.obchodni-podminky { width: 167px; }
#top-menu li.reklamace { width: 100px; }
#top-menu li.kontakt { width: 76px; }

/* Breadcrumb Navigation (component)
********************************************************************************/
#breadcrumb { font-size: 0.9em; height: 20px; padding-left: 1em; overflow: hidden; border-bottom: 1px solid #F1F1F1; }
#breadcrumb a.arrow { color: #D42E12; font-weight: bold; }


/* 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: #294B5F;}
#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 p  { margin-bottom: 0.5em; }
#main p.first { font-size: 1.2em; }

/* ceny */
p.common { color: #A7A7A7; } 
p.without-duty { color: #303030; margin: 0; font-size: 0.9em; }
p.with-duty { color: #D42E12; font-weight: bold; font-size: 1.5em; margin: 0 0 0.3em 0; }
p.with-duty span { font-size: 0.85em; }
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 { float: right; width: 320px; color: #A7A7A7; background: #E4F1FD; border: 2px solid #9EC7E3; text-align: right; padding: 13px 13px 5px 5px; }
#main .prices-order p.with-duty { color: #D42E12; font-weight: bold; font-size: 1.3em; margin: 0 0 0.3em 0; }

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

/*--- kroky objednavky --------------------------------------------*/
div#process {  margin: 1em auto; text-align: center; line-height: 1.3em; width: 656px;}
div#process ul { margin-left: 0em;  }
div#process ul li { float: left; width: 182px; height: 81px; 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: 165px; }
div#process ul li.step1a {  background: url('img/step1a.gif') no-repeat; width: 164px; }
div#process ul li.step2a {  background: url('img/step2a.gif') no-repeat; width: 164px; }
div#process ul li.step3a {  background: url('img/step3a.gif') no-repeat; width: 163px; }
div#process ul li.step1 {  background: url('img/step1.gif') no-repeat; width: 164px; }
div#process ul li.step2 {  background: url('img/step2.gif') no-repeat; width: 164px; }
div#process ul li.step3 {  background: url('img/step3.gif') no-repeat; width: 163px; }
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 { clear: both; margin: 0 auto; }
div#catalog div.good { float: left; position: relative; height: 300px; margin: 1em 1em 1em 0; border: 1px solid #F1F1F1; width: 230px; background: url('img/good-bg.gif') repeat-x; /* 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; }
div#catalog div.good h2 a { color: #294B5F; }
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;  }
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: #D42E12; padding: 0.2em 0; border: 1px solid #ffffff; font-weight: bold; font-size: 1.25em; background: #F1F1F1;  }
div#catalog div.good p.price span { font-size: 0.8em; font-weight: normal; }
div#catalog div.good div.buttons { position: absolute; top: 260px; 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-new span,
.label-action span,
.label-tip 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: 245px; float: left; text-align: center; }
#good-left div.thumb { position: relative; width: 240px; margin-left: 0px; text-align: center; }
#good-left div.zoom { position: relative; width: 240px; 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-right { margin-left: 250px; }
#good-right	.desc { color: #000000; margin: 0; padding: 0; font-size: 1em; line-height: 1.4em; background: none; }

#tools { height: 36px;  width: 510px; margin: 0.5em 0; background: #ECAB12 url('img/tools-bg.gif') repeat-x; border: 1px solid #E6E6E6; }
#tools a { display: block; float:left; color: #ffffff; font-size: 0.9em; font-weight: bold; padding-left: 28px; line-height: 36px; }
#tools .mobil { width: 140px; background: url('img/mobil.gif') no-repeat 0% 50%; margin-left: 5px;  }
#tools .obalka { width: 70px; background: url('img/obalka.gif') no-repeat 0% 50%; padding-left: 32px; }
#tools .pes { width: 80px; background: url('img/pes.gif') no-repeat 0% 50%; padding-left: 30px; }
#tools .tisk { width: 80px; background: url('img/tisk.gif') no-repeat 0% 50%; padding-left: 42px; }

#detail-box { position: relative; height: 135px; width: 510px; margin: 0.5em 0; background: #E4F1FD; border: 2px solid #9EC7E3; }
#detail-box .price { position: absolute; top: 13px; left: 10px; width: 280px; 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: 95px; left: 180px; width: 112px; height: 44px; }
#detail-box .amount {  position: absolute; top: 99px; left: 120px; 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 url('img/bg-detail-box-info.gif') no-repeat top left; }
#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: 0.5em 1em; background: url('img/good-bg.gif') repeat-x; border: 1px solid #ECAB12; }
#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; }
#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: #ECAB12; }

#good-subpage table.parameters { float: left; background: #fff0c4; border-collapse: separate; padding: 0.5em; margin: 0 1em 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 .accessory { clear: both; margin-bottom: 1em; padding: 0.5em 1em 0.5em 1em; border: 1px solid #E6F7FD; background: #ffffff; width: 95% }
#good-subpage .accessory img.thumb { float: right; margin: 0 0em;  border: 1px solid #E6F7FD; padding: 5px; background: #ffffff; }
#good-subpage .accessory .price { height: 28px; line-height: 28px; text-align: right; position: relative; margin: 0.5em 140px 0 0;  }
#good-subpage .accessory .price span { margin: 0 120px 0 0; color: #004E6A; padding: 4px 2em; font-weight: bold; font-size: 1.25em; background: #E6F7FD; }
#good-subpage .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; }

/* HOMEPAGE
********************************************************************************/
#homepage { line-height: 1; height: 60px; margin: 0 0 0 1em; padding: 0; padding-right: 200px; background: url('img/bg-homepage.jpg') no-repeat right;}
#homepage h1 { line-height: 1; 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-banner { float: left; width: 350px; }
.banner { text-align: center; margin: 0 0 6px 0; }
#hp-aktuality { margin-left: 360px; padding: 0;  }
#hp-aktuality .hp-aktuality-in { height: 213px; border: 1px solid #D42E12; overflow: hidden; }
#hp-aktuality h3 { margin: 0px; color: #000000; height: 29px; padding: 0 1em; font-weight: bolder; background: url('img/novinky-bg.gif') no-repeat; }
#hp-aktuality h3 span { display: none; }
#hp-aktuality .news { padding: 0.5em 1em; }
#hp-aktuality .news h6 { color: #294B5F; font-size: 1.2em; margin-bottom: 0.1em; }
#hp-aktuality .news .text { color: #000000;}

/* Left stripe (component)
/******************************************************************************/
/*--- Category menu ---------------------------------------*/
#left h4.category { color: #ffffff; height: 29px; background: #121C4D url('img/sortiment-bg.gif') no-repeat;}
#left h4.category span { display: none; }

#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: 1em; line-height: 28px; height: 28px; display: block; color: #000000; font-weight: bold; text-decoration: none;  }
#left li a:hover { text-decoration: underline; }

#left li a { background: #82B9F0 url('img/menu-li.gif') repeat-x; border-bottom: 1px solid #486AA9; }
#left li li a { padding-left: 2em;  }
/*
#left li.level1 a { line-height: 24px; height: 24px; padding-left: 2.1em; background: url('img/menu-li.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%; }


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

#left ul.special li a { background: #E0C67D url('img/menu-li-akce.gif') repeat-x; border-bottom: 1px solid #ECAC13; padding-left: 2em; color: #000000; }
/*#left ul.special li a.active,
#left ul.special li 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.akce { height: 29px; line-height: 29px; font-size: 1.2em; color: #ffffff; background: url('img/akce-bg.gif') no-repeat left; text-align: center; }
#right h4.akce a { color: #ffffff; }

#right div.good { margin-bottom: 1em; text-align: center; border: 1px solid #E6F7FD; 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: 10px;  width: 300px; height: 65px; }
#cart span { display: none; }
#cart ul { list-style: none; height: 25px; }
#cart ul li { text-align: right; width: 300px;  }
#cart ul li.btn-cart a { display: block; height: 65px; line-height: 65px;  } 
#cart ul li a { color: #000000; font-weight: bold; padding-left: 60px; font-size: 1.3em; }

#lgn { position: absolute; z-index: 1; top: 72px; right: 0; width: 200px; height: 25px; height: 20px; line-height: 20px; font-size: 11px; text-align: right; }
#lgn a {color: #ffffff; padding: 10px 1em 0 1em; text-decoration: none; font-weight: bold;}
#lgn .login { display: none; position: absolute; z-index: 20; width: 200px; top: 20px; right: 0; font-size: 0.9em; text-align: left; background: #121C4D; padding: 10px; }
#lgn .login input { margin: 0.1em 0 0.4em 0; font-size: 0.9em; }
#lgn .login label { color: #ffffff; font-weight: bold;  }
#lgn .login p { margin: 0.5em 0; padding: 0; line-height: 1; }
#lgn .login p.user {  font-weight: bold;  }
#lgn .login p.text { line-height: 2; }
#lgn .login p.link { line-height: 3; font-size: 1.2em; font-weight: bold; }
#lgn .login a { padding: 0; color: #ffffff; }

#search { display: none; 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: #ffffff url('img/help-bg.gif') repeat-x bottom left; padding: 0 2em;   }
div#help .query { float: left; height: 57px; width: 30%; padding-left: 50px; background: url('img/help-query.gif') no-repeat left bottom; }
div#help .message { float: left; height: 57px; width: 30%; padding-left: 50px; background: url('img/help-message.gif') no-repeat left bottom; }


div#help h5 { font-size: 1.1em; color: #1983aa; padding-top: 10px;}

div#reference { clear: both; margin-top: 2em; position: relative; height: 94px; background: url('img/reference-bg.gif') repeat-x; }
div#reference h4 { position: absolute; top: 20px; left: 10px; font-size: 1.2em; font-weight: bold;   }
div#reference ul { position: absolute; top: 10px; left: 120px; margin: 0; padding: 0; list-style: none; }
div#reference li { width: 139px; height: 63px; float: left; border: 1px solid #CDCDCD; margin-right: 5px;  }

/* Footer (component)
*******************************************************************************/
div#footer { clear: both; padding-bottom: 1em; }
div#footer .menu { height: 22px; line-height: 22px; padding: 5px 1em; }
div#footer .menu a { color: #ffffff; font-size: 1.1em; text-decoration: none; font-weight: bold; padding: 0 0.3em; border-right: 1px dotted #ffffff;}
div#footer .producer { float: right; width: 200px; text-align: right; margin: 0.2em 1em 1em 0; font-weight: bold; }
div#footer .copyright { margin: 0.2em 1em 1em 0.5em; font-weight: bold; }
div#footer .link { clear: both; font-size: 0.9em; 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;
}