@media screen, projection, tv{
html,body{ background: White;  margin: 0; padding: 0;}
html,body, input, textarea, select, table{ font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif;color: Black;  }
/*    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;
*/
html{ background: #DDD1BB; }


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; line-height: 1.2em; color: #5F1616; }
h2{ font-size: 1.5em;  margin: 1.4em 0 .6em 0;line-height: 1.2em; color: #5F1616; }
h2.hlavni{ background: #ECE7E5; color: #5F1616; padding: 5px 22px; font-size: 1.5em; text-transform: uppercase; margin: 0; }
h3{ font-size: 1.3em; margin: 1.4em 0 .6em 0; line-height: 1.2em;color: #5F1616; }
h4{ font-size: 1.2em;  margin: 1.4em 0 .6em 0; line-height: 1.2em; color: #5F1616;}
a{ color: #560808; }
a:hover{ color: #970000; }
input, textarea{ border: 1px solid black; padding: 2px; }
input, textarea, select{ margin: 2px; }

#cont{ font-size: .73em; }
#base{ margin: 0 auto; text-align: left; width: 997px; position: relative; line-height: 1.25em; padding-top: 68px; }
	#head{position: absolute; z-index: 15;}
	#head p{font-weight: bold;  font-size: 1.2em; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 0; }
#head p span, #head p{ width: 370px; height: 152px; }
#head a{ text-decoration: none; }
#head p span{ position: absolute; cursor: pointer; top: 0; left: 0;  color: black; top: -1000px; left: -1000px; }

	.slideshow{height: 283px; position: relative; overflow: hidden;}
	.slide{position: absolute; left: 0; top: 0; bottom: 0; right: 0;}
	
	
#main{ width: 997px;  }
#left, #stred, #right{ float: left; display: inline; }
#left{ width: 232px; margin-left: -997px; padding: 0 0 0 0; margin-top: -80px; position: relative; z-index: 15;  }
#stred{ margin-left: 232px; width: 569px;  overflow: hidden; }
#right{ width: 180px;  overflow: hidden; padding: 0 8px 10px 8px; margin-top: -80px; position: relative; z-index: 15; }
#plocha{ padding: 10px 22px; }

#pata{ clear: both; width: 100%; background: #DDD1BB; }
#pata-in{ margin: 0 auto; width: 997px; }
#pata p{ margin: 0; padding: 0; color: #550707; font-size: .9em; padding: 15px 18px; text-align: right;  }
#pata a{text-decoration: none; color: #550707; }
#pata a span{ text-decoration: underline; }
#pata img{ vertical-align: middle; }

#menu{ width: auto; padding: 0 0 0 18px; }
#menu ul{ margin: 0; list-style-type: none; width: 205px;  }
#menu li{width: auto; padding-bottom: 0;  behavior: url(/styly/hover.htc); background: White;   }
#menu span{ position: relative; display: block; }
#menu a{text-decoration: none;  display: block; width: 170px; padding: 5px 10px 5px 25px; color: #550707;border-bottom: 1px solid white; font-weight: bold; background: #EEE2C5 url(../img/m.gif) no-repeat 0 .8em;  }
#menu a:hover, #menu li:hover a, #menu li.hover a{ background-color: #FFDEAF; color: #960000; }
#menu ul ul li{  border-left: 1px solid white; }
#menu ul ul{ position: absolute; left: 205px; top: 0; display: none; }
#menu ul ul a{ background-image: none; padding: 5px 10px; width: 185px; font-weight: normal; background: #FFDEAF; color: #550707 !important ;}
#menu ul ul a:hover,#menu ul ul ul a, #menu ul ul li:hover a, #menu ul ul li.hover a{ background-color: #FFC77C; color: #960000 ;}
#menu ul ul a:hover,#menu ul ul ul a:hover{ color: #960000 !important; }


#menu li:hover ul,#menu li.hover ul{ display: block; }
#menu li:hover ul ul,#menu li.hover ul ul{ display: none; }
#menu ul ul li:hover ul,#menu ul ul li.hover ul{ display: block; }



.clanek{ margin-bottom: 6px; }
.clanek p{ margin: 0; padding: 7px 30px; }
.clanek p.datum{ color: #A37A5E; padding: 0; font-size: .9em; }
.clanek-in{ border: 3px solid #EFECE5; padding: 5px 0 5px 0;  }
.clanek p.info{ background: transparent url(../img/cara.gif) repeat-x 0 0; font-size: .9em; padding-right: 20px; clear: both; padding-top: 6px; }
.text{ padding: 0 20px 7px 0; margin-left: 30px; }
.clanek img.obr{ float: left; margin: 0 25px 10px 30px; }
.clanek h3{ margin: 5px 20px 10px 30px; }
.clanek h3 a{ color: #EA890D; }
.text img{ margin-left: 5px; }

.box{margin: 20px 0 20px 18px;}
.anketa{ background: #FFDEAF; margin: 20px 0 20px 18px; width: 205px; padding-top: 10px; }
.anketa h3{ margin: 0; font-size: 1em; color: #8F0101; margin: 0 15px 0 18px; }
.anketa form{ font-size: .85em; padding: 5px 14px 5px 14px; }
.anketa h4{ margin-bottom: 0; }
.anketa label{ display: block;  }
.anketa p{ margin: 1px 0; }
.anketa p span{ display: inline; float: right; text-align: right; width: 50px; color: #550707;}
.anketa img{ margin-left: 2px; vertical-align: middle; height: 7px; }
.anketa input.bezramu{ background: transparent none; }
.bar1 img, .bar5 img, .bar9 img{ background-color: #EA890D; }
.bar2 img, .bar6 img, .bar10 img{ background-color: #EA890D; }
.bar3 img, .bar7 img, .bar11 img{ background-color: #EA890D; }
.bar4 img, .bar8 img, .bar12 img{ background-color: #EA890D; }
.anketa .btn{ font-size: 1.1em; }

.btn{ border: 0; background: #B44705 url(../img/btn.gif) repeat-x; font-weight: bold; color: white; text-decoration: none; padding: 1px 10px; }

#down{ text-align: center; color: #A37A5E; padding-left: 39px; font-size: 1em; padding: 10px 0 10px 39px; }
#down a{ color: #A37A5E; margin: 0 3px; text-decoration: none; }


#rss a{ background: transparent url(/img/RSS.png) no-repeat; padding-left: 19px; color: #FD7829; font-weight: bold; }


#plocha ul{ margin-left: 1.2em; }
.seznam{ list-style-type: none; }
.seznam li{ list-style-type: none; background: transparent url(../img/li.gif) no-repeat 0 .7em; padding: .2em 0 .2em 12px; }

#nav{ position: absolute; left: 0; top: 38px; width: 997px; border-bottom: 4px solid #B64905; z-index: 10;  }
#nav ul{ margin: 0; list-style-type: none; width: 989px; margin: 0 4px;  height: 24px; background: transparent url(../img/nav2.gif) no-repeat 100% 0;}
#nav li{ float: left;behavior: url(/styly/hover.htc); }
#nav a{ display: block; color: White; font-weight: bold; text-decoration: none; text-align: center; width: 103px; font-size: .9em; background: #BA4E04 url(../img/nav.gif) no-repeat; line-height: 1.25em; padding: 5px 0; }
#nav a:hover, #nav a.aktivni, #nav li:hover a, #nav li.hover a{ color: #FFDEAF; background-position: -103px 0; }
#nav span{ position: relative; display: block; }

#nav ul ul{ position: absolute; left: 0px; top: 23px; display: none; width: 170px; margin: 0; background: white url(../img/nav4.gif) no-repeat; padding-top: 7px; height: auto; }
#nav ul ul li{ float: none; padding-bottom: 1px; }
#nav ul ul a{ padding: 2px 10px 2px 20px; width: 140px; font-weight: normal; background: #B44704 url(../img/nav3.gif) no-repeat 0 .6em !important ; color: white !important; text-align: left; font-size: 1.1em;}
#nav ul ul a:hover,#nav ul ul ul a, #nav ul ul li:hover a, #nav ul ul li.hover a{ background-color: #8C2800 !important ; color: #FFDEAF ;}
#nav ul ul ul{ left: 170px; top: 0; padding: 0; border-left: 1px solid white; background: white none; }
#nav ul ul ul a{ background-image: none !important; padding-left: 10px; width: 150px; }
#nav ul ul a:hover,#nav ul ul ul a:hover{ color: #FFDEAF !important; }

#nav li:hover ul,#nav li.hover ul{ display: block; }
#nav li:hover ul ul,#nav li.hover ul ul{ display: none; }
#nav ul ul li:hover ul,#nav ul ul li.hover ul{ display: block; }

#topnav{ position: absolute; left: 105px; top: 5px; font-size: .9em; }
#topnav ul{ margin: 0; padding: 0; list-style-type: none; }
#topnav  li{ float: left; }
#topnav a{ display: block; font-weight: bold; color: #970000; margin: 0 12px 0px 0; padding: 2px 2px 2px 10px; background: transparent url(../img/topnav.gif) no-repeat 0 .65em; }

#search{ position: absolute; right: 20px; top: 93px; width: 148px; font-size: .9em; background: transparent url(../img/lupa.jpg) no-repeat 100% 0; padding: 13px 0 0 0; }
#search input{ width: 138px; border: 1px solid #C3BDBD; padding: 1px 0; }
#search select{ width: 138px; }
#search h3{ color: #5F1616; font-size: 1em; margin: 5px 3px; }
#search p{ margin: 2px 0; text-align: right; padding:  0 8px 0 0; }
#search .xbtn{ width: 33px; height: 16px; border: 0; padding: 0; cursor: pointer; }

.rbox{ margin-bottom: 30px; }
.rbox h3{ background: #EA890D; margin: 0; padding: 5px 15px; color: white; text-transform: uppercase; line-height: 1.25em; font-size: 1em; }
.akt{margin: 12px 0; }
.akt p{ margin: 1px 0; font-size: .9em; line-height: 1.2em; }
.akt p.datum{ color: #EA890D; font-weight: bold; padding-left: 3px; border-left: 5px solid #EA890D; padding: 2px 3px; margin: 0; }
.akt h4{ font-size: 1em; margin: 2px 0 4px 0; color: #550808; }
.akt h4 a{ text-decoration: none; }
.akt p.vice{ text-align: right; background: White url(../img/cara.gif) repeat-x 0 100%; padding-bottom: 1px; }

.rbox2 h3{ background: #E0AC72; margin: 0; padding: 5px 10px; color: white; text-transform: none; font-size: 1em; }
.rbox2 p.datum{ color: #550808; border-color: #550808; }
.rbox2 h4{ font-weight: normal; }
.rbox2 h4 a{ text-decoration: underline; font-size: .9em; }

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 white; border-collapse: collapse; margin: 12px 0; width: auto; line-height: 1.2em; }
table.tab th{ color: White; background-color: #024074; padding: 4px 7px; font-weight: normal; text-align: left; border: 1px solid white; }
table.tab td{ border: 1px solid white; padding: 4px 7px; background: transparent; }
tr.sec td{ background-color: #DFEEFF;  }
.formik th{ text-align: right; padding: 2px 10px 2px 0; border: 0; vertical-align: top; }
.formik td{ padding: 2px 5px; border: 0;  }

.plnasirka{ width: 640px; }

  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; }

}