body {margin: 0; padding: 0; text-align: center; font-family: "Helvetica CE", Helvetica, "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, helvetica, sans-serif; background: #fff url('../graf/bcg_body.gif') repeat-y 50%; color: #000;}
body {margin: 0; padding: 0; font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small;}
html>body {font-size: small; margin: 0; padding: 0;}

a:link, a:visited, a:active {color: #f40; text-decoration: underline;}
a:hover {color: #600; text-decoration: underline;}
a img {border-style: none; color: none; text-decoration: none;}

h1 {margin: 0; padding: 0; line-height: 1.4em;}
#h1 {display: block; position: absolute; left: 240px; top: 0; width: 550px; font-size: 140%; font-weight: normal; font-style: italic; color: #999; /* color: #59b; */ margin: 0; padding: 0; line-height: 40px; text-align: center;}
h2 {font-size: 159%; font-weight: normal; font-style: normal; color: #fff; margin: 8px 0 15px 0; padding: 10px; line-height: 100%; background: #666 url('../graf/bcg_h2.gif') no-repeat bottom;}
h3 {font-size: 120%; font-weight: bold; font-style: normal; color: #f30; clear: both; line-height: 30px; margin: 5px 0 10px 0; padding: 3px 0 0 10px; background: #fff url('../graf/bcg_h3.gif') no-repeat left top;}
h4 {font-size: 120%; font-weight: bold; font-style: normal; color: #f30; clear: both; line-height: 30px; margin: 5px 0 10px 0; padding: 3px 0 0 10px; background: #fff url('../graf/bcg_h3.gif') no-repeat left top;}
/*h4 {font-size: 100%; font-weight: bold; font-style: normal; color: #fff; background-color: #999; margin: 4px 0; padding: 2px 8px;}*/

p {margin: 0 0 15px 0;}
.odsadit {padding: 0 0 0 10px;}

textarea {background: #fff url('../graf/bcg_input.gif') repeat-x bottom; border: 1px solid #666; font-size: 11px; padding: 1px; font-family: "Helvetica CE", Helvetica, "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, helvetica, sans-serif;}

form {margin: 0;}
fieldset {margin-bottom: 10px; padding: 0; border: 0; background-color: #fff;}
fieldset table {width: 100%; margin: 0;}
fieldset td {padding: 6px; width: 60%; border-width: 0;}
fieldset td.leva {text-align: right; width: 40%;}
fieldset .text {width: 180px;}
fieldset p {margin: 8px 0;}
legend {color: #000; font-size: 11px; background-color: #fc0; padding: 2px 6px; font-weight: normal;}

.sklform {margin: 0; text-align: left; padding: 0; display: inline;}
.sklform input {margin: 0; padding: 0;}
.cerv {color: #f40;}
.zelv {color: #090;}

.netisk {display: block;}

.ikony {display: block; margin: 0;}
.ikony img {display: block; margin: 0;}
.ikony a {display: block; border-top: 2px solid #666;}
.ikony a:hover {display: block; border-top: 2px solid #999;}

.kontakt {margin: 0 0 15px 10px;}
.kontakt td {padding: 1px 12px 1px 0;}
.kontakt th {padding: 1px 0 3px 0;}

form {padding: 0; margin: 0;}

#obsah ul {list-style: url("../graf/li.gif") outside; margin: 4px 0 15px 5px; padding-left: 24px;}
#obsah ul li {padding: 0 0 3px 2px;}
#obsah ul li span {font-size: 10px;}

#obsah ol {margin: 4px 0 15px 5px; padding-left: 35px;}
#obsah ol li {padding: 0 0 5px 2px;}
#obsah ol li span {font-size: 10px;}

#hlavni_box {display: block; position: relative; margin: 0 auto; padding: 0; width: 990px; text-align: left; background: #fff url('../graf/bcg_obsah.png') no-repeat bottom;}

#banner {display: block; position: absolute; top: 55px; left: 255px; width: 502px; height: 82px; background-color: transparent;}
#banner img {display: block; margin: 1px auto 0 auto;}

#hlavickabox {display: block; position: relative; margin: 0; padding: 0; height: 182px; background: #000 url('../graf/bcg_bcgtop.gif') repeat-x 0 1px;}
#hlavicka {display: block; position: relative; margin: 0 auto; padding: 0; width: 990px; height: 182px; background: transparent url('../graf/bcg_hlavicka.jpg') no-repeat 0 1px;}

#logo {display: block; position: absolute; left: 38px; top: 50px; width: 142px; height: 62px; overflow: hidden;}
#logo img {width: 142px; height: 62px;}

#text {display: none; position: absolute; left: 54px; top: 28px; width: 80px; height: 22px;}
#foto {display: block; position: relative; float: right; top: 1px; width: 160px; height: 84px;}
#graf {display: block; position: absolute; right: 194px; bottom: 1px; width: 325px; height: 84px; background: #fff url('../graf/top2.gif') no-repeat;}

#proc {display: block; position: absolute; left: 430px; bottom: 10px; width: 325px; line-height: 15px; color: #666;}
#proc {list-style: url("../graf/li.gif") outside; margin: 0; padding-left: 20px;}
#proc ul li {padding: 0 0 3px 2px;}
#proc ul li span {font-size: 10px;}

#lista {display: block; position: absolute; bottom: 0; left: 15px; width: 940px; line-height: 36px; color: #fff;}

#hledani {display: block; position: absolute; width: 160px; height: 20px; left: 11px; top: 9px; font-size: 11px; line-height: 1em;}
#hledani td {height: 19px; font-size: 11px; vertical-align: middle;}
#hledani td.prava {height: 19px; padding-left: 3px; width: 40px;}

#nav-lista {display: block; position: relative; float: left; left: 179px; width: 700px; margin: 0; padding: 0; font-size: 12px;}
#nav-lista li {display: inline; float: left; list-style: none; padding: 0; margin: 0;}
#nav-lista a {display: block; float: left; line-height: 36px; padding: 0 10px; color: #fff; text-decoration: none;}
#nav-lista a:hover {color: #000;}

#homeleft {display: block; position: relative; float: left; width: 230px;}
#homeright {display: block; position: relative; float: right; width: 360px; background-color: #fff;}

#posledni {display: block; clear: both; margin: 0 0 -10px 0;}
#posledni h3 {margin: 0; padding: 0 15px; float: left;}
#posledni p {margin: 10px 15px 0 0; padding: 0 15px; float: right; line-height: 20px; background: transparent url('../graf/li.gif') no-repeat right 50%;}

ul#homelista {display: block; position: relative; clear: both; float: left; list-style: none; width: 360px;  margin: 0 0 10px 0; padding: 0; font-size: 11px; border-bottom: 1px solid #000;}
ul#homelista li {display: inline; position: relative; float: left; list-style: none; padding: 0; margin: 0; border-right: 1px solid #fff;}
ul#homelista a {display: block; position: relative; float: left; line-height: 14px; padding: 2px 8px; margin: 0 0 -1px 0; color: #000; background: #bdf url('../graf/bcg_h2.gif'); text-decoration: none; border-bottom: 1px solid #000;}
ul#homelista a:hover, #homelista .aktiv {color: #fff; background-color: #f40; border-color: #f40; background-image: none;}

.news {display: block; clear: both; position: relative; margin: 0 0 0 0; padding: 8px 8px 14px 8px ; background: #fff url('../graf/bcg_news.gif') top no-repeat;} 
.news p {line-height: 1.2em; padding: 0; font-size: 11px; margin: 0;}
.news img {float: left; padding: 0; margin: 0 12px 0 0; border: 1px solid #fff;}
.news h3 {display: inline; padding: 0 0 0 8px; margin: 0 0 5px 0; background-image: none; border: none; background-color: transparent; line-height: 110%; font-size: 100%;}
.newdate {color: #fff; font-size: smaller; background-color: #59b; padding: 0 4px;}

#datum {display: block; position: absolute; right: 0; font-size: 11px; color: #000;}

#levy_ramec {display: block; position: relative; float: left; left: 15px; width: 790px; margin: 0; padding: 0;}
#levy_sloupec {display: block; position: relative; float: left; width: 180px; margin: 0; padding: 0; text-align: left;}
#levy_sloupec p {margin: 0 0 15px 0; font-size: 11px; text-align: left;}

#pravy_sloupec {display: block; position: relative; float: right; right: 15px; width: 160px; margin: 8px 0 0 0; padding: 0; text-align: left;}

.hptab {display: block; margin: -10px 0 0 0; background: #fff url('../graf/hp_graf.jpg') no-repeat top;}
.hptab td {width: 200px; vertical-align: top; padding: 110px 0 0 0;}
.hptab td p {padding: 0; margin: -10px 0 0 0; text-align: center;}
.hptab td p a {font-size: 10px; color: #000;}

.hpkol {display: block; margin: -5px 0 10px 0; background: #fff url('../graf/hp_znacky.gif') no-repeat bottom;}
.hpkol td {width: 200px; vertical-align: top; padding: 0;}
.hpkol td p {padding: 5px 0 8px 12px; margin: 0;}

.leve_menu {display: block; clear: both; list-style: url("../graf/lino.gif") outside; line-height: 100%; position: relative; float: left; width: 180px; margin: 10px 0 0 0; padding: 0; background-color: #333;}
.leve_menu li {display: block; padding: 0; margin: 0; color: #999; background-color: #333;}
.leve_menu li.head {display: block; line-height: 18px; font-size: 11px; background: #222 url('../graf/left_menu_top.gif') no-repeat left top;}
.leve_menu li.bot {display: block; width: 180px; height: 13px; overflow: hidden; background: #222 url('../graf/left_menu_bottom.gif') no-repeat;}
.leve_menu li span {padding: 0 12px;}
.leve_menu li.blok {padding: 9px; color: #fff; font-size: 11px;}
.leve_menu a {display: block; margin: 0; font-size: 11px;}
.leve_menu ul.no {display: block; position: relative; float: left; margin: 0; padding: 0;}
.leve_menu .first {background: transparent url('../graf/left_menu_top.gif') 0 -18px  no-repeat;}

.leve_menu .blok ul {display: block; list-style: none; margin: 0; padding: 0 0 5px 4px; color: #fff;}
.leve_menu .blok ul li {padding: 0 0 5px 8px; margin: 0; background: transparent url("../graf/menu_li.gif") no-repeat left 4px; color: #fff;}
.leve_menu .blok a {color: #fff;}

a.m1 {padding: 5px 5px 5px 12px; color: #fff; text-decoration: none; font-weight: normal; background-color: #333; border-bottom: 1px solid #222;}
a.m2 {padding: 4px 5px 4px 21px; color: #ddd; text-decoration: none; background-color: #444; border-bottom: 1px solid #333;}
a.m3 {padding: 3px 5px 3px 28px; color: #ddd; text-decoration: none; background-color: #555; border-bottom: 1px solid #444;}
a.m1:hover, a.aktiv1 {color: #fff; background-color: #f40;}
a.m2:hover, a.aktiv2 {color: #fff; background-color: #f40;}
a.m3:hover, a.aktiv3 {color: #fff; background-color: #f40;}

.info_menu {display: block; clear: both; list-style: url("../graf/lino.gif") outside; line-height: 100%; position: relative; float: left; width: 180px; margin: 10px 0 0 0; padding: 0; background: #ddd url('../graf/info_menu_bottom.gif') bottom no-repeat;}
.info_menu li {display: block; padding: 0; margin: 0; color: #999;}
.info_menu li.head {display: block; line-height: 18px; font-size: 11px; background: #fff url('../graf/info_menu_top.gif') no-repeat left top; color: #000;}
.info_menu li span {padding: 0 12px;}
.info_menu .first {background: transparent url('../graf/info_menu_top.gif') 0 -18px no-repeat;}
.info_menu li.blok {padding: 9px;}
.info_menu .bann_left {display: block; width: 80px; height: 31px;}
.info_menu .bann_right {display: block; position: relative; float: right; width: 80px; height: 31px;}
.info_menu a {display: block; margin: 0; font-size: 11px;}

#obsah {display: block; position: relative; float: right; width: 600px; margin: 0; padding: 0; font-size: 90%; }

.prave_menu {display: block; clear: both; list-style: url("../graf/lino.gif") outside; width: 160px; margin: 0 0 7px 0; padding: 0; background-color: #333; font-size: 11px;}
.prave_menu li {display: block; padding: 0; margin: 0; background: transparent url('../graf/right_menu_top.gif') no-repeat left 0;  color: #fff;}
.prave_menu li span {display: block; padding: 0 12px; line-height: 18px; font-size: 11px;  color: #ccc;} 
.prave_menu a {display: block; margin: 0; font-size: 11px;}
a.normalink {display: inline;}
.prave_menu a.m1:hover, .prave_menu a.aktiv1 {color: #fff; background-color: #444;}
.prave_menu li.first2 {background: transparent url('../graf/right_menu_top.gif') 0 -18px  no-repeat; padding: 0;}
.prave_menu li.blok {padding: 9px; margin: 0;}
.prave_menu li.blok2 {text-align: center; background-color: #fff; padding: 9px;}
.prave_menu li.bot {display: block; width: 160px; height: 12px; overflow: hidden; background: #222 url('../graf/right_menu_bottom.gif') no-repeat;}

.prave_menu li.blok ul {display: block; position: relative; list-style: none; margin: 0; padding: 0 0 5px 4px; color: #fff;}
.prave_menu li.blok ul li {padding: 0 0 3px 8px; margin: 0; line-height: 1.0em; background: transparent url("../graf/menu_li.gif") no-repeat left 4px; color: #fff;}
.prave_menu li.blok a {color: #fff;}

.leve_menu ul.no, .prave_menu ul.no {display: block; position: relative; float: left; margin: 0; padding: 0;}

#paticka {display: block; position: relative; left: 15px; clear: both; width: 960px; font-size: 85%; color: #000; text-align: center; padding: 15px 0; margin: 0; background: transparent url('../graf/bcg_paticka.gif') no-repeat bottom;}
#paticka a {text-decoration: underline; color: #000;}
.partners {display: block; position: relative; clear: both; width: 990px; font-size: 85%; color: #666; text-align: center; padding: 25px 0 15px 0; margin: 0 auto; background: #000 url('../graf/bcg_obsah2.png') no-repeat top;}
.partners a {color: #666;}

p.partneri {display: block; clear: both; text-align: left; background-color: #eee; border-bottom: 1px solid #ddd; padding: 5px 8px; margin: 0; font-size: 11px; text-align: left;}
p.partneri a {text-decoration: none;}

.homenote {background-color: #def; padding: 5px; font-size: 10px; line-height: 1.1em;}

.zbozi {display: block; clear: both; width: 100%; border: 0; padding: 0; margin: 0 0 15px 0;}
.zbozi td {width: 200px; border: 0; vertical-align: top;}
.zbozi a {text-decoration: none;}
.zbozi img {display: block; padding: 10px 0; margin: 0 auto; background-color: #fff;}
.ramecek {display: block; position: relative; width: 182px; margin: 0 auto 5px auto; background-color: #fff;  text-align: center;}
.zbozi h3 {display: block; margin: 0; padding: 5px; font-weight: bold; font-size: 100%; border-width: 0 0 0 5px; background-image: none; background: #f40 url('../graf/bcg_zbozi.gif') no-repeat top right; color: #fff; line-height: 110%;}

.zbozi a {color: #fff;}
.zbozi a:hover {color: #fff;}
.pro_obr {display: block; width: 100%;}
.zbozi p {display: block; padding: 3px 5px; margin: 0; text-align: center;}
.pol {border: 1px solid #fff; background: #fff url('../graf/bcg_thumb.png') bottom left;}
.pr {padding: 0 0 0 6px;}
.er {padding: 6px 0 0 3px;}
.ce {padding: 6px 3px 0 3px;}
.el {padding: 6px 3px 0 0;}
.cena {color: #000;}
p.cenadop {color: #666; font-size: 10px; margin-top: -5px;}
.dostupnost {color: #666; font-size: 11px;}
.dostupnost img {display: inline; padding: 0; margin: 0 0 -1px 0; background-color: transparent;}
p.popis {text-align: left; color: #333; font-size: 10px; padding: 5px 7px;}
.barva {display: block; position: absolute; top: 5px; right: 1px; margin: 0; padding: 0 3px; background-color: #369; color: #fff; font-size: 9px;}
.akce {display: block; position: absolute; top: 5px; left: 1px; margin: 0; padding: 0 3px; background-color: #090; color: #fff; font-size: 9px;}
#obsah #brand {display: block; margin: 5px 0 10px 0; padding: 0; line-height: 1.5em; background: #fff;}
#obsah #brand li {display: inline; background-image: none; padding: 0 12px 0 0; line-height: 1.5em; font-size: 11px;}
#brand input {margin: 0 5px -1px 0; padding: 0;}

.nav_kon {display: block; position: relative; clear: both; margin: 0; padding: 4px 12px; font-size: 11px;  background: #ddd url('../graf/bcg_konav.gif') no-repeat bottom; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.nav_kon img {padding: 0 2px 1px 2px;}
.nav_kon a {text-decoration: none;}

.hlavicka_login {width: 55px; font-size: 11px; color: #999; margin: 0 3px 0 0; padding: 1px 2px; background-color: #ffc; border: 1px solid #666;}
.login {display: block; position: absolute; right: 17px; padding: 0; width: 201px;}
.login img {padding: 0 4px 1px 0;}
.login td {font-size: 11px; vertical-align: middle; line-height: 17px; padding: 0;}
.login img {margin-bottom: -4px;}

#kosik {display: block; position: absolute; left: 830px; bottom: 42px; font-size: 11px; color: #000; font-weight: normal; line-height: 14px; text-align: left;}
#kosiklink {display: block; position: absolute; right: 15px; background: transparent url('../graf/kosik.gif') no-repeat 135px 10px; bottom: 36px; width: 160px; height: 44px; z-index: 22;}

.top {display: block; clear: both; text-align: center; width: 11px; height: 11px; margin: 0 auto; padding: 0 0 15px 0;}
.top a:link, .top a:active, .top a:visited {display: block; position: relative;  float: left; width: 11px; height: 11px;  line-height: 22px; background: url('../graf/top.gif') no-repeat;}
.top a:hover {background: url('../graf/itop.gif') no-repeat;}

.strankovani {display: block; width: 300px; float: right; font-size: 11px; text-align: right; margin: 0 0 -5px 0; padding: 0; line-height: 22px;}
.strankovani span {color: #ccc; font-size: 12px; line-height: 22px;}

.strankovani2 {display: block; width: 300px; float: right; font-size: 11px; text-align: right; margin: -14px 0 15px 0; padding: 0; line-height: 22px;}
.strankovani2 span {color: #ccc; font-size: 12px; line-height: 22px;}

.razeni {display: block; width: 250px; float: left; font-size: 11px; text-align: left; margin: 0 0 -5px 0; padding: 0; line-height: 22px;}
.razeni span {color: #ccc; font-size: 12px; line-height: 22px;}
img.radit_dle {padding-bottom: 1px;}

#obsah #podkat {display: block; margin: 5px 0 15px 0; padding: 0; line-height: 1.5em; background: #fff;}
#obsah #podkat li {display: inline; background: #fff url("../graf/li.gif") left 50% no-repeat; padding: 0 10px 0 14px; line-height: 1.5em;}
p.podkat {margin: 10px 0 -5px 0; line-height: 1.5em; color: #999; font-size: 11px; font-weight: bold;}

#produkt {display: block; position: relative; width: 600px; background: #fff url('../graf/bcg_produkt.gif') repeat-x top; border-bottom: 0px solid #def; margin: 0 0 10px 0; font-size: 11px;}
#produkt td {vertical-align: top; background-color: transparent;}
#produkt .cena {font-size: 17px; color: #000;}
#produkt .tab {width: 100%; vertical-align: top; padding: 5px 5px 5px 0; text-align: left;}

.tab table {width: 100%; background-color: #fff; text-align: left;}
.tab table td {padding: 4px 4px 4px 8px; background-color: #fff;}
.tab table th {padding: 4px; background-color: #fd6; color: #000; font-weight: normal; line-height: 16px; border-bottom: 1px solid #fff;}

#produkt .foto {padding: 5px;}
#produkt #fotodiv {display: block; position: relative; width: 320px; border: 1px solid #ddd; margin: 0; background-color: #fff;}
#fotodiv img {display: block; margin: 0 auto; padding: 15px 10px; background-color: #fff;}
#produkt .propopis {display: block; width: 100%;}

#thumbnails {margin: 0; padding: 0; width: 320px; text-align: center;}
#thumbnails a:link img, #thumbnails a:active img, #thumbnails a:visited img {border-left: 1px solid #fff; border-bottom: 2px solid #fff; padding: 5px; margin-right: 1px;}
#thumbnails a:hover img, #thumbnails a.aktiv img {border-left: 1px solid #ddd; border-bottom: 2px solid #ddd; padding: 5px;}

table.dokosiku {width: 20px; background-color: #fff; padding: 0; margin: 5px auto; border-width: 0;}
table.dokosiku td {width: 20px; padding: 0; vertical-align: middle; border-width: 0;}

#produkt .tab table.dokosiku2 {display: block; width: 100%; padding: 0; margin: 0;}
#produkt .tab table.dokosiku2 td {padding: 2px 3px; vertical-align: middle; font-size: 10px;}
#produkt .tab table.dokosiku2 th {padding: 1px 3px;}
#produkt .tab table.dokosiku2 td input {margin: 0;}
#produkt .tab table.dokosiku2 tr:hover {background-color: #eee;}
#produkt .tab table.dokosiku2 .skladinfo {font-size: 11px; padding: 6px 0; background-color: #eee; padding: 4px;}

input {font-size: 11px; margin: 0; padding: 0;}
input.text {color: #000; background: #fff url('../graf/bcg_input.gif') repeat-x bottom; padding: 1px; font-size: 11px; margin: 0 3px 0 0; border: 1px solid #666;}
select.text {color: #000; background: #fff url('../graf/bcg_input.gif') repeat-x bottom; padding: 1px; font-size: 11px; margin: 0 3px 0 0; border: 1px solid #666;}
input.pocet {width: 30px; font-size: 11px; padding: 0; text-align: center;}
select.barvel {font-size: 10px; color: #000; background-color: #ffc; padding: 0; margin-right: 3px; border: 1px solid #999; width: 110px; text-align: left;}

.table_spec {display: both; width: 100%; clear: both; vertical-align: top; margin: -9px 0 15px 0; border-width: 1px 0 0 1px;}
.table_spec th {background-color: #fc0; padding: 3px 5px; border-bottom: 1px solid #fff; text-align: center;}
.table_spec td {vertical-align: top; padding: 3px 5px; border-bottom: 1px solid #fc0;}
.table_spec .leva {background-color: #fc0; border-bottom: 1px solid #fff; width: 150px;}
.table_spec .tucna {font-weight: bold;}

.lupa_plus {display: block; position: absolute; top: 10px; left: 10px; width: 25px; height: 18px; background: transparent url('../graf/lupa_plus.gif') no-repeat;}
.lupa_minus {display: block; position: absolute; top: 10px; left: 10px; width: 25px; height: 18px; background: transparent url('../graf/lupa_minus.gif') no-repeat;}

.cenik_dopravy {width: 100%; margin: 0 0 10px 0; border: 1px solid #eee;}
.cenik_dopravy td {text-align: center; padding: 3px 5px; background-color: #eee;}
.cenik_dopravy th {padding: 3px 5px; background-color: #ddd; color: #000; font-weight: normal;}
.cenik_dopravy .oranz {background-color: #f40; color: #fff; font-weight: bold;}
.prava {text-align: right;}
.centr {text-align: center;}
.leva {text-align: left;}

input.search {width: 108px; padding: 1px; margin: 0; font-size: 11px; border-color: #000; background-color: #fff;}

.tabulka {width: 100%;}
.tabulka tr:hover {background-color: #eee;}
.tabulka td {padding: 5px; font-size: 11px; vertical-align: top;}
.tabulka th {padding: 5px; background-color: #fd6; color: #000; font-weight: normal; font-size: 11px;}
.tabulka .tucna {padding: 3px 5px; background-color: #def;}
.tabulka .pata {background-color: #fd6;}

.noborder {border-width: 0;}
.noborder .text {width: 180px;}
.noborder td {border-width: 0; padding: 3px;}

.bazarkat {font-size: 11px; border-left: 2px solid #fff; border-top: 1px solid #fff; width: 100%;}
.bazarkat td {padding: 10px 2px; border-right: 2px solid #fff; border-bottom: 0px solid #def; background: #fff url('../graf/bcg_bazar.gif') top repeat-x; text-align: center; width: 20%;}

.bazar {font-size: 11px; border-top: 0px solid #fff; width: 100%; border-top: 0px solid #ccc;}
.bazar td {padding: 8px 5px; border-right: 0px solid #fff; border-bottom: 0px solid #ccc;}
.bazar th {padding: 8px 5px; background-color: #eee; border-right: 0px solid #fff; border-bottom: 0px solid #ccc;}
.bazar th span {font-weight: normal;}
.bazar .obrazek {border: 0px solid #ccc;}
.bazar .obr {width: 120px; text-align: center; vertical-align: top; background: #fff url('../graf/bcg_bazar.gif') top repeat-x;}
.bazar .cena {text-align: right;}
.bazar .centr {text-align: center;}
.bazar .popis {font-weight: normal; font-size: 9px; text-align: center; background-color: #000; color: #ccc;}
.bazar .detail {text-align: right; padding: 0; margin: -15px 0 5px 0;}

.velikosti {border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
.velikosti td {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px 4px; font-size: 95%; text-align: center;}
.velikosti .leva {text-align: left;}
.velikosti th {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #eee; padding: 4px; text-align: center; font-size: 95%;}


#fotogalerie {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1000px; background: transparent url('../graf/bcg_gal.gif'); z-index: 333;}
#fotogalerie a {text-decoration: none;}
#gal {position: relative; top: 0; margin: 0 auto; width: 650px; background-color: #fff; border: 8px solid #333;}
img.gal {margin: 0 auto; display: block; padding: 12px; border: 1px solid #000; background-color: #666;}

.thumbnails {display: block; width: 100%; margin: 2px 0; border-width: 0;}
.thumbnails td {background: #fff url('../graf/bcg_thumb.gif') repeat-x bottom; text-align: center; vertical-align: middle; border-width: 0; padding: 0;}
.thumbnails img {display: block; margin: 0 auto; padding: 3px; border: 0;}
p.galerie {display: block; margin: 5px 3px 0 3px; text-align: center; padding: 5px; background-color: #ccc;}

p.doporucujeme {margin: 0; padding: 10px 0; font-size: 85%;}
p.doporucujeme img {margin: 0 auto 5px auto; display: block; padding: 0;}
p.doporucujeme a {text-decoration: none;}

#kosik_hlaska {display: block; position: absolute; top: 0; left: 205px; width: 600px; height: 300px; background: transparent url('../graf/bcg_kosikhlaska.gif');}
#boxik {display: block; position: relative; text-align: center; top: 45px; margin: auto; width: 350px; height: 200px; border: 5px solid #f40; background-color: #fff;}
#boxik img {display: block; margin: 10px auto; padding: 0;}
#boxik p {margin: 60px 0 30px 0; padding: 0; font-weight: bold; font-size: 90%;}