* { font-family: Verdana, Geneva, sans-serif; }
body, form, table { font-size: 12px; color: #000; margin: 0px; padding: 0px; }
body { text-align: center; }
table { border-collapse: collapse; margin-bottom: 10px; }
th, td { padding: 5px 10px; text-align: left; border: 1px solid #FFF; }
th { font-weight: bold; background: #EEE; }
td { background: #CFC; }
ol { margin: 0px 0px 12px 24px; padding: 0px; }
ul { margin: 0px 0px 12px 16px; padding: 0px; }
li { margin: 0px; padding: 0px; }
img { border: none; }
a { text-decoration: underline; color: #000; }
a:hover { text-decoration: none; }
input, select, textarea { border: 1px solid #999; font-size: 12px; }
h1 { font-size: 18px; font-weight: bold; color: #0C3; }
h2 { font-size: 14px; font-weight: bold; color: #0C3; border-bottom: 2px dotted #0C3; }
h3, h4, h5, h6 { margin: 0px 0px 5px; font-size: 14px; }
p, h1, h2 { margin: 0px 0px 10px; }
.clear { clear: both; height: 1px; overflow: hidden; }
.clear-10 { clear: right; height: 10px; overflow: hidden; }
.clear-20 { clear: both; height: 20px; overflow: hidden; }
.highlight { color: #C00; }
.transparent { border: none; }
.submit { cursor: pointer; border-style: none; vertical-align: top; padding: 0px; }
.smartTable { width: 595px;}
.smartButton { background: url(/img/smart-button.png) no-repeat left top; cursor: pointer; border: none; height: 30px; line-height: 30px; color: #FFF; width: 180px; overflow: hidden; margin: 0px 5px 20px 0px; font-weight: bold; }
.smartButton:hover { background: url(/img/smart-button.png) no-repeat left bottom; }
.smartButtonCart { background: url(/img/smart-button-cart.png) no-repeat left top; cursor: pointer; border: none; height: 30px; line-height: 30px; color: #FFF; width: 120px; overflow: hidden; font-weight: bold; }
.smartButtonCart:hover { background: url(/img/smart-button-cart.png) no-repeat left bottom; }
a.smartButton { display: block; float: left; text-decoration: none; text-align: center; }
.linkList { list-style: none; margin: 0px; }
.linkList li, .tile li { background: url(/img/arrow-transparent-right.png) no-repeat 0px 3px; padding-left: 15px; }
#global { text-align: left; }
#header { background: #0C3; position: relative; height: 140px; }
#header strong { font-size: 18px; color: #FFF; padding: 20px; display: block; }
#header-1 { background: url(/img/header-1.png) no-repeat; width: 100%; height: 150px; position: absolute; left: 0px; top: 0px; }
#header-1 a { display: block; margin: 30px 0px 0px 40px; height: 60px; width: 270px; }
#header-2 { background: url(/img/header-2.png) no-repeat; width: 500px; height: 150px; position: absolute; top: 0px; right: 0px; }
#header-2 form { margin: 117px 0px 0px 280px; }
#header-2 input { background-color: transparent; border-style: none; width: 150px; }
#header-2 .submit { margin-left: 8px; width: 30px; }
#header-3 { position: absolute; left: 380px; top: 118px; }
#header-3 a { text-decoration: none; }
#header-3 a:hover { text-decoration: underline; }
#header-3 span { color: #FC0; padding: 10px; }
#content, #contentNoRightColumn { margin: 20px 230px 20px; min-height: 300px; _height: 300px; _width: 100%; }
#contentNoRightColumn { margin-right: 19px; }
#left { width: 220px; position: absolute; left: 0px; top: 140px; padding-bottom: 5px; }
#right { width: 220px; position: absolute; top: 170px; right: 0px; padding-bottom: 5px; }
#left h4, #right h4, .tile h2 { margin: 0px; padding: 0px; border-style: none; color: #000; }
#left h4 img, #right h4 img { display: block; }
#left p, #right p { margin: 0px; }
#left ul, #right ul { margin: 0px; list-style: none; }
#left li, #right li { background: url(/img/arrow-yellow-small.png) no-repeat 0px 3px; padding-left: 15px; }
#right #information li { background-image: url(/img/arrow-gray-dark.png); }
#left .news .date { font-size: 8px; text-align: center; float: right; height: 35px; width: 41px; background: url(/img/icon-novinky.png) no-repeat; padding-top: 4px; margin-left: 10px; }
#left .news h3, #left .news p { font-size: 11px; }
#left .news li { background: url(/img/arrow-transparent-right.png) no-repeat 0px 3px; }
#left .news .blue-line { background: url(/img/blue-line.png) no-repeat; margin: 10px 0px; height: 3px; overflow: hidden; }
#right .icon .kosik { float: left; display: block; background: url(/img/icon-kosik.png) no-repeat left top; height: 37px; width: 50px; margin-right: 5px; }
#right .icon .kosik:hover { background: url(/img/icon-kosik.png) no-repeat right top; }
#right .icon p { text-align: center; float: left; height: 40px; width: 110px; padding-top: 5px; _height: 45px; }
#right .icon .big { font-size: 16px; }
#menu a, #information a { text-decoration: none; margin-bottom: 4px; display: block; padding-bottom: 4px; border-bottom: 1px dotted #999; }
#menu a:hover, #information a:hover, .productBox4 a:hover { padding-left: 4px; }
#menu .active, #menu .current { font-weight: bold; }
#menu .active ul, #menu .current ul { font-weight: normal; }
.box-yellow { padding: 0px 25px 5px; background: #FC0 url(/img/box-yellow-center.png) repeat-y; }
.box-yellow-bottom { background: url(/img/box-yellow-bottom.png) no-repeat; height: 20px; }
.box-gray { padding: 0px 25px 5px; background: #E0E0E0 url(/img/box-gray-center.png) repeat-y; }
.box-gray-bottom { background: url(/img/box-gray-bottom.png) no-repeat; height: 20px; }
.box-blue { padding: 0px 25px 5px; background: #E0E0E0 url(/img/box-blue-center.png) repeat-y; }
.box-blue-bottom { background: url(/img/box-blue-bottom.png) no-repeat; height: 20px; }
.tile { float: left; width: 170px; height: 180px; margin: 0px 10px 10px 0px; overflow: hidden; position: relative; border: 1px dotted #999; background: #FFC; _width: 172px; _height: 167px; }
.tile h2 { color: #006; background: #FC0 url(/img/tile.png) no-repeat right top; padding: 10px; }
.tile ul, .tile p { list-style: none; margin: 10px; line-height: 15px; }
.tile a { color: #000; text-decoration: none; }
.tile a:hover { text-decoration: underline; }
.tile .picture { position: absolute; right: 0px; bottom: 10px; z-index: -1; }
.tile .next { font-weight: bold; color: #006; background: url(/img/tile-next.png) no-repeat; text-transform: uppercase; padding: 2px 0px 2px 28px; }
#footer { background: #CFC url(/img/footer-center.png) repeat-x; height: 150px; position: relative; margin-bottom: 5px; }
#footer-left { background: url(/img/footer-left.png) no-repeat; height: 150px; width: 20px; position: absolute; left: -14px; top: 0px; }
#footer-right { background: url(/img/footer-right.png) no-repeat; height: 150px; width: 20px; position: absolute; top: 0px; right: -14px; }
#footer p { margin-bottom: 6px; }
#footer input { margin: 2px 0px; }
#footer .submit { padding: 3px 3px 3px 0px; }
#footer .footer-box { float: left; width: 30%; height: 110px; border-right: 1px dotted #FFF; padding-right: 10px; margin: 20px 0px 0px 10px; }
#footer .last { border-right: none; padding-right: 0px; }
#minebot { float: left; margin-right: 10px; }
.topSelling { background: #FFC; padding: 8px 10px 0px; margin-bottom: 10px; }
.lastVisited { _width: 170px; }
.lastVisited img { margin-right: 10px; float: left; }
.navigation { background: #EEE; padding: 8px 10px; margin-bottom: 1px; }
.navigation a { font-weight: bold; }
.subcategories { background: #EEE; padding: 8px 10px; margin: 0px 0px 1px; }
.subcategories ul { list-style: none; margin: 0px; }
.subcategories li { width: 28%; display: block; float: left; background: url(/img/arrow-gray-small.png) no-repeat 0px 3px; padding-left: 15px; margin-right: 10px; }
.subcategories a { text-decoration: none; }
.subcategories a:hover { text-decoration: underline; }
.filters { background: #CFC; padding: 8px 10px; margin-bottom: 10px; }
.filters form { margin-right: 145px; }
.filters form p { display: inline; padding-right: 10px; }
.filters form p span { white-space: nowrap; }
.paging { float: right; width: 140px; text-align: right; margin: 8px 10px 0px 0px; }
.paging a img { padding: 0px 2px; }
.productMiniCard, .productSmallCard { float: left; width: 138px; height: 180px; margin: 0px 10px 10px 0px; padding: 10px; position: relative; overflow: hidden; border: 1px dotted #999; _width: 160px; _height: 198px; }
.productMiniCard *, .productSmallCard * { font-size: 11px; }
.productMiniCard img, .productSmallCard img { display: block; }
.productMiniCard h2 { margin: 4px 0px; font-weight: normal; border-style: none; height: 40px; overflow: hidden; }
.productMiniCard strong, .productSmallCard strong { float: right; padding-top: 1px; }
.productMiniCard del, .productSmallCard del { color: #C00; font-weight: bold; text-decoration: none; }
.productSmallCard { width: 232px; height: 152px; _width: 254px; _height: 174px; }
.productSmallCard img { float: left; margin-right: 10px; }
.productSmallCard h2 { margin-bottom: 6px; border-style: none; height: 26px; overflow: hidden; }
.productSmallCard p { height: 91px; margin-bottom: 16px; overflow: hidden; }
.productBigCard { margin: 0px 0px 10px; padding: 10px; position: relative; border: 1px dotted #999; }
.productBigCard img { display: block; float: left; margin-right: 10px; }
.productBigCard .price, .productBigCard select, .productBox2 select { float: right; }
.productBigCard .option { margin: 10px 0px; padding: 6px 10px; background: #FFC; _margin-left: 120px; line-height: 18px; }
.productColumn1 { float: left; width: 300px; margin-right: 20px; position: relative; }
.productColumn1 #productPicture { display: block; margin-bottom: 5px; height: 300px; width: 300px; }
.productColumn1 img { display: block; margin-bottom: 5px; }
.productColumn2-3 { margin-left: 320px; _width: 100%; }
.productColumn2 { float: left; width: 48%; }
.productColumn2 div { margin-top: 5px; }
.productColumn2 span { float: right; }
.productColumn2 ul { margin: 3px 0px 0px; }
.productColumn2 li { padding-bottom: 2px; }
.productColumn2 .divider { clear: both; height: 5px; overflow: hidden; margin-top: 5px; border-top: 1px dotted #0C3; }
.productColumn3 { float: right; width: 48%; }
.productBox1, .productBox2, .productBox3 { padding: 8px 10px; margin-bottom: 10px; }
.productBox1 { background: #CFC; line-height: 20px; }
.productBox1 strong { float: right; }
.productBox1 .highlight { font-size: 18px; }
.productBox2 { background: #FFC; }
.productBox2 #product_ks { font-size: 16px; margin-bottom: 2px; }
.productBox3 { background: #EEE url(/img/nakupujete-pro-firmu.png); padding-top: 43px; padding-left: 85px; }
.productBox4 a { line-height: 16px; text-decoration: none; }
.productBox4 img { vertical-align: baseline; padding-right: 5px; }
.acParBox { position: absolute; left: 5px; top: 5px; text-transform: uppercase; color: #FFF; line-height: 14px; }
.productSmallCard .acParBox { top: 45px; }
.acParBox .acPar { float: left; border: 1px solid #FFF; background: #0C3; margin: 1px; cursor: default; display: block; padding: 0px 5px; font-size: 9px; font-weight: bold; }
.twoColumns { float: left; width: 49.9%; }
.twoColumns .inner { border: 1px dotted #999; padding: 10px; margin: 0px 10px 10px 0px; }
.twoColumns .inner div { text-align: right; }
.twoColumns h2 { border: none; }
.twoColumns h2 a { color: #66C; }
.cartImage { float: left; margin-right: 10px; border: 2px solid #FFF; }
.gift { color: #C00; background: url(/img/icon-darek.png) no-repeat right top; padding: 4px 0px; border-top: 1px dotted #C00; border-bottom: 1px dotted #C00; }
#box_vhozeni { background: #C00; padding: 8px 10px; margin-bottom: 15px; }
#box_vhozeni * { color: #FFF; }
#box_vhozeni p { margin-bottom: 2px; }
#box_vhozeni strong { font-size: 14px; }
#bookmarks { border-bottom: 2px solid #006; list-style: none; margin: 20px 0px 10px; padding-left: 5px; height: 35px; overflow: hidden; }
#bookmarks li { background: #006 url(/img/smart-bookmark.png) no-repeat left top; height: 35px; width: 100px; float: left; }
#bookmarks li:hover { background: #006 url(/img/smart-bookmark.png) no-repeat left bottom; }
#bookmarks a { color: #FFF; display: block; text-decoration: none; padding: 6px 12px; text-align: center; cursor: pointer; }
#souboryKeStazeni a { text-decoration: none; }
.odd_row td { background: #33D85C; }
.smtable {width:800px}
.napoveda { background: url(/img/napoveda.gif) no-repeat; width: 200px; float: right; overflow:hidden; }
.napoveda * { font-size: 11px; }
.napoveda h6 { background: #FC0; padding: 5px 10px; margin: 0px 0px 0px 8px; }
.napoveda p { background: #FFC; padding: 5px 10px 8px; margin: 0px 0px 10px 8px; }
.noStyle td { padding: 2px 5px 0px 0px; text-align: left; vertical-align: middle; border: none; background: none; }
#addComment { margin-top: 10px; }
.comment { border: 1px dotted #999; padding: 10px 10px 0px; margin-top: 10px; }
.commentHead { color: #999; margin-bottom: 5px; font-size: 11px; font-style: italic; }
.commentText { background: url(/img/icon-discuss.gif) no-repeat 0px 2px; padding-left: 45px; }
.commentText h5 { color: #66C; margin-bottom: 2px; }
.clearTable th, .clearTable td { border: none; background: none; padding: 5px 20px 5px 0px; }
/*doplneno JAM*/
.orderSteps { width:100%;}
.orderSteps th {padding-top: 5px; color: #fff; font-size: 24px; width: 25px; background: #000; text-align:center; -moz-border-radius: 5px; border-radius: 5px;}
.orderSteps th.orderStepsCurrent { background: #ed1c24; }
.orderSteps td { padding-top: 5px; border: 0px; font-weight: bold;}
.orderSteps a { color: #444; }
.orderSteps .orderStepsCurrent * { color: #ed1c24; }
.messages { font-weight: bold; color: #FFF; background: #C00; padding: 10px; margin-bottom: 20px; }
label.error { font-weight: bold; color: #F00; padding:3px; display: none;}
.kosik tr.SET td {background: #D1E1E9;}
.kosik tr.SUBSET td {background: #E1F1F9;}
.kosik tr.PRODUCT td {}
.kosik tr.HAS_GIFT td {background: #E5E5E9;}
.kosik tr.GIFT td {background: #F5F5F9;}
.field_a {display: none;}
.table-payu td {background: #FFF; border: 1px solid #FFF;}
/* ulozenka styly */
.pobocka { float: left; border-bottom: 1px solid #1595D3; padding-bottom: 25px; margin-bottom: 25px; }
.pobocka .pobocka_tab { padding: 0px 25px; }
.pobocka .pobocka_img, .pobocka .pobocka_tab, .pobocka .pobocka_map { float: left; width: 300px; }
/*vyuziti vice kategorii skryvani z boardu pro platby*/
#more-categories, #less-categories, #change-currency { float: right; margin-left: 5px; font-weight: bold; text-decoration: none; }
#more-categories, #less-categories { display: none; }
#more-categories:hover, #less-categories:hover, #change-currency:hover { color: #C00; }
.more-categories { overflow: hidden; }
#podrobnyPopis h3 { clear:both; }