body {text-align: center; font-family: Tahoma, sans-serif; background: #000 url('../graf/bcg-body.png') repeat top; color: #000; margin: 0; padding: 0;}
body {font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small;}
html>body {font-size: small;}

a:link, a:visited, a:active {color: #009; text-decoration: underline;}
a:hover {color: #e00; text-decoration: underline;}
a img {display: inline; border-style: none; text-decoration: none;}

h1 {margin: 0; padding: 20px 0; color: #000; font-size: 180%; font-weight: normal; line-height: 1.1em;}
h1 span {color: #009;}
h2 {display: block; clear: both; font-size: 110%; font-weight: normal; font-style: normal; color: #fff;
  background: #fff url('../graf/bcg-h2.png') no-repeat 0 0; margin:  0 0 8px 0; padding: 0 10px; line-height: 26px;}
h3 {display: block; clear: both; font-size: 100%; font-weight: bold; font-style: normal; color: #e00; margin: 0 0 10px 0; padding: 0;}

h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {text-decoration: none; color: #009;}

#box {
  display: block;
  position: relative;
  width: 980px; margin: 0 auto;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
  text-align: left;
}

#obsahbox {
  display: block;
  position: relative;
  float: left;
  width: 980px;
  left: 0;
  margin: 0;
  padding: 180px 0 0 0;
  background-color: #fff;
}

#lsloupobsah {
  display: block;
  position: relative;
  float: left;
  width: 790px;
  left: 0;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

#obsah {
  display: block;
  position: relative;
  float: right;
  width: 560px;
  right: 0;
  margin: 0;
  padding: 20px 0 0 0;
  background-color: #fff;
}

/* lev? sloupec - START */
#lsloup {
  display: block;
  position: relative;
  float: left;
  width: 215px;
  left: 0; top: 0;
  margin: 0; padding: 0;
  background: #fff url('../graf/bcg-menu.png') no-repeat 0 0;
}
#lsloup ul {
  display: block;
  list-style: none;
  margin: 0 0 5px 0;
  padding: 0;
  color: #000;
  background-image: none;
  list-style-image: none;
  height: 100%;
}
#lsloup ul li {display: block; padding: 0; margin: 0; list-style-image: none; background: transparent url('../graf/bcg-menu-li.png') repeat-y right 0;}
#lsloup li:first-child {border-top: 0; padding-top: 15px; background-image: none;}
#lsloup li:last-child  {padding-bottom: 15px; background: transparent url('../graf/bcg-menu-bottom.png') no-repeat 0 bottom;}

a.m1 {display: block; color: #009; padding: 3px 5px 3px 10px; margin: 0px 15px; text-decoration: none; font-size: 92%;
  font-weight: bold; border-top: 2px solid #00f;}
a.m1:first-child {border-width: 0;}
a.m1:hover       {color: #00f; background: transparent url('../graf/drobecek.png') no-repeat 2px 50%;}
a.m1.aktivni    {color: #00f; background: transparent url('../graf/bcg-menu-li_on.png') no-repeat 2px 50%;}
a.m1.aktivni:hover {color: #000;}
a.m2 {display: block; color: #000; padding: 5px 5px 3px 20px; margin: 0px 15px; text-decoration: none; font-size: 92%;
  border-top: 1px solid #009; background: transparent url('../graf/drobecek.png') no-repeat 12px 50%;}
a.m2:hover       {color: #00f;}
a.m2.aktivni     {color: #000; background: transparent url('../graf/bcg-menu-li_on.png') no-repeat 10px 50%; font-weight: bold;}
a.m2.aktivni:hover {color: #00f;}
a.m3 {display: block; color: #000; padding: 5px 5px 3px 30px; margin: 0px 15px; text-decoration: none; font-size: 92%; border-top: 1px solid #aaa; background: transparent url('../graf/drobecek.png') no-repeat 22px 50%;}
a.m3:hover       {color: #00f;}
a.m3.aktivni     {color: #00f;}
a.m3.aktivni:hover {color: #000;}
/* lev? sloupec - KONEC */

/* prav? sloupec - START */
#psloup {display: block; position: relative; float: right; width: 170px; right: 10px; margin: 0; padding: 0;}

.rbox_titl {display: block; position: relative;
  width: 170px; height: 20px;
  margin: 10px 0 0 0; padding: 5px 0 0 0;
  font-size: 10px; font-weight: bold; text-align: center;
  color: #fff;
  background: transparent url('../graf/rbox_titl.png') no-repeat 0 0;}
.rbox_text {display: block; position: relative;
  margin: 0; padding: 5px;
  text-align: center;
  background: transparent url('../graf/rbox_text.png') repeat-y 0 0;}
.rbox_text span {font-size: 150%;}
.rbox_bott {display: block; position: relative;
  width: 170px; height: 10px;
  margin: 0; padding: 0;
  background: transparent url('../graf/rbox_bott.png') no-repeat 0 0;}


#psloup ul {display: block; list-style: none; margin: 0 0 5px 0; padding: 5px 15px 5px 15px; color: #000; background-image: none; list-style-image: none;}
#psloup ul li {display: block; padding: 0; margin: 0; background-image: none; list-style-image: none; border-top: 1px solid #fff;}
#psloup li:first-child {border-top: 0; padding-top: 15px;}
/* prav? sloupec - KONEC */

/* hlavi?ka - START */
#hlavicka {
  display: block;
  position: absolute;
  width: 980px;
  height: 180px;
  top: 0; left: 0;
  margin: 0; padding: 0;
  background: transparent url('../graf/bcg-header.png') no-repeat 0 0; z-index: 1;
}
#logo {display: block; position: absolute; left: 30px; top: 50px; width: 165px; height: 55px; z-index: 2;}
#top_flash {display: block; position: absolute; left: 252px; top: 0px; width: 465px; height: 140px; z-index: 2;}

#vyhledavani {display: block; position: absolute; left: 9px; top: 150px; width: 200px; height: 24px; z-index: 2; background: transparent url('../graf/header/bcg-vyhledavani.png') no-repeat;}
#vyhledavani input {margin: 1px 0 0 25px; border: 0; height: 17px; padding: 2px; font-size: 11px; float: left; background: transparent;}

#menu-top {display: block; position: absolute; right: 5px; bottom: 5px; margin: 0; padding: 0;}
#menu-top li {display: inline; float: left; list-style: none; padding: 0; margin: 0; background-image: none;}
#menu-top li.prvni {border-width: 0;}
#menu-top a, #menu-kosik a {display: block; float: left; line-height: 30px; padding: 0 14px; color: #ccf; text-decoration: none; background: transparent url('../graf/bcg-menu-top-li.png') no-repeat 5px 13px;}
#menu-top a:hover, #menu-kosik a {color: #fff;}

#menu-user {display: block; position: absolute; right: 10px; top: 25px; font-size: 85%; margin: 0; padding: 0; color: #fff; z-index: 6;}
#menu-user li {display: inline; float: left; list-style: none; padding: 0; margin: 0; background-image: none;}
#menu-user a {color: #fff;}

#obsahkosiku {display: block; position: absolute; width: 160px; right: 0; top: 58px; color: #ccc; font-size: 11px; font-weight: bold;}
#obsahkosiku a {color: #ccc; text-decoration: none;}
a.kos1 {display: block; position: absolute; right: 10px; top: 75px; width: 140px; height: 60px; padding: 10px; line-height: 16px; color: #fff; text-align: left; text-decoration: none;}
/* hlavi?ka - KONEC */

#drobecky {
  display: block;
  position: absolute;
  width: 560px;
  height: 22px;
  top: 188px;
  left: 230px;
  margin: 0; padding: 0;
  z-index: 5;
  font-size: 10px;
  color: #333;
  line-height: 22px;
  overflow: hidden; letter-spacing: 0em;
}
#drobecky img {padding: 0 6px 1px 6px;}

/* pati?ka - START */
#paticka {
  display: block;
  position: relative;
  clear: both;
  width: 980px;
  margin: 0 auto;
  padding: 40px 0 50px 0;
  font-size: 92%;
  color: #999;
  text-align: right;
  background: transparent url('../graf/bcg-footer.png') no-repeat top;
}
#paticka p {display: block;margin: 0; padding: 0 20px;}
#paticka p span {font-size: 70%; color: #666;}
#paticka p span a {color: #666;}
#paticka a {color: #999; text-decoration: none;}
/* pati?ka - KONEC */


.topboxhome {display: block; padding: 12px 15px; margin: -10px 0 10px 0; width: 270px;
  background: #eee url('../graf/bcg-topbox.gif') no-repeat right top;
  font-size: 80%; line-height: 1.2em;}
.topbox {padding: 12px 15px; margin: 0 0 10px 0; background: #eee url('../graf/bcg-topbox.gif') no-repeat right top; line-height: 1.2em;}

#vyhody {display: block; position: absolute;
  width: 220px; height: 170px;
  right: 0; top: 20px; background: #fff url('../graf/vyhody.png'); color: #fff;
  margin: 0 0 10px 0; padding: 15px;}
#vyhody li {margin: 0; padding: 5px 5px 0 0; font-weight: bold; background-image: none;}
#vyhody li span {display: block; margin: 0; padding: 0; color: #fff; font-size: 85%; font-weight: normal;}

.zbozi {width: 100%;}
.zbozi td {width: 33%; vertical-align: top; padding: 5px 3px; text-align: center; font-size: 11px; background: url('../graf/zbozi-background.png') no-repeat center bottom;}
.obr_nahled {display: inline-block; width: 160px; height: 120px;}

.polblok {display: block; position: relative; width: 275px; height: 170px; margin: 0 0 8px 0; padding: 0; background: #fff url('../graf/bcg-polblok.gif') no-repeat right 0;}
.lll {float: left;}
.ppp {float: right;}
.polblok img {display: block; position: relative; height: 120px; float: left; margin: 2px 5px 0 5px;}
.polblok h2 {display: block; margin: 10px 0 10px 0px; padding: 0; line-height: 1em; font-size: 12px; background-color: transparent; background-image: none; font-weight: bold;}
.polblok h3  {display: block; position: absolute; right: 5px; top: 30px; width: 140px; margin: 0 0 10px 0; padding: 5px 0; line-height: 1em; font-size: 12px; font-weight: normal; background-color: transparent;}
.polblok h3 a, .nejpropol h3 a {color: #000; text-decoration: none;}

.polblok .cenas {display: block; position: absolute; right: 0; top: 74px; width: 150px; color: #333; font-size: 95%; margin: 0; padding: 0;}
.polblok .cena {display: block; position: absolute; right: 0; top: 75px; width: 145px; color: #333; font-size: 95%; margin: 0; padding: 0;}
.polblok .dodani {display: block; position: absolute; right: 0; bottom: 50px; width: 145px; color: #333; font-size: 11px; margin: 0; padding: 0;}
.polblok .urceni {display: block; position: absolute; left: 0; bottom: 15px; color: #333; font-size: 11px; margin: 0; background-color: #fff; padding: 2px 5px 2px 0; border: 1px solid #eee; border-left-width: 0;}

#filtrlista {display: block; position: relative; width: 560px; height: 25px; margin: 0 0 10px 0; padding: 0; font-size: 11px; background: #fff url('../graf/bcg-h2.png') no-repeat 0 0; color: #fff;}
#filtrlista #radit {display: block; position: absolute; left: 5px; width: 80px; line-height: 24px; padding: 0; margin: 0; text-align: left; font-size: 10px;}
#filtrlista #srt   {display: block; position: absolute; left: 32px; top: 3px; width: 60px; height: 18px; padding: 0 0 0 1px; margin: 0; text-align: left; font-size: 11px;}
#filtrlista #vyrobce {display: block; position: absolute; left: 100px; width: 80px; line-height: 24px; padding: 0; margin: 0; text-align: left; font-size: 10px;}
#filtrlista #vyr   {display: block; position: absolute; left: 120px; top: 3px; width: 60px; height: 18px; padding: 0 0 0 1px; margin: 0; text-align: left; font-size: 11px;}
#filtrlista #kolekce {display: block; position: absolute; left: 188px; width: 80px; line-height: 24px; padding: 0; margin: 0; text-align: left; font-size: 10px;}
#filtrlista #kol   {display: block; position: absolute; left: 230px; top: 3px; width: 60px; height: 18px; padding: 0 0 0 1px; margin: 0; text-align: left; font-size: 11px;}
#filtrlista #priznaky       {display: block; position: absolute; left: 305px; top: 0; text-align: left; line-height: 25px; padding: 0; z-index: 50;}
#filtrlista #priznaky input {display: inline; position: relative; top: 2px; margin: 0 3px; padding: 0;}
#filtrlista #stranek {display: block; position: absolute; right: 87px; top: 0; width: 100px; text-align: right; line-height: 25px;}
#filtrlista #stranka {display: block; position: absolute; right: 39px; top: 5px; width: 26px; height: 12px; padding: 2px 0; margin: 0; border-width: 0; text-align: center; font-size: 11px;}
#filtrlista #dalsi {display: block; position: absolute; right: 5px; top: 5px; width: 16px; height: 16px;}
#filtrlista #enter {display: block; position: absolute; right: 22px; top: 5px; width: 16px; height: 16px;}
#filtrlista #predchozi {display: block; position: absolute; right: 66px; top: 5px; width: 16px; height: 16px;}
#dalsi:hover {cursor: pointer;}
#enter:hover {cursor: pointer;}
#predchozi:hover {cursor: pointer;}

.detblok {display: block; float: left; position: relative; width: 560px; margin: 0 0 10px 0; padding: 0; background: #fff url('../graf/bcg-detblok.gif') no-repeat 0 0;}
.detblok .obrs {display: block; position: relative; float: left; width: 200px; margin: 20px 0 30px 20px; padding: 0;}
.detblok .obr {display: block; width: 200px; margin: 0 0 20px 0; padding: 0;}
.detblok .obr_maly {display: block; position: relative; float: left; height: 50px; margin: 5px 5px 0 0; padding: 0;}
.detblok .main {display: block; position: relative; float: right; width: 300px; margin: 20px 20px 0 0; padding: 0 0 15px 0;}
.detblok h2 {clear: both;}
.detblok .urceni2 {display: block; position: absolute; right: 0; top: 53px; color: #333; font-size: 11px; margin: 0; background-color: #fff; padding: 5px 5px 5px 10px; text-align: right;}







textarea, input {font-family: "Arial CE", Arial, Helvetica, helvetica, sans-serif;}


p {padding: 0 0 10px 0; margin: 0;}
.prava {text-align: right;}
.centr {text-align: center;}
td {vertical-align: top;}


.toprada {display: block; position: relative; padding: 8px 0; margin: 0; border-bottom: 1px solid #666; background: #333 url('../graf/bcg-topbox.gif') no-repeat right top; line-height: 1.5em; color: #fff;}
.toprada select {width: 180px;}
.toprada a {color: #fff;}
span.radaznacka {display: block; position: relative; width: 230px; line-height: 20px; text-align: right;}
a.vyberradu {display: block; position: absolute; left: 240px; top: 8px; width: 180px; height: 20px; line-height: 20px; color: #000; text-decoration: none; background: transparent url('../graf/bcg-rady.gif') no-repeat 0 0;}
a.zvse {display: block; position: absolute; width: 150px; right: 0; top: 8px; line-height: 20px; text-align: left;}

form {margin: 0; padding: 0;}

ul {display: block; list-style: none; margin: 5px 0 5px 10px; padding: 0;}
ul li {padding: 5px 0 5px 25px; margin: 0; background: transparent url('../graf/content/li.png') no-repeat 11px 10px;}

table {margin: 5px 0 0 0;}
td, th {padding: 2px 2px; text-align: left; vertical-align: middle;}
th {width: 30%; background-color: #fff; color: #666; font-weight: normal; font-size: 90%;}
th.top {font-weight: normal; font-size: 85%; text-align: center; padding: 5px 10px; vertical-align: middle;}
td.dokose {padding: 5px 0 0 10px;}
td.cena {font-size: 120%; font-weight: bold; color: #e00;}
td.cena span {color: #666; font-size: 11px; font-weight: normal;}
td.var_skladem {padding: 2px;}
td.var_nazev {padding: 2px; font-size: 11px;}
td.var_pocet {padding: 2px; text-align: right;}
td.var_koupit {padding: 2px; width: 70px; text-align: right;}

.parametry {margin: 2px 10px 10px 10px; font-size: 90%;}
.parametry th {vertical-align: top; width: 60px; background-color: #eee; color: #000; padding: 5px 6px; text-align: right;}
.parametry td {vertical-align: top; padding: 5px 6px; width: 50%;}

.kontakt {display: block; width: 170px; height: 100px; background: #fff url('../graf/bcg-kontakt.png') no-repeat 0 bottom; margin: 0 0 5px 0;}
.kontakt p {padding: 79px 0 0 12px; font-size: 85%;}

.tabkontakt td {vertical-align: top;}

.poznamka {margin: 2px 10px 15px 10px; text-align: justify; color: #666; font-size: 80%;}
.poznamka ul li {background-image: none;}
.poznamka ol li {background-image: none;}

#dopla {margin: 5px 0 5px 10px;}
.vsechny {margin: 10px 0 5px 0;}
#nejprodavanejsi {text-align: center; background: #fff url('../graf/bcg-nejpro.png') repeat-y;}

.cerv, .vystraha {color: #e00;}
.zelv {color: #090;}

.tdl {width: 65%; padding: 0 12px 0 0; border-width: 0; border-right: 4px dotted #d4e9ff;}
.tdp {width: 35%; padding: 0 0 0 15px; border-width: 0;}





.sloupec4 {margin: 0; padding: 0; margin: 0 0 15px 0; border-width: 0;}
.sloupec4 td {vertical-align: top; padding: 0; margin: 0; border-width: 0;}
.sloupec4 ul {list-style: none; margin: 0; padding: 0;}
.sloupec4 ul li {padding: 0 0 0 11px; margin: 0 0 4px 0; line-height: 1.0em; font-weight: normal; font-size: 90%; background: transparent url("../graf/sloupec_li.gif") no-repeat left 3px;}

.sloupec4 .sl1 {width: 148px;}
.sloupec4 .sl2 {width: 148px;}
.sloupec4 .sl3 {width: 147px;}
.sloupec4 .sl4 {width: 147px;}


#fotodetail {display: block; padding: 0; margin: 0; width: 620px; background-color: #eee; text-align: center;}
#fotodetail h1 {padding: 0; margin: 0; font-size: 130%; line-height: 30px; letter-spacing: 0em;}
#fotodetail .imgbox {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff;}
#fotodetail .imgbox a {display: block;}
#fotodetail p {line-height: 20px; margin: 0; padding: 0;}
#fotodetail img {padding: 25px; margin: 0;}
img#close {display: block; position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; padding: 0; margin: 0;}

#listadolni {display: block; position: relative; clear: both; width: 590px; height: 20px; margin: 10px 0 0 0; padding: 0; font-size: 12px; text-align: center;}
#listadolni .ls {display: block; position: absolute; left: 0; top: 0; width: 260px; height: 20px; margin: 0; padding: 0; text-align: right;}
#listadolni .ps {display: block; position: absolute; right: 0; top: 0; width: 260px; height: 20px; margin: 0; padding: 0; text-align: left;}
#listadolni p {color: #000; line-height: 19px;}
img.ruka {cursor: pointer;}


.cistic {display: block; clear: both;}


.nejpropol {margin: 0 5px; padding: 0 5px; border-top: 1px solid #ccc;}
.first {border-top-width: 0;}
.nejpropol img {display: block; margin: 0 auto; padding: 0 0 7px 0;}
.nejpropol h2 {margin: 0; padding: 10px 0 0 0; line-height: 1em; font-size: 12px; background-color: transparent; background-image: none; font-weight: bold;}
.nejpropol h3  {margin: 0 0 7px 0; padding: 2px 0; line-height: 1em; font-size: 12px; font-weight: normal; background-color: transparent;}

.cenas strong, .cena strong {color: #e00;}
.cenas span {font-size: 11px;}
.damske {color: #e00;}
.panske {color: #06c;}
.detske {color: #393;}
input.koupit {width: 67px; height: 19px;}
input.pocet {font-size: 11px; width: 20px; height: 13px;}
img.detail {display: block; position: absolute; left: 197px; bottom: 15px; width: 51px; height: 19px;}


h2.souvisejici a {color: #fff; text-decoration: underline;}
.tabsouvisejici {width: 100%; margin: 0 0 10px 0;}
.tabsouvisejici td {width: 25%; text-align: center; border-left: 1px dotted #999; vertical-align: top;}
.tabsouvisejici td.first {border-width: 0;}
.tabsouvisejici h3 {font-weight: bold; font-size: 11px; padding: 5px 0 0 0; margin: 0;}
.tabsouvisejici h3 a {text-decoration: none;}
.tabsouvisejici p.cena {padding: 10px 0 5px 0; font-weight: bold; font-size: 11px;}

.kosik {padding: 0; margin: 0 0 15px 0;}
.kosik .pocet {padding: 0; margin: 0; width: 30px; height: 17px; border: 1px solid #999; text-align: center; font-size: 11px;}
.kosik td {padding: 8px 12px; border-bottom: 2px solid #eee; vertical-align: top;}
.kosik th {padding: 8px 12px; background-color: #666; color: #fff;}
.kosik td.pata {padding: 10px 12px; border-bottom: 2px solid #eee; vertical-align: top; background-color: #eee;}

.order {padding: 0; margin: 0 0 15px 0; width: 100%;}
.order fieldset {padding: 0; margin: 0; border: 1px solid #ccc;}
.order legend {padding: 2px 5px; margin: 0 0 0 15px; background-color: #666; color: #fff;}
.order td {vertical-align: top; padding: 5px;}
.order td input {width: 180px; height: 17px; border: 1px solid #999;}
.order td textarea {width: 180px; height: 112px; border: 1px solid #999; padding: 0; margin: 0; font-size: 100%;}

#kontaktbox {display: block; margin: 0; padding: 0; font-size: 100%; width: 250px;}
#kontaktbox p {display: block; position: relative; margin: 0; padding: 0 15px 15px 15px;}
#kontaktbox input {display: block; position: relative; width: 218px; margin: 0 0 2px 0; font-size: 100%; border: 1px solid #666; color: #000; padding: 1px 0;}
#kontaktbox img.antispam {display: block; position: relative; border: 1px solid #060; width: 70px; height: 16px; float: left;}
#kontaktbox #intext {display: block; position: relative; width: 218px; height: 90px; margin: 0 0 2px 0; font-size: 100%; border: 1px solid #666; color: #000; padding: 1px 0;}
#kontaktbox #inkod {display: block; position: relative; float: right; width: 144px; margin: 0 0 2px 0;}
#kontaktbox #odeslat {display: block; clear: both; width: 78px; height: 19px; margin: 4px auto; border-width: 0; padding: 0;}
#kontaktbox input.ukryt {display: none; border-width: 0;}