body {text-align: center; font-family: "Arial CE", Arial, Helvetica, helvetica, sans-serif; background: #4c4c4c url('../graf/bcg-body.gif') repeat-x 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;}

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

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

h1 {margin: 0; padding: 20px 0; color: #e00; font-size: 200%; font-weight: bold; line-height: 1.1em; letter-spacing: -0.05em; font-weight: bold;}
h1 span {font-weight: normal; color: #333;}
h2 {display: block; clear: both; font-size: 110%; font-weight: normal; font-style: normal; color: #fff; background: #fff url('../graf/bcg-h2.gif') 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: #e00;}

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

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

.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/li.gif') no-repeat 11px 10px;}

table {margin: 5px 0 0 0;}
td, th {padding: 2px 10px; 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 60px;}
td.cena {padding: 10px; font-size: 120%; font-weight: bold; color: #e00;}
td.cena span {color: #666; font-size: 11px; font-weight: normal;}

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

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

#obsahbox {display: block; position: relative; float: left; width: 990px; left: 0; margin: 0; padding: 185px 0 30px 0; background-color: #fff;}
#lsloupobsah {display: block; position: relative; float: left; width: 800px; left: 0; margin: 0; padding: 0; background-color: #fff;}
#obsah {display: block; position: relative; float: right; width: 590px; right: 0; margin: 0; padding: 20px 0 0 0; background-color: #fff;}
#lsloup {display: block; position: relative; float: left; width: 190px; left: 5px; margin: 0; padding: 0;}
#lsloup .nadpis {display: block; line-height: 22px; padding: 0 15px; background: #333 url('../graf/bcg-lsloup-nadpis.gif') no-repeat 0 0; color: #ccc; font-size: 11px;}

#lsloup ul {display: block; list-style: none; margin: 0 0 5px 0; padding: 5px 15px 5px 15px; color: #000; background-image: none; background: #d7ebae url('../graf/bcg-lsloup-dolni.gif') no-repeat 0 bottom; list-style-image: none;}
#lsloup ul li {display: block; padding: 0; margin: 0; background-image: none; list-style-image: none; border-top: 1px solid #fff;}
#lsloup li.prvni {border-top: 0;}
#hledani {display: block; width: 190px; height: 40px; margin: 0 0 5px 0; padding: 0; background: #999 url('../graf/bcg-hledani.gif') no-repeat 0 0;}
#hledani .search {display: block; position: absolute; top: 0; left: 14px; width: 137px; height: 14px; border: 1px solid #333; padding: 0; margin: 0; font-size: 11px;}
#hledani .hledej {display: block; position: absolute; top: 0; right: 14px; width: 25px; height: 16px; padding: 0; margin: 0;}
#hledani .rsearch {display: block; position: absolute; top: 18px; left: 15px; padding: 0; margin: 0; color: #fff; font-size: 11px;}

#psloup {display: block; position: relative; float: right; width: 170px; right: 5px; margin: 0; padding: 0;}
#psloup ul {display: block; list-style: none; margin: 0 0 5px 0; padding: 5px 15px 5px 15px; color: #000; background-image: none; background: #d7ebae url('../graf/bcg-psloup-dolni.gif') no-repeat 0 bottom; 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.prvni {border-top: 0;}
#psloup .nadpis {display: block; line-height: 22px; padding: 0 15px; background: #999 url('../graf/bcg-psloup-nadpis.gif') no-repeat 0 0; color: #ccc; font-size: 11px;}

a.m1 {display: block; color: #000; padding: 3px 5px 3px 10px; text-decoration: none; font-size: 92%;}
a.m1:hover, a.aktiv1 {color: #000; background-color: #e8fcbf;}

#hlavicka {display: block; position: absolute; width: 990px; height: 185px; top: 0; left: 0; margin: 0; padding: 0; background: transparent url('../graf/bcg-hlavicka.jpg') no-repeat 0 0; z-index: 1;}
#logo {display: block; position: absolute; left: 0; top: 70px; width: 200px; height: 60px; z-index: 2;}
#obsahkosiku {display: block; position: absolute; width: 140px; right: 0; top: 75px; color: #ccc; font-size: 11px; font-weight: bold;}
#obsahkosiku a {color: #ccc; text-decoration: none;}
a.kos1 {display: block; position: absolute; right: 10px; top: 88px; width: 120px; height: 60px; padding: 10px; line-height: 16px; color: #fff; text-align: left; text-decoration: none;}

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

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

#filtrlista {display: block; position: relative; width: 590px; height: 30px; margin: 0 0 10px 0; padding: 0; font-size: 12px; background-color: #333; color: #fff;}
#filtrlista #stranek {display: block; position: absolute; right: 87px; top: 0; width: 100px; text-align: right; line-height: 29px;}
#filtrlista #stranka {display: block; position: absolute; right: 39px; top: 6px; width: 26px; height: 16px; padding: 2px 0 0 0; margin: 0; border-width: 0; text-align: center; font-size: 12px;}
#filtrlista #dalsi {display: block; position: absolute; right: 5px; top: 6px; width: 16px; height: 18px;}
#filtrlista #enter {display: block; position: absolute; right: 22px; top: 6px; width: 16px; height: 18px;}
#filtrlista #predchozi {display: block; position: absolute; right: 66px; top: 6px; width: 16px; height: 18px;}
#dalsi:hover {cursor: pointer;}
#enter:hover {cursor: pointer;}
#predchozi:hover {cursor: pointer;}
#filtrlista #urceni {display: block; position: absolute; left: 5px; width: 100px; line-height: 29px; padding: 0; margin: 0; text-align: left; font-size: 12px;}
#filtrlista #sex {display: block; position: absolute; left: 48px; top: 6px; width: 70px; padding: 0; margin: 0; text-align: left; font-size: 12px;}
#filtrlista #radit {display: block; position: absolute; left: 125px; width: 80px; line-height: 29px; padding: 0; margin: 0; text-align: left; font-size: 12px;}
#filtrlista #srt {display: block; position: absolute; left: 158px; top: 6px; width: 64px; height: 18px; padding: 0 0 0 1px; margin: 0; text-align: left; font-size: 12px;}
#filtrlista #priznaky {display: block; position: absolute; left: 210px; top: 0; width: 245px; text-align: center; line-height: 29px; padding: 0 7px 0 0; z-index: 50;}
#filtrlista #priznaky input {display: inline; position: relative; top: 3px; margin: 0 2px 0 6px; padding: 0;}

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

#menu-top {display: block; position: absolute; left: 10px; top: 5px; margin: 0; padding: 0;}
#menu-top li {display: inline; float: left; list-style: none; padding: 0; margin: 0; border-left: 1px solid #ccc; background-image: none;}
#menu-top li.prvni {border-width: 0;}
#menu-top a, #menu-kosik a {display: block; float: left; line-height: 20px; padding: 0 14px; color: #000; text-decoration: underline;}
#menu-top a:hover, #menu-kosik a {color: #000; text-decoration: underline;}

#menu-kosik {display: block; position: absolute; right: 10px; top: 5px; margin: 0; padding: 0;}
#menu-kosik li {display: inline; float: left; list-style: none; padding: 0; margin: 0; background-image: none;}

#paticka {display: block; position: relative; clear: both; width: 990px; margin: 0 auto; padding: 30px 0; font-size: 92%; color: #999; text-align: right; background: transparent url('../graf/bcg-paticka.gif') no-repeat top;}
#paticka p {display: block;margin: 0; padding: 0 50px;}
#paticka a {color: #999; text-decoration: underline;}

#vyhody {display: block; position: absolute; width: 220px; height: 170px; right: 0; top: 20px; background: #fff url('../graf/vyhody.png'); color: #fff; margin: -10px 0 10px 0; padding: 15px;}
#vyhody li {margin: 0; padding: 8px 0 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;}

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

.polblok {display: block; position: relative; width: 290px; height: 170px; margin: 0 0 8px 0; padding: 0; background: #fff url('../graf/bcg-polblok.gif') no-repeat 0 0;}
.lll {float: left;}
.ppp {float: right;}
.polblok img {display: block; position: relative; width: 120px; float: left; margin: 8px 5px 0 5px;}
.polblok h2 {display: block; position: absolute; right: 0; top: 17px; width: 161px; margin: 0 0 10px 0; 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: 156px; margin: 0 0 10px 0; padding: 5px 0; line-height: 1em; font-size: 12px; font-weight: normal; background-color: transparent;}

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

.polblok h3 a, .nejpropol h3 a {color: #000; text-decoration: none;}

.polblok .cenas {display: block; position: absolute; right: 0; top: 74px; width: 161px; color: #333; font-size: 95%; margin: 0; padding: 0;}
.polblok .cena {display: block; position: absolute; right: 0; top: 75px; width: 161px; color: #333; font-size: 95%; margin: 0; padding: 0;}
.cenas strong, .cena strong {color: #e00;}
.cenas span {font-size: 11px;}
.polblok .dodani {display: block; position: absolute; right: 0; bottom: 45px; width: 161px; 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;}
.damske {color: #e00;}
.panske {color: #06c;}
.detske {color: #393;}
input.koupit {display: block; position: absolute; left: 125px; bottom: 15px; width: 67px; height: 19px;}
img.detail {display: block; position: absolute; left: 197px; bottom: 15px; width: 51px; height: 19px;}

.detblok {display: block; position: relative; width: 590px; margin: 0 0 10px 0; padding: 0; background: #fff url('../graf/bcg-detblok.gif') no-repeat 0 0;}
.detblok .obr {display: block; position: relative; float: left; width: 200px; height: 230px; margin: 20px 0 30px 20px; padding: 0;}
.detblok .main {display: block; position: relative; float: right; width: 330px; 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;}

h2.souvisejici a {color: #fff; text-decoration: underline;}
.tabsouvisejici {width: 100%;}
.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;}

#vanoce {display: block; position: absolute; bottom: 22px; left: 250px; width: 340px; height: 110px; background: transparent url('../graf/vanoce.png') no-repeat 0 0; text-align: left;}
#vanoce p {display: block; padding: 35px 12px 0 16px; margin: 0; font-size: 90%; color: #000;}