@import "lightbox.css";
@import "dialog.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: #ffffff url('img/bg-body.gif') no-repeat left top;
	color: #012B7F;	font: 12px 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: #006AB3; }
a:hover { color: #006AB3; }

img { border: 0; }

acronym:hover { cursor: help; }

table { margin: 1em 0; border-collapse: collapse; }
table.full { width: 100%;  }
table.half { width: 50%;  }
table td,
table th { padding: 0.2em 0.5em; color: #112344; border: 1px solid #DC132B; }
table th { text-align: left; }
table th.total { color: #ffffff; background: #DC132B url('img/bg-th.gif') repeat-x top; border-top: 0;  }
table tr.selected td { background: #C7E3F3; font-weight: bold; }
table.blank td, table.blank th { border: 0; }
table span { font-size: 0.9em; }
table .h_center { text-align: center; }
table .h_price { text-align: right; white-space: nowrap; }
table .nowrap { white-space: nowrap; }
fieldset { border: none; }
textarea.full {width: 98%; }

table.blue th { color: #006AB3; background: #0086CB url('img/bg-th-blue.gif') repeat-x top; border: 1px solid #CEE3E4; }
table.blue td { border: 1px solid #CEE3E4 }
table.blue th.side { background: none; color: #112344;}
table.yellow th { color: #152747; background: #FCD319 url('img/bg-th-yellow.gif') repeat-x top; border: 1px solid #FCD319; }
table.yellow td { border: 1px solid #FCD319; }

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

/* 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; }
.strike { text-decoration: line-through; }
.align-center { text-align: center; }
.optional { font-weight: normal; }

.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; }
.error ul { list-style-type: none; }
.info { background: url('img/bg-info.gif') no-repeat; border: 1px solid #B8DDF0; 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;  }

/* RELATE SHOP
*******************************************************************************/
#relate-shop { height: 24px; line-height: 24px; font-size: 0.9em; background: #FAD4E6 url('img/bg-relate-shop.gif') repeat-x; color: #ffffff; }
#relate-shop a { color: #E3005D; 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: 24px; line-height: 24px; list-style: none; margin: 0 5px; }
#relate-shop li.plk { background: url('img/logo-plk.gif') no-repeat; width: 48px;  }
#relate-shop li.sk { background: url('img/flag_sk.gif') no-repeat left 50%; padding-left: 22px; margin-left: 15px; }

/* Container
*******************************************************************************/
#container { margin: 10px;  }

#content { position: relative; margin-top: 5px; padding-left: 220px; min-height: 500px; _height: 500px; }
#content-right { position: relative; margin-top: 5px; padding-left: 220px; padding-right: 201px; min-height: 500px; _height: 500px; }
#content-order { position: relative; margin-top: 5px; padding-right: 201px; min-height: 500px; _height: 500px; }
#content .column { position: relative;  }
#content-right .column { float: left; }
#content-order .column { float: left; }

#center { width: 100%; background: none; }
#left { width: 214px; position: absolute; top: -35px; left: 0px; }
#right { width: 201px; margin-right: -201px; background: none; margin-top: 0px; } 

/* Header (component)
*******************************************************************************/
#header { height: 190px; background: url('img/bg-header.gif') repeat-x; position: relative; }
#header .logo { position: absolute; z-index: 1; top: 0;  left: 0;  width: 464px; height: 190px; background: url('img/bg-header1.gif') no-repeat; }
#header .logo a { display: block; width: 420px; height: 150px;}
#header .logo span { display: none; }
#header .partner { position: absolute; z-index: 1; top: 10px;  right: 270px;  width: 153px; height: 87px; background: url('img/bg-kouzelnyhrad.gif') no-repeat; }
#header .partner a { display: block; width: 153px; height: 87px;}
#header .partner span { display: none; }

#header .cart { position: absolute; z-index: 3; bottom: 0px; right: 0px;  width: 253px; height: 161px; background: url('img/bg-cart.gif') no-repeat bottom right; }
#header .cart span { display: none; }
#header .cart a { color: #000000; font-weight: bold; font-size: 1.2em; display: block; position: absolute; top: 10px; right: 0px; width: 150px; height: 150px; }
#header .cart a span { display: block; margin: 45px 20px 0 0; text-align: right; }

#header .top-menu { position: absolute; z-index: 2; right: 0px; top: 159px; left: 225px; height: 31px; line-height: 31px; background: #FAD8E8 url('img/bg-top-menu.gif') repeat-x; }
#header .top-menu-in { height: 31px; background: url('img/bg-top-menu-right.gif') no-repeat right; }
#header .top-menu,
#header .top-menu a { color: #E3005D; font-weight: bold; font-size: 1.1em; text-decoration: none; }
#header .top-menu ul { height: 100%; list-style: none; text-align: left; background: url('img/bg-top-menu-left.gif') no-repeat left; }
#header .top-menu li { padding: 0 0.8em; line-height: 31px; float: left; }


/* Breadcrumb Navigation (component)
*******************************************************************************/
#breadcrumb { height: 25px; line-height: 25px; margin: 0 0 0 0.5em; font-size: 0.9em; color: #277621; overflow: hidden; background: #F3FDE6 url('img/bg-breadcrumb.gif') repeat-x; }
#breadcrumb .left { background: url('img/bg-breadcrumb-left.gif') no-repeat left; padding: 0 0 0 1em; }
#breadcrumb .right { background: url('img/bg-breadcrumb-right.gif') no-repeat right; padding: 0 1em 0 0; }
#breadcrumb a { font-weight: bold; color: #277621; }

/* HOMEPAGE
*******************************************************************************/
div.homepage { line-height: 1; height: 148px; margin: 10px 460px 0 0em; padding-left: 150px; background: url('img/bg-homepage.gif') no-repeat;}
div.homepage h1 { color: #0083CA; margin: 0; padding: 0; font-size: 1.8em; }
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; }

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

#hp-aktuality { margin: 0em 0 0em 460px; }
#hp-aktuality h3.hp-aktuality { height: 40px; margin: 0; color: #ffffff; background: url('img/bg-aktuality.gif') no-repeat left; }
#hp-aktuality h3.hp-aktuality span { display: none; }
#hp-aktuality-content { border: 5px solid #ffffff; border-top: 0; height: 278px; background: #088ACF; overflow-y: auto;}
#hp-aktuality .news { padding: 0.5em;  }
#hp-aktuality .news h6 { color: #FFA900; font-size: 1.3em; margin-bottom: 0.2em; }
#hp-aktuality .news { color: #ffffff; line-height: 1.3; }
#hp-aktuality .news img { margin: 0 0.5em; }
#hp-aktuality .news a { color: #fdda87; }


h3.hp-aktuality { margin: 1em 0 0 0; color: #4B7B48; }
#hp-aktuality { background: url('img/bg-hp-aktuality.gif') no-repeat; padding: 10px 0 0 10px; }
#hp-aktuality .news { padding: 0.5em; }
#hp-aktuality .news h6 { color: #4B7B48; font-size: 1.1em; margin-bottom: 0.2em; }
#hp-aktuality .news .text { color: #000000;}

h3.hp-good { margin: 1em 0 0 0; color: #FF6B26; clear: both;  }
#hp-good { margin: 0.5em 0; }
#hp-good .rgood { width: 32.8%; margin: 1em 0; float: left; text-align: center; border: 1px #D9E9F4 dashed; }
#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 { padding: 5px 10px; padding-bottom: 2em; }
#main	.labels { margin-top: 0.5em; margin-bottom: 0.5em; text-align: left; }
#main	.desc { margin-bottom: 0.5em; font-size: 1em; line-height: 1.4em; }
#main	.desc ul { margin-left: 1.5em; }
#main h1 { margin: 0.5em 0 0.5em 0; }
#main h1, h2 { color: #E3005D; }
#main h3 { color: #172948; margin: 1em 0 0.5em 0; }
#main ul { margin-left: 1em; }

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

#main p.without-duty{ margin: 0.5em 0; font-size: 1.1em; }
#main p.common { margin: 0.5em 0; color: #000000; }
#main p.with-duty { font-weight: bold; font-size: 1.5em; margin: 0 0 0.3em 0; }
#main p.discount { font-weight: bold; margin: 0.8em 0 0.5em 0; color: #ff8a00;}
#main p.transport { margin: 0.3em 0; }

#main .prices-order { height: 60px; color: #0E2041; text-align: right; background: url('img/bg-order-price') no-repeat bottom right; }
#main .prices-order p { margin: 0em 10px 0.3em 10px; }
#main .prices-order p.with-duty { color: #E3005D; font-weight: bold; font-size: 1.4em; padding: 0.5em 0 0 0; }
#main .prices-order span { font-size: 0.8em; }

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

/*--- Kontakt -----------------------------------------------------*/
#contact { margin-top: 1em; line-height: 1.3;}
#contact .box-right { float: right; width: 500px; text-align: center; }
#contact .box-left { margin-right: 520px; }
#contact .box { margin: 1em 0 0 0; border: 1px solid #E6F7FD; }
#contact img { border: 1px solid #CEE3E4; padding: 1px; }
#contact h3 { margin: 0; padding: 0.2em 10px; background: #E6F7FD; }
#contact p { margin: 0.2em 10px; } 
#contact table.contact td, #contact table.contact th { border: 0; } 

/*--- kroky objednavky --------------------------------------------*/
div#process {  margin: 1em auto; text-align: center; line-height: 1.3em; width: 710px;}
div#process ul { margin-left: 0em;  }
div#process ul li { float: left; width: 182px; height: 89px; font-weight: bold; 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: 168px; color: #E3005D;}
div#process ul li.step1a {  background: url('img/step1a.gif') no-repeat; width: 182px; color: #E3005D;}
div#process ul li.step2a {  background: url('img/step2a.gif') no-repeat; width: 178px; color: #E3005D;}
div#process ul li.step3a {  background: url('img/step3a.gif') no-repeat; width: 182px; color: #E3005D;}
div#process ul li.step1 {  background: url('img/step1.gif') no-repeat; width: 182px; }
div#process ul li.step2 {  background: url('img/step2.gif') no-repeat; width: 178px; }
div#process ul li.step3 {  background: url('img/step3.gif') no-repeat; width: 182px; }
div#process ul li a { display: block; color: #E3005D; }
div#process ul li span { display: block; padding-top: 65px; }

.order-left { margin-right: 260px; }
.order-right { float: right; width: 250px; }
#summary { margin: 0 0; background: #FEF5A5 url('img/bg-order.gif') repeat-y; }
#summary .summaryin { background: url('img/bg-order-in.gif') no-repeat bottom; }
#summary h3 { height: 42px; margin: 0; padding-left: 25px; line-height: 42px; color: #ED1C24; background: #FCD319 url('img/bg-order-header.gif') no-repeat top; }
#summary h4 { margin: 0.2em 0.5em; color: #F29400; }
#summary h4.border { border-top: 1px solid #FCD319; padding-top: 0.3em; }
#summary table { margin-top: 0; }
#summary table td, #summary table th { padding: 3px 10px; }
#summary table td.h_price { color: #000000; }
#summary table .bold { font-weight: bold; }
#summary img { border: 3px solid #ffffff; }
#summary span { font-size: 0.8em; }
.order-left h4 { margin: 1em 0 0 0; padding: 0.2em 0.5em; color: #006AB3; font-size: 1.1em; background: #0086CB url('img/bg-th-blue.gif') repeat-x top; border: 1px solid #CEE3E4; }
.order-left h4 span { font-size: 0.8em; }
table.order { margin: 0 0 0.5em 0; width: 100%; border: 1px solid #CEE3E4; background: #E0F7FC; }
table.order tr.border { border: 1px solid #CEE3E4; }
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 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; }
	
/*--- Bars --------------------------------------------*/
#main .order-by { line-height: 22px; height: 22px; margin-top: 1em; font-size: 0.9em; font-weight: bold;  }
#main .order-by .label { line-height: 22px; height: 22px; float:left; color: #ffffff; font-size: 0.9em; padding-left: 0.5em; width: 125px; background: url('img/bg-filter.gif') no-repeat; }
#main .order-by a { padding-left: 15px; color: #152747;  }
#main .order-by .selected { color: #F26100; }

#main .subcategory { margin: 0.5em 0; padding: 10px 0 10px 140px; background: url('img/bg-pokracujte.gif') no-repeat; line-height: 20px; }
#main .subcategory span { display: none; }
#main .subcategory a { margin-right: 0.9em; padding-left: 15px; line-height: 20px; color: #4B7B4A; background: url('img/arrow1.gif') no-repeat 0 50%; font-weight: bold;  }

/*--- Catalog --------------------------------------------*/
div#catalog { margin: 0 auto; }
div#catalog div.good { float: left; position: relative; height: 305px; margin: 1em 1em 1em 0; padding: 0.5em; width: 219px; border: 1px #D9E9F4 dashed; }
div#catalog div.good h2 { margin: 1px; text-align: center; font-size: 1.1em;  padding: .5em 10px; overflow: hidden; }
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; text-align: center; font-size: 0.9em; top: 200px; width: 219px; background: #ffffff; }
div#catalog div.good p.availability { position: absolute; text-align: center; font-size: 0.9em; top: 240px; width: 219px; }
div#catalog div.good p.availability span { font-weight: bold; }
div#catalog div.good p.price { text-align: center; position: absolute; top: 254px; width: 219px; 
	color: #E3005D; padding: 0.2em 0; border: 1px solid #ffffff; font-weight: bold; font-size: 1.25em; }
div#catalog div.good p.price span { font-weight: normal; font-size: 0.9em; }
div#catalog div.good div.buttons { position: absolute; top: 275px; width: 219px; margin: 0.7em 0 0 0; font-size: .9em; text-align: center;  }
div#catalog div.good div.buttons a { margin: 0 0.3em; }

div.category-button { width: 190px; float: left; text-align: center; }
div.category-button h3 { display: none; }
/*
.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; }
*/

/*--- Good Detail ----------------------------------------*/
#good-info { margin: 0em 0; }
#good-left,
#good-right { padding-top: 0em; }

#good-left { width: 225px; float: left; text-align: center; }
#good-left #image { position: relative; width: 205px; margin-bottom: 5px; text-align: center; border: 5px solid #EAF6FB; }
#good-left img { padding: 5px; }
#good-left #image.zoom { background: url('img/img-zoom.gif') no-repeat right bottom; padding-bottom: 10px; }
#good-left #image a { display: block; }
#good-left div.thumb { float: left; width: 130px; margin: 0 5px 5px 0; text-align: center; border: 1px solid #CDE63C;}
#good-left div.thumb img { padding: 3px; }
#good-left div.thumb a { display: block; }
#good-left p.small { font-size: 0.8em; margin: 0; color: #6b6b6b; }


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

#tools { height: 47px;  width: 525px; margin: 0.5em 0; background: #F1F9FC url('img/bg-tools.gif') no-repeat top left; }
#tools a { display: block; float:left; color: #006AB3; font-weight: bold; padding-left: 17px; line-height: 47px; }
#tools .mobil { width: 150px; background: url('img/mobil.gif') no-repeat 0% 50%; margin-left: 10px;  }
#tools .obalka { width: 80px; background: url('img/obalka.gif') no-repeat 0% 50%; padding-left: 25px; }
#tools .pes { width: 90px; background: url('img/pes.gif') no-repeat 0% 50%; padding-left: 25px; }
#tools .tisk { width: 90px; background: url('img/tisk.gif') no-repeat 0% 50%; padding-left: 22px; }

#detail-box { position: relative; height: 147px; width: 525px; margin: 0.5em 0; background: #ffffff url('img/bg-detail-box.gif') no-repeat top left; }
#detail-box .price { position: absolute; top: 20px; left: 15px; width: 260px; text-align: left; color: #E3005D;  }
#detail-box .availability { position: absolute; top: 105px; left: 15px; width: 247px; height: 28px; line-height: 28px; font-size: 1.1em; font-weight: bold; color: #277621;  }
#detail-box .availability span {  padding: 3px 5px; }
#detail-box .add-cart {  position: absolute; top: 100px; right: 10px; width: 171px; height: 44px; }
#detail-box .amount {  position: absolute; top: 108px; right: 190px; width: 50px; height: 44px; color: #7C7C7B; font-weight: bold; font-size: 1.1em; }
#detail-box .amount input#amount { width: 1.5em; text-align: right; }
#detail-box .information { position: absolute; top: 8px; right: 10px; height: 87px; width: 247px; color: #7C7C7B; background: 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; color: #7C7C7B; }
#detail-box .information table th { text-align: right; }

#good-subpage { clear: both; margin-top: 1em; padding-bottom: 0.5em; line-height: 1.4em;  }
#good-subpage .fold { padding: 1em; border: 1px solid #CEE3E4; }
#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: 5px; line-height: 27px; width: 173px; text-align: center; background: #CFCFCF url('img/bg-tabs.gif') no-repeat; }
#good-subpage .ui-tabs-nav li span { display: block; background: transparent url('img/bg-tabs-right.gif') no-repeat right top; }
#good-subpage .ui-tabs-nav a { margin: 0 0 0 0; color: #ffffff; text-decoration: none; font-weight: bold; }
#good-subpage .ui-tabs-nav a:link,
#good-subpage .ui-tabs-nav a:visited { color: #ffffff; }
#good-subpage .ui-tabs-nav .ui-tabs-selected  { background: #CAE5F4 url('img/bg-tabs-active.gif') no-repeat; }
#good-subpage .ui-tabs-nav .ui-tabs-selected span { display: block; background: url('img/bg-tabs-active-right.gif') no-repeat right; }
#good-subpage .ui-tabs-nav .ui-tabs-selected a:link { color:#006AB3; }

#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/img-zoom.gif') no-repeat right bottom; }
#good-subpage .thumb img.zoom-sk { background: #ffffff url('img/img-zoom.gif') no-repeat right bottom; }

#good-subpage .accessory { clear: both; margin-bottom: 1em; padding: 0.5em 1em 0.5em 1em; border: 1px #D9E9F4 dashed; 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 120px 0 0;  }
#good-subpage .accessory .price span { margin: 0 80px 0 0; color: #E3005D; padding: 4px 2em; font-weight: bold; font-size: 1.20em; }
#good-subpage .accessory .price img { position: absolute; right: 0; bottom: 0; }

#good-subpage h4 { color: #000000; }
#good-subpage h3 { margin: 0.5em 0; }
#good-subpage ul { margin: 0 1em; }
#good-subpage p { line-height: 1.4em; margin-bottom: 0.2em; }
#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 .rgood { width: 32.8%; margin: 1em 0; float: left; text-align: center; border-right: 1px solid #DC132B; }
#good-subpage .no-border { border: none; }
#good-subpage .rgood h3 { font-size: 1em; background: none; }
#good-subpage .rgood .price { padding: .3em 0 .8em 0; font-weight: bold; font-size: 1.3em; color: #0E2041; }

/* Promo
*******************************************************************************/
#promo-pm { clear: both; height: 97px; margin: 1em 0; position: relative; background: #e5ffff url('img/promo-bg-pm.jpg') repeat-x; border: 1px solid #73ba36; }
#promo-pm a.logo { position: absolute; display: block; height: 97px; width: 302px; top: 0; left: 0; background: url('img/promo-logo-pm.jpg') no-repeat; }
#promo-pm a.logo span { display: none; }
#promo-pm div.in { height: 97px; margin-left: 302px;  background: url('img/promo-in-pm.jpg') no-repeat top right; } 
#promo-pm div.in h4 { padding: 3px 0 3px 0; color: #e87817; font-size: 1.3em; }
#promo-pm div.in ul { width: 190px; float: left; list-style: none; margin: 0; padding: 0;  }
#promo-pm div.in ul a { color: #e87817; font-size: 1.1em; line-height: 1.4; font-weight: bold; text-decoration: none; }
#promo-pm div.in ul a:hover { text-decoration: underline; }  
	

/* Left stripe (component)
/******************************************************************************/
#left h4 { color: #00547A;  }
#left h4.category { height: 35px; line-height: 35px; padding: 0 1em; font-size: 1.2em; background: url('img/bg-menu-caption.gif') no-repeat; }

#left div.search { position: relative; height: 74px; margin-bottom: 0.5em; background: url('img/bg-search.gif') no-repeat;  }
#left div.search h4 { padding: 14px 10px 0 0; font-size: 16px; color: #F29400; text-align: right; }
#left div.search input.short { position: absolute; top: 38px; left: 10px; width: 130px; border: 1px solid #fdf081; }
#left div.search input.btn { position: absolute; top: 37px; right: 10px; width: 55px; }
	
/*--- Category menu ---------------------------------------*/
#left ul {  list-style: none; font-weight: bold; }
#left ul ul { padding: 0; border: 0; }
#left ul a { font-size: 0.9em; color: #00547A; text-decoration: none; }
#left ul li { border-left: 1px solid #CEE3E4; border-right: 1px solid #CEE3E4; line-height: 25px;  list-style: none;  }

#left li a { padding-left: 1em; height: 25px; background: url('img/bg-menu.gif') repeat-x; display: block;  }
#left li li a { padding-left: 2.5em; height: 24px; }
#left li li li a { padding-left: 3em; height: 24px; }

#left ul.menu-3 li a { padding-left: 1em; height: 25px; background: url('img/bg-menu-level2.gif') repeat-x; display: block;  }
#left ul.menu-3 li li a { padding-left: 2.5em; height: 24px; line-height: 24px; }

#left ul.menu-1 li a { padding-left: 1em; height: 25px; background: url('img/bg-menu-level3.gif') repeat-x; display: block;  }
#left ul.menu-1 li li a { padding-left: 2.5em; height: 24px; line-height: 24px; }

#left ul.menu-4 li a { padding-left: 1em; height: 28px; background: url('img/bg-menu-level4.gif') repeat-x; display: block;  }
#left ul.menu-4 li li a { padding-left: 2.5em; height: 24px; line-height: 24px; }

#left ul.menu-3 { padding-bottom: 10px; background: url('img/bg-menu-bottom.gif') no-repeat bottom; }

#left ul.menu-1 li a.active,
#left ul.menu-1 li a:hover,
#left ul.menu-2 li a.active,
#left ul.menu-2 li a:hover,
#left ul.menu-3 li a.active,
#left ul.menu-3 li a:hover, 
#left ul.menu-4 li a.active,
#left ul.menu-4 li a:hover, 
#left li a.active,
#left li a:hover { background: url('img/bg-menu-actual.gif') repeat-x; }
#left ul.menu-1 li a:hover,
#left ul.menu-2 li a:hover,
#left ul.menu-3 li a:hover,
#left ul.menu-4 li a:hover,
#left li a:hover { text-decoration: underline; }



/* Right stripe (component)
/******************************************************************************/
#right h4 span { display: none; }
#right h4.kontaktniudaje { height: 40px; color: #ffffff; background: url('img/bg-kontaktniudaje.gif') no-repeat right; }
#right h4.aktuality { height: 40px; color: #ffffff; background: url('img/bg-aktuality.gif') no-repeat right; }

#right div.box { width: 100%; background: #088ACF url('img/bg-box.gif') repeat-y right;  }
#right div.sz { background: #FF631F url('img/bg-box-sz-bottom.gif') no-repeat right bottom; padding-bottom: 13px; }
#right div.sz h4.souvisejicizbozi { height: 40px; color: #ffffff; background: #FF631F url('img/bg-souvisejicizbozi.gif') no-repeat right; }
#right div.sz h4.naskamarad { height: 40px; color: #ffffff; background: #FF631F url('img/bg-naskamarad.gif') no-repeat right; }
#right div.sz div.box { text-align: center; border: none; background: #FF631F url('img/bg-box-sz.gif') repeat-y right;  }

#right div.good { background: none; }
#right div.good h3 { margin-bottom: 0.5em; }
#right div.good h3 a { font-size: 0.9em; color: #ffffff;  }
#right div.good .price { color: #ffffff;  }
#right div.good img.thumb { float: none; margin: 0.5em 0; }
#right hr { height: 1px; color: #C1C1C1; margin: 0 1em; padding: 0; }
#right h6 { color: #ffffff; padding: 0.3em 0; font-size: 1em; }
#right .news { color: #ffffff; font-size: 0.9em; padding: 0.5em 1em;   }

#right div.drobecek p { font-size: 1.2em; color: #ffffff; }
#right div.drobecek a { font-size: 1em; font-weight: bold; color: #ffffff; padding: 1em; }

/* LOGIN
*******************************************************************************/
#login { position: absolute; right: 0; top: 0; z-index: 2; width: 202px; height: 32px; line-height: 26px; font-size: 0.9em; background: url('img/bg-login.jpg') no-repeat right top; }
#login a { color: #ffffff; font-weight: bold; text-align: left; margin: 0 0; margin-right: 4px; padding-left: 25px;  }
#login a.arrow  { padding-right: 15px; background: url('img/arrow.gif') no-repeat right 50%; }
	
/* Footer (component)
*******************************************************************************/
div#footer { clear: both; height: 51px; color: #000000; font-size: 0.9em; background: #ffffff url('img/bg-footer.gif') repeat-x bottom; }
div#footer div.footer-right { height: 51px; background: url('img/bg-footer-right.gif') no-repeat bottom right; }
div#footer p.copyright { float: right; width: 290px; line-height: 30px; padding: 21px 100px 0 1em; font-weight: bold;  }
div#footer p.copyright a { color: #000000; }
div#footer p.link { float: left; margin-right: 300px; font-weight: bold; color: #000000; line-height: 30px; padding: 21px 1em 0 1em; background: url('img/bg-footer-left.gif') no-repeat bottom left; }
div#footer p.link a { margin: 0 0.5em; color: #000000;}

/* 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;
}