html, body, div, span, h1, h2, h3, h4, ul, li, p, a, form, label, table, tr, th, td { margin: 0; padding: 0; }
body, th, td, input, textarea { font-family: "Arial Narrow", "Arial CE", Arial; }
body { background: #000000 url(../img/bg-body.png) repeat-x; font-size: 12px; color: #0a1d45; text-align: center; }
a { text-decoration: none; }
img { border: none; }
hr { display: none; }
li { list-style: none; }
.cleaner { float:none; clear:both; margin:0; padding:0; border:0; height:1px; font-size:1px; line-height:1px; }
#shop { width: 821px; background: url(../img/bg-shop.png) -1px 223px no-repeat; margin: 0 auto; text-align: left; }
#header { height:240px; }
#header a img { border:0; display:block; margin:0 auto; padding:30px 0; }
#header p { font-size:24px; margin:0; padding:0 0 17px 0; text-align:center; font-weight:normal; color:#fff; text-transform:uppercase; font-family:arial,verdana; }
#header p a,
#header p a:visited { color:#fff; font-weight:bold; text-decoration:none; }
#header p a:hover { color:#ccc; }
#page { width: 795px; margin-left: 12px; overflow: hidden; }
#main { width: 100%; background-color: #fff; border-top: 5px solid #550000; padding-bottom: 20px; overflow: hidden; position: relative; }
h1 { font-size: 12px; width: 780px; height: 40px; line-height: 36px; padding-left: 15px; text-transform: uppercase; background: #c4c4c4 url(../img/bg-menu-2.png) repeat-x; }
#temp { width: 100%; height: 500px; }
/* Menu 1 ------------------------------------------------------------------- */
ul#menu-1 { width: 100%; height: 22px; margin-top:-2px; overflow: hidden; border-bottom: 5px solid #e3e3e3; }
ul#menu-1 li { width: auto; height: 22px; margin-left: 5px; float: left; text-transform: uppercase; }
ul#menu-1 li a { display: block; color: #fff; text-align: center; font-weight: bold; line-height: 20px; padding: 0 12px; }
ul#menu-1 li a:hover { color: #ddd; }
ul#menu-1 li.act { background: #c3c3c3 url(../img/bg-menu-right.png) 100% 0 no-repeat; }
ul#menu-1 li.act a { background: url(../img/bg-menu-left.png) no-repeat; }
ul#menu-1 li.act a:hover { color: #fff; }
ul#menu-1 li#kontakt { float: right; margin-right: 5px; }
ul#menu-1 li#kosik { float: right; margin-right: 5px; }
ul#menu-1 li#fcb { float: right; }
ul#menu-1 li#fcb a,
ul#menu-1 li#fcb a:visited { color:#1a63c9; }
ul#menu-1 li#fcb a:hover { color:#fff; }
/* Menu 2 ------------------------------------------------------------------- */
ul#menu-2 { width: 787px; height: 40px; overflow: hidden; padding-left: 8px; background: #c4c4c4 url(../img/bg-menu-2.png) repeat-x; }
ul#menu-2 li { float: left; line-height: 36px; text-transform: uppercase; }
ul#menu-2 li a { color: #000; font-weight: bold; padding: 0 7px; border-right: 1px solid #000; }
ul#menu-2 li a:hover { color: #555; }
ul#menu-2 li.act a { color: #0560b6; }
ul#menu-2 li.last a { color: #b40000; border: none; }
ul#menu-2 li.last.act a { color: #0560b6; }
/* Menu 3 ------------------------------------------------------------------- */
ul#menu-3 { margin-bottom: -8px; position: relative; top: -8px; width: 787px; height: 32px; line-height: 26px; overflow: hidden; padding-left: 8px; background: url(../img/bg-menu-3.png) 0 8px repeat-x; }
ul#menu-3 li { float: left; text-transform: uppercase; padding-top: 8px; }
ul#menu-3 li a { color: #fff; font-weight: bold; padding: 0 7px; border-right: 1px solid #fff; }
ul#menu-3 li a:hover { color: #ddd; }
ul#menu-3 li.act { background: url(../img/arrow.png) 50% 0 no-repeat; }
ul#menu-3 li.last a { border: none; }
/* HP ----------------------------------------------------------------------- */
#hp { width: 100%; height: 525px; position: relative; background-color: #fff; }
#hp img { float: right; display: block; margin-top: 1px; }
#hp img#hpimage { float: left; }
/* Matice ------------------------------------------------------------------- */
#items { width: 628px; float: left; color: #666; position: relative; overflow: hidden; padding-left: 3px; }
#items div { width: 152px; float: left; margin: 19px 0 7px 5px; }
#items img { border: 1px solid #aaa; margin-bottom: 3px; }
#items h1 { border-left: 1px solid #888; padding: 0 0 1px 7px; line-height: 1.2em; background: none; height: auto; }
#items h1 a { color: #666; display: block; overflow:hidden; width:147px; height: 1em; }
#items h1 a:hover { color: #000; }
#items h2 { border-left: 1px solid #888; font-size: 12px; padding: 0 0 4px 7px; width: 147px; height: 1em; overflow: hidden; }
#items p { font-size: 13px; margin: 19px 0 0 8px; color: #000; position: relative; }
#items div p { font-size: 11px; margin: 0; border-left: 1px solid #888; padding-left: 7px; color: #06c; }
#items p strong { position: absolute; top: 0; right: 2px; font-size: 13px; }
#items p.discount { color: #f00; }
#faq { overflow: hidden; margin:0 80px 40px; font-size:1.2em; }
#faq h2 { color:#1a63c9; margin:40px 0 0 0; padding:0; }
#faq b { line-height:1.7em; }
#faq p { margin:1em 0; padding:0; text-align:justify; line-height:1.3em; }
#faq a,
#faq a:visited { color:#1a63c9; text-decoration:none; }
#faq a:hover { color:#000; }
#rules { overflow: hidden; margin:40px 80px; }
#rules h2 { color:#1a63c9; margin:25px 0 5px 0; }
#rules h2#first { margin-top:0; }
#rules p { margin:0.5em 0; padding:0; text-align:justify; }
#rules a,
#rules a:visited { color:#1a63c9; text-decoration:none; }
#rules a:hover { color:#000; }
/* Strankovani -------------------------------------------------------------- */
ul#paging { width: 628px; padding: 38px 0 20px 0; text-align: center; position: relative; overflow: hidden; }
ul#paging li { display: inline; margin-left: 2px; text-align: center; font-size: 11px; }
ul#paging li a { color: #a9a9a9; padding: 1px 6px 2px 6px; font-weight: bold; border: 1px solid #a9a9a9; }
ul#paging li a:hover { color: #06c; border-color: #06c; }
ul#paging li.act a { color: #f00; border-color: #f00; }
/* Bannery ------------------------------------------------------------------ */
#banner-right { border: 1px solid #afafaf; width: 149px; height: 675px; float: right; display: inline; margin: 19px 8px 0 0; }
/* Detail ------------------------------------------------------------------- */
#image { float: left; margin: 19px 0 0 8px; border: 1px solid #aaa; }
#preview { float: left; margin: 8px 0 0 8px; width: 510px; overflow: hidden; }
#preview img { float: left; margin-right: 2px; border: 1px solid #bbb; cursor: pointer; }
#info { width: 267px; float: right; position: relative; margin: 19px 8px 0 0; height: 502px; overflow: hidden; }
#info h1 { border-left: 1px solid #888; padding-left: 8px; line-height: 1.1em; background: none; height: auto; width:250px; font-size: 17px; color: #1a63c9; }
#info h2 { padding-left: 9px; font-size: 13px; }
#info h3 { border-left: 1px solid #888; padding-left: 8px; font-size: 14px; margin-top: 20px; position: relative; }
#info h3 span { font-weight: normal; }
#info h3 strong { position: absolute; top: 0; right: 10px; }
#info h3 small { display: block; font-size: 10px; }
#info h3.nodisc { color: #1a63c9; }
#info h3.disc { margin-top: 5px; color: #f00; font-size: 17px; }
#info p { padding: 0 9px; font-size: 13px; line-height: 1.4em; }
/* Spodni nabidka v detailu ------------------------------------------------- */
ul#options { position: absolute; left: 0; bottom: 155px; }
ul#options li { float: left; display: block; padding: 0 7px; height: 16px; line-height: 15px; border: 1px solid #888; border-bottom: none; text-transform: uppercase; font-size: 11px; font-weight: bold; margin-right: 3px; cursor: pointer; }
ul#options li.act { background-color: #1a63c9; border-color: #1a63c9; color: #fff; cursor: default; }
#box-order, #box-recom { border: 1px solid #888; width: 265px; height: 85px; position: absolute; left: 0; bottom: 28px; padding-top: 40px; }
#box-order p { font-size: 12px; line-height: 1.35em; overflow: hidden; width: 100%; margin-bottom: 9px; margin-left: 15px; }
#box-order p.nosize { position: relative; top: 9px; }
#box-order a { font-size: 11px; color: #1a63c9; text-decoration: underline; position: relative; top: -1px; }
#box-order label { font-weight: bold; color: #1a63c9; width: 80px; float: left; }
#box-order select { font-size: 10px; width: 90px; margin-right: 10px; }
#box-recom,
input#btn-recom,
#box-recom input#email { display: none; }
a#back { display: block; padding: 5px; position: absolute; left: 19px; bottom: 1px; text-transform: uppercase; font-weight: bold; font-size: 11px; color: #888; }
a#back:hover { color: #000; }
input#btn-order,
input#btn-recom { width: 125px; height: 28px; line-height: 26px; padding: 0; position: absolute; right: 0; bottom: 0; border: none; color: #fff; background-color: #1a63c9; text-transform: uppercase; font-size: 11px; font-weight: bold; cursor: pointer; }
#box-recom { padding-top: 8px; height: 117px; }
#box-recom2 { text-align: center; border: 1px solid #888; width: 265px; height: 75px; position: absolute; left: 0; bottom: 28px; padding-top: 50px; }
#box-recom p { margin: 0; padding: 0 0 4px 8px; line-height: 1.5em;}
#box-recom2 p { font-weight: bold; }
#box-recom input,
#box-recom textarea { border: 1px solid #888; font-size: 11px; font-weight: bold; padding: 0 2px; color: #1a63c9; width: 114px; margin: 0 5px 0 0; }
#box-recom textarea { width: 242px; margin: 0 5px 0 0; height: 59px; overflow: auto; }
/* Mohlo by vas zajimat ----------------------------------------------------- */
#interest { width: 785px; margin: 25px 0 0 8px; height: 181px; overflow: hidden; background: url(../img/bg-interest.png) 0 0 no-repeat; }
#interest h4 { font-size: 12px; color: #fff; padding-left: 12px; height: 25px; line-height: 25px; text-transform: uppercase; }
#interest img { float: left; margin: 4px 5px 0 0; border: 1px solid #bbb; }
/* Kosik -------------------------------------------------------------------- */
#no-items { margin: 19px 8px 0 8px; height: 200px; line-height: 200px; border: 1px solid #888; text-align: center; font-size: 12px; font-weight: bold; text-transform: uppercase; }
#basket, #address, .step,
#confirm { margin: 19px 8px 0 8px; }
#basket h2,
#address h2,
.step h2,
#confirm h2 { position: relative; top: 1px; width: 231px; height: 26px; padding-left: 11px; line-height: 25px; background-color: #06c; font-size: 13px; color: #fff; text-transform: uppercase; }
#basket h2#icon { background: #06c url(../img/icon-basket.png) 217px 6px no-repeat; }
#basket div,
#address div,
.step div,
#confirm div { border: 1px solid #888; padding: 4px; overflow: hidden; }
#basket table { width: 100%; border-collapse: collapse; }
#basket .left { text-align: left; }
#basket .right { text-align: right; padding-right: 30px; font-size: 12px; }
#basket th { border-bottom: 1px solid #999; font-size: 11px; text-align: center; color: #06c; text-transform: uppercase; padding: 5px; }
#basket td { border-bottom: 1px solid #999; font-weight: bold; font-size: 11px; text-align: center; color: #000; text-transform: uppercase; padding: 4px; }
#basket td img { border: 1px solid #bbb; }
#basket th.del { background: url(../img/cell.gif) 0 100% no-repeat; }
#basket td.del { background: url(../img/cell.gif) 0 0 repeat-y; width: 25px; }
#basket strong { color: #555; }
#basket select { font-size: 10px; width: 40px; }
#basket #bottom td { font-size: 8px; padding: 0 4px; border: none; }
#basket #bottom td.del { background-repeat: no-repeat; }
#total { position: relative; height: 30px; margin: 0 8px; }
#total #total-text { float: right; margin-right: 10px; width: 205px; height: 28px; line-height: 30px; text-align: right; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #06c; }
#total #total-value { float: right; background-color: #06c; width: 114px; height: 28px; line-height: 28px; text-align: center; color: #fff; font-weight: bold; font-size: 15px; }
#total p { float: left; color: #06c; padding: 8px; text-transform: uppercase; font-size: 10px; width: 300px; }
.step input,
.step textarea { border:1px solid #afafaf; }
/* Objednavatel ------------------------------------------------------------- */
#address div { padding: 16px 4px 3px 4px; overflow: hidden; }
#address p { margin-bottom: 13px; width: 800px; line-height: 20px; float: left; }
#address label { cursor: pointer; margin-right: 5px; width: 55px; text-align: right; float: left; display: block; font-weight: bold; color: #06c; text-transform: uppercase; font-size: 11px; }
#address input { margin-right: 12px; width: 180px; float: left; border: 1px solid #afafaf; font-size: 11px; font-weight: bold; color: #666; }
#address input#zip { width: 52px; }
#address input#country { width: 51px; }
#address p.stars { float: left; color: #06c; padding: 2px 0 6px 8px; text-transform: uppercase; font-size: 10px; width: 300px; }
/* Potvrzeni ---------------------------------------------------------------- */
#confirm { text-align: center; }
#confirm h2 { text-align: left; float: left; }
#confirm div { padding: 16px 4px; clear: left; }
#confirm h3 { font-size: 14px; text-transform: uppercase; margin: 17px 0 5px 0; }
#confirm p { font-size: 13px; line-height: 18px; }
#confirm input { position: relative; top: 1px; }
#confirm label { cursor: pointer; text-transform: uppercase; font-size: 11px; font-weight: bold; }
#confirm label strong,
#confirm strong span { color: #06c; }
#confirm a { color: #06c; text-decoration: underline; }
#confirm-button { margin: 10px 0; width: 110px; height: 28px; line-height: 26px; padding: 0; border: none; color: #fff; background-color: #1a63c9; text-transform: uppercase; font-size: 14px; font-weight: bold; cursor: pointer; }
#address p.error,
#confirm p.error { text-align: center; float: left; margin: 0 0 16px 10px; padding-left: 10px; display: block; text-transform: uppercase; width: 739px; height: 26px; line-height: 26px; background-color: #d20000; color: #fff; font-weight: bold; font-size: 12px; }
/* Paticka ------------------------------------------------------------------ */
#foot { font-family: "Arial CE", Arial; text-align: center; padding:10px 0; font-size: 11px; color: #fff; height: 60px; line-height:1.3em; }
#foot a,
#foot a:visited { color:#fff; font-weight:bold; text-decoration:none; }
#foot a:hover { color:#666; }
#dealers { width:520px; margin:40px auto; }
.dealer-logo { float:left; padding-right:20px; }
.dealer-logo img { border:0; }
.dealer-info { float:left; border-left:1px solid #175cba; padding:10px 0 10px 30px; line-height:1.3em; text-transform:uppercase; }
.dealer-info em { font-style:normal; color:#175cba; }
#contact { width:550px; margin:40px auto; }
.contact-logo { float:left; padding:20px 50px 0 70px; }
.contact-logo img { border:0; display:block; }
.contact-info { float:left; border-left:1px solid #175cba; padding:10px 0 10px 30px; line-height:1.3em; text-transform:uppercase; }
.contact-info a,
.contact-info a:visited { color:#175cba; text-decoration:none; text-transform:none; }
.contact-info a:hover { color:#000; }
.contact-info em { font-style:normal; color:#175cba; }