body     { font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("images/bgbody.gif"); background-repeat: repeat; text-align: center; margin: 0 0 15px; padding: 0 }
#content  { background-image: url("images/bg.gif"); background-repeat: repeat-y; text-align: left; margin: 0 auto; padding: 0; width: 800px }
#header       { margin: 0 0 0 -1px; padding: 0; width: 800px; height: 177px }
h1                     { color: #fff; font-size: 0.9em; line-height: 36px; background-color: #9d080d; margin: 0 0 10px; padding: 0 0 0 10px; height: 36px }
h1 span { font-size: 0.8em }
h2   { color: #fff; font-size: 0.9em; line-height: 36px; background-color: #629c00; margin: 0 0 10px; padding: 0 0 0 10px; height: 36px }
h2 a { color: #f7f7f7; text-decoration: underline }
h2#novinky   { margin-right: 2px; margin-left: 34px }
h3                    { color: #fff; font-size: 1em; line-height: 36px; margin: 20px 0 0; padding: 0 0 0 10px; height: 36px }
p     { font-size: 82%; text-align: justify }
img   { background-color: #fff; padding: 5px; border: solid 1px #9d080d }
.img_obal, .img_obal_nomar { background-color: #fff; padding: 5px; border: solid 1px #9d080d; float: left; margin-right: 5px; margin-bottom: 5px; }
.img_obal_nomar { margin-right: 0; }
.img_obal img, .img_obal_nomar img { padding: 0; border: 0 none; }
.img_obal p { text-align: center; margin: 0; }


a { color: #06c; text-decoration: underline }
a:hover { color: #f30 }
hr { display: none; }
#left  { width: 268px; float: left }
#left p { color: #fff }
#left a { color: #fff; text-decoration: underline }
#left a:hover { color: #000; text-decoration: underline }
ul { margin: 10px 0; padding: 0; }
li  { font-size: 82%; margin: 0 0 0 20px; padding: 0 0 0 10px; list-style-image: url(images/sipcicka.gif)   }
/* navigace */
#navcontainer         { margin: 0 0 0 34px; padding: 0; width: 232px }
#navcontainer ul { font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: none; margin: 0; padding: 0 }
#navcontainer li      { line-height: 36px; list-style-image: none; margin: 0; padding: 0; border-bottom: 1px solid #fff }
#navcontainer a       { color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; background-color: #9d080d; text-align: left; display: block; margin: 0; padding: 0 0 0 20px; height: 36px; border-left: 13px solid #c26669 }
#navcontainer a:hover    { color: #fff; text-decoration: none; background-color: #c26669; border-left: 13px solid #9ec261 }
body.uvod #navcontainer li#nav-1 a,
body.velta #navcontainer li#nav-2 a, 
body.sortiment #navcontainer li#nav-3 a, 
body.najdete #navcontainer li#nav-4 a,
body.kontakt #navcontainer li#nav-5 a, 
body.obchod #navcontainer li#nav-6 a,
body.koureni #navcontainer li#nav-7 a    { color: #fff; text-decoration: none; background-color: #c26669; border-left: 13px solid #9ec261 }
#bann { padding-left: 34px }
#flag { margin: 0 0 0 34px; padding: 0; border-bottom: 1px solid #fff }
#flag img { margin: 0; padding: 0; border: solid 2px #629c00 }
#vlajky { margin: 0; padding: 4px 0 2px 20px; border-left: 13px solid #c26669 }
/* navigace */
form  { background-color: #9cc05e; padding: 10px }
form p  { color: #fff; margin: 0; padding: 0 }
fieldset { border-width: 0 }
.tlac   { color: #fff; background-color: #9d080d; margin: 0; padding: 0; width: auto }
input   { margin-bottom: 5px }
/*kontaktn? formular */
input { width: 200px }
textarea { width: 200px }
fieldset  { margin: 10px 40px 10px 0; padding: 10px }
label { text-align: right; margin-right: 0.5em; padding-top: 0.2em; width: 25%; float: left }
.red  { color: #9d080d; font-weight: bold }
.nodisp { display: none; }
.chyba  { color: #fff; font-weight: bold; background-color: #9d080d; padding: 10px; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff  }
	
/* tabulky */
table      { color: #000; margin: 0; padding: 0; width: 490px; border-style: none; border-collapse: collapse     }
td             { font-size: 12px; margin: 0; padding: 5px; border: solid 1px #8eb86b }
th          { color: #fff; font-weight: bold; background-color: #b5dc9d; text-align: left; margin: 0; padding: 5px; border: solid 1px #8eb86b }

#right  { width: 532px; float: left }
#footer   { background-image: url("images/footer.gif"); background-repeat: no-repeat; margin: 0; padding: 0; height: 32px }
.inner { margin-right: 35px; margin-left: 10px }
.inner2  { padding: 10px 15px 10px 44px }
.d1          { margin: 0 20px 0 0; padding: 0; width: 230px; float: left }
.d2               { margin: 0; padding: 0; width: 230px; float: left }
.fl_left     { margin-right: 10px; margin-bottom: 10px; float: left }
.cleaner { font-size: 1px; line-height: 1px; float: none; clear: both }
#copy   { color: #ccc; font-size: 0.8em; text-align: left; margin: 0 auto; padding: 0; width: 800px }
#copy p { text-align: center; margin: 0; padding: 0 }
#copy a  { color: #ccc; text-decoration: none }
#copy a:hover  { color: #9d080d; text-decoration: underline }
#copy span a { text-decoration: underline }
.varovani       { background-image: url("images/vykr.gif"); background-repeat: no-repeat; background-position: left center; margin: 15px 0 0; padding-top: 5px; padding-bottom: 5px; padding-left: 25px; border-top: 3px solid #c12; border-bottom: 3px solid #c12 }
.thup               { background-color: #fff5dd; margin-bottom: 10px; padding-top: 5px; padding-bottom: 0; border-top: 3px solid #c12; border-bottom: 3px solid #c12 }
.thup p  { margin: 0 10px 10px; padding: 0 }
.noscreen { display: none; }
/*prodej tabaku
*/
.tab      { margin: 0 0 0; padding: 0 }
.tab fieldset { margin: 0 }
.tab input     { width: 100px }
.tab label       { color: #000; width: 50px }