@media screen, projection, tv{
html,body{ color: Black; background: White url(../img/back.jpg) repeat-x;  margin: 0; padding: 0;}
html,body, input, textarea, select, table{ font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, 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.hlavni, h2.hlavni{ font-size: 1.7em;  margin: -10px 0 .6em -20px; width: 711px; font-weight: normal; line-height: 1.2em; color: White; background: transparent url(../img/h1.jpg) no-repeat; padding: 16px 7px 16px 53px;  }
h1,h2{ font-size: 1.7em;  margin: 1.4em 0 .6em 0;line-height: 1.2em; font-weight: normal; color: #118852; font-weight: normal;  }
h3{ font-size: 1.3em; margin: 1.4em 0 .6em 0; line-height: 1.2em; color: #118852;}
h4{ font-size: 1.1em;  margin: 1.4em 0 .6em 0; line-height: 1.2em; color: #118852;}
a{ color: #118852; }
a:hover{ color: Black; }
input, textarea{ border: 1px solid #959595; color: black; background: white url(../img/input.gif) repeat-x; padding: 5px; }
input, textarea, select{ margin: 2px 0; }
.obr, .obr2, .obr3{ border: 10px solid #CFCFCF; }
.input.btn, .btn{ background: #158A55 url(../img/btn.gif) no-repeat; color: White; text-transform: uppercase; text-align: center; padding: 6px 25px; font-weight: bold; border: 0; }

#base{ margin: 0 auto; text-align: left; width: 997px; font-size: .75em; position: relative; line-height: 1.4em; }
#head{ background: transparent url(../img/top.jpg) no-repeat; }
#head p{ color: black; background-color: white; font-size: 1.2em; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 0; font-weight: bold;}
#head p span, #head p{ width: 215px; height: 95px; }
#head a{ color: black; background-color: white;text-decoration: none; }
#head p span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/logo.jpg) no-repeat; color: black; }

#main{ width: 997px; clear: both; padding: 0 11px 0 9px;background: transparent url(../img/left.jpg) no-repeat 9px 0; }
#left, #stred, #right{ float: left; display: inline; overflow: hidden;}
#left{ width: 206px; margin-left: -977px;  }
#stred{ margin-left: 206px; width: 771px; padding-top: 283px; background: transparent url(../img/top/01.jpg) no-repeat; }
.headerimage1{ background: transparent url(../img/top/01.jpg) no-repeat !important; }
.headerimage2{ background: transparent url(../img/top/02.jpg) no-repeat !important; }
.headerimage3{ background: transparent url(../img/top/03.jpg) no-repeat !important; }
.headerimage4{ background: transparent url(../img/top/04.jpg) no-repeat !important; }
.headerimage5{ background: transparent url(../img/top/05.jpg) no-repeat !important; }

#right{ width: 190px;  }
#plocha{ padding: 10px 20px 25px 20px; }

#index #main{ width: 997px; clear: both; background-image: none; padding: 0; }
#index #stred{ margin: 0; width: 997px; padding: 0; background: transparent none; }
#index #plocha{ padding: 0 0 0 0; width: 997px; }

#submenu h3{ color: White; background: black url(../img/lh3.jpg) no-repeat; margin: 0; padding: 15px 18px; font-size: 1.7em; font-weight: normal; line-height: 1.25em; }
#submenu ul{ margin: 0; padding: 0; background: Black; padding-bottom: 8px; list-style-type: none;  border-top: 1px solid #313131; }
#submenu a{ display: block; text-decoration: none; color: #888888; padding: 7px 3px 7px 33px; line-height: 1.25em; font-size: .9em; background: #1E1E1E url(../img/m.gif) no-repeat 0 -93px; border-bottom: 1px solid #313131; width: 170px; }
#submenu a:hover{ background-color: Black; background-position: 0 0; color: #118852;}

#pata{ clear: both; width: 927px; background: White url(../img/pata.jpg) no-repeat; padding: 6px 35px 15px 35px; color: #989898; font-size: .85em;  }
#pata p{ margin: 0; text-align: right; padding: 20px 0; }
#pata a{text-decoration: none; color: #989898;  }
#pata a span{ text-decoration: underline;color: #118852; }

#menu{ width: 600px; position: absolute; left: 214px; top: 0; }
#menu table{ border-left: 1px solid #F5F5F5; }
#menu td{ width: 92px;  vertical-align: middle; background: transparent url(../img/nav2.jpg) no-repeat 0 0; height: 95px; behavior: url(/styly/hover.htc); }
#menu a{text-decoration: none;  display: block; width: auto; padding: 35px 10px 44px 10px; width: 72px; font-weight: bold; color: #118852; text-align: center; line-height: 1.3em;  }
#menu .dvaradky a{ padding: 27px 10px 36px 10px; }
#menu a:hover, #menu td:hover a, #menu td.hover a{ color: Black; }
#menu td:hover, #menu td.hover{ background-position: -92px 0; }
#menu ul{ position: absolute;margin: 0; display: none; padding: 0; left: 0px; top: 95px; width: 206px; list-style-type: none; background: Black; padding-bottom: 8px; border-top: 1px solid #313131;}
#menu div{ position: relative;  height: 95px;}
#menu ul a{ display: block; text-decoration: none; color: #888888 !important ; padding: 7px 3px 7px 33px !important ; font-weight: normal; text-align: left; line-height: 1.25em; font-size: .9em; background: #1E1E1E url(../img/m.gif) no-repeat 0 -93px; border-bottom: 1px solid #313131; width: 170px; }
#menu ul a:hover{ background-color: Black; background-position: 0 0; color: #118852 !important ; }
#menu td:hover ul a{ color: #888888; }
#menu td:hover ul, #menu td.hover ul{ display: block; }

#mutace{ position: absolute; left: 783px; top: 10px; }
#mutace a{ text-decoration: none; font-weight: bold; }
#mutace span{ text-decoration: underline; }
#mutace img{ vertical-align: middle; margin-right: 7px; }

.search{ position: absolute; left: 783px; top: 40px; }
.search .pole{ border: 1px solid #959595; color: #959595; background: white url(../img/input.gif) repeat-x; margin: 0; width: 123px; padding: 6px;  color: #959595;}
.search .xbtn{ width: 63px; height: 30px; border: 0; padding: 0; margin: 0; }

#plocha ul{ margin-left: 1.2em; }
.seznam{ list-style-type: none; }
.seznam li, #plocha ul li{  padding: .2em 0 .2em 12px; }
.rozcestnik{ font-weight: bold; }
.rozcestnik ul{ font-weight: normal; }

#uvod{ background: transparent url(../img/stred.jpg) no-repeat; height: 265px; padding: 1px 35px 0 786px; }
#uvod h2{ margin: 0; color: White; padding: 24px 0 20px 0; }
#uvod p{ color: #808080; font-size: .9em; line-height: 1.3em; margin: 0; }

.rozces{ width: 252px; height: 226px; background: #0F683F url(../img/i1.jpg) no-repeat 0 0; float: left; display: inline; cursor: pointer; position: relative; }
.i2{ background-image: url(../img/i2.jpg); width: 253px; }
.i3{ background-image: url(../img/i3.jpg); width: 251px; }
.i1{ margin-left: 10px; }
.rozces:hover{ background-position: 0 -226px; }
.rozces h1{ margin: 0; color: White; padding: 16px 19px 0 19px; font-size: 1.25em; font-weight: bold;}
.rozces p{ font-size: .8em; margin: 0; color: #9FDDC0; padding: 0px 19px; }
.rozces span{ display: block; margin-top: 142px; padding-left: 47px; font-size: .9em; }
.rozces a{ color: #8EC7AD; }
.rozces p.overbox{ color: #198C58; padding: 5px 19px; line-height: 1.4em; font-size: .9em; position: absolute; left: 0; top: 132px;  display: none;}
.rozces:hover p.overbox{ display: block; }


#nov{ width: 220px; background: White url(../img/nov.jpg) no-repeat; float: left; display: inline;  }
#nov h2{ margin: 0 0 15px 0; padding: 16px 18px; }
#nov p{ margin: 0; padding: 0 18px; font-size: .9em; }
#nov strong{ display: block; font-size: 1.8em; color: #118852; font-weight: normal; }
#nov strong span{ color: #949494; }
#nov p.vice{ padding: 1px 18px 20px 18px; }
#nov p.vice a{ background: transparent url(../img/vice.gif) no-repeat; padding: 2px 0 4px 25px; }
.arch{ font-weight: bold; float: right; font-size: .9em; margin: 20px 12px 0 0; padding-left: 12px; background: transparent url(../img/x.jpg) no-repeat 0 6px; }

div.potvrzeni{ width: 230px;  padding: 10px; z-index: 100; background-color: #ECECEC; top: 100px; left: 40%; color: black; text-align: center; font-weight: bold; position: absolute;  border: 1px solid silver; border-bottom: 2px solid gray; border-right: 2px solid gray; }
div.potvrzeni p{ padding: 5px 0 10px 0; margin: 0; }
div.potvrzeni 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 #E1E1E1; border-collapse: collapse; margin: 12px 0; width: auto; line-height: 1.2em; }
table.tab th{ color: black; background: transparent url(../img/th.jpg) repeat-x; padding: 15px 7px; font-weight: bold; text-align: center; border: 1px solid #E1E1E1; }
table.tab td{ border: 1px solid #E1E1E1; padding: 4px 7px; background: white; }
tr.sec td{ background-color: #F7F7F7;  }
.formik th{ text-align: right; padding: 2px 10px 2px 0; border: 0; vertical-align: top; }
.formik td{ padding: 2px 5px; border: 0;  }

.plnasirka{ width: 530px; }
#plocha form{ background: #F7F7F7; padding: 15px; }

  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;}
.lomic{ height: 0; }

}