html, body { height:100% }
body 			{ background:#D5F9EF; color:#000; margin:0; font-family: Tahoma,"Arial CE",Arial,sans-serif; font-size:8pt; }
#page     { min-height:100%; height:100%; position:relative; 
            background:transparent url('img/menu/dolni.jpg') no-repeat bottom; }
body>#page { height:auto }
#hram			{ background:#69c url('img/menu/hlava.jpg') no-repeat top; text-align:center; }

th				{ font-weight:normal; text-align:left }
th, td		{ font-size:8pt; border-bottom:1px dotted #000; padding:4px; }
td 				{ text-align:center; border-bottom:1px dotted #89b; color:#555 }
input.dob { color:#555 }
.ram      { border:1px dotted #89b; padding:10px; margin:10px 0}
em        { font-style:normal }
.pozl, .pozr	{ padding:0 2px; }

form				  { margin:0; padding:10px 10px 35px; text-align:center; clear:both;
                background: url('img/menu/horni.jpg') no-repeat  center -50px; }
form fieldset, div { text-align:left; }
form a:hover 	{ color:#000 }


div.in,
#hmenu div div,
.vrch	      { width:792px; margin:auto; }

h1      	      { font-size:14pt; color:#000; margin:3px 0; text-align:left; 	text-shadow:3px 3px 2px #999; }
h1:first-letter { font-size:18pt; color:#029; }
h2         	{ font-size:10pt; margin:0; text-align:left; clear:left}
h2,a,h3			{ color:#029; }
h3				  { font-size:10pt; margin:0 }
h4      	  { font-size:8pt; text-align:left; margin:0; }
h5      	  { font-size:8pt; margin-bottom:0; text-align:right; }
h6      	  { font-size:8pt; font-weight:normal; margin:0; text-align:right; }

.poz2 h2		{ font-size:8pt; }
p				    { margin:5px 0; text-align:left }
#mezera			{ height:5px; font-size:1px }
 

.vrch			  { text-align:right; padding-top:5px }
.mail			  { width:240px; height:32px; float:left; text-align:left; color:#eee }
.vrch strong    { margin:0 }
.vrch strong a  { background:url('img/menu/stepan.gif') no-repeat 0 18px; color:#000;
              width:200px; height:85px; font-size:9pt; letter-spacing:4.3pt; text-align:left; clear:left; float:left } 

.vrch strong a:hover  { color:#000}
.vrch strong span     { font-weight:normal}
.vrch strong span.ne  { height:55px; display:block; visibility:hidden }
.vrch strong span.hk  { letter-spacing:5.8pt; color:#aaa; }
.bhk                  { font-size:14pt; font-weight:bold; color:#D5F9EF; position:relative;
                        width:12em; float:left; margin-left:200px;
                        filter:alpha(opacity=75); -khtml-opacity:0.75; opacity:0.75;  }

#kosik      { background-image:url('img/menu/kosik.gif'); background-repeat:no-repeat; background-position:right; padding-right:20px}
#novinky		{ width:200px; height:20px; text-align:left; margin-top:33px; clear:left; float:left;  }
#novinky a  { float:left }

.ne			    { display:none }

#odkaz,#odkazb { width:100px; height:113px; margin:36px 0 0; float:right; font-size:14px; font-weight:bold; color:black; }
#odkaz         { background:url('img/menu/taska.gif') no-repeat bottom right;  }
#odkaz:hover   { color:#ce8; }
/*head:first-child+body */
* > #odkaz:hover		{ background-image:url('img/menu/taska.png'); }
* html #odkaz:hover { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop',src='img/menu/taska.png'); }

#odkazb       { background:transparent url('img/menu/zabky0.gif') no-repeat bottom right;  }
#odkazb:hover	{ background-image:url('img/menu/zabky1.gif'); color:#add }

#hmenu			   { background: url('img/menu/horni.jpg'); clear:both; }
#hmenu div     { background: url('img/menu/menu_pozadi.gif') left 1px;height:50px;text-align:center;  }
#hmenu div div { background: url('img/menu/horni.jpg'); height:50px; padding-right:1px }
#hmenu img	   { float:right; border:0 none; margin:0; vertical-align:middle; position:relative }

a 				{ text-decoration:none; outline:none; color:#008; }
a:hover		{ color:#ce8 }

#hmenu a	{ float:left; width:90px; height:24px; line-height:22px; margin:1px 0 0 1px; padding:0 4px; text-align:left;
				    background:#444 url('img/menu/menu_pozadi.gif'); color:#ce8; font-size:8pt; letter-spacing:0pt }
* html #hmenu a { width:98px; widt\h:90px; }
#hmenu a:hover, 
#hmenu a.mehv	{ background:#ce8 url('img/menu/menu_vyb.gif'); color:#000; }

#vmenu        { text-align:right }
#vmenu a,
#novinky a,
.mail a       { padding:1px 5px; margin:0 2px; border:1px dotted #ce8; color:#ce8;
                 }
a.mev, 
#vmenu a:hover, #novinky a:hover, .mail	a:hover	{ color:#fff; border-color:#fff }
#kc           { border:none; background:transparent }

#podmenu      { margin:0 0 20px; padding:0 }
#podmenu li   { display:inline; margin:0; font-size:10pt; font-weight:bold; color:#029; padding:0}
#podmenu li a    { color:#888; text-decoration:none; font-size:10pt; font-weight:bold;}
#podmenu li a:hover    { color:#000 }

#odkazy     { clear:both; text-align:center; width:640px; margin:auto }
#odkazy a   { float:left; width:140px; height:150px; border:2px solid white; margin:8px;
              font-size:120%; font-weight:bold;
              background:#D5F9EF url('img/menu/horni.jpg') no-repeat; color:white}
#odkazy a:hover   { color:#029 }
#odkazy img       { width:130px }

a.mev, a.mehv	{ cursor:default }
a:hover.tlac,
a:hover.tl,
input:hover.tl { background:#ce8 url('img/menu/menu_vyb.gif') bottom; color:#000; }
.tlac, .tl 		 { background:#444 url('img/menu/menu_pozadi.gif') bottom; color:#ce8;
                 font-size:100%; border:0;cursor:pointer}
input.tl      { padding:3px 5px}
a.tlac		  	{ margin:3px 0; padding:5px 2px; width:130px; display:block; text-align:center; }
a.tl			    { padding:1px 0 1px 4px; margin:1px 1px 1px 0; line-height:150% }
a.ed			    { width:100%; height:100%; display:block; text-align:right; padding:2px 0; }
li a:hover    { text-decoration:underline }

div.text		{ margin:3px; }
.mn				  { color:#eef; }

.pata     { position:absolute; bottom:0; width:792px; padding:3px 0;
            text-align:center; font-size:7pt; letter-spacing:1px; 
            border-top:1px solid #444; background:#000; color:#fff;
            filter:alpha(opacity=20); -khtml-opacity:0.2; opacity:0.2;  }
.pata span		{ width:20em; float:left; text-align:left; margin-left:5px }
.pata div     { width:20em; float:right; text-align:right; margin-right:5px }
.pata a,.pata a:hover       { color:#fff; }
.pata a:hover { text-decoration:underline }

.konec		{ clear:both; height:1px; font-size:1px }
.mezera   { clear:both; height:1em }
.pozl, .l, .l p	{ text-align:left; }
.pozr, .r, .r p	{ text-align:right; }
.center, .center p   { text-align:center}
.fl				{ float:left }
.fr				{ float:right }
.cl       { clear:left }
.b        { font-weight:bold }
.levy 		{ width:47%; float:left }
.pravy		{ width:47%; float:right;  }
.wauto   { width:auto }


table			    { width:100%; padding:0; border-collapse:collapse }
table.pod   	{ width:240px; }
table.pod td	{ border:0 none }
table.c td		{ text-align:center; padding:5px; }
table.l td		{ text-align:left; padding:5px; }

td,
th h2	{ text-align:right; }
img		{ border:0 }

.ceny			{ float:right; font-size:8pt; }
.maly			{ text-align:right; font-size:8pt; font-weight:normal }

.tretina td		{ width:33%;}
div.tretina		{ width:33%; float:left; margin-right:10px; }
.polovina td	{ width:50%;}
.pul          { width:50%;float:left}

.ed				  { background-color:#cee; cursor:pointer}
.k, .kk     { cursor:pointer;}
.k, .k td		{ color:#235; }
td.k		  	{ vertical-align:top }
* html .k		{ voice-family:expression(
  				    this.onmouseover = new Function("this.className += ' hover';"),
  				    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  				  )}
div.k       { padding:5px }

th.ed:hover { background-image:url(img/b_drop.png); background-repeat:no-repeat; background-position:3px center}
.k:hover,
tr.k:hover td, 
.hover,
.ed:hover,
.kk:hover,
.polozky div:hover,
.k:hover,tr.k:hover td,.kk:hover { background-color:#cdf }

.tt .konec   { height:10px}
.tt div.k    { width:31%; float:left}
.ctvrt div.k { width:22%}

.n, tr.n td		{ background-color:#eee; color:#666; }
.w			     	{ background-color:#fff !important; }
.bile			    { color:#fff; }

ul					  { margin:2px 0; padding:0 2em}
li          	{ text-align:left; font-size:8pt; list-style-type:disc; margin:2px 0; }
img.obr				{ float:left; margin-right:20px; }
img.obrc			{ text-align:center; }
.tretina img	{ float:left; margin-right:10px }


.pole input, input.pole, 
input.filepole,
textarea, 
fieldset			{ border:1px solid #89b; }
fieldset			{ margin:0; padding:0 10px 10px; }
fieldset input		{ margin:0 0 3px 0; padding:0}
input.filepole		{ font-size:8pt; margin:3px 0 }
.pole input:focus,
input.pole:focus, 
textarea:focus	{ background:#cf9}
legend				  { padding:3px 5px; margin:0 5px 5px 0; color:#89b; font-weight:bold }
legend input		{ margin:0 5px 0 0; padding:0; border:0;}
.pole label     { color:#89b; }
select       		{ font-size:8pt; }

#nahled 			{ background-color:#fff; height:90px}
.vramecek 		{ position:relative; left:50%; float:left; }
.ramecek 			{ position:relative; left:-50%; }
#th2, #th1, #th3	{ text-align:left }
#th4				      { text-align:right }
.akce, td.akce				  { color:#f33; font-weight:bold; }
.bezramu, .bezramu td 	{ border:0 }

h2 a, h1 a  { color:#888 }

#map {width:100%; height:510px}

div.k, div.n          { width:210px; float:right; clear:right; border:1px dotted #235; margin:0 0 5px 5px}
div.k p, div.n p      { text-align:right }
div.k span, div.n span { float:right; width:50%;text-align:left; font-weight:bold; margin-left:8px }
.obr { margin-right:10px}

.acr, .exl, .wrd { padding:4px 4px 4px 20px; background:url(img/pdf.gif) no-repeat left; line-height:16px}
.exl    { background-image:url(img/excel.gif) }
.wrd    { background-image:url(img/word.gif) }

.znacky { text-align:center}
.znacky label { line-height:1.6; margin-right:5px; white-space:nowrap}
.znacky input { vertical-align:middle; margin-right:3px}

.zbozi  { width:382px; height:100px; float:left; border:1px dotted #89b; padding:2px; margin:0 8px 5px 0 }
.zbozi div, .zbozi p, .zbozi h2 { overflow:hidden; height:1.25em }
.zbozi h2 { clear:none; }
.zbozi .znacka { line-height:18px; height:18px; }
.zbozi a.kup  { text-align:right; float:right; width:12em;
                background:#cee url('./img/menu/kup.gif') no-repeat left; padding-left:18px }
.zbozi a.kup:hover	{ background-color:#cdf; color:#02c; }
.zbozi a span { font-weight:bold;}
.zbozi ul, .zbozi a.mene, .detail a.vice, .zbozi .vaha, .zbozi a.acr { display:none}
.zbozi .popis { height:47px; }
.popis p      { height:auto; margin-top:0}
.popis .r    { width:12em; float:right; border-left:2px solid #89b; margin-left:2px; padding-left:2px }
.zbozi img   { width:100px; float:left; margin-right:1em; cursor:pointer}
.vice, .mene { float:right; }

.odsaz       { margin-left:330px; margin-bottom:1em}

.detail     { width:774px; height:auto; padding-right:6px; font-size:110%}
.detail div, .detail .vice, .detail .mene { margin-top:4px }
.detail h2  { font-size:150%; }
.detail img { width:300px; margin-right:2em }
.detail ul  { display:block; margin:0; padding-left:1.3em; overflow:auto}
.detail li  { margin:0; padding:0;  }
.detail .popis { height:210px; overflow:auto }
.detail .popis, .detail p.vaha { font-size:90% }
.detail .popis .r    { width:13em;}
.detail a.mene { display:inline }
.detail .vaha  { text-align:right; display:block; clear:right}
.detail .vaha span { float:left; width:10em; text-align:left}
.detail a.acr { display:block; height:16px; line-height:16px; margin-top:1em }
.detail li a.acr { margin-top:0 }

.tri div, .tri table  { width:30%; float:left; margin-right:20px }
.tri img              { width:100px; float:left; margin-right:10px}