@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; 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; }
h1 { color: #224362;}
h2 { }
h3 { }
h4, h5, h6 {}

a { color: #224362; }
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.w75 { width: 75%; }
table td,
table th { padding: 0.3em 0.5em;  }
table th { }
table th.total {   }
table td.bold { font-weight: bold; }
table.blank td, table.blank th {  }
table tr.selected td { background: #F0FFB0; font-weight: bold; }
fieldset { border: none; }
textarea.comment { width: 100%; }

table.blue { background: #FFCC66; border-collapse: separate; padding: 0.5em; }
table.blue th { background: #FF9900; color: #000000; text-align: left; }
table.blue th.acenter { text-align: center; }
table.blue td { background: #ffffff; }
table.blue td.bold { font-weight: bold; }
table.blue td p.amount input { width: 1.5em; border: 1px solid #EF704D; 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.blue td.price { text-align: right; width: 60px; }
table.blue p.main { font-weight: bold; margin: 0.5em 0 0.2em 0; }
table.blue ul { font-size: 0.8em; margin: 0.2em 1.5em; color: #606060; }


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


/* 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: #FFF7CD; border: 1px solid #FCD319; 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;  }



/* Container
*******************************************************************************/
#container { position: relative; margin: 0px 0px; background: #FFFFFF; border: 3px solid #ffffff; border-top: 0; border-bottom: 0; }


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



/* Header (component)
*******************************************************************************/
#header { height: 136px; position: relative; background: url('img/header-bg.gif') repeat-x; }
.header-cs { background: url('img/header.jpg') no-repeat; }
.header-sk { background: url('img/header.jpg') no-repeat; }
#header .logo { position: absolute; z-index: 1; top: 14px;  left: 16px;  width: 366px; height: 108px; background: url('img/logo.jpg') no-repeat; }
#header .logo a { display: block; width: 370px; height: 129px; }
#header .logo span { display: none; }
#header .slogan span { display: none; }

#promo { position: absolute; height: 85px; top: 17px; left: 260px; right: 230px; border: 0px solid red; overflow: hidden; }
#promo h4 { font-size: 16px; margin-bottom: 0.2em; }
#promo p { line-height: 1.5; text-align: justify;}

#top-menu { position: absolute; z-index: 20; left: 0; top: 107px; height: 25px; line-height: 25px; font-size: 1.1em;  }
#top-menu a { color: #000000; padding: 0 1em 0 1em; text-decoration: none; font-weight: bold; color: #ffffff;  }
#top-menu ul { height: 100%; list-style: none;  }
#top-menu li { float: left; }



/* Breadcrumb Navigation (component)
********************************************************************************/
#breadcrumb { height: 25px; line-height: 25px; padding-left: 1em; overflow: hidden; background: #FCE4CD url('img/breadcrumb.gif') repeat-x; }
#breadcrumb a.arrow { line-height: 25px; color: #224362; font-weight: bold; }


/* HOMEPAGE
*******************************************************************************/
div.homepage { line-height: 1; margin: 0 0 2em 0em; }
div.homepage h1 { margin: 0; padding: 0; font-size: 2em; }
div.homepage h2 { color: #005A89; margin: 0 0 1em 0; padding: 0; font-size: 1.5em; }
div.homepage p { line-height: 1.5; text-align: justify; }
div.why-shop { color: #EF704D; font-size: 1.1em; text-align: right; margin-right: 1em; font-weight: bold; }

#hp-aktuality  { float: left; width: 300px; height: 363px;  }

#hp-banners { margin: 1em 0 1em 330px; }
#hp-banners .banner { margin-bottom: 1em; }


/*
h3.hp-aktuality { margin: 1em 0 0 0; color: #224362; font-size: 1.5em; }
#hp-aktuality { border: 1px dotted #818181; padding: 0 10px; }
#hp-aktuality .news { padding: 0.5em 0; }
#hp-aktuality .news h6 { color: #005A89; font-size: 1.1em; margin-bottom: 0.2em; }
#hp-aktuality .news .text { color: #000000;}

h3.hp-good { margin: 1em 0 0 0; color: #FF6B26; }
#hp-good { margin: 0.5em 0;  background: url('img/bg-hp-orange.gif') no-repeat; padding: 0 0 0 10px; }
#hp-good .rgood { width: 32.8%; margin: 1em 0; float: left; text-align: center; border-right: 0px solid #FCD319; }
#hp-good .no-border { border: none; }
#hp-good .rgood h3 { font-size: 1em; background: none; }
#hp-good .rgood .price { padding: .3em 0 .8em 0; font-weight: bold; font-size: 1.3em; color: #558442; }
*/

/* Main content of page
*******************************************************************************/
#main { margin: 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; }
#main h3 { margin: 1em 0 0.5em 0; }
#main ul { margin-left: 1.5em; }
#main p { margin-top: 0.3em; }

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

#main .subcategory { background: #F7B471 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: 105px; padding-top: 10px; background: url('img/subcategory-cs.gif') no-repeat; border-bottom: 1px solid #b18f27;}
#main .subcategory-sk { padding-left: 105px; 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: #EF704D; background: #F0F0F0 url('img/prices-bg.gif') no-repeat; border-top: 5px solid #DADADA; text-align: right; padding: 13px 13px 5px 5px; }
#main .prices-order p.with-duty { color: #000000; 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; }

/*--- kroky objednavky --------------------------------------------*/
#main div.process {  margin: 0 auto; font-weight: bold; }
#main	div.process ul { margin-left: 0em; }
#main	div.process ul li { list-style: none; color: #595959; background: #dadada url('img/arrow-black.gif') no-repeat 97% 50%;
 padding: 0 1em; float: left; width: 29%; margin: 0 2px 0 0; line-height: 2.5em; font-size: 1.1em; border-top: 3px solid #ebebeb; }
#main	div.process ul li.active { color: #ffffff; background: #2e5c87 url('img/arrow-white.gif') no-repeat 97% 50%; border-top: 3px solid #2c4c69; }
#main	div.process a { color: #ffffff; }




/*--- Catalog --------------------------------------------*/
div#catalog { margin: 0 auto; }
div#catalog div.good { float: left; position: relative; height: 310px; margin: 1em 1em 1em 0; border: 1px dotted #818181; width: 230px; }
div#catalog div.good h2 { margin: 1px; text-align: center; font-size: 1.2em;  padding: .5em 10px; overflow: hidden; background: #F0F0F0; }
div#catalog div.good div.image { margin: 1em auto;  text-align: center; }
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: #000000; padding: 0.2em 0; border: 1px solid #ffffff; font-weight: bold; font-size: 1.25em; background:  #F0F0F0;  }
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; }

/*--- Good Detail ----------------------------------------*/
#good-left { width: 200px; float: left; text-align: center; }
#good-left div.thumb { width: 182px; margin-left: 0px; text-align: center; }
#good-left div.zoom { width: 182px; 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: 200px; }
#good-right	.desc { color: #000000; margin: 0; margin-bottom: 1em; padding: 0; font-size: 1em; line-height: 1.4em; background: none; }
#good-right	.patterns { font-size: 1.2em; margin: 1em 0; font-weight: bold; }

#detail-box { position: relative; margin: 0.5em 0 0 0; width: 530px; height: 150px; background: #F0F0F0 url('img/prices-bg.gif') no-repeat right; border-top: 5px solid #DADADA; }
#detail-box .col-price { float: left; width: 49%; text-align: left; color: #000000;  }
#detail-box .col-information { float: right; width: 49%; text-align: left; color: #000000;  }

#detail-box table.prices { position: absolute; top: 5px; left: 5px; border-collapse: separate; margin: 0; padding: 0; width: 245px; }
#detail-box table.prices th { background: #ffffff; }
#detail-box table.prices td { text-align: right; background: #ffffff; }
#detail-box table.prices tr.common { color: #A7A7A7; } 
#detail-box table.prices tr.without-duty { color: #EF704D; font-weight: bold;  }
#detail-box table.prices tr.with-duty { font-weight: bold; font-size: 1.3em; margin: 0.3em 0 0.3em 0; }
#detail-box table.prices tr.discount { font-weight: bold; margin: 0.5em 0 0.5em 0; color: #C21631;}
#detail-box table.prices tr.transport { margin: 0.3em 0; }

#detail-box table.information { position: absolute; top: 5px; right: 5px; border-collapse: separate; margin: 0; padding: 0; width: 245px; }
#detail-box table.information th { background: #ffffff; }
#detail-box table.information td { background: #ffffff; }

#detail-box .facebook { position: absolute; width: 80px; right: 125px; bottom: 5px; line-height: 1.2em; height: 32px; padding-left: 36px; background: url('img/facebook32.png') no-repeat 0% 50%; }
#detail-box .twitter { position: absolute; width: 80px; right: 5px; bottom: 5px; line-height: 1.2em; height: 32px; padding-left: 36px; background: url('img/twitter32.png') no-repeat 0% 50%; }
 
#detail-box .add-cart {  position: absolute; bottom: 5px; left: 70px; width: 180px; height: 33px; }
#detail-box .amount {  position: absolute; bottom: 2px; left: 15px; width: 60px; height: 33px; color: #000000; font-weight: bold; font-size: 1.2em; }
#detail-box .amount input#amount { width: 1.5em; font-size: 1.1em; text-align: center; border: 1px solid #000000; }

#good-subpage { clear: both; padding-top: 1em; line-height: 1.4em;  }
#good-subpage .fold {  padding: 0.5em 1em; background: #FEF7F4; border: 1px solid #E4951F; border-top: 3px solid #E4951F; }
#good-subpage .ui-tabs-hide { display: none; }
#good-subpage .ui-tabs-nav { height: 27px; 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: #737373;  border-top: 3px solid #B3B3B3; }
#good-subpage .ui-tabs-nav a { margin: 0 1em; padding: 0 1em; 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  { background: #E4951F; border-top: 3px solid #B67007; }

/*
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
*/

#good-subpage table.parameters { background: #fff0c4; border-collapse: separate; padding: 0.5em; margin: 1em 0em;}
#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 130px 0 0; color: #000000; padding: 4px 2em; font-weight: bold; font-size: 1.25em; background: #FBEADA; }
#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 p.pdf { padding-left: 35px; line-height: 30px; background: url('img/pdf.gif') no-repeat; font-size: 1.2em; }  
#good-subpage p.video { padding-left: 42px; line-height: 40px; background: url('img/video.gif') no-repeat; font-size: 1.4em; }
#good-subpage p.prislusenstvi { padding-left: 42px; line-height: 40px; background: url('img/ok.png') no-repeat; font-size: 1.4em; }
#good-subpage p.parametry { font-size: 1.3em; font-weight: bold; margin: 0.5em 0; }

#good-subpage div.media { width: 290px; float: right; }
#good-subpage div.text { margin-right: 300px; }

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


/* Left stripe (component)
/******************************************************************************/
/*--- Category menu ---------------------------------------*/
#left h4.category { color: #ffffff; height: 36px; line-height: 36px; background: #F0F0F0 url('img/menu-header.gif') no-repeat 50% 50%; padding-left: 1em; border: 1px dotted #818181; border-bottom: none; }
#left h4 span { display: none; }

#left ul.menu-1 { list-style: none; margin: 0; padding: 0 0 0 0; background: #557DA2 url('img/menu-1.gif') no-repeat; }
#left ul.menu-2 { list-style: none; margin: 0; padding: 0 0 0 0; background: #EE7C46 url('img/menu-3.gif') no-repeat; }
#left ul.menu-3 { list-style: none; margin: 0; padding: 0 0 0 0; background: #61B36B url('img/menu-2.gif') no-repeat; }
#left ul.menu-5 { list-style: none; margin: 0; padding: 0 0 0 0; background: #C1C1C1 url('img/menu-4.gif') no-repeat; }
#left ul.menu-4 { list-style: none; margin: 0; padding: 0 0 0 0; background: #825f1b url('img/menu-5.gif') no-repeat; }

#left ul ul { padding: 0; }
#left ul ul li { margin: 0; }
#left li {  line-height: 25px;  list-style: none; background: none; margin-left: 17px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; }
#left li a { padding-left: 0.5em; height: 25px; display: block; color: #ffffff; font-weight: bold; text-decoration: none;  }
#left li li a { padding-left: 2.2em; background: url('img/menu-li-li.gif') no-repeat 7% 50%; }
#left li li li a { padding-left: 2.5em; background: url('img/menu-li-li-li.gif') no-repeat 10% 50%; }
#left li a.active,
#left li a:hover { background: #E4951F; color: #ffffff; font-weight: bold;  }
#left li a:hover { text-decoration: underline; }
#left li li a.active,
#left li li a:hover { background: #E4951F url('img/menu-li-active.gif') no-repeat 7% 50%; }
#left li li li a.active,
#left li li li a:hover { background: #E4951F url('img/menu-li-active.gif') no-repeat 9% 50%; }

#left ul.special li { background: #E4951F; }
#left ul.special li a { background: url('img/special-li.gif') no-repeat 3% 50% }
#left ul.special li a.active,
#left ul.special li a:hover { background: #FFD456 url('img/special-li-active.gif') no-repeat 3% 50%; color: #2F2F2F; font-weight: bold;  }

/*--- Search ---------------------------------------*/
#left h4.search { margin-top: 1em; color: #ffffff; height: 36px; line-height: 36px; background: #F0F0F0 url('img/search-header.gif') no-repeat 50% 50%; padding-left: 1em; border: 1px dotted #818181; border-bottom: none; }
#left h4.search span { display: none; }
#left div.search { text-align: center; padding: 1em 0; margin-bottom: 1em; background: #557DA2; }
#left div.search input { margin: 0.2em 0; }

#left h4.article { height: 29px; line-height: 29px; }
#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 h4.related { color: #ffffff; background: #F38F5D; padding-left: 1em; line-height: 29px; border-top: 5px solid #EF704D; border-bottom: 1px solid #ffffff; }
#right h4.akce { height: 29px; line-height: 29px; color: #ffffff; background: #F38F5D; padding-left: 1em; border-top: 5px solid #EF704D; 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 #F9CA9B; width: 100%; }
#right div.good h3 { margin: 1px; padding: .5em 10px; background: #FBEADA;}
#right div.good h3 a { font-size: 0.9em;  }
#right div.good img { float: none; margin: 0.5em 0; }
#right div.good p.price { text-align: center; color: #000000; padding: 0.2em 0; 
	border: 1px solid #ffffff; font-weight: bold; font-size: 1.25em; background: #FBEADA; 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: 5px; _right: 15px;  width: 203px; height: 166px;  }
#cart span { display: none; }
#cart ul { list-style: none; height: 25px; margin-top: 12px;  }
#cart ul li {  text-align: center; width: 203px; height: 32px; line-height: 32px; }
#cart ul li.btn-login {  background: #F4B69D url('img/login-bg.gif') no-repeat; text-align: left; }
#cart ul li.btn-cart { margin-top: 2px; text-align: right; width: 203px; height: 87px; background: #34618B url('img/cart-bg.gif') no-repeat; } 
#cart ul li a { color: #ffffff; font-weight: bold; font-size: 1.2em; text-decoration: none; }
#cart ul li.btn-cart a { display: block; font-size: 1.4em; padding: 0 15px 0 0; line-height: 32px;  }
#cart ul li.btn-login a { display: block; padding: 0 15px 0 0; text-align: center; line-height: 32px;  }



/* 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;}
/* Footer (component)
*******************************************************************************/
div#footer { clear: both; background: #E8E7E7; padding-bottom: 1em; margin: 0; }
div#footer .menu { height: 22px; line-height: 22px; padding: 5px 1em; background: #FFAA2C 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-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 { 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 {
	background-color: #fff;
	width: 450px;
/*	height: 350px; */
	margin: 0 auto;
	padding: 5px 10px;
}
	
#dialog-cover #dialog-loading {
	height: 100px;
	width: 100%;
	text-align: center;
	line-height: 0;
}	

#dialog-cover #dialog-topNav { width: 66px; float: right;  padding-bottom: 0.7em;	}	
#dialog-cover #dialog-content { text-align: left; margin: 10px 0; 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;
}