body {text-align: center; font-family: Arial, Helvetica, sans-serif; background-color: #fff; color: #000; margin: 0; padding: 0;}
body {font-size: x-small;}
html>body {font-size: small;}

a:link, a:visited, a:active {color: #f30; text-decoration: underline;}
a:hover {color: #600; text-decoration: underline;}
a img {display: inline; border-style: none;}
.dn {display: none;}
.sc {cursor: url("../floatbox/graphics/magnify_plus.cur"), default;}
.clr {display: block; clear: both;}

h1 {display: block; position: absolute; top: 18px; right: 434px; line-height: 20px; color: #666; font-size: 14px; margin: 0; padding: 0; font-weight: normal; z-index: 10;}
h2 {margin: 0 0 20px 0; padding: 12px; background-color: #2c2c2c; color: #fff; font-size: 120%;}
h2.minusodsazeni {margin-top: -15px;}
h3 {font-size: 100%; font-weight: bold; font-style: normal; color: #000; background-color: #e8f8a0; margin: 4px 0; padding: 4px 8px;}

p {padding: 5px 0 15px 0; margin: 0;}
.prava {text-align: right;}
.nahorenic {text-align: right; padding: 0 15px 15px 0; margin: -18px 0 0 0;}
.centr {text-align: center;}
.alert {border: 1px solid #f00; margin: -6px 0 3px 0; padding: 5px 8px; color: #f00;}


table {border-collapse: collapse;}
td, th {border-collapse: collapse; padding: 0; margin: 0;}
td {vertical-align: top;}

form {margin: 0; padding: 0;}

fieldset {margin: 0 auto 5px auto; padding: 0; border: 0; background-color: #fff;}
fieldset input {border: 1px solid #693;}
fieldset textarea {border: 1px solid #693; background-color: #fff;}
fieldset table {width: 100%; margin: 0 0 8px 0;}
fieldset td {padding: 6px; background-color: #efa; border-width: 0;}
fieldset td.prava {text-align: right; width: 40%;}
fieldset td.leva {width: 40%;}
fieldset .text {width: 180px;}
fieldset .noborder {border-width: 0;}
legend {color: #fff; font-size: 90%; background-color: #f30; padding: 2px 6px; margin: 0; font-weight: bold;}

ul {display: block; position: relative; list-style: none; margin: 0; padding: 5px 0 15px 12px;}
ol {display: block; position: relative; margin: 0; padding: 5px 0 10px 30px;}
ul li {padding: 0 0 10px 12px; margin: 0; line-height: 1.3em; background: transparent url("../graf/bcg_li.gif") no-repeat left 4px;}
ol li {padding: 0 0 8px 0; margin: 0; line-height: 1.3em;}

.cerv {color: #f30;}
.zele {color: #090;}

#hlavnibox {display: block; position: relative; width: 990px; margin: 0 auto; text-align: left;}

#hlavicka {display: block; position: absolute; width: 990px; height: 140px; top: 0; left: 0; margin: 0; background: #fff url('../graf/bcg_hlavicka_afill.png') no-repeat; z-index: 1;}
#logo {display: block; position: absolute; left: 20px; top: 50px; width: 180px; height: 40px; overflow: hidden;}
#logo img {width: 180px; height: 40px;}

#pozor {display: block; position: absolute; left: 260px; bottom: 0; width: 300px; height: 90px; background-color: #c00; color: #fff; border: 2px solid #fff; border-width: 2px 2px 0 2px; border-radius: 5px 5px 0 0; }
#pozor p {display: block; padding: 15px 15px 0 15px; text-align: left; font-size: 90%; text-align: left; font-size: 12px;}
#pozor p strong {font-size: 15px;}

#akce {display: block; position: absolute; top: 55px; left: 240px; width: 150px; height: 47px; margin: 0; background: transparent url('../graf/akce_2008.gif') no-repeat;}

#obsahbox {display: block; position: relative; width: 990px; margin: 0; top: 140px;}
#obsah {display: block; position: relative; float: left; width: 774px; margin: 0;}
#obsah p, #obsah li {font-size: 90%;}

#menu {display: block; position: relative; float: right; width: 205px; margin: 0 0 25px 0; background: #ce3 url('../graf/bcg_menu.gif') repeat-y; font-size: 85%;}
#menu h3 {clear: both; margin: 0; padding: 12px 0 4px 12px; background-color: transparent; background-image: none; border: 0; font-size: 11px; color: #000; text-align: left;}

#garance {display: block; position: relative; background-color: #fff; padding: 15px 0;}
#ingarance {display: block; border: 1px solid #ddd; background-color: #f9f9f9; border-radius: 5px;}
#garance h4 {margin: 0; padding: 20px 0 10px 0; background-image: none; border: 0; font-size: 15px; color: #000; font-weight: bold; text-align: center;}

#menu img {display: block;}
#menu p {padding: 0 10px 4px 10px;}

.bsshop {display: block; background-color: #e23000; color: #ffffff!important; padding:  1em; border-radius: 5px; text-decoration: none!important; border: 1px solid #c00;}
.bsshop strong {font-weight: bold!important; font-size: 1.25em;}
.bsshop:hover {background-color: #d22000; border: 1px solid #900; border-bottom: 1px solid #300;}

#kosikt {display: block; position: absolute; width: 80px; right: 90px; top: 40px; text-align: right; line-height: 15px; font-size: 80%; color: #666; padding: 0; margin: 0; font-weight: normal;}
#kosikc {display: block; position: absolute; width: 80px; right: 12px; top: 40px; text-align: right; line-height: 15px; font-size: 90%; padding: 0; margin: 0; font-weight: bold;}
#loging {display: block; position: absolute; width: 200px; right: 12px; top: 17px; text-align: right; line-height: 15px; font-size: 85%; padding: 0 20px 0 0; margin: 0;  background: transparent url('../graf/login_zamek.gif') no-repeat right;}

#top {display: block; position: relative; clear: both; padding: 10px 0 10px 0; margin: 0 auto; text-align: center;}

#seotext {display: block; padding: 17px 15px 15px 15px; margin: 0; color: #363; background-color: #e8f8a0; font-size: 90%;}
#seotext td {padding: 1px 3px; font-size: 90%;}
#seotext a {color: #363; text-decoration: none;}
#seotext tr:hover {background-color: #feffee;}
#seotext td.siroka {width: 100%;}
.kkk {margin: -20px 0 20px 0; color: #fff; border-width: 0; background: #e8f8a0 url('../graf/bcg_seotext.gif') no-repeat bottom;}
#seotext span {font-weight: bold; display: block; padding: 0 0 5px 0; color: #141;}
#seotext h2 {font-weight: bold; display: block; padding: 0 0 10px 0; margin: 0; color: #141; background-color: transparent; font-size: 100%; text-align: left;}

#seotext .levy {display: block; position: relative; float: left; width: 434px; padding: 0; text-align: justify; line-height: 1.2em; padding-right: 15px;  border-right: 1px dotted #363;}
#seotext .pravy {display: block; position: relative; float: right; width: 280px; padding: 0; text-align: justify; line-height: 1.2em;}
#seotext .cistic {clear: both;}
#seotext h3 {margin: 0 0 10px 0; padding: 0; background-color: transparent; color: #000; font-size: 120%; border: none;}
#seotext h4 {font-size: 100%; font-weight: bold; font-style: normal; color: #333; margin:  4px 0; padding: 0; border-bottom: none;}

#tipy {display: block; position: relative; min-height: 60px; width: 205px; background: #fff url('../graf/bcg-tipy.png') no-repeat 0 14px; padding: 40px 0 15px 0; margin: 0;}
#tipy p {display: block; position: relative; padding: 0 15px 5px 15px; margin: 0; font-size: 90%;}
#tipy a {color: #666; text-decoration: underline;}

#showHeurekaBadgeHere-12 {display: block; position: relative; clear: both; padding: 3px 0 15px 35px; margin: 0;}
#sr11 {display: block; position: relative; clear: both; background-color: #fff; padding: 15px 0 0 27px; margin: 0;}

.menu_box {display: block; position: relative; width: 100%; float: left; left: 10px; padding: 8px 0 3px 0; width: 185px; background: #e6f79a url('../graf/men_box-bottom.gif') no-repeat bottom;}
.menu_box table {display: block; position: relative; left: 10px;}
.menu_box .prava {padding: 0 0 0 6px;}
.menu_box .centr {font-size: 95%;}
.menu_box ul {display: block; position: relative; list-style: none; margin: 0; padding: 2px 0 6px 5px;}
.menu_box ul li {padding: 0 0 0 10px; margin: 0; line-height: 1.5em; background: transparent url("../graf/menu_li.gif") no-repeat left 50%;}

.menu_box a {color: #000;}
.icons img {display: block; width: 80px; height: 31px; padding: 0 0 5px 0; margin: 0 auto;}

#paticka {display: block; clear: both; position: relative; top: 140px; width: 990px; margin: 0; padding: 20px 0 30px 0; border-top: 2px solid #c2e230; border-radius: 5px 5px 0 0; text-align: center; background-color: #ce3; font-size: 85%; color: #360;}
#paticka a {color: #360; text-decoration: underline;}
#paticka p {margin: 0; padding: 2px 0;}

#paticka2 {display: block; clear: both; position: relative; top: 140px; width: 990px; margin: 0; padding: 0; font-family: "Arial CE", Arial, sans-serif; text-align: center; font-size: 70%; color: #999;}
#paticka2 img {display: block;}

#konav {display: block; position: absolute; width: 750px; line-height: 30px; bottom: 0; left: 15px; margin: 0; padding: 0 0 1px 0; color: #cd3; font-size: 90%;}
#konav a {color: #cd3; text-decoration: underline;}
#konav img {margin: 0; padding: 0 5px 2px 5px;}
#peshop {display: block; position: absolute; width: 300px; line-height: 30px; bottom: 0; right: 25px; margin: 0; padding: 0 0 1px 0; color: #cd3; font-size: 85%; text-align: right;}

#login {display: block; position: absolute; width: 67px; height: 61px; bottom: 0; right: 138px;}
#kosik {display: block; position: absolute; width: 69px; height: 61px; bottom: 0; right: 69px;}
#order {display: block; position: absolute; width: 69px; height: 61px; bottom: 0; right: 0;}

#search {display: block; position: relative; float: left; width: 110px; height: 20px; left: 0; border: 0; margin: 0; left: 10px; padding: 3px 10px 0 10px; background: transparent url('../graf/bcg_input.gif') no-repeat; font-size: 11px;}
#search_buton {display: block; position: relative; float: right; width: 53px; height: 20px; right: 9px; border: 0; margin: 0 2px 0 0; background: transparent url('../graf/bcg_input.gif') no-repeat;}
#menu .psearch {margin: 0; padding: 0;}

.blok {display: block;}

.katalog_main_menu {display: block; position: relative; width: 774px; height: 119px; padding: 0; margin: 0 0 15px 0; border-bottom: 2px solid #292929;}

.def {background: #fff url('../graf/bcg_home-nav.jpg') no-repeat; margin: 0; border: none;}
.knb {background: #fff url('../graf/bcg_home-nav-nb.jpg') no-repeat;}
.kdc {background: #fff url('../graf/bcg_home-nav-dc.jpg') no-repeat;}
.kvc {background: #fff url('../graf/bcg_home-nav-vc.jpg') no-repeat;}
.kpt {background: #fff url('../graf/bcg_home-nav-pt.jpg') no-repeat;}
.kpd {background: #fff url('../graf/bcg_home-nav-pd.jpg') no-repeat;}
.kmt {background: #fff url('../graf/bcg_home-nav-mt.jpg') no-repeat;}

.katalog_main_menu a {color: #fff; text-decoration: none; font-size: 100%;}
.katalog_main_menu h2 {font-size: 100%; padding: 0; margin: 0; font-weight: normal; background-color: transparent;}

.kmm {display: block; position: absolute; text-decoration: none; font-size: 100%; line-height: 1.0; margin: 0; padding: 0; font-weight: normal;}
/*.kmm span {display: block; font-size: 100%; padding: 0 0 0 30px; margin: 0; font-weight: normal;}*/
.nb {left: 0; bottom: 0; width: 129px;}
.dc {left: 129px; bottom: 0; width: 129px;}
.vc {left: 258px; bottom: 0; width: 129px;}
.pt {left: 387px; bottom: 0; width: 129px;}
.mt {left: 516px; bottom: 0; width: 129px;}
.pd {left: 645px; bottom: 0; width: 129px;}

.kmm a {display: block; padding: 65px 0 15px 27px;}

.sloupec5 {margin: 0; padding: 0; margin: 0 0 15px 0;}
.sloupec5 a {text-decoration: none;}
.sloupec5 td {vertical-align: top; padding: 0; margin: 0;}
.sloupec5 ul {list-style: none; margin: 0; padding: 10px 0 5px 9px; background: #fff url('../graf/bcg_sloupec5.gif') repeat-y left;}
.sloupec5 ul li {padding: 0 0 0 12px; margin: 0; line-height: 1.4em; font-weight: bold; font-size: 90%; background: transparent url("../graf/sloupec_li.gif") no-repeat left 50%;}

.sloupec5 .nb {width: 128px;}
.sloupec5 .dc {width: 129px;}
.sloupec5 .vc {width: 129px;}
.sloupec5 .pt {width: 129px;}
.sloupec5 .pd {width: 129px;}
.sloupec5 .mt {width: 129px;}

.sloupec4 {margin: 0; padding: 0; margin: 0 0 15px 0;}
.sloupec4 a {text-decoration: none;}
.sloupec4 td {vertical-align: top; padding: 10px 0 0 0; margin: 0;}
.sloupec4 ul {list-style: none; margin: 0; padding: 0px 0 2px 9px;}
.sloupec4 ul li span {font-size: 90%; color: #000; padding-left: 1px;}
.sloupec4 ul li {padding: 0 0 0 11px; margin: 0 0 8px 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: 193px; overflow: hidden;}
.sloupec4 .sl2 {width: 193px; overflow: hidden;}
.sloupec4 .sl3 {width: 193px; overflow: hidden;}
.sloupec4 .sl4 {width: 194px; overflow: hidden;}

.zbozi {margin: 0 0 10px 0; padding: 0; width: 100%;}
.zbozi table {font-size: 90%; width: 100%;}
.zbozi table th {background-color: #e6f79a; padding: 2px 7px; text-align: right; font-weight: normal; font-size: 90%;}
.zbozi table td {padding: 2px 15px 2px 7px;}
.zbozi table td span {font-size: 90%; color: #666;}
.zbozi h3 {border-bottom: 0px solid #ce3; border-left: 30px solid #ce3; margin: 0 0 0 1px; padding: 8px 0 10px 10px; background-color: transparent;}
.zbozi h3 a {text-decoration: none;}
.zbozi h2 {border-bottom: 0px solid #ce3; border-left: 30px solid #ce3; margin: 0 0 0 1px; padding: 8px 0 10px 10px; background-color: transparent; color: #000; font-size: 120%;}
.zbozi .obr {border: 1px solid #ce3; border-width: 0px 0 1px 1px; width: 160px; text-align: center; font-size: 80%; padding: 0 20px 10px 20px;}
.zbozi .obr img {display: block; margin: 0 auto; padding: 5px 0 10px 0;}
.zbozi .spacer {line-height: 12px; padding: 0; margin: 0;}
.zbozi .nadpis {height: 10px; border-width: 0 0 1px 2px; border-color: #f30;}
.zbozi .popis {border: 1px solid #ce3; height: 50px; border-width: 0 0 1px 0; padding: 10px 15px 15px 0;}
.zbozi .kosik {padding: 12px 0 0 0; text-align: center;}
.skladem {color: #390;}
.skldatum {color: #f60;}


.rkontakt {display: block; margin: 0 0 3px 0; padding: 0; font-size: 95%;}
.rkontakt th {background-color: #fff; font-weight: normal; color: #666; width: 40px; text-align: right;}
.rkontakt td {font-weight: bold;}
.rkontakt td, .rkontakt th {padding: 1px 5px; vertical-align: middle;}

#rzmena {display: block; margin: 3px 0; padding: 7px 5px !important; font-size: 100%; background-color: #d00; color: #fff; text-align: center;}

.cenik_dopravy {font-size: 90%; border: 1px solid #ce3; margin: 5px 0 15px 0;}
.cenik_dopravy th, .cenik_dopravy td {padding: 6px 8px; text-align: center; vertical-align: middle;}
.cenik_dopravy th {background-color: #e6f79a;}

.nadpis {margin: 0 0 7px 0; padding: 5px 0 0 0; font-weight: bold;}
input.pocet {border-style: none; width: 32px; background: transparent url('../graf/bcg_dokosiku.gif') no-repeat top; padding: 2px 0 5px 0; font-weight: bold; color: #f30; text-align: center; font-size: 12px;}

table.dokose {display: inline; margin: 0 auto;}
table.dokose td {margin: 0; padding: 0 0 0 1px; vertical-align: top;}

#kosik_hlaska {display: block; position: absolute; top: 85px; left: 147px; width: 480px; height: 300px; background: transparent url('../graf/bcg_kosikhlaska.gif');}
#boxik {display: block; position: relative; text-align: center; top: 45px; margin: auto; width: 380px; height: 200px; border: 5px solid #ce3; 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%;}

.kosikk {border: 0; margin: 0 0 15px 0;}
.kosikk a {text-decoration: none;}
.kosikk th {padding: 8px;}
.kosikk tr:hover {background-color: #efa;}
.kosikk td {padding: 4px 8px; border-bottom: 1px solid #ce3; vertical-align: middle;}
.kosikk th {background-color: #ce3; font-size: 85%; font-weight: normal;}
td.pata {background-color: #ce3; font-weight: normal; padding: 8px;}

.rekap {border: 0; margin: 0 0 15px 0;}
.rekap a {text-decoration: none;}
.rekap th {padding: 2px 8px;}
.rekap tr:hover {background-color: #efa;}
.rekap td {padding: 4px 8px; border-bottom: 1px solid #ce3; vertical-align: middle;}
.rekap th {background-color: #ce3; font-size: 85%; font-weight: normal;}
.rekap td.pata {background-color: #ce3; font-weight: normal; padding: 2px 8px;}

a.nw {padding-right: 12px; background: transparent url('../graf/nw.gif') no-repeat right;}

.homedown {width: 100%;}
.homedown td.first {width: 23%; padding: 0 15px 0 0;}
.homedown td {width: 35%; padding: 0 15px 0 0;}
.homedown td.last {width: 65%; padding: 0;}
.homedown h3 {background-color: transparent; padding: 0; margin: 1em 0;}

.heureka {
	line-height: 1.5em;
	margin: 0;
	}

span.recenze {
	display: block;
	width: 130px;
	float: left;
	line-height: 1.5em;
	}

#igobanner {display: block; clear: both; margin: 0; padding: 10px 0 15px 0;}

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

.boxdarek {display: block; border: 1px solid #ddd; background-color: #ffff; padding: 15px; margin: 15px 0 0 0; border-radius: 5px;}
.boxdarek table {width: 100%;}
.boxdarek table td {width: 160px; font-size: 12px; text-align: center; padding: 0 0 10px 0;}
.boxdarek table th {font-size: 12px; text-align: center; font-weight: normal; background-color: #eee; padding: 5px 0 5px 0;}

.dopravazdarma {margin: 5px 0 0 0; padding: 5px;}

.losovacka {width: 100%;}
.losovacka td { padding: 5px; border-bottom: 1px solid #eee; }
.losovacka th { padding: 5px; border-bottom: 1px solid #eee; font-weight: normal; }
.losovacka tr.cerv td {color: #d00;}
.losovacka tr.zelv td {color: #090;}