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       { padding: 0; width: 800px; height: 177px ; margin: 0 0 0 -1px; }
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; background-color: #629c00; margin: 0 0 10px; padding: 7px 0 7px 10px;}
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, ol { 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)   }
ol li { font-size: 82%; margin: 0 0 0 30px; padding: 0 0 0 5px; list-style-image: none;  }
/* 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.ceniky #navcontainer li#nav-4 a, 
body.akce #navcontainer li#nav-5 a, 
body.novinky #navcontainer li#nav-6 a, 
body.objednavka #navcontainer li#nav-7 a, 
body.najdete #navcontainer li#nav-8 a,
body.kontakt #navcontainer li#nav-9 a, 
body.obchod #navcontainer li#nav-10 a,
body.koureni #navcontainer li#nav-11 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 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 }
.email { width: 150px; }
#novinky fieldset { padding: 0 5px 0; }
/*kontaktni 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: 35%; 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 0 10px; padding: 0; width: 480px; 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 }
table.sort_tab th { text-align: center; }
table.sort_tab td { text-align: center; }


#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  { margin: 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 }
.warning_box { background-color: #fff; width: 738px; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding: 10px; border: solid 6px #000; }
.warning_box p { font-size: 1.3em; font-weight: bold; text-align: center; margin: 0; padding: 0; }
#copy      { color: #ccc; font-size: 0.8em; 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: 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 }

.block_size {
	float: left;
	width: 50px;
}	
.info {
	background-color: #FFF5DD;
	border-top: 3px solid #c12;
	padding: 10px;
	text-align: center;
}
.out {
	background-image: url(../images/out.gif);
	background-repeat: no-repeat;
	background-position: 70px center;	
}
.out:hover {
	background-image: url(../images/out_hover.gif);
	background-repeat: no-repeat;
	background-position: 70px center;	
}