#body,html{ background: url(/img/pozadi.jpg) #EEEEEE; color: #100067; }

#main{ background: url(/img/seda.png); margin-bottom: 0.5em; max-width: 95%; min-width: 600px; padding: 0.5em; width: 57em; }

#menu{ overflow: visible; position: absolute; right: 1em; text-align: right; top: 6.1em; width: 22.5em; }

#menu li,#menuspacer span{ clear: right; display: block; float: right; font-weight: bold; letter-spacing: 0.05em; list-style: none; margin-top: 4px; padding: 0; text-transform: uppercase; }

#menu li a,#menuspacer span{ display: block; font-size: 90%; padding: 0.5em; }

#menu li.last{ margin-bottom: 0; }

#menu li ul{ left: -5000px; position: absolute; }

#menu li:hover ul,#menu li.hover ul{ display: block; left: 0; margin: 0; padding: 1px 0 0 2em; position: relative; }

#menu li ul li{ float: none; }

li.mi1 a,li.mi1 a:visited{ background: #100067; color: #FFFFFF; }

.mi1{ width: 19em; }

li.mi2 a,li.mi2 a:visited{ background: #7FA2FF; color: #100067; }

.mi2{ width: 17em; }

li.mi3 a,li.mi3 a:visited{ background: #3B2589; color: #FFFFFF; }

.mi3{ width: 15em; }

li.mi4 a,li.mi4 a:visited{ background: #5FC1FE; color: #100067; }

.mi4{ width: 13em; }

li.mi5 a,li.mi5 a:visited{ background: #0000FE; color: #FFFFFF; }

.mi5{ width: 11em; }

li.mi6 a,li.mi6 a:visited{ background: #40E6FF; color: #292389; }

.mi6{ width: 9em; }

.mi7{ width: 7em; }

#menuspacer{ margin: -3.8em 0.5em 3.8em 0; }

#menuspacer span{ margin-top: 4px; padding-left: 4em; }

#menuspacer span.last{ padding-bottom: 2em; }

#navigace{ font-size: 90%; position: absolute; right: 1em; text-align: right; top: 0.5em; width: 45em; }

#cfkontakt span{ background: #100067; color: #FFFFFF; }

.klice{ clear: both; margin-left: -2em; margin-top: -10em; max-width: 640px; overflow: visible; padding-top: 0; position: relative; top: -135px; height: 444px;}

.klice h2{ line-height: 120%; margin: 0; }

.klice div{ background-position: top left; background-repeat: no-repeat; display: block; float: left; line-height: 150%; z-index: 1; }

.klice div a{ display: block; font-size: 65%; font-weight: bold; padding: 77px 100px 20px 28px; position: relative; text-align: center; text-transform: uppercase; width: 120px; z-index: 1111; }

.klice div.dvar a{ padding-top: 65px; }

.klice div a:hover{ color: #0000FE; }

.klice div a:visited:hover{ color: #551A8B; }

.klice div p{z-index:1000; background: #EEEEEE; border: solid #FFA500 1px; display: none; position:absolute; left:1.5em; top:10em; padding:0.5em 1em;width:19em;}

.klice div:hover p,.klice div.hover p{ display: block; }

#main .klice .k1{ background: url(/img/klice/klic1.png) left top no-repeat; min-height: 146px; /*width: 248px;*/ ;position:absolute; overflow:visible;}

html>body #main .klice #kinfo{background-image: url(/img/klice/klic1-rada.png);}
#kbezpecnostni{ left: 20px; top: 30px;}

#ktrezory{left: 300px; top:0;  }

#kklice{ left:80px; top:150px; }

#kdvere{  left:350px; top: 130px;}

#kgeneralni{left:130px;top:280px; }

#kzabezpeceni{  left: 440px; top: 260px;}

#kinfo{  left: 200px; top: 400px;}

#header a #hlogoimg{ cursor: pointer; }

tr:hover,tr.hover{ background: #FFFFFF; }

a.external{ background: url(../img/ext.gif) right top no-repeat; padding-right: 12px; }

#widthexpander{ float: right; text-align: right; width: 12em; }

#footer{ height: 3.25em; }