@media screen, projection, tv{
html,body{ background: White;  margin: 0; padding: 0; color: #00297B; height: 100%;}
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;
*/

h2{ color: #CC0000; margin: 1em 0 1.5em 0; font-size: 1.4em; }
h3{ margin: 1.5em 0 .7em 0; font-size: 1.15em; }
h4{ margin: 1em 0 .2em 0; font-size: 1.1em; }
a{ color: #CC0000; }
a:hover{ color: #143A8C; }
.obr, .obr2, .obr3, .center-block{ border: 3px solid #D4DBE5; }
.red{ color: #CC0000 !important; }
input, textarea, select{ background-color: #EEF0F7; border: 1px solid #003399; margin: 2px 0; padding: 1px;  color: #003399; }
select{ padding: 0; }
.btn, .button{ background-color: #003399; color: White; padding: 1px 10px; cursor: pointer; border: 1px solid silver; border-bottom: 2px solid gray;  border-right: 2px solid gray; }
a.btn{ color: White; background-color: #CC0000; text-decoration: none; }


#cont{ font-size: .8em;  position: relative; height: 100%; min-height: 100%; }
html>body #cont{ height: auto; }
#base{ width: 963px; margin: 0 auto; position: relative; }
#head{ height: 159px; border-bottom: 1px solid white; background: White url(../img/top.gif) no-repeat 0 100%; padding: 1px 0 0 0;}
#head h1{ color: White; background-color: white; font-size: 1.2em; position: relative; overflow: hidden; line-height: 1.2em; margin: 36px 0 0 0px; }
#head h1 span, #head h1{ width: 156px; height: 50px; }
#head a{ background-color: white; color: #003399; text-decoration: none; }
#head h1 span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/logonew.gif) no-repeat; color: White; }
#top{ background: #0F3382 url(../img/pic3.jpg) no-repeat 180px 0;  border-bottom: 1px solid white; height: 186px; }
#top img, #top object{ border-right: 1px solid white; display: block; }
#top .adresa{float: right; width: 182px; color: White; font-style: normal; font-size: .9em; line-height: 1.3em; padding: 11px 0 10px 15px; border-left: 1px solid white; }
#top .adresa a, #top .adresa a:hover{ color: White; text-decoration: none; }
#nav img{ float: left; }
#nav{ background-color: #0F3382; width: 963px; }
#nav h3{ padding: 7px 10px 7px 10px;  margin: 0; float: left; color: white;  font-size: 1em; line-height: 1.25em; border-right: 1px solid white; }
#nav ul{ list-style-type: none; margin: 0; padding: 0; }
#nav li{ float: left; }
#nav ul a{ padding: 7px 0 7px 0; width: 2.2em; border-right: 1px solid white; text-align: center; line-height: 1.22em; display: block; color: White; font-weight: bold; background-color: #0F3382; text-decoration: none; }
#nav ul a:hover{ background-color: #C40101; color: White; }
#nav .ban{ display: inline; float: left; color: White; text-decoration: none; background: #C40101 url(../img/m2.gif) no-repeat 10px 12px; width: 142px; border-right: 1px solid white; font-size: .85em; padding: 9px 5px 8px 32px; line-height: 1.2em; font-weight: bold; text-transform: uppercase; }
#nav a{ color: white; }

#menu{ width: 179px; }
#menu ul{ list-style-type: none; margin: 0; padding: 0; background-color: #0F3382; }
#menu li{ border-bottom: 1px solid white; display: block; padding: 0; margin: 0; line-height: 1.3em; }
#menu a{font-weight: bold; display: block; width: 142px; padding: 4px 5px 4px 32px; color: white; text-decoration: none; font-size: .85em; background: #0F3382 url(../img/m.gif) no-repeat; text-transform: uppercase; }
#menu .pod a{ background-color: #D4DBE5; color: #183E92; }
#menu a:hover{ background-color: #E5C610; color: #183E92; }
#menu ul ul{ margin: 0 0 0 25px; display: none;  background: #D4DBE5; padding: 0 0 0 0; width: 154px;} 
#menu ul .submenu ul{ display: block; }
#menu ul .submenu a{ background-color: #E5C610; color: #183E92; }
#menu ul .submenu  ul li{ border: 0; }
#menu ul .submenu ul a{ font-weight: normal; text-transform: none; background: #D4DBE5 url(../img/sip.gif) no-repeat 8px -30px; width: 132px; color: #0F3382;  padding: 3px 5px 3px 17px; line-height: 1.2em; }
#menu ul ul a:hover{ color: white;  background: #0F3382 url(../img/sip.gif) no-repeat 8px .7em;}


#main{ width: 963px; padding-bottom: 3em; }
#stred, #left, #right{ float: left; overflow: hidden; display: inline; }
#stred{ margin-left: 180px; width: 783px; }
#left{ width: 180px; margin-left: -963px; border-top: 1px solid white; }
#plocha{ padding: 5px 20px 20px 20px; font-size: .95em; }

#bannery #stred{ margin-left: 180px; width: 585px; }
#bannery #left{ width: 180px; margin-left: -765px;  }
#right{ float: left; width: 198px; margin-top: 0px; position: relative; top: -30px; z-index: 1000; }
#right h3{ color: White;  right: 0; background: #C60000 url(../img/akt.gif) no-repeat 10px 12px; border-left: 1px solid white; text-transform: uppercase; line-height: 1.2em; font-size: .85em; margin: 0 0 10px 0; padding: 9px 5px 8px 32px; }
#right object{ margin: 5px 0 5px 1px; padding: 0 0; display: block; }


#flash{ position: absolute; top: -10px; left: 200px;}
#flash2{ position: absolute; top: 161px; left: 0; width: 180px; }
#flash2 object, #flash2 img{ display: block;  border-right: 1px solid white;}
#mutace{ position: absolute; top: 100px; left: 69px; width: 120px; }
#mutace img{ margin-right: 8px; }

div.potvrzeni{ width: 230px;  padding-bottom: 10px; background-color: #EEF0F7; top: 370px; left: 40%; color: black; text-align: center; font-weight: bold; position: absolute; border: 2px solid gray; border-top: 1px solid silver; border-left: 1px solid silver; }
div.potvrzeni p{ padding: 15px 0 20px 0; margin: 0; }


#pata{ position: absolute; bottom: 0; width: 100%; }
#pata p{ clear: both; width: 943px; margin: 0 auto; background-color: #D4DBE5; color: #2D4F9B; font-size: .75em; border-bottom: 7px solid white; padding: 2px 10px; }

#plocha ul.seznam, #plocha ul{ list-style-type: square; margin: 1em 0 1em 1.5em; }
#plocha .seznam li, #plocha ul li{ padding: 1px 0; }

.ucitele td{ border-bottom: 1px dashed #D4DBE5; padding: 5px 0 2px 0; }

 div#right2{ width: 196px; float: right; margin-left: 45px;  }
.nadpis{ text-align: left; background-color: #10388C; font-weight: bold; font-size: 11px; padding: 0 7px; }
.nadpis a{ color: white !important; text-decoration: none !important ; display: block; padding: 7px 0; }
  div.upout{background: transparent; padding-top: 0px; color: white; font-size: 8pt; cursor: pointer;}
  div.upout span{display: block; background: #143A8C; margin: 1px 0; font-size: 11pt; padding: 2px 5px; color: white;}
  div.upout img{border: 0;}
  div.ramecek{border: 1px solid #143A8C; border-top: 0; margin-bottom: 6px;}
  #plocha  div.ramecek ul{padding: 2px 9px 5px 11px; margin: 0px 11px; margin-left: 11px;  text-align: left;  color: #143A8C;}
  ul.vypis li{ margin-top: 8px; text-align: left; }
  
  
div.new{ text-align: left; border: 1px solid #10388C; padding: 7px 8px; font-size: 11px; background-color: #EEF0F7;  margin-bottom: 6px; font-size: 1em; }
div.new p{ margin: 4px 0; }
div.new input{ background-color: white; padding: 2px; margin-left: 5px; width: 110px; }
div.new input.btn{ width: auto; background-color: #C60000; border: 1px solid #C60000; font-weight: bold; }


.login{ width: 198px; background: #0F3382;  float: right; width: 187px;height: 183px; font-size: 1em; color: White; font-style: normal; font-size: .9em; line-height: 1.5em; padding: 3px 0 0px 10px; border-left: 1px solid white; }
.login p{ margin: 6px 0; }
.login input{ background-color: white; padding: 2px; margin-left: 5px; width: 110px; border: 1px solid #EEF0F7; }
.login input.btn{ width: auto; background-color: #C60000; border: 1px solid #C60000; font-weight: bold; }
.login a{ color: White; }
.login a:hover{ color: #C40101; }
.login h3{ font-size: 1.1em; }


  #plocha div.new ul{ margin-left: 10px; padding-left: 10px; }
.obrbox{ width: 120px; float: right; margin: 1em 0 10px 15px; }
  

  
.fotogal td{ vertical-align: top; }
.fotogal img{ margin-top: 12px; }
  
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: #0F3382; padding: 3px 7px; font-weight: bold; text-align: center; border-right: 0; border-bottom: 0; }
table.tab th.sub{ background-color: #D4DBE5; color: #00297B; text-align: left; }
table.tab td{ border: 1px solid white; border-width: 1px; padding: 3px 7px; background-color:#E6EBF2; }
tr.sec td, tr.row1 td{background-color:  #F9F9F9; }
tr.sec td a{ background-color: transparent; }
#plocha .tab ul{ margin-top: 0; margin-bottom: 0; }
.formik th{ text-align: right; padding: 5px 3px 2px 10px; border: 0; line-height: 1.2em; vertical-align: top; }
.formik td{ padding: 2px 5px; border: 0;  }
.formik input, .formik textarea{
	padding: 2px;
}

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

.fosoba .firma {display:none}
.ffirma .osoba {display:none}
}