@media screen, projection, tv{
html,body{ color: Black; background: #FBD424 url(../img/back.png) repeat;  margin: 0; padding: 0;}
html,body, input, textarea, select, table{font-family: "Tahoma CE", Tahoma,"Arial CE", "Helvetica CE",  Arial, "Lucida Grande CE", lucida, sans-serif; }
/*    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif;
	 font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif;
	font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;
*/


hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; }
address{ font-style: normal; display: block; margin: .5em 0; }
h1{ font-size: 1.5em;  margin: 1.4em 0 .6em 0;  }
h2{ font-size: 1.8em;  margin: 1.4em 0 .6em 0; color: #442600; font-weight: normal; line-height: 1.2em; }
h2.hlavni{ margin: 0 0 .6em 10px; }
h3{ font-size: 1.3em; margin: 1.4em 0 .6em 0; color: #442600; line-height: 1.2em; }
h4{ font-size: 1em;  margin: 1.4em 0 .6em 0; color: #442600; line-height: 1.2em; }
a{ color: #B80000; }
a:hover{ color: #442600; }
.obr, .obr2, .obr3{ border: 3px solid #DDC244; margin-top: .4em; }
.black{ color: Black !important; }
.white{ color: white !important; }
.vyhl{ background-color: #FDEA3C; font-weight: bold; }

#cont{ font-size: .7em; position: relative;  margin: 0 auto; text-align: left; width: 997px; padding-bottom: 10px; line-height: 1.4em; /*height: 100%;*/}
/*html>body #cont{ height: auto; min-height: 100%; }*/
#base{  /*background: #FBD424 url(../img/main.jpg) repeat-y;*/  }
#head{ width: 997px; }
#head h1{ color: black; background-color: #FFA20C; font-size: 1.2em; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 0; }
#head h1 span, #head h1{ width: 196px; height: 142px; }
#head a{ background-color: #FFA20C; color: black; text-decoration: none; }
#head h1 span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/radek.jpg) no-repeat; color: black; }

#main{ width: 997px; clear: both; padding-bottom: 10px;  }
#left, #stred, #right{ float: left; display: inline; overflow: hidden;}
#left{ width: 196px; margin-left: -997px;  }
#stred{ margin-left: 196px; width: 800px; overflow: visible;   }
#plocha{ background: #FCE166 url(../img/plocha-down.gif) no-repeat 0 100%; padding-bottom: 8px; margin: 0 0 0 10px; width: 780px; }
#plocha-in{ padding: 15px 10px 20px 10px; background: transparent url(../img/plocha.gif) no-repeat;  }

#index #stred{ width: 572px; }
#index #plocha{ width: 552px; background: #FCE166 url(../img/plocha-down2.gif) no-repeat 0 100%; margin-top: 10px;}
#index #plocha-in{ background-image: url(../img/plocha2.gif); padding-bottom: 7px; }
#right{ width: 218px; }
#index #left{ margin-left: -769px; }

#menu{ width: auto; background-color: #03530B; width: 176px; margin-left: 20px; }
#menu ul{ margin: 0; list-style-type: none;background-color: #03530B;}
#menu li{width: auto;  }
#menu a{   display: block; width: auto; width: 176px; background: #03530B; color: White; font-weight: bold; border-bottom: 1px solid #296D2F;}
#menu a:hover, #menu a.aktivni{ color: #FBD424; }
#menu a span{ display: block; padding: .57em 5px .57em 16px; background: transparent url(../img/m-sip.gif) no-repeat 6px 1.13em; }
#menu a.last{ background: #03530B url(../img/m-last.gif) no-repeat 0 100%; border-bottom: 0; padding-bottom: 1px; }
#menu a.first{ background: #03530B url(../img/m-first.gif) no-repeat 0 0;  }
#menu ul .rozbaleno ul a{ color: #FBD424; padding: .3em 5px .3em 16px; background: #237515 url(../img/m-sip3.gif) no-repeat 14px .85em; width:148px; padding-left: 23px; border-color: #448A38; }
#menu ul .rozbaleno .rozbaleno ul a{ text-decoration: none; font-weight: normal; width:141px;  background: #206713 url(../img/m-sip4.gif) no-repeat 23px .93em; padding-left: 30px; }
#menu .rozbaleno a{ border-color: #448A38; color: #FBD424; background: #237515;}
#menu .rozbaleno a span{ color: #FBD424; background: transparent url(../img/m-sip2.gif) no-repeat 6px 1.13em;}
#menu .rozbaleno a.first{ background: #237515 url(../img/m-first2.gif) no-repeat 0 0; }
#menu .rozbaleno .rozbaleno a{ background-image: url(../img/m-sip5.gif); background-repeat: no-repeat; background-position: 14px .85em; }
#menu ul ul, #menu ul .rozbaleno ul ul{ display: none; }
#menu ul .rozbaleno ul, #menu ul .rozbaleno .rozbaleno ul{ display: block; }
#menu ul ul a:hover, #menu ul ul a.aktivni{ color: White; text-decoration: underline !important ; }

#nav{ width: 790px; background: #E0C47A url(../img/nav.jpg) repeat-y; position: absolute; top: 79px; left: 196px; padding-top: 9px; }
#nav ul{ margin: 0; list-style-type: none; }
#nav li{ float: left; }
#nav a{ display: block; _display: inline-block; color: #442600;  text-decoration: none; border-right: 1px solid #704E16; text-align: right; padding: 0 4px; line-height: 1.2em;}
#nav a span{ display: block; font-weight: bold; text-decoration: underline; text-align: center; padding: 27px 10px 14px 10px; line-height: 1.2em; }
#nav a:hover{ color: #B80000; }

#pata{ font-size: .9em; clear: both; width: 976px; background: transparent url(../img/pata.jpg) no-repeat; color: White; margin-left: 10px; }
#pata p{ margin: 0; padding: 12px 15px 13px 15px; line-height: 1.2em; }
#pata a{text-decoration: none; color: white; }
#pata a span{ text-decoration: underline; color: #FBD424;}

#upout{ position: absolute; top: 9px; left: 206px; line-height: 1.2em; height: 47px; background: #A2CD04 url(../img/upout.jpg) no-repeat; width: 552px; padding: 13px 0 0 0; }
#upout h3{ color: White; margin: 0 15px; font-size: 1em; line-height: 1.2em; }
#upout p{ margin: .2em 15px; line-height: 1.2em; }
#upout a{ color: Black; font-size: 1.35em; font-weight: bold; }
#shop{ position: absolute; top: 0; left: 768px; }
#kosik{ width: 218px; background: #FD7B01 url(../img/eshop.jpg) no-repeat; position: absolute; top: 9px; left: 768px; height: 60px; }
#kosik p{ margin: 4px 0 2px 76px; color: White; line-height: 1.55em; }
#kosik .i-kos{ float: right; margin: 15px 12px 0 0; display: inline; }
#kosik a{ color: #FDEA3C; }

.search{ position: absolute; top: 79px; right: 0; z-index: 10; width: 212px; padding-left: 17px; padding-top: 3px; line-height: 1.2em; }
.search h3{ margin: 0; color: #442600; font-size: 1.25em; line-height: 1.25em; }
.search input{ border: 1px solid #643918; background: White url(../img/input.gif) repeat-x; padding: 4px; margin-right: 2px; width: 125px; }
input.btn{ background: #B80000 url(../img/btn.gif) repeat-x; color: White; font-weight: bold; text-decoration: underline; width: auto; border: 1px solid #860101; padding: 3px 0 2px 0; }
html>body input.btn{ padding-bottom: 3px; }

#cesta{ background: #9D8515 url(../img/cesta.gif) no-repeat; width: 740px; margin: 10px 0 0 20px; color: White; padding: 3px 10px 4px 10px; line-height: 1.2em; }
#cesta a{ color: #FBD424; background: transparent url(../img/sip.gif) no-repeat 100% .55em; padding-right: 7px; margin-right: 3px; }

.i-boxiky{  margin: .9em 0 0 7px; }
.i-boxiky td{ vertical-align: top; background: #E1861A url(../img/boxik-down.gif) no-repeat 0 100%; padding-bottom: 10px; width: 182px; border-left: 3px solid #FBD424; }
.i-boxik{ background: transparent url(../img/boxik.gif) repeat-x; }
.i-boxik h2{ background: #E0831B url(../img/i-boxik.jpg) no-repeat; margin: 0; color: White; font-size: 1em; line-height: 1.2em; padding: 6px 13px 10px 13px; }
.i-boxik h2 span.hl{ font-size: 1.8em; line-height: 1.2em;}
.i-boxik h2 span{ font-weight: normal; line-height: 1.2em; }
.i-boxik h3{ margin: 0; padding: 5px 13px 8px 13px; }
.i-boxik h3 a{ color: Black; }
.i-boxik h5{ font-size: 1em; margin: 0; }
.i-boxik .extra{ background-color: #D30202; padding: 3px; margin: 0 5px; color: White; font-size: .9em; line-height: 1.2em; }
.i-boxik .extra ul{ list-style-type: none; margin: 0 0 0 69px; font-weight: bold; }
.i-boxik .extra li{ padding: .2em 0; background: transparent url(../img/li.gif) no-repeat 0 .8em; padding-left: 8px; }
.i-boxik .extra h5{ margin: 0 0 0 69px; font-weight: normal; padding: 0;  }
.i-boxik h5{ margin: 7px 13px 0 13px; }
.i-boxik p{ margin: 0 13px; line-height: 1.3em; }
.i-boxik img{ float: left; }
.i-boxik a.vice{ font-weight: bold; }
a.vice{background: transparent url(../img/vice.gif) no-repeat 0 .5em; padding-left: 9px; }
.zeleny .i-boxik h2{ background: #E0831B url(../img/i-boxik2.jpg) no-repeat;}
.i-boxiky td.zeleny{ background: #AEDB3E url(../img/boxik-down2.gif) no-repeat 0 100%; }
.zeleny .i-boxik{ background-image: none; }
.zeleny .extra{ background-color: #00780C; }
.modry .extra{ background-color: #046B9B; }

.aktualita { color: #442600; background: #F0D55A url(../img/akt1.gif) no-repeat 0 0; margin: 3px 0; width: 532px; }
.aktualita-in {  background: transparent url(../img/akt2.gif) no-repeat 0 100%; padding: 7px 7px 7px 15px; }
.datum{ color: #986320; font-size: .8em; }
.aktualita h3{ margin: 0 0 5px 0; }
.aktualita img{ float: left; margin: 3px 6px 3px 0; border: 3px solid #DDC244; }
.aktualita p{ margin: 0; }
.aktualita p.text{ margin-bottom: 4px; }

#detail #plocha-in{ padding: 15px 0px 20px 7px; }
#sloupce{ width: 767px; padding-top: 4px; }
#sloup1{ width: 138px;  margin-left: -764px; }
#sloup2{ margin-left: 142px; width: 354px; background: #F0D55A; }
#sloup2-in{ padding: 0 0 4px 0 !important ; background: transparent url(../img/hr3-2.gif) no-repeat 0 100%;}
#sloup3{ width: 264px; overflow: visible; padding-left: 4px; }


#herb{ background: #5D7B14 url(../img/herb4.gif) no-repeat 0 100%; margin-top: 10px; padding-bottom: 9px; }
#herb h2{ padding: 10px 5px 20px 40px; background: transparent url(../img/herb1.jpg) no-repeat; margin: 0; color: #FDEA3C; font-size: 1.3em; font-weight: bold; }
#herb h2 a, #herb-in h4 a{ color: #FDEA3C; }
#herb h3{ background: #6C8A22 url(../img/herb2.gif) no-repeat; margin: 0; padding: 6px 16px 8px 16px; color: White; }
#herb-in{ background: #7B9931 url(../img/herb3.gif) no-repeat 0 100%; margin: 0 5px; color: White; padding-bottom: 10px;  }
#herb-in p{ margin: 0 16px; line-height: 1.3em; }
#herb-in img{ display: block; margin: 0 auto 3px auto; border: 3px solid #708C2C; }
#herb p.herb-vice{ margin: 0; padding: 8px 10px 0 10px; }
#sloup3 #herb{ margin-top: 0; background-image: url(../img/herb5.gif); background-color: #7B9931; }
#sloup3 #herb h2{ padding: 15px 5px 9px 45px; background: transparent url(../img/n2.jpg) no-repeat; margin: 0; color: white; font-size: 1.3em; font-weight: bold; }
#sloup3 #herb h3{ background: #7B9931 none; margin: 0; padding: 6px 16px 8px 16px; }
#sloup3 #herb-in{ border-left: 4px solid #EFD25C; border-right: 4px solid #EFD25C; margin: 0; background-image: none; padding-bottom: 4px;  }
#sloup3 .rost-open{ background-color: #6C8A22; margin: 0 4px 6px 4px; padding: 10px 0; }
#sloup3 h4.rost-op{ color: #FDEA3C; background-color: #6C8A22;  margin: 0px 4px 0px 4px; font-size: 1em; padding: 10px 0 0 0;  }
#sloup3 h4.rost-op a{ background: transparent url(../img/n3.gif) no-repeat 0 .35em; padding-left: 10px; text-decoration: none; cursor: default;}
#sloup3 h4.rost-op a:hover{ color: #FDEA3C; cursor: default; }
#sloup3 .rost-open h5{ color: Black;  margin: 7px 16px 0 16px; font-size: 1em; }
#sloup3 .rost-open img{ border: 4px solid #5D7B14; }
#herb h4{ margin:7px 5px; }
#herb h4 a{ color: #FDEA3C; font-weight: bold; padding-left: 4px; background: transparent url(../img/n4.gif) no-repeat 0 .35em; margin: 0 0 0 6px;  padding: 0px 0 0px 10px; }
#herb h4 a:hover{ color: black; }

#herbar #sloupce{ width: 775px; padding-top: 4px; }
#sloup1, #sloup2, #sloup3{ float: left; display: inline;}
#herbar #sloup1{ width: 178px;  margin-left: 0; }
#herbar #sloup2{ margin-left: 0; width: 594px; background: #6C8A22 url(../img/hr2.gif) no-repeat; padding-top: 7px; float: right;	 }
#herbar #sloup2-in{ padding: 4px 4px 9px 4px; width: 586px; background: transparent url(../img/hr3.gif) no-repeat 0 100%; }
#herbar #sloup2 h3{ color: #FBD424; font-weight: bold; margin: 0 0 10px 9px; font-size: 1.5em; }
#herbar #sloup2 h4{ background-color: #496506; color: #FBD424; font-size: 1.25em; margin: 1em 0 .5em 0; padding: 3px 9px; }
#herbar #sloup2 p{ margin: .3em 9px; }
#herbar #sloup2{ overflow: visible; }
#herbar #sloup2 strong{ color: #233200; }
.herbgal{ border: 2px solid #5D7B14; margin-bottom: 4px;  }
.herbgal td{ background-color: #5D7B14; border: 2px solid #5D7B14; }
#herbar #sloup2 a{ color: #FBD424; }
#herbar #sloup2 a:hover{ color: white; }

#herbar #plocha-in{ background: #7B9931 url(../img/hr1.jpg) no-repeat; padding: 5px 0 5px 5px; padding-left: 0;  width: 780px;}
#herbar #plocha{ background-image: url(../img/h2.gif); background-color: #7B9931; padding-bottom: 4px; color: White; width: 780px;}
#herbar h2.hlavni{ color: White; padding: 4px 28px 7px 39px; margin: 0; font-weight: bold; font-size: 1.6em;}

#rbox{ background: #B80000 url(../img/rbox1.gif) no-repeat; padding-top: 6px; margin-bottom: 10px; width: 586px; }
#rbox-in{ background: transparent url(../img/rbox2.gif) no-repeat 0 100%; padding-bottom: 6px; }
#rbox{ background-color: #B80000; }
#rbox ul{ margin: 0; list-style-type: none; background-color: #B80000; }
#rbox li{ float: left; background-color: #B80000; }
#rbox a{ display: block; font-weight: bold; padding: 1px 10px; background: #B80000 url(../img/rbox.gif) no-repeat 100% 5px; margin: 0; color: #FBD424; white-space: nowrap; }
#rbox .last a{ background-image: none; }

.produkt h3{ margin: 0; background: transparent url(../img/n1.gif) no-repeat; color: White; font-size: 1.3em; padding: 15px 15px 10px 15px; line-height: 1.2em; }
.produkt p{ margin: .5em 4px 1.3em 4px; padding: 0 8px; }
.produkt p.perex{ color: White; background-color: #B19513; margin: 3px 4px 4px 4px; padding: 4px 8px;}
.produkt h4{ background-color: #DDC245; color: #03530B; margin: 0 4px 0 4px; line-height: 1.2em; padding: 4px 8px; font-size: 1.25em; }
.produkt .foto{ float: right; background-color: #B19513; padding: 4px; border: 4px solid #F0D55A; text-align: right; }
.produkt .foto p a{ color: White; background: transparent url(../img/zoom.gif) no-repeat 100% 0; padding: 2px 22px 4px 0; }
.produkt .foto p{ margin: 5px 0 2px 0; padding: 0;}
.produkt p.otazka{ font-weight: bold; border-bottom: 1px solid #DDC245; margin: 0 4px; padding: 3px 8px; }
.produkt .faq{ padding: 4px 0 10px 0; }
.produkt p.odpoved{ background-color: #E8CD51; margin: 0 4px; padding: 6px 8px; }
.produkt .zvyrazneno { background-color: #EBC252; margin: 0 4px; }
.produkt .zvyrazneno h4{ background-color: #DF953F; color: white; margin-left: 0; margin-right: 0; }
.produkt .zvyrazneno p{ margin-left: 0; margin-right: 0; }

.seznam{  margin-top: 5px; }
.seznam li{margin-left: 12px; list-style-type: none; font-weight: bold; background: transparent url(../img/seznam.gif) no-repeat 0 .8em; padding: 2px 0 2px 10px; }
.seznampolozek{ list-style-type: none; margin: 1.5em 20px;  }
.seznampolozek li{ background: transparent url(../img/li5.gif) no-repeat 0 1.1em; padding: 3px 0 3px 10px; }
.seznampolozek a{ font-size: 1.1em; font-weight: bold; line-height: 1.5em; }
p.textik, .teloclanku{ padding: 0 12px; }

.abeceda{ list-style-type: none; margin: .4em 0 0 4px; width: 755px; }
.abeceda li{ float: left; padding-right: 2px; }
.abeceda a{ display: block; color: White; font-weight: bold; border: 1px solid #860101; background: #B80000 url(../img/abc.gif) repeat-x; width: 1.55em; text-align: center; line-height: 1.2em; padding: 1px 0 3px 0; }
.abeceda a:hover, .abeceda a.aktivni{ color: Black; background: #7B9931 url(../img/abc2.gif) repeat-x; border-color: #496506; text-decoration: none; }


#sub ul{ margin: 0; background: transparent url(../img/sub2y.gif) no-repeat 3px 100%; padding-bottom: 8px; margin-left: 1px; list-style-type: none; }
#sub span.in{ border-top: 1px solid #C63333; padding: 4px 8px; width: 115px; background: #B80000; margin-left: 3px; display: block; color: #FBD424; font-weight: bold; line-height: 1.2em; }
#sub a{border-left: 3px solid #FCE166; width: 134px; display: block; background: #B80000 url(../img/sub5.gif) no-repeat 0 -1000px; color: #FBD424; font-weight: bold;  line-height: 1.2em; }
#sub a span{ display: block; padding: 4px 8px; line-height: 1.34em; border-top: 1px solid #C63333; }
#sub h3{ background: #880000 url(../img/sub1y.gif) no-repeat; color: White; font-size: 1em; margin: 0 0 0 4px; padding: 4px 2px 6px 6px; }
#sub h3 span{ color: #FBD424; }
#sub .rozbaleno a{ background-position: 0 0; border-left: 0; padding-left: 3px; background-color: #A60505; }
#sub a:hover, #sub a.aktivni, #herbar #sub ul .vicero ul a:hover{ color: White; text-decoration: none; }
#sub ul ul, #herbar #sub ul ul{ background-image: none; padding-bottom: 0; margin: 0;  }
#sub ul ul{ display: none; }
#sub ul ul a{ font-weight: normal;}
#sub ul ul a span{ background: #A60505 url(../img/sub4.gif) no-repeat 8px .8em; padding-left: 18px; }
#sub .vicero a, #sub .vicero span{ background-color: #A60505; }
#sub .vicero span.in{ color: White; width: 118px;  margin-left: 0;background: #A60505 url(../img/sub5.gif) no-repeat;  padding-left: 11px; border-top: 0; padding-top: 5px;  }
#sub .vicero ul{ display: block; }
#sub .vicero a{border-left: 0; color: white; }
#sub ul .vicero ul a{border-left: 3px solid #FCE166; color:#FBD424;  }
#herbar #sub a{background: #B80000 url(../img/sub3.gif) no-repeat 0 -1000px; width: 174px; border-left: 3px solid #7B9931; }
#herbar #sub span.in{ width: 154px; }
#herbar #sub .vicero span.in{ background: #A60505 url(../img/sub3.gif) no-repeat; width: 158px;   }
#herbar #sub h3{ background: #880000 url(../img/sub1.gif) no-repeat;}
#herbar #sub .vicero a{border-left: 0; color: white; }
#herbar #sub ul .vicero ul a{border-left: 3px solid #7B9931; color:#FBD424;  }
#herbar #sub ul{background: transparent url(../img/sub2.gif) no-repeat 3px 100%;}
#herbar .rocni #sub { background: transparent url(../img/rok.jpg) no-repeat 100% 23px; }
#herbar .r-en #sub { background: transparent url(../img/rok-en.jpg) no-repeat 100% 23px; }
#herbar .r-de #sub { background: transparent url(../img/rok-de.jpg) no-repeat 100% 23px; }
#herbar .rocni #sub ul{width: 130px; }
#herbar .rocni #sub a{width: 127px; }
a.btn-vice{ color: Black; font-weight: bold; text-decoration: underline; background: #8AA840 url(/img/btn-vice.gif) no-repeat; display: block; text-align: center; width: 7.9em; line-height: 1.2em; padding: 6px 4px 5px 4px; }
a:hover.btn-vice{ color: #B80000; }

.slovo{ cursor: help; color: #442600; z-index: 0;  text-decoration: none; padding: 0 5px 0 1px; background: transparent url(../img/otaz2.gif) no-repeat 100% 0; }
/*.slovo span{ position: absolute; width: 15em; top: 1.5em; z-index: 1000; left: -13em; display: block; background-color: #FBD424; color: Black; padding: 5px 10px; line-height: 1.2em; border: 1px solid #3B5301; }*/
#herbar .slovo, #herb .slovo { color: white; background-image: url(../img/otaz3.gif); }
.slovoin{ position: relative;  display: inline; }
.slovoin span{ position: absolute; width: 15em; top: 1.5em; z-index: 1000; left: -13em; display: block; background-color: #FBD424; color: Black; padding: 5px 10px;   line-height: 1.2em; border: 1px solid #3B5301; }



#mutace{ position: absolute; top: 100px; left: 664px; }
#mutace a{ margin-right: 2px; }

div.potvrzeni{ width: 230px;  padding-bottom: 10px; background-color: #03530B; top: 100px; left: 30%; color: white; text-align: center; font-weight: bold; position: absolute; border: 1px solid black; }
div.potvrzeni p{ padding: 15px 0 20px 0; margin: 0; }
div.potvrzeni div#plocha input.btn{ background-color: White; color: Black; font-weight: bold; text-align: center; cursor: pointer; border: 1px solid silver; }

table.tab{ font-size: 1em;border: 1px solid #B19513; border-collapse: collapse; margin: 12px 0; width: auto; line-height: 1.2em; }
table.tab th{ color: White; background-color: #B19513; padding: 4px 7px; font-weight: bold; text-align: left; border-right: 1px solid white; }
table.tab td{ border: 1px solid #B19513; padding: 4px 7px; background-color: #DDC245; }
tr.sec td{ background-color: #F0D55A; color: black; }
th.last{ border-right:  1px solid #B19513 !important ; }
.formik th{ text-align: right; padding: 2px 10px 2px 0; border: 0; }
.formik td{ padding: 2px 5px; border: 0;  }
table.slovnik{ border-bottom: 1px solid #B19513; }
table.slovnik th{ border-top: 1px solid #F0D55A; border-right: 1px solid #F0D55A; vertical-align: top; }
table.slovnik th.prv{ border-top: 1px solid #B19513; }
table.slovnik th a{ color: White; }
table.slovnik th a:hover{ color: #b80000; }

  div#popik{ position: absolute; top: 230px; left: 260px; border: 1px solid #D1D1D1; border-bottom: 2px solid gray;  border-right: 2px solid gray; display: none; text-align: center; font-size: .8em; width: 260px; background-color: white; text-align: left; color: #3B3000; }
  div#popik a .obr3{ border: 0; margin: 0 0 0 11px; float: none;}
  div#popik p{ margin: 8px; }
  a#closebtn{  cursor: pointer; float: right; /*display: block; padding: 0px 3px; font-weight: bold; background-color: #A92F00; border: 1px solid gray; border-right: 0; border-top: 0; color: white; text-align: center; width: 10px;*/}
  a#closebtn:hover{text-decoration: none; background-color: white; color: black;}

.file{ background: transparent url(/img/i-blank.gif) no-repeat 0% 0; padding: 4px 0 4px 25px;  line-height: 2em;}
.pdf{ background: transparent url(/img/i-pdf.gif) no-repeat 0 0; padding: 4px 0 4px 25px; line-height: 2em;}
.doc, .txt, .rtf{ background: transparent url(/img/i-doc.gif) no-repeat 0 0; padding: 4px 0 4px 25px; line-height: 2em;}
.xls{ background: transparent url(/img/i-excel.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; line-height: 2em;}
.zip, .rar{ background: transparent url(/img/i-archiv.gif) no-repeat 0% 0; padding: 4px 0 4px 25px;line-height: 2em; }
.jpg, .peg, .png, .gif, .bmp, .tif{ background: transparent url(/img/i-pic.gif) no-repeat 0% 0; padding: 4px 0 4px 25px;line-height: 2em; }
.avi, .mpg, .mov, .asf, .ram{ background: transparent url(/img/i-video.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; line-height: 2em;}
.mp3, .wav, .mid{ background: transparent url(/img/i-audio.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; line-height: 2em;}

}