@media screen, projection, tv{
html,body{ color: #766C0E; background: #78994c;  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{ font-size: 1.5em;  margin: 1.4em 0 .6em 0; line-height: 1.2em;  }
h2{ font-size: 1.6em;  margin: 1.4em 0 .6em 0;line-height: 1.2em;  }
h3{ font-size: 1.4em; margin: 1.4em 0 .6em 0; line-height: 1.2em; font-weight: normal; }
h4{ font-size: 1em;  margin: 1.4em 0 .6em 0; line-height: 1.2em; }
a{ color: #358298; }
.obr, .obr2, .obr3{ border: 5px solid #F3F1DA; }

#base{ margin: 0 auto; text-align: left; width: 997px; font-size: .8em; position: relative; line-height: 1.4em;  background: transparent url(../img/top3.jpg) no-repeat 5px 0;  }
#head{ height: 196px; }
#head p{ color: black; background-color: white; font-size: 1.2em; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 5px; }
#head p span, #head p{ width: 240px; height: 125px; }
#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/logo2.jpg) no-repeat; color: black; }

#main{ width: 997px; clear: both; background: #F3F1DA url(../img/main.gif) repeat-y; }
#main-in{ background: transparent url(../img/main-top.jpg) no-repeat; width: 997px; }
#left, #stred, #right{ float: left; display: inline; overflow: hidden;}
#left{ width:151px; margin-left: -997px; padding: 9px 0 0 14px;  }
#stred{ margin-left: 165px; width: 527px; padding: 10px 10px;  }
#right{ width: 285px; padding: 10px 0;  }
#plocha{ padding: 0 0; background: White;}

#pata{ clear: both; width: 997px; background: transparent url(../img/main-down.gif) no-repeat; }
#pata p{ margin: 0; padding: 25px 15px 10px 15px; font-size: .85em;color: #C0D5A5; }
#pata a{text-decoration: none; color: #C0D5A5; }
#pata a span{ text-decoration: underline; }

#menu{ width: 150px; background: #D9D5AC url(../img/menu-down.gif) no-repeat 0 100%; padding: 0 0 9px 0;}
#menu h3{ margin: 0; background: #D9D5AC url(../img/menu-top.gif) no-repeat; font-weight: normal; font-size: 1.2em; padding: 8px 12px; }
#menu ul{ margin: 0; list-style-type: none; padding: 0 5px; width: 140px;}
#menu li{width: auto; padding-bottom: 1px;  }
#menu a{display: block; width: 126px; color: White; font-weight: bold; font-size: 1.1em; background: transparent url(../img/m.jpg) no-repeat; line-height: 1.25em; padding: 6px 7px; }
#menu a:hover{ color: #766C0E; }
#menu .rozbal a{ background: #C1B654 none no-repeat; text-decoration: none; padding-bottom: 2px;  color: #A0282A;}
#menu .rozbal a:hover{ color: #A0282A; }
#menu ul ul{ margin: 0; /*background: #C1B654 url(../img/sub2.gif) no-repeat 0 100%;*/ background: #C1B654 ;padding: 0 0 4px 0; }
#menu ul .rozbal ul a{ background: #C1B654 url(../img/sub4.gif) no-repeat 13px -34px; font-size: 1em; color: #A0282A; font-weight: normal; padding: 2px 7px; text-decoration: underline; padding-left: 25px; width: 108px; }
#menu ul .rozbal ul a:hover{ color: #A0282A; background-position: 13px 6px; }


.boxl{ background: transparent url(../img/boxl.gif) repeat-y; width: 151px; font-size: .85em; line-height: 1.3em; margin: 1em 0;}
.boxl-in{ background: transparent url(../img/boxl-down.gif) no-repeat 0 100%; padding-bottom: 12px; }
.boxl h3{ color: #358298; margin: 0; font-size: 1.2em; background: transparent url(../img/boxl-top.jpg) no-repeat; padding: 18px 11px 23px 11px; font-weight: bold; }
.boxl p, .boxl h4, .boxl ul{ padding: 0 11px; margin: .5em 0; }


.rbox{ width: 240px; background: #D9D5AC url(../img/rbox.gif) no-repeat 0 100%; padding: 5px 10px; margin-bottom: 15px; }
.rbox form p{ margin: 2px 0; }
.rbox input{ border: 1px solid #858153; background: white; padding: 3px; width: 196px; color: #858153; }
.rbox a{ color: #58792B; font-size: .9em; }
.rbox .xbtn{ color: White; font-weight: bold; width: 51px; padding: 3px 1px 0 0; height: 54px; cursor: pointer; padding: 0; background: transparent url(../img/btn2.jpg) no-repeat; border: 0; font-size: 1.1em; position: absolute; left: 222px; top: 30px; }
.login{ position: relative; }
.akt p{ line-height: 1.2em; }

table#kalendar { border: 1px solid #D9D5AC; border-collapse: collapse; width: 220px; clear: both; margin: 5px auto 10px auto;  }
#right .kal h3{  text-decoration: none; }
#kalendar td{ border: 1px solid #D9D5AC; background-color: #C1B654; text-align: center; line-height: 1.8em;   color: #554E0B;}
#kalendar .kal-popis-dny td, #kalendar .kal-mesic td{ font-weight: bold; background-color: transparent; color: #554E0B; }
#kalendar  a{ display: block; background-color: #58792B; color: white; text-decoration: none; font-weight: bold;}
#kalendar .kal-mesic a{width: 26px; height: 26px; background: #58792B url(/img/sip-l.gif) no-repeat 0 0; }
#kalendar .kal-mesic a:hover{ background: #554E0B url(/img/sip-l2.gif); }
#kalendar .kal-mesic a.float-right{background-image:  url(/img/sip-r.gif); }
#kalendar .kal-mesic a:hover.float-right{ background: #554E0B url(/img/sip-r2.gif); }
#kalendar td.aktivni{ font-weight: bold; background-color: #58792B; }
#kalendar .sobota, #kalendar .nedele{ background-color: #B3A840; }
#kalendar .kal-mesic a#mesic{ display: inline; color: #554E0B; background: transparent none; line-height: 1.25em; }
#kalendar .kal-mesic a:hover#mesic{ color: #58792B; background: transparent; }



input, textarea{ border: 1px solid #858153;padding: 3px;}
.btn{ background: #69893D; border-color: #69893D; color: White; font-weight: bold; }
#plocha .form p{ margin: 1.3em 0; }

#mutace{ position: absolute; top: 13px; right: 40px; color: black; }
#mutace a{ color: black; }

#right h3{ margin: 0; background: transparent url(../img/menu-top.gif) no-repeat; font-weight: normal; font-size: 1.2em; padding: 8px 12px; }

.prehled{ width: 100%; }
.prehled td{ vertical-align: top; padding: 6px 0px 6px 14px; }

.gal{ width: 210px; float: left; margin: 3px 15px 3px 0; overflow: hidden; }
.gal img{ border: 5px solid #F3F1DA; display: block;}
.gal p{ margin: 0; }
.gal p img{ float: left; display: inline; margin: 1px 1px 0 0; }

h2{ margin: 0; padding: 17px 25px; background: White url(../img/h2.gif) no-repeat; color: #766C0E; font-size: 1.6em; margin-left: 0; }
.boxik{ background: White url(../img/box-down.gif) no-repeat 0 100%; padding: 0 10px 10px 10px; }
.boxik h3{ margin: 2px 0 8px 0; }
.boxik p{ margin: .5em 0; }

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

div.potvrzeni{ width: 230px;  padding-bottom: 10px; z-index: 100; background-color: #87CEFA; 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: 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 #024074; 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-right: 1px solid white; border-bottom: 1px solid white; }
table.tab td{ border: 1px solid #024074; padding: 4px 7px; }
tr.sec td{ background-color: #DFEEFF; color: black; }
tr.sec td a{ background-color: #DFEEFF; }
.formik th{ text-align: left; padding: 2px 10px 2px 0; border: 0; vertical-align: top; }
.formik td{ padding: 2px 5px; border: 0;  }

#mapka{ width: 260px;   margin: 1.3em 0; }
#mapka  ul{ text-decoration: none; margin: 0; padding: 0;  height: 30px; }
#mapka li{display:block;float:left;text-decoration:none;margin:0;}
#mapka a{ background: #577700; border-top: 3px solid #315d01; display: block; padding: 6px 5px 7px 5px; color: #ffffff; font-weight: normal; width: 131px;text-decoration: underline; text-align: center;}
#mapka span{ font-weight: bold; display: block; padding: 6px 5px 7px 5px; color: #ffffff; background: #83b200; border-top: 3px solid #749e00; width: 131px; text-align: center; }
#mapka a:hover{ font-weight: normal; background: #83b200; border-top: 3px solid #749e00; text-decoration: none; }
#mapka .druha a{ background: #577700; border-top: 3px solid #315d01; display: block; padding: 6px 25px 7px 26px; color: #ffffff; font-weight: normal; text-decoration: underline; }
#mapka .druha span{ font-weight: bold; display: block; padding: 6px 24px 7px 25px; color: #ffffff; background: #83b200; border-top: 3px solid #749e00; }
#mapka .druha a:hover{ font-weight: normal; background: #83b200; border-top: 3px solid #749e00; text-decoration: none; }




#mapka img{margin-top:0;border:0;padding:0; display: block;}



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

}