/*
	@company: www.actum.cz
	@author: David Sklar
	@site: euronics.cz
------------------------------------------- */
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;}


/* obecna definice
-------------------------------------------------------------------- */
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 {text-transform: uppercase; width: 678px; padding-top: 2px; padding-left: 32px; margin-top: -2px; margin-bottom: 0.95em; margin-left: -1px; }
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;}

table {/*table-layout: fixed;*/}
caption, th {text-align: left;}
caption {font-weight: bold;}

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

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

/*
th label {position: relative; top: 0.15em;}
form th span, form td span {color: #fe3c00;}
form th, form td {padding: 5px 0;}
form th {padding-right: 5px;}
*/


hr {margin:0; display:none;}
img {font: 11px Tahoma, "Lucida Grande CE", lucida, sans-serif, "SegoeUI"; border:0;}

a {color:#0c2d83; text-decoration: underline;}
a:hover, a:focus {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;}


strong {}
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; }

/* box-model */
.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 
------------------------------------------- */
#page {color: #323232; font: 0.75em/1.25 sans-serif, "Calibri"; width: 930px; margin: auto; position: relative; z-index: 1;}


/* header 
------------------------------------------- */
#header {height: 13.4em; position:relative; background: #0c2d83 url('../gfx/header.jpg') 100% 0 no-repeat; border-right: solid 1px #fff; border-left: solid 1px #fff;}

/* logo */
#header h1 {font-size: 1.8em; font-weight: normal; line-height: 1.0; width: 355px; height: 60px; padding:0; margin:0; position:relative; top: 14px; left: 40px; overflow:hidden; }
#header h1 a {color: #fff; text-decoration: none; height: 60px; display:block; overflow: hidden;}
#header h1 a:hover {text-decoration: underline;}
#header h1 a span {width: 355px; height: 60px; position:absolute; top: 0; left: 0; z-index: 1; background: url('../gfx/logo.png') 0 0 no-repeat; display:block; cursor:pointer;}

/* vyhledavani */
#header form {width: 220px; position: absolute; top: 14.25em; right: 11px;}
#header input[type='text'] {width: 178px;}

#header ul, #header p {position: absolute; top:-2000px; left:-3000px;}

/* navbar */
#header div {width: 100%; height: 4.15em; position: absolute; bottom: 0; background: #e2e2e2 url('../gfx/nav_bar.png') 0 0 repeat-x; }





/* center-box 
------------------------------------------- */
#center-box {padding: 10px 9px 25px 9px; background: #fff; border-right: solid 1px #fff; border-left: solid 1px #fff;}

/* drobeckova navigace */
p#crumb {color: #fff; font-size: 0.9em; width: 708px; /*min-height: 13px;*/ padding-top: 0.6em; margin-bottom: 2.0em; }
p#crumb a {padding-right: 10px; margin-right: 1px; background: url('../gfx/spacer_1.gif') 100% 2px no-repeat;}
p#crumb strong {color: #323232; font-weight: normal;}

#center-box h2:first-child {margin-top:0;}





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


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



/* seznamy */
#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');}

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


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


/* vypis kraju-mest */
.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;}


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



/* slovnicek pojmu */
.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 {/*color: #0c2d83;*/ margin: 0; margin-bottom: 16px; }

#glossary {margin-left: 0; }
#glossary li {list-style: none; border: none;}
#glossary li a {color: #323232; font-size: 0.9em; font-weight: bold; text-decoration: none; padding: 5px 10px; background: url('../gfx/nav_glossary.png') 0 0 no-repeat; display: block;}
#glossary li a:hover, #glossary li a:focus, #glossary li.set a {color: #ffff00; background-position: 0 -150px;}
#glossary li.set a {margin-left: 10px; }
#glossary a span {text-align: center; width: 30px; display: block; }



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






/* navigace
------------------------------------------- */
#nav ul {padding:0; margin:0;}
#nav ul li {list-style: none; display: block;}

#nav a {color: #323232; font-size: 0.9em; font-weight: bold; text-transform: uppercase; text-decoration: none; padding-right: 10px; padding-left: 10px; outline: none; display: block;}
#nav a:hover, #nav a:focus {text-decoration: none;}


/* prvni uroven */
#nav>ul>li>a {padding-top: 1.7em; padding-bottom: 1.7em; position:absolute; top: 10.3em; z-index: 1; background: transparent url('../gfx/nav_1.png') 0 -30px no-repeat; white-space: nowrap; }
#nav>ul>li>a:hover {background-position: -200px 0; }
#nav>ul>li.set>a, #nav>ul>li.set>a:hover, #nav>ul>li.set>a:focus {color: #ffff00; z-index: 2; background-position: -400px 0;}

#nav-item_1-1>a {width: 94px; left: 30px;}
#nav-item_1-2>a {width: 55px; left: 149px; }
#nav-item_1-3>a {width: 34px; left: 225px; }
#nav-item_1-4>a {width: 88px; left: 281px; }
#nav-item_1-5>a {width: 44px; left: 390px; }
#nav-item_1-6>a {width: 32px; left: 460px; }
#nav-item_1-7>a {width: 57px; left: 520px;}
#nav-item_1-8>a {width: 59px; left: 600px; }
#nav-item_1-9>a {width: 102px; left: 680px; }
#nav-item_1-10>a {width: 52px; left: 800px; }
#nav-item_1-16>a {width: 52px; left: 800px; }


/*
1. Ñvodní stránka - 94px
2. Prodejny - 55px
3. Leták - 34px
4. Katalog zboží -88px
5. Novinky - 44px
6. O nás - 32px
7. Kontakty - 57px
8. Pro media - 59px
9. Slovníček pojmů - 102px
10. Ekologie - 52px

*/

/* druha uroven */
#nav li li>a {padding-top: 0.4em; padding-bottom: 0.5em; background: #e3e3e3 url('../gfx/nav_2.png') 0 0 no-repeat;}
#nav li li>a:hover, #nav li li>a:focus {background-color: #c9c9c9; background-position: -220px 0;}
#nav li li.set>a, #nav li li.set>a:hover {color: #ffff00; background-color: #20439c; background-position: -440px 0;}

/* treti uroven */
#nav li li ul {margin: 4px 0 6px 0; }
#nav li li li a {color: #0c2d83; font-size: 1.0em; font-weight: normal; text-transform: none; text-decoration: underline; padding-left: 10px; background: none !important;}

#nav li li li.set a, #nav li li li.set a:hover, #nav li li li.set a:focus {color: #323232; font-weight: normal; text-decoration: none;}
#nav li li li.set strong {/*font-weight: normal;*/}


/* kulate rohy */
#nav span {min-height: 17px; padding-top: 1.7em; padding-right: 10px; padding-left: 10px; position: relative; display: block; }
#nav li a:hover span {background: #c8c8c8 url('../gfx/nav_1.png') -220px 0 no-repeat;}
#nav li.set a span, #nav li.set a:hover span  {background-position: -440px 0;}

#nav i {width: 5px; height: 6px; position: absolute; background: url('../gfx/nav_corner.gif') 0 0 no-repeat; display: block;}
#nav i.c-1 {top: 0; left: -5px;}
#nav i.c-2 {top: 0; right: -5px; }
#nav i.c-3 {top: 30px; right: 0; }
#nav i.c-4 {top: 30px; left: 0; }

#nav a:hover i.c-3, #nav a:focus i.c-3 {background-position: -5px 0;}
#nav a:hover i.c-4, #nav a:focus i.c-4 {background-position: -10px 0;}

#nav li.set a i.c-1 {background-position: -15px 0;}
#nav li.set a i.c-2 {background-position: -20px 0;}
#nav li.set a i.c-3 {background-position: -25px 0;}
#nav li.set a i.c-4 {background-position: -30px 0;}



/* navigace: pruvodce
------------------------------------------- */
#guide {width: 920px; position: absolute; top: 20.9em; left: 0; }

#guide li, #e-guide li {padding-left: 0; background: none; display: inline;}
#guide a, #e-guide a {text-decoration: none; }

/* mimoradna - exklusivni nabidka */
#e-guide {position: absolute; top: -3000px; left: -2000px;}

/* prvni uroven */
#guide li {/*position: relative;*/}
#guide>ul>li>a {font-size: 0.9em; font-weight: bold; text-decoration: none; padding: 10px; padding-top: 11px; position: relative; display: block; float: left; }
#guide>ul>li>a:hover, #guide>ul>li>a:focus, #guide>ul>li.set>a {text-decoration: none; z-index: 2; background: #ffffcd; /* background: red; */}
#guide>ul>li.set>a {color: #323232; }

/* druha uroven */
#guide li ul {line-height: 1.7; width: 888px; min-height: 50px; position: absolute; top: 4.3em; left: 0; }
#guide li li {padding-right: 10px; margin-right: 7px; position: relative; background: url('../gfx/spacer_1.gif') 100% 2px no-repeat !important;}
#guide li li a:hover {text-decoration: underline;}
#guide li li.set a, #guide li li.set a:hover, #guide li li.set a:focus {color: #323232; text-decoration: none;}
#guide li li.set strong {font-weight: normal;}

/* kulate rohy */
#guide span {padding: 10px; padding-top: 11px; position: relative; display: block; }

#guide i {width: 5px; height: 6px; position: absolute; background: url('../gfx/guide_corner.png') 0 0 no-repeat; display: block;}
#guide i.c-1 {top: 0; left: 0;}
#guide i.c-2 {top: 0; right: 0; }
#guide i.c-3 {top: 2.6em; right: -5px; }
#guide i.c-4 {top: 2.6em; left: -5px; }

#guide li.set>a i.c-1, #guide a:hover i.c-1, #guide a:focus i.c-1 {background-position: -5px 0;}
#guide li.set>a i.c-2, #guide a:hover i.c-2, #guide a:focus i.c-2 {background-position: -10px 0;}
#guide li.set>a i.c-3, #guide a:hover i.c-3, #guide a:focus i.c-3 {background-position: -15px 0;}
#guide li.set>a i.c-4, #guide a:hover i.c-4, #guide a:focus i.c-4  {background-position: -20px 0;}




/* 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 #center-box {background: #fff url('../gfx/center-box.png') 0 83px repeat-x;}
.uvod #crumb {visibility: hidden;}

.uvod #content {width: 100%; float: none;}
.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; }


.stripViewer {position: relative; overflow: hidden; clear: left; }
.stripViewer .panelContainer {position: relative; left: 0; top: 0; width: 100%; /* -moz-user-select: none; */; }
.panel {float: left; height: 100%; position: relative;  }  


.SliderHomePage .stripViewer  {width: 890px; margin-left: 0px; }
.panel {width: 300px; margin-bottom: 10px; }
.panel .inside {position: relative; border: 1px solid #B4B4B4; margin: 0 10px 10px 0; background: white; min-height: 330px; padding: 10px; background: white !important; }

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


/* vypis produktu standardni */
.p-list {min-height: 10px; padding-top: 9.15em; margin-right: -10px; padding-bottom: 10px;}
.p-list .box {width: 268px; min-height: 330px; padding: 10px; margin: 0 10px 10px 0; position: relative; background: #fff !important; border: solid 1px #b4b4b4; float: left;  }

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

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

.p-list .box ul {font-size: 0.9em;}
.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;}

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

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






































/* rotor */
#rotor {}




/* mimoradna - exklusivni nabidka */
.uvod #e-guide {top: 204px; left: -10px;}

#e-guide a {font-size: 0.9em; font-weight: bold; width: 175px; padding: 6px 10px 4px 40px; min-height: 30px; background: #fff url('../gfx/guide_1.png') 0 0 no-repeat; display: block; float: left; }

#e-guide strong {font-size: 1.2em; text-transform: uppercase; display: block; }
#e-guide a:hover, #e-guide a:focus, #e-guide li.set a {color: #ffff00; background-color: #20439c; background-position: -225px 0;}

#g-item_1-2 a {background-image: url('../gfx/guide_2.png') !important;}

/* prvni uroven */
.uvod #guide>ul>li>a {color: #fff; top: 14px;}
.uvod #guide>ul>li>a:hover, .uvod #guideul>li>a:focus, .uvod #guide ul>li.set>a {color: #0c2d83;}

/* druha uroven */
.uvod #guide li ul {top: 5.45em; }

/* kulate rohy */
.uvod #guide i {background-image: url('../gfx/guide_corner-hp.png');}
.uvod #guide i.c-3, .uvod #guide i.c-4 {top: 2.65em;}





/* kategorie
------------------------------------------- */
.kategorie #content {width: 100%; float: none;}
.kategorie #nav ul ul {position: absolute; top: -3000px; left: -3000px;}




/* detail produktu
------------------------------------------- */
.produkt #content {width: 610px;}
.produkt .socket {background: none;}

.produkt #content .box {padding: 10px; padding-bottom: 0; margin-bottom: 1.25em; background: #fff; border: solid 1px #b4b4b4;}
.produkt #content .box h2:first-child {margin-top: 0; }

.review {margin-left: 40px;}
.review  p {margin-bottom: 0.3em;}
.review p.fll, .review p.flr {margin-bottom: 14px;}
.review p.fll {position: relative; top: 0.5em;}
.review big {color: #fe000c; font-size: 1.5em; font-weight: normal;}

.review div {min-height: 25px; }

.produkt .navigator a {top: 20px; right: -322px; background-position: -65px -66px; }
.produkt .navigator a.prev {background-position: 0 -66px; }

.produkt #content, .produkt #col {padding-top: 9.15em; background: url('../gfx/socket.png') 0 3.0em repeat-x;}

.produkt .operator {padding-left: 10px !important; }


/* column */
.produkt #col {width: 290px; padding-right: 10px; }
#master, #image-set {margin-bottom: 10px; }

/* master */
#master {text-align: center; padding: 3.0em 0 10px 0; position: relative; background: #fff; border: solid 1px #b4b4b4;}
#master img {width: 190px; height: 160px; margin-bottom: 15px;}

#master ul {margin-left: 0; left: 0; border-right: solid 1px #b4b4b4; border-bottom: solid 1px #b4b4b4; position: relative; text-align: left; }
#master li {padding-left: 0 !important; padding-right: 10px; margin-right: 7px; background: url('../gfx/spacer_1.gif') 100% 2px no-repeat !important; display: inline;}
#master ul 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;}


/* guide */
.produkt #guide {}





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



/* kontakt
------------------------------------------- */
.kontakt #content {width: 600px;}
.kontakt #col {width: 290px; padding-right: 10px; }
.kontakt #col .box {border: none; }



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

#letak-box {
	position: relative;
	left: 85px;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#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%;
	zoom: 1;
	display: block;
	position: relative;
}
#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;
}



/* viewer
------------------------------------------- 
#vBox{color: #323232; font: 0.75em/1.25 sans-serif, "Calibri"; width: auto; padding: 20px; position:absolute; top: 0; background: #fff; visibility: hidden; }

#vBox div:first-child {position: relative;}

#vBox div a.prev, #vBox div a.next {width: 65px; height: 65px !important; padding: 0; position: absolute; top: 40%; z-index: 3; outline: none; display: block;}
#vBox div a.prev {left: -73px; background: url('../gfx/viewer/ico_prev.png') 0 0 no-repeat;}
#vBox div a.next {right: -73px; background: url('../gfx/viewer/ico_next.png') 0 0 no-repeat;}

#vBox p.close {margin: 0;}
#vBox p.close a {width: 44px; height: 44px; position: absolute; top: -23px; right: -23px; z-index: 3; background: url('../gfx/viewer/ico_close.png') 0 0 no-repeat; outline: none; display: block;}

#vLoader{width: 100px; height: 100px; position:absolute; top: 0; background: url('../gfx/viewer/ico_loading.gif') center no-repeat; visibility:hidden; }
#vOverlay{height: 100%; position: absolute; top:0; z-index:1; background: #000; opacity: 0.5; overflow: hidden; cursor: pointer;}

*/

ul.alert {
  color: #ff0000;
}

.flyer-404 { position: relative; left: 165px; }