html, body { height:100% }
body 			{ background:#D5F9EF url('img/menu/hlava.jpg') no-repeat top; color:#333; 
            margin:0; font:8pt Tahoma,"Arial CE",Arial,sans-serif;  }
#page     { min-height:100%; height:100%; position:relative; 
            background:transparent url('img/menu/dolni.jpg') no-repeat bottom; }
body>#page { height:auto }
div.inside,
#hmenu div div,
.vrch	     { width:792px; margin:auto; }
#hram			{ position:absolute; top:0;width:100%; text-align:center; }
.hr       { height:225px; }

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; }
th, td		{ font-size:8pt; padding:4px; border:1px solid #89b;}
th				{ font-weight:normal; text-align:left; background:url(img/poz20.png); }
td 				{ color:#555 }

img		    { border:0 }
img.obr		{ float:left; margin-right:10px; }
input.dob { color:#555 }

em        { font-style:normal }

a 				{ text-decoration:none; color:#008; }
a:hover		{ color:#ce8 }
li a:hover  { text-decoration:underline }
h2 a, h1 a  { color:#888 }

form				  { margin:0; padding:10px 10px 35px; text-align:center; clear:both;
                background: url('img/menu/horni.jpg') no-repeat  center -30px; }
div           { text-align:left; }
form a:hover 	{ color:#000 }

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:.5em 0 ; text-align:left; clear:left}
.zbozi h2   { margin:0 }
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; }

ul,ol				{ margin:2px 0; padding:0 2em}
li          { list-style-type:disc; text-align:left; font-size:8pt; margin:2px 0; }

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;
                         opacity:0.75;  }


#novinky		{ width:500px; height:20px;  margin-top:33px; clear:left; float:left;  }
#novinky a  { float:left }
#gplus      { margin-top:13px; 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; background-image:url('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 }
#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 }
#vmenu #kosik      { background-image:url('img/menu/kosik.gif'); background-repeat:no-repeat; background-position:right; padding-right:22px}

#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     { font-size:100%; 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 }

fieldset			   { margin:0; padding:0 10px 10px; }
label            { color:#89b;}
.zakaznik fieldset label   { float:left;line-height:21px; width:100%; margin:0 0 3px 0;}
.zakaznik fieldset label input { float:right; margin-left:3px }

input,textarea,select,button { font:8pt Tahoma; padding:3px;}
input[type=text],textarea,  
fieldset,select  { border:1px solid #89b; }
input[type=text]: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; float:left }
button      	   { margin:5px 0; padding:5px 2px; width:130px; display:block; text-align:center; }
a.mev, a.mehv	   { cursor:default }
button:hover,  
.tl:hover        { background:#ce8 url('img/menu/menu_vyb.gif') bottom; color:#000; }
button,
#hlava div, .tl  { background:#444 url('img/menu/menu_pozadi.gif') bottom; color:#ce8;
                   border:0;cursor:pointer}

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; 
            background:url(img/poz20.png);}
.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, .center th, .center td   { 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 }
.ml       { margin-left:20px }


.ceny			{ float:right; font-size:8pt; font-weight:bold; margin:0 0 10px 10px; }
.maly			{ text-align:right; font-size:8pt; font-weight:normal }

.tretina td		{ width:33%;}
div.tretina,fieldset.tretina		{ width:33%; float:left; margin-right:10px; }
.tretina img	{ float:left; margin-right:10px }
.polovina td	{ width:50%;}
.pul          { width:50%;float:left}
.pulr         { width:47%; margin-left:15px; float:right }

.k          { cursor:pointer; }
.k, .k td		{ color:#235; }
td.k		  	{ vertical-align:top }  
div.k       { padding:5px }
.k:hover,
tr.k:hover td, 
.polozky div:hover { background-color:#cdf }

.ed:hover   { background:#ce8 url(img/b_drop.png) no-repeat 3px center; cursor:pointer }
td.ed:hover { background-image:url(img/b_edit.png);background-position:left bottom; }


.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; }

#nahled 			{ background-color:#fff; height:90px; width:320px; display:table-cell; vertical-align:middle }
.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 }

#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 }


.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;}
.dostup  { background:url(img/menu/truckb.gif) no-repeat; padding:2px 2px 2px 40px;  }
.skladem { background:url(img/menu/ok.png) no-repeat; padding:2px 2px 2px 26px;  }
.neni    { background:url(img/menu/ne.png) no-repeat; padding:2px 2px 2px 22px;}
.zbozi ul, .zbozi a.mene, .detail a.vice, .zbozi .vaha, .zbozi a.acr { display:none}
.zbozi .popis { height:47px; }
.popis ul    { clear:right }
.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; }
.pointer img { cursor:pointer }

.CZ,.EU,.USA,.FRA,.ESP,.PT,.DE,.AUT,.PL,.CH,.CN,.TW,.CAN,.GB,.NOR,.NL,.BEL,.IT,.PH,.IN,.KR { padding-right:18px; background:url(img/menu/CZ.png) no-repeat right bottom}
.EU  { background-image:url(img/menu/EU.png)}
.USA { background-image:url(img/menu/USA.png)}
.CAN { background-image:url(img/menu/CAN.png)}
.FRA { background-image:url(img/menu/FRA.png)}
.BEL { background-image:url(img/menu/BEL.png)}
.ESP { background-image:url(img/menu/ESP.png)}
.PT  { background-image:url(img/menu/PT.png)}
.DE  { background-image:url(img/menu/DE.png)}
.NL  { background-image:url(img/menu/NL.png)}
.IT  { background-image:url(img/menu/IT.png)}
.AUT { background-image:url(img/menu/AUT.png)}
.PL  { background-image:url(img/menu/PL.png)}
.CH  { background-image:url(img/menu/CH.png)}
.GB  { background-image:url(img/menu/GB.png)}
.NOR { background-image:url(img/menu/NOR.png)}
.CN  { background-image:url(img/menu/CN.png)}
.TW  { background-image:url(img/menu/TW.png)}
.KR  { background-image:url(img/menu/KR.png)}
.PH  { background-image:url(img/menu/PH.png)}
.IN  { background-image:url(img/menu/IN.png)}


.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}

.dnes			  { background-color:#ce8; }

