html,body {padding:0; margin:0;}
html {height:100%; background: #1e4196 url('../gfx/body_1.png') 0 0 repeat-x;}
body { min-height: 100%; background: url('../gfx/body_2.png') 0 100% repeat-x;}

h1, h2, h3, h4, h5 {margin: 2.0em 0 1.1em 0;}
h1, h2, h3 {padding-left: 22px; background: url('../gfx/ico_h1.png') 0 0 no-repeat; clear: both;}
h1, h2 {color: #fe000c; font-size: 1.4em;}
h2, h3 {background-image: url('../gfx/ico_h2.png');}
h3, h4 { font-size: 1.1em; margin-top: 1.5em; margin-bottom: 1.3em;}
h1 { font-size: 17px; line-height: 24px; text-transform: uppercase; padding: 0 0 0 32px; margin: 0 0 12px 0; }
h2 { font-weight: normal; margin-top: 1.1em; margin-bottom: 0.9em; background-position: 0 2px;}
h3 { padding-top: 1px; background-position: 0 0;}
h4 { margin-bottom: 1.0em;}

h1 a, h2 a, h3 a, h4 a {color: #fe000c; text-decoration:none; /*display: block;*/}
h3 a, h4 a {color: #0c2d83;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {text-decoration:underline;}


p,table,address {margin:0 0 1.25em 0;}
address {font-style:normal;padding:0;}

caption, th {text-align: left;}
caption {font-weight: bold;}

ul, ol {padding:0; margin: 0 0 1.25em 20px;}

form, fieldset {padding: 0; margin: 0; border: 0;}
form {margin-bottom: 1.25em;}
legend {display: none;}

input, button, select, textarea {color: #000; font: 1.0em/1.3 sans-serif, "Calibri"; vertical-align:middle;}

input[type='text'], input[type='password'], select, textarea {border:solid 1px #b4b4b4; }
input[type='text']:focus, input[type='password']:focus, select:focus, textarea:focus {background: #fafafa; }
input[type='text'], input[type='password'] {height: 1.35em; padding: 3px 5px 1px 5px;}

input[type='submit'], button {color: #0c2d83; font-weight: bold; padding: 3px 24px 5px 0; background: transparent url('../gfx/ico_next.gif') 100% 0 no-repeat; border: 0; cursor: pointer;}
input[type='image'] {margin-left: 6px;}

select {height:1.8em; padding:1px;}
select.w190 {width: 188px;}

textarea {padding: 5px;}

hr { display:none;}
img { border:0;}

a { color:#0c2d83; text-decoration: underline; outline: 0 none; }
a:hover, a:focus, a:active {text-decoration: none;}


acronym, acronym a {color: #1ebe1e; font: bold 1.0em sans-serif, "Calibri"; text-decoration: underline; border:0; cursor: help;}
acronym a {cursor: pointer;}

small {font-size:0.9em;}

.left {text-align: left !important;}
.right {text-align: right !important;}
.center {text-align: center !important;}
.top, .top th, .top td{vertical-align: top !important;}

.fll {float: left !important;}
.flr {float: right !important;}
.cleaner {clear:both;}

img.fll {margin: 3px 10px 10px 0;}
img.flr {margin: 3px 0 10px 10px;}

.spaceman {position: absolute; top:-2000px; left:-3000px;}
.nob {background: none !important;}
.nod {display: none;}

.bold{font-weight:bold;}
.spacer{height: 1px; margin-bottom: 1.3em; border-top: solid 1px #e1e1e1; display: block; clear: both; }

.half-l {width:50%; float:left; }

.pb-10 {padding-bottom: 10px !important;}
.pl-20 {padding-left: 20px;}

.m-0 {margin: 0 !important;}
.mr-0 {margin-right: 0 !important;}

.w250 {width: 250px;}

#page { color: #323232; font: 0.75em/1.25 Arial, sans-serif; width: 930px; margin: auto; position: relative; z-index: 1; }

#center-box { padding: 10px 9px 25px 9px; background: #fff; border-right: solid 1px #fff; border-left: solid 1px #fff; position: relative; }
#center-box h2:first-child {margin-top:0;}

#content {width: 680px; min-height: 350px; position: relative; float: left; }

.socket {min-height: 350px; padding: 0 10px; position: relative; background: url('../gfx/socket.png') 0 3.1em repeat-x;}

p.next a, a.next {padding-right: 21px; padding-bottom: 1px; background: url('../gfx/ico_arrow.png') 100% -1px no-repeat;}
a.pdf, a.swf {padding-bottom: 1px; padding-left: 21px; background: url('../gfx/ico_pdf.gif') 0 -1px no-repeat;}
a.swf {background-image: url('../gfx/ico_swf.png');}

#content ul {list-style:none; padding:0; margin-left:0;}
#content ul li {padding-left: 13px; margin-bottom: 0.4em; margin-left: 0; background: url('../gfx/bull_1.gif') 0 3px no-repeat;}
#content li ul {margin-top: 0.4em; margin-bottom: 0.6em;}
#content li ul li {background-image: url('../gfx/bull_2.gif');}

ul.inline {line-height: 1.7;}
ul.inline li {padding-left: 0 !important; padding-right: 11px; margin-right: 7px; position: relative; background: url('../gfx/spacer_1.gif') 100% 2px no-repeat !important; display: inline; }
ul.inline li.nob {padding-right: 0; margin-right: 0; background: none !important;}

.a-list {margin-bottom: 19px; border-bottom: solid 1px #e1e1e1; }
#content ul.a-list li {padding-left: 0; padding-bottom: 1.25em; background: none;}

.a-list li h2, .a-list li h3 {font-size: 1.0em; font-weight: bold; text-transform: uppercase; padding-top: 2px; padding-left: 20px; margin: 0; margin-bottom: 16px; background: url('../gfx/ico_page.gif') 0 0 no-repeat;}
.a-list li h2 a, .a-list li h3 a {color: #0c2d83}
.a-list li div {min-height: 103px; padding-left: 110px; position: relative;}
.a-list li img {position: absolute; top: 3px; left: 0;}
.a-list li p.next {margin-bottom: 0;}

.t-list {width: 680px; padding-top: 11px;}
.t-list ul {line-height: 1.7; padding: 0 11px 11px 11px !important; }
.t-list li {padding-left: 0 !important; padding-right: 11px; margin-right: 7px; position: relative; background: url('../gfx/spacer_1.gif') 100% 2px no-repeat !important; display: inline; }

.t-list, .s-list li {width: 680px; margin-bottom: 20px !important; position: relative; background: url('../gfx/box-680_1.png') 0 0 no-repeat !important; clear: both;}
.t-list ul, .s-list li div {padding: 11px; background: url('../gfx/box-680_2.png') 0 100% no-repeat;}

.s-list li {padding-top: 11px !important; padding-left: 0 !important;}
.s-list li div {padding-top: 0; padding-right: 150px;}
.s-list h4, .s-list h5 {font-size: 1.0em; margin: 0; margin-bottom: 1.25em; }

.s-list p {width: 205px; clear: left;}
.s-list p.next {text-align: right; width: 660px; float: none; clear: both; }
.s-list p.next a {position: absolute; right: 10px; bottom: 10px; display: block;}

.s-list p, .s-list table {margin: 0; float: left;}

.s-list table {margin: 0; margin-left: 10px; float: left; }
.s-list td {padding: 0;}
.s-list td:first-child {width: 100px;}

.s-list h5 {margin: 0; }
.s-list div.o-hours {width: 300px; padding: 0; padding-left: 10px; background: none; float: left; }
.s-list div.o-hours p {width: 100%; }
.s-list div.o-hours strong {font-weight: normal; width: 100px; display: inline-block;}
.s-list a.next {position: absolute; bottom: 10px; left: 10px;}

.g-list {margin-bottom: 20px;}
#content ul.g-list li {padding-top: 11px !important; padding-bottom: 2px; padding-left: 0; background: none; border-bottom: solid 1px #e1e1e1;}
.g-list h3 { margin: 0; margin-bottom: 16px; }


.box-290, .box-300, .box-590, .box-680, .box-910 {width: 290px; position: relative; padding-top: 11px; margin-bottom: 20px; background: url('../gfx/box-290_1.png') 0 0 no-repeat;}
.box-290>div, .box-300>div, .box-590>div, .box-680>div, .box-910>div {padding: 11px; padding-top: 0; background: url('../gfx/box-290_2.png') 0 100% no-repeat;}

.box-300 {width: 300px; background-image: url('../gfx/box-300_1.png');}
.box-300>div {background-image: url('../gfx/box-300_2.png');}

.box-590 {width: 590px; background-image: url('../gfx/box-590_1.png'); clear: both;}
.box-590>div {background-image: url('../gfx/box-590_2.png');}

.box-680 {width: 680px; background-image: url('../gfx/box-680_1.png'); clear: both;}
.box-680>div {background-image: url('../gfx/box-680_2.png'); }

.box-910 {width: 910px; background-image: url('../gfx/box-910_1.png'); clear: both;}
.box-910>div {background-image: url('../gfx/box-910_2.png');}


/* tabulky */
.overview {font-size: 0.9em; background: #fff;}
.overview tr:first-child th, .overview tr:first-child td {border-top: solid 1px #e1e1e1;}
.overview th, .overview td {vertical-align: top; padding: 6px 10px 5px 10px;}
.overview th {font-weight: normal; width: 180px;}
.overview th, .overview td {border-bottom: solid 1px #e1e1e1;}

.overview tr.even th, .overview tr.even td {background: #fafafa;}

.box .overview {margin-bottom: 10px;}


/* galerie */
.gall {margin-top: 27px; margin-bottom: 1.7em; }
.gall div {padding: 0 0 1px 55px; }
.gall a {outline: none;}

.gall a img {margin: 0; margin-right: 17px; margin-bottom: 10px; opacity: 0.5;}
.gall a:hover img, .gall a img.set {opacity: 1.0 !important;}
.gall img {width: 100px; height: 100px;}

.gall a.prev, .gall a.next {width: 33px; height: 44px; padding: 0;  margin: 0; position: absolute; top: 40px; z-index: 1; background: url('../gfx/ico_prev-next_2.png') 0 0 no-repeat; display: block; cursor: pointer;}
.gall a.prev {left: 0;}
.gall a.next {right: 0; background-position: -33px 0;}

.gall a.prev.disabled {background-position: 0 -44px;}
.gall a.next.disabled {background-position: -33px -44px;}

.gall p {color: #b4b4b4; text-align: right; position: absolute; right:0; bottom: -38px; }


/* strankovani */
.paging {color: #b4b4b4; font-size: 0.9em; text-align: center; margin-bottom: 1.45em; clear: both; }
.paging span {margin: 0 1px; position: relative; top: -8px;}
.paging span a, .paging b {font-weight: bold; padding-right: 5px; padding-left: 5px;}
.paging b {color: #323232; font-weight: normal;}


/* operator: zpet, nahoru, tisk */
.operator {padding-top: 0.3em !important; clear: both;}
.operator li {font-weight: bold; margin-right: 10px; padding: 0 !important; background: none !important; display: inline;}
.operator a {padding: 3px 0 5px 28px; background: url('../gfx/ico_prev.gif') 0 0 no-repeat; }
.operator li.upward a {padding-left: 24px; background-image: url('../gfx/ico_upward.png'); background-position: 0 2px; }
.operator li.print a {padding-left: 30px; background-image: url('../gfx/ico_print.png'); background-position: 0 -2px; }


/* navigator: predchozi, dalsi */

.navigator {margin: 0;}
.navigator a {width: 65px; height: 66px; position: absolute; top: 21.6em; right: -22px; z-index: 1; background: url('../gfx/ico_prev-next_1.png') -65px 0 no-repeat; display: block;}
.navigator a.prev {left: -22px; background-position: 0 0;}

.uvod .navigator {margin: 0; cursor: pointer;  }
.uvod .navigator a {cursor: hand; width: 65px; height: 66px; position: absolute; top: 21.6em; background: url('../gfx/ico_prev-next_1.png') -65px 0 no-repeat; display: block;}
.uvod .navigator a.prev {left: -22px; background-position: 0 0; z-index: 1; }
.uvod .navigator a.next {right: -42px; z-index: 1; }


/* labely */
img.label {width: 112px !important; height: 73px !important; position: absolute; top: 100px; right: 25px;}



/* mapy 
------------------------------------------- */
/* mapa 280x165 */
#mapa-280x165 {font-size: 0; padding: 0; position: relative; background: #fff url('../img/mapa_280x165/kraje.png') 0 0 no-repeat; overflow: hidden; border: none; }
#mapa-280x165 div {background: url('../img/mapa_280x165/kraje.png') 0 0 no-repeat; }
#mapa-280x165 img {position: absolute; top: 0; left: 0; background: none; float: none; }
#mapa-280x165, #mapa-280x165 div, #mapa-280x165 img {width: 280px; height: 165px; }

#mapa-280x165.hl-m-praha div {background-position:0 -165px;}
#mapa-280x165.stredocesky-kraj div {background-position:0 -330px;}
#mapa-280x165.ustecky-kraj div {background-position:0 -495px;}
#mapa-280x165.karlovarsky-kraj div {background-position:0 -660px;}
#mapa-280x165.plzensky-kraj div {background-position:0 -825px;}
#mapa-280x165.jihocesky-kraj div {background-position:0 -990px;}
#mapa-280x165.liberecky-kraj div {background-position:0 -1155px;}
#mapa-280x165.kralovehradecky-kraj div {background-position:0 -1320px;}
#mapa-280x165.pardubicky-kraj div {background-position:0 -1485px;}
#mapa-280x165.kraj-vysocina div {background-position:0 -1650px;}
#mapa-280x165.jihomoravsky-kraj div {background-position:0 -1815px;}
#mapa-280x165.olomoucky-kraj div {background-position:0 -1980px;}
#mapa-280x165.moravskoslezsky-kraj div {background-position:0 -2145px;}
#mapa-280x165.zlinsky-kraj div {background-position:0 -2310px;}


/* mapa 560x330 */
#mapa-560x330 {font-size: 0; padding: 0; position: relative; background: #fff url('../img/mapa_560x330/kraje.png') 0 0 no-repeat; overflow: hidden; border: none; }
#mapa-560x330 div {background: url('../img/mapa_560x330/kraje.png') 0 0 no-repeat; }
#mapa-560x330 img {position: absolute; top: 0; left: 0; background: none; float: none; }
#mapa-560x330, #mapa-560x330 div, #mapa-560x330 img {width: 560px; height: 330px; }

#mapa-560x330.praha div {background-position:0 -330px;}
#mapa-560x330.stredocesky-kraj div {background-position:0 -660px;}
#mapa-560x330.ustecky-kraj div {background-position:0 -990px;}
#mapa-560x330.karlovarsky-kraj div {background-position:0 -1320px;}
#mapa-560x330.plzensky-kraj div {background-position:0 -1650px;}
#mapa-560x330.jihocesky-kraj div {background-position:0 -1980px;}
#mapa-560x330.liberecky-kraj div {background-position:0 -2310px;}
#mapa-560x330.kralovehradecky-kraj div {background-position:0 -2640px;}
#mapa-560x330.pardubicky-kraj div {background-position:0 -2970px;}
#mapa-560x330.kraj-vysocina div {background-position:0 -3300px;}
#mapa-560x330.jihomoravsky-kraj div {background-position:0 -3630px;}
#mapa-560x330.olomoucky-kraj div {background-position:0 -3960px;}
#mapa-560x330.moravskoslezsky-kraj div {background-position:0 -4290px;}
#mapa-560x330.zlinsky-kraj div {background-position:0 -4620px;}

#mapa-280x165, #mapa-560x330 {margin-bottom: 18px;}
.center #mapa-280x165, .center #mapa-560x330 {margin-right: auto; margin-left: auto;}


/* anketa */
#o-poll {width: 160px; position: absolute; top: 204px; right: -170px; z-index: 1; }
#o-poll big, #o-poll small {height: 6px; background: url('../gfx/poll_1.png') 0 0 no-repeat; display: block;}
#o-poll small {background-image: url('../gfx/poll_2.png'); }

#o-poll div {padding: 10px 10px 20px 10px; background: #fff;}
#o-poll h2 {margin-top: -2px;}
#o-poll ol {margin-bottom: 0;}
#o-poll li {padding-bottom: 19px;}
#o-poll span {min-width: 1px; height: 10px; margin-top: 6px; background: #eebf45 url('../gfx/poll_bar.png') 0 0 repeat-x; display: block;}


/* tooltip */
.tooltip {color: #323232; font: 0.75em/1.25 sans-serif, "Calibri"; text-align: left; width: 300px; min-height: 50px; position: absolute; bottom: 0; /*background: orange;*/}
.tooltip div {padding: 0 10px; background: #fff; border-right: solid 1px #b4b4b4; border-left: solid 1px #b4b4b4;}
.tooltip h3 {color: #1ebe1e; font-size: 1.0em; padding: 0; padding-bottom: 7px; margin: 0; margin-bottom: 7px; background: none; border-bottom: solid 1px #e1e1e1; display: block;}
.tooltip p {padding-bottom: 5px; margin: 0; }
.tooltip big, .tooltip small {font-size: 0; height: 10px; background: url('../gfx/tooltip_1.gif') 0 0 no-repeat; display: block; }
.tooltip small {background-image: url('../gfx/tooltip_2.gif'); }
.tooltip span {width: 17px; height: 20px; margin-top: -4px; background: url('../gfx/tooltip_3.gif'); display: block;  }

/* column 
------------------------------------------- */
#col{width: 220px; float: right; /*background: silver;*/ }


/* footer 
------------------------------------------- */
#footer {font-size: 0.9em; padding-bottom: 50px;}

#footer ul {list-style: none; min-height: 29px; padding: 11px 15px 0 10px; margin:0; background: #fff url('../gfx/footer.png') 50% 0 no-repeat;}
#footer li {padding-right: 10px; margin-right: 7px; background: url('../gfx/spacer_1.gif') 100% 2px no-repeat;display: inline;}
#footer li.nob {padding-right: 0; margin-right: 0;}

#footer a {color: #323232; }
#footer ul.flr a {text-decoration: none;}
#footer ul.flr a:hover {text-decoration: underline;}

#footer div {color: #fff; text-align: center; line-height: 2.3; margin: 22px 20px 0 20px;}
#footer div a {color: #fff; }
#footer div ul {padding:0; margin-bottom: 10px; background: none;}

#footer div img {margin: 10px;}
#footer div a img {opacity: 0.25;}
#footer div a:hover img {opacity: 0.5;}

/* hlavni banner 
------------------------------------------- */
#banner {width: 490px; height: 111px; position: absolute; top: 0; right: 1px; }
#banner img { position: absolute; top: 40; left: 0; z-index: 8; }
#banner img.active { z-index: 10; }
#banner img.last-active { z-index: 9; }


/* uvodni strana
------------------------------------------- */
.uvod h2 {font-weight: bold; text-transform: uppercase; padding-top: 2px; padding-left: 32px; margin-top: -2px; margin-left: -1px; background: url('../gfx/ico_h1.png') 0 0 no-repeat;}
.uvod .socket {padding-top: 4.05em; background-position: 0 7.25em; }
.uvod .box-300 {margin-bottom: 10px;}
.uvod .box-300>div {min-height: 253px;}


/* cteni */
.uvod .box-300.fll {margin-right: 10px;}
.uvod .box-300 div div {padding-bottom: 3px; padding-left: 80px; margin-bottom: 17px; border-bottom: solid 1px #e1e1e1; }
.uvod .box-300 div div span {display: block; clear: both;}

.uvod .box-300 img {float: left;}
.uvod .box-300 h4 {font-size: 1.0em; padding-bottom: 1px; padding-left: 20px; margin: 0; margin-bottom: 0.75em; background: url('../gfx/ico_page.gif') 0 0 no-repeat;}

.uvod .box-300 div div ul {margin-bottom: 1.5em; margin-left: 20px !important;}
.uvod .box-300 div div li {font-size: 0.9em; padding-left: 0 !important; margin-right: 7px; background: none !important; display: inline; }

.uvod .box-300.fll form {margin-bottom: 10px;}
.uvod .box-300.fll form h4 {padding-left: 0; background: none;}
.uvod .box-300.fll label {margin-right: 10px; position: relative; top: 10px;}

.uvod .box-300.fll input[type='text'],.uvod .box-300 select {width: 188px;}
.uvod .box-300.fll form a {text-align: right; position: relative; top: 10px; left: 24px;}

/* mapa 280x165 */ 
.uvod .box-300 img {margin-bottom: 19px;}
.uvod .box-300.flr form {position: absolute; bottom: -5px; }



.SliderHomePage .stripNav {width: auto !important;  }

.SliderHomePage .stripNav ul {list-style: none; padding: 0; clear: both; font-size: 1em; margin: 0; }
.SliderHomePage .stripNav li {float: left; }
.SliderHomePage .stripNav li a {display: block; padding: 2px 30px 2px 15px; margin: 32px 0 0 0; color: black !important; text-decoration: none; font-weight: bold; }
.SliderHomePage .stripNav li a:hover {text-decoration: underline;  }
.SliderHomePage .stripNav li a.current, .article-detail .stripNav li a.focus {background: #0263B0 url(../gfx/product-tab.gif) no-repeat right; color: white !important; text-decoration: none; }

.p-none {padding-top: 6.15em; }
.p-none h3 {background: none; }

ul.group {font-size: 1.0em; padding: 6px 10px 5px 10px !important; position: absolute; top: 0; left: 0; border-right: solid 1px #b4b4b4; border-bottom: solid 1px #b4b4b4;}
ul.group a {text-decoration: none;}
ul.group a:hover {text-decoration: underline;}
ul.group li.nob {padding: 0; margin: 0; background: none !important;} 


/* vypis produktu homepage */
.uvod .p-list {min-height: 10px; padding-top: 9.15em; margin-right: -10px; padding-bottom: 10px;}

.uvod .p-list h3 {min-height: 2.5em; padding-left: 0; margin-top: 1.85em;  margin-bottom: 0px; background: none;}
.uvod .p-list h3 a {text-decoration: underline;}
.uvod .p-list h3 a:hover {text-decoration: none;}

.uvod .p-list .box div {text-align: center; position: relative;}
.uvod .p-list .box div img {width: 190px; height: 160px; margin-bottom: 15px;}

.uvod .p-list .box ul {font-size: 0.9em;}
.uvod .p-list .box li {padding-left: 0 !important; padding-right: 10px; margin-right: 7px; background: url('../gfx/spacer_1.gif') 100% 2px no-repeat !important; display: inline;}

.uvod .p-list div.price {text-align: left; width: 268px; position: absolute; bottom: 10px; left: 10px; }
.uvod .p-list p {margin-bottom: 0.3em;}
.uvod .p-list p.fll, .p-list p.flr {margin:0;}
.uvod .p-list p.fll {position: relative; top: 0.45em;}
.uvod .p-list div.price big {color: #fe000c; font-size: 1.5em; font-weight: normal;}

.uvod .p-none {padding-top: 6.15em; }
.uvod .p-none h3 {background: none; }

.uvod ul.group {font-size: 1.0em; padding: 6px 10px 5px 10px !important; position: absolute; top: 0; left: 0; border-right: solid 1px #b4b4b4; border-bottom: solid 1px #b4b4b4;}
.uvod ul.group a {text-decoration: none;}
.uvod ul.group a:hover {text-decoration: underline;}
.uvod ul.group li.nob {padding: 0; margin: 0; background: none !important;}


/* image set */
#img-set {margin: 0; margin-bottom: 3.5em; }
#img-set div {min-height: 61px; padding-left: 53px; position: relative; }
#img-set img {width: 50px; height: 50px;}
#img-set p {color: #b4b4b4; text-align: right; position: absolute; right: 0; bottom: -38px; }

#img-set a.prev, #img-set a.next {top: 15px;}


/* mapa 280x165 */ 
#col .box {padding: 10px 0 5px 0;  border-top: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1;}
#col .box select {width: 188px;}

/* poslat priteli */
#col form {}
#col input[type='text'], #col textarea {width: 208px; margin-bottom: 10px;}
.produkt #col textarea {width: 277px;}

/* prodejna
------------------------------------------- */
.prodejna .box-680 table {width: 50%; margin: 0; float: left; }
.prodejna .box-680 td {width: 100px;}

.prodejna .box-680 div.o-hours {width: 50%; background: none; float: left;}
.prodejna .box-680 div.o-hours h5 {font-size: 1.0em; margin: 0; }

.prodejna .box-680 span {display: block; clear: both;}

/* letak
------------------------------------------- */
.letak .box-680 h3 {margin: 0; margin-bottom: 0.6em;}
.letak .box-680 form {padding-bottom: 10px;}
.letak .box-680 label {margin-right: 10px; position: relative; top: 10px; }
.letak .box-680 input[type='text'] {width: 288px; }

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; } 
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 20px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; position: relative; zoom: 1; }
#lightbox-nav-btnPrev { left: -55px; float: left; }
#lightbox-nav-btnNext { right: -55px; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 20px 0; }
#lightbox-container-image-data { padding: 0 20px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { position: absolute; top: -30px; right: -30px; }

ul.alert { color: #ff0000; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

span.clr { display: block; height: 1px; line-height: 1px; font-size: 0; clear: both; margin: 0 0 -1px 0; }
span.line { display: block; height: 1px; line-height: 1px; font-size: 0; clear: both; margin: 0 0 15px 0; background: #E1E1E1;}

div.head { height: 161px; border-right: 1px solid #fff; border-left: 1px solid #fff; background: #0C2D83; }
div.head h1 { height: 111px; width: 440px; margin: 0; padding: 0; background: url('/gfx/logo.png') no-repeat 40px 14px; }
div.head h1 a { display: block; height: 100%; color: #fff; }
div.head h1 a span { position: absolute; left: -2048px; }

div.sidebar { margin: 0 0 0 690px; }

ul.main { height: 50px; overflow: hidden; margin: 0; padding: 0 0 0 29px; list-style: none; font-size: 11px; text-transform: uppercase; font-weight: bold; background: url('/gfx/nav_bar.png') repeat-x 0 0 #fff; }
ul.main li { float: left; }
ul.main li a { float: left; padding: 0 11px; line-height: 50px; color: #323232; text-decoration: none; white-space: nowrap; }
ul.main li:hover { background: url('/gfx/re/main-items.png') no-repeat 100% 0px; }
ul.main li:hover a { background: url('/gfx/re/main-items.png') no-repeat -295px -100px; }
ul.main li.active { background: url('/gfx/re/main-items.png') no-repeat 100% -50px; position: relative; }
ul.main li.active a { background: url('/gfx/re/main-items.png') no-repeat -295px -150px; color: #ff0; }
ul.main li.active span.a1 { position: absolute; left: -5px; top: 0; width: 5px; height: 5px; background: url('/gfx/re/main-items.png') no-repeat -5px -100px; }
ul.main li.active span.a2 { position: absolute; right: -5px; top: 0; width: 5px; height: 5px; background: url('/gfx/re/main-items.png') no-repeat 0 -100px; }
ul.main li.shop-icon { position: relative; }
ul.main li.shop-icon a { padding: 0 10px 0 36px; }
ul.main li.shop-icon span { display: block; height: 20px; width: 20px; position: absolute; top: 15px; left: 8px; background: url('/gfx/re/shop-icon.png') no-repeat 50% 48%; }


div.hp-swf { padding: 10px 10px 0 10px; background: #fff; overflow: hidden; }

#page form.search { float: right; margin: 0; position: absolute; right: 15px; top: 10px; }
#page form.search p { margin: 0; padding: 0; line-height: 22px; }
#page form.search p input.txt { padding: 2px 4px; font-size: 12px; line-height: 1.3; width: 150px; }
#page form.search p input { vertical-align: middle; }

body.uvod div#content,
body.kategorie div#content, 
body.produkt div#content, 
body.wide div#content { width: auto; float: none; }

body.kontakt div#content { width: 600px; }
body.kontakt div.sidebar { margin: 0 0 0 610px; }

body.uvod div#center-box { background: url('/gfx/center-box.png') repeat-x 0 50px #fff; }
body.uvod div#content { background: url('/gfx/socket.png') repeat-x 0 88px; }

body.kategorie div#center-box { background: url('/gfx/center-box.png') repeat-x 0 80px #fff; }
body.kategorie div#content { background: url('/gfx/socket.png') repeat-x 0 48px; }

body.produkt div#center-box { background: url('/gfx/center-box.png') repeat-x 0 80px #fff; }
body.produkt div#content { background: url('/gfx/socket.png') repeat-x 0 48px; }

#rotor { float: left; width: 290px; height: 275px; margin: 0 0 10px 0; overflow: hidden; }

#page ul.bookmarks { margin: 0; padding: 0; list-style: none outside; overflow: hidden; width: 700px; }
#page ul.bookmarks li { float: left; width: 225px; height: 40px; padding: 0; margin: 0 2px 0 0; background: none; line-height: 15px; font-size: 11px; overflow: hidden; }
#page ul.bookmarks li.first { background: url('/gfx/guide_1.png') no-repeat 0 0; }
#page ul.bookmarks li.second { background: url('/gfx/guide_2.png') no-repeat 0 0; }
#page ul.bookmarks li.third { background: url('/gfx/guide_3.png') no-repeat 0 0; }
#page ul.bookmarks li:hover { background-position: -225px 0; }
#page ul.bookmarks li a { display: block; padding: 6px 10px 4px 40px; text-decoration: none; }
#page ul.bookmarks li a:hover { color: #ff0; }
#page ul.bookmarks li a strong { display: block; text-transform: uppercase; }


#page ul.cats-main { padding: 16px 10px 0 10px; margin: 0; list-style: none outside; height: 32px; line-height: 32px; font-size: 11px; }
#page ul.cats-main li { float: left; padding: 0; margin: 0 2px 0 0; background: none; }
#page ul.cats-main li a { display: block; padding: 0 14px; color: #fff; font-weight: bold; text-decoration: none; }
#page ul.cats-main li.active,
#page ul.cats-main li:hover { background: url('/gfx/re/menu-2-r.png') no-repeat 100% 0; }
#page ul.cats-main li.active a,
#page ul.cats-main li:hover a { background: url('/gfx/re/menu-2-l.png') no-repeat 0 0; color: #0C2D83; }

#page span.cats-main-spacer { display: block; height: 10px; font-size: 0; line-height: 0; }


#page ul.cats-sub { padding: 12px 4px 2px 4px; margin: 0; list-style: none outside; height: 20px; line-height: 20px; font-size: 11px; background: #FFFFCD; }
#page ul.cats-sub li { float: left; padding: 0; margin: 0; background: none; }
#page ul.cats-sub li a { display: block; padding: 0 7px; background: url('/gfx/spacer_1.gif') no-repeat 100% 50%; }

#page div.products { padding: 10px 10px 0 10px; position: relative; background: url('/gfx/socket.png') repeat-x 0 0; }
#page div.products p.next { margin: 0; padding: 0 0 15px; }
#page div.products div#slider1 { height: 365px; }
#page div.products div.inner { margin: 0 -10px 0 0; }

#page div.products a.button-prev,
#page div.products a.button-next { width: 65px; height: 66px; position: absolute; top: 130px; right: -22px; font-size: 0; text-decoration: none; background: url('/gfx/ico_prev-next_1.png') no-repeat -65px 0; }
#page div.products a.button-prev { left: -22px; right: auto; background: url('/gfx/ico_prev-next_1.png') no-repeat 0 0; }

#page div.products div.stripViewer { position: relative; overflow: hidden; }
#page div.products div.panelContainer { position: relative; left: 0; top: 0; width: 100%; }

#page div.products div.panel { float: left; width: 300px; position: relative; }  
#page div.products div.panel div.inside { position: relative; border: 1px solid #B4B4B4; margin: 0 10px 10px 0; background: white; padding: 10px; background: white; overflow: hidden; }
#page div.products div.panel span.height { float: right; width: 1px; font-size: 0; line-height: 0; height: 330px; margin: 0 -1px 0 0; }

#page div.products h3 { margin: 0; clear: none; padding: 26px 0 0 0; background: none; font-size: 13px; line-height: 18px; height: 36px; }
#page div.products h3 a { text-decoration: underline; }
#page div.products h3 a:hover { text-decoration: none; }

#page div.products p.img { text-align: center; margin: 0 0 12px 0; }
#page div.products p.img img { width: 190px; height: 160px; }

#page div.products ul { list-style: none outside; margin: 0; padding: 0; display: block; font-size: 11px; line-height: 16px; }
#page div.products ul li { display: inline; padding: 0 10px 0 0; margin: 0 7px 0 0; background: url('/gfx/spacer_1.gif') 100% 2px no-repeat; }

#page div.products div.price { font-size: 12px; position: absolute; bottom: 10px; left: 10px; width: 268px; }
#page div.products div.price p { margin: 10px 0 0 0; }
#page div.products div.price p.flr { position: absolute; bottom: 0; right: 0; }
#page div.products div.price big { color: #fe000c; font-size: 18px; line-height: 0; font-weight: normal; }
#page div.products div.price p.buy-online { position: absolute; bottom: 30px; right: 0; margin: 0; }


#page p.crumbs { line-height: 24px; font-size: 11px; padding: 0 2px; margin: 0 0 10px 0; }
#page p.crumbs a { padding: 0 10px 0 0; border-right: 1px solid #b5b5b5; margin: 0 10px 0 0; }

#page div.sub-menu { margin: 0 0 20px 0; }
#page div.sub-menu ul { list-style: none outside; margin: 0; padding: 0; font-size: 11px; line-height: 24px; }
#page div.sub-menu ul a { color: #333; text-decoration: none; font-weight: bold; text-transform: uppercase; display: block; padding: 0 10px; background: url('/gfx/nav_2.png') no-repeat 0 0; }
#page div.sub-menu ul a:hover { background-position: -220px 0; }
#page div.sub-menu ul a.active,
#page div.sub-menu ul a.active:hover { color: #ff0; background-position: -440px 0; }
#page div.sub-menu ul ul { line-height: 22px; padding: 2px 0; }
#page div.sub-menu ul ul a { font-weight: normal; text-transform: none; color: #0c2d83; text-decoration: underline; background: none; }
#page div.sub-menu ul ul a:hover { background: none; text-decoration: none; }
#page div.sub-menu ul ul a.active,
#page div.sub-menu ul ul a.active:hover { color: #000; text-decoration: none; }

#page div.sidebar h2 { clear: none; }

#page form.send-friend p { margin: 0 0 10px 0; }
#page form.send-friend input,
#page form.send-friend textarea { padding: 2px 5px; font-size: 12px; line-height: 1.2; width: 95%; }
#page form.send-friend textarea { padding: 5px; }

#letak-box { text-align: center; }
#letak-box iframe { margin: 0 auto; }

#page div.menu-letters { margin: 0 0 20px 0; }
#page div.menu-letters ul { list-style: none; padding: 0; margin: 0; font-size: 11px; font-weight: bold; text-align: center; }
#page div.menu-letters ul li { line-height: 23px; margin: 0 0 1px 0; }
#page div.menu-letters ul li a { color: #333; display: block; text-decoration: none; padding: 0 190px 0 0; background: url('/gfx/nav_glossary.png') 0 0 no-repeat; }
#page div.menu-letters ul li a span { display: block; }
#page div.menu-letters ul li.set a { color: #ff0; padding: 0 180px 0 0; margin: 0 0 0 10px; background-position: 0 -150px; }
#page div.menu-letters ul li a:hover,
#page div.menu-letters ul li a:active,
#page div.menu-letters ul li a:focus { color: #ff0; background-position: 0 -150px; }

#page div.prod-detail { padding: 10px; }
#page div.prod-detail div.prod-left { float: left; width: 590px; margin: 0 0 20px 0; }
#page div.prod-detail div.prod-left div.inner { border: 1px solid #B4B4B4; padding: 10px 10px 0 10px; background: #fff; }
#page div.prod-detail div.prod-right { margin: 0 0 20px 600px; position: relative; }
#page div.prod-detail div.prod-right p.buy-online-l { margin: 0 0 10px 0; }

#page div.prod-detail div.summary { border-bottom: 1px solid #E1E1E1; overflow: hidden; margin: 0 0 15px 0; padding: 5px 0 5px 40px; position: relative; }
#page div.prod-detail div.summary p { margin: 0 0 6px 0; }
#page div.prod-detail div.summary p big { color: #fe000c; font-size: 18px; line-height: 0; font-weight: normal; }
#page div.prod-detail div.summary p.buy-online { position: absolute; right: 5px; top: 5px; margin: 0; }

#page div.prod-detail div.prod-image { border: 1px solid #B4B4B4; background: #fff; overflow: hidden; margin: 0 0 20px 0; }
#page div.prod-detail div.prod-image ul { border-bottom: 1px solid #B4B4B4; padding: 6px 30px 6px 10px; list-style: none; margin: 0 0 15px 0; overflow: hidden; }
#page div.prod-detail div.prod-image ul li { float: left; line-height: 16px; padding: 0 10px 0 0; margin: 0 10px 0 0; background: url('/gfx/spacer_1.gif') no-repeat 100% 50%; }
#page div.prod-detail div.prod-image p { text-align: center; margin: 0 0 20px 0; }

#page div.prod-detail div.container { border-top: 1px solid #E1E1E1; padding: 12px 0 5px 0; }
#page div.prod-detail div.container h2 { clear: none; margin: 0 0 12px 0; }

#page div.prod-detail a.button-prev,
#page div.prod-detail a.button-next { width: 65px; height: 66px; position: absolute; top: 110px; right: -22px; font-size: 0; text-decoration: none; background: url('/gfx/ico_prev-next_1.png') no-repeat -65px -66px; }
#page div.prod-detail a.button-prev { left: -22px; right: auto; background: url('/gfx/ico_prev-next_1.png') no-repeat 0 -66px; }

#page h3.products-na { margin: 10px 0 20px 0; padding: 20px; line-height: 1.4; background: #FFFFCD; }

/* buy online icon */
#page p.buy-online { margin: 0; width: 100px; height: 19px; }
#page p.buy-online a { display: block; height: 100%; text-decoration: none; background: url('/gfx/re/buy-online.gif') no-repeat 0 0; }
#page p.buy-online span { display: none; }

#page p.buy-online-l { margin: 0; width: 135px; height: 25px; }
#page p.buy-online-l a { display: block; height: 100%; text-decoration: none; background: url('/gfx/re/buy-online2.gif') no-repeat 0 0; }
#page p.buy-online-l span { display: none; }


/* IE6,7 */
#page div.sub-menu ul a { zoom: 1; }
#page div.menu-letters ul li a { zoom: 1; }

/* welcomeBanner */
#fancybox-wrap {
    position: absolute;
    top: 200px !important;
}

/* FB Icon */
li.fb-li:hover { 
    background: none !important;
} 
a#fb-icon {
    margin-top: 10px;
    margin-left: 20px;
    background: url('/gfx/fb-icon.png') no-repeat top left !important;
    width: 30px;
    height: 30px;
}