@media screen, projection, tv{
html,body{ color: Black; 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;
*/
body{ background-color: transparent; padding-bottom: 70px; }
html{
	height: auto; min-height: 100%; 
}

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: .4em 0 1.4em 0; color: #36a7e9;  }
h2{ font-size: 1.2em;  margin: 1.4em 0 .6em 0; }
h3{ font-size: 1.1em; margin: 1.4em 0 .6em 0; }
h4{ font-size: 1em;  margin: 1.4em 0 .6em 0; }
a{ color: #4F96CC; }
a:hover{ color: Black; }

#base{ margin: 0 auto; text-align: left; width: 770px; font-size: .90em; position: relative; }
#head{ position: relative; } 

.ke_stazeni {border-collapse: collapse; font-size: 0.8em;}
.ke_stazeni td {border: solid 1px black; padding: 2px;} 
.ke_stazeni th {border: solid 1px black; padding: 2px; background-color: #d2e5f4; text-align: center;} 


form { font-size: 12px; }
input, textarea{ background-color: #d2e5f4; border: 1px solid #4f96cc; padding: 0px ; margin: 1px 0; }
.tlacitko{
	background-color: #187ecc;
	/* border-top: 1px solid #a1b9cc;
	border-left: 1px solid #a1b9cc;
	border-bottom: 1px solid #23435c;
	border-right: 1px solid #23435c; */
	border:1px outset #187ecc;
	padding: 0px 6px; margin-top: 2px; 
	font-size: 1em; color: White;
	font-weight: bold;
}

#main{ padding-top: 5px; width: 525px; padding-left: 245px; }
#plocha{ padding: 5px 100px 0px 60px; }
.gal td{ padding: 7px 0; }

#left { position: absolute; top: 145px; }

#menu ul{ list-style-type: none; margin: 0; }
#menu a, #menu span{ width: 233px; height: 31px; display: block; overflow: hidden; }
/*#menu a.m1, #menu .m1 span{ height: 29px; }*/
#menu li{ padding: 5px 0; }
#menu a{ position: relative; } 
#menu span{ position: absolute; top: 0; left: 0; cursor: pointer;  }
#menu a.m0 span{ background: transparent url(../img/m0.gif) no-repeat 0 0; }
#menu a.m1 span{ background: transparent url(../img/m1.gif) no-repeat 0 0; }
#menu a.m2 span{ background: transparent url(../img/m2.gif) no-repeat 0 0; }
#menu a.m3 span{ background: transparent url(../img/m3.gif) no-repeat 0 0; }
#menu a.m4 span{ background: transparent url(../img/m4.gif) no-repeat 0 0; }
#menu a.m5 span{ background: transparent url(../img/m5.gif) no-repeat 0 0; }
#menu a.m6 span{ background: transparent url(../img/m6.gif) no-repeat 0 0; }
#menu a.m7 span{ background: transparent url(../img/m7.gif) no-repeat 0 0; }
#menu a.m8 span{ background: transparent url(../img/m8.gif) no-repeat 0 0; }

#menu a.m1e span{ background: transparent url(../img/m1e.gif) no-repeat 0 0; }
#menu a.m2e span{ background: transparent url(../img/m2e.gif) no-repeat 0 0; }
#menu a.m3e span{ background: transparent url(../img/m3e.gif) no-repeat 0 0; }

#menu a:hover span{ background-position: -233px 0; }
/* #menu a:hover{ color: #70B2E5; background-color: #1B4768; }  */


#credits p{ padding-top: 0; margin-top: 0; }
#credits h4{ padding-bottom: 0; margin-bottom: 0; }

.prihlaseni { width: 233px; }
.prihlaseni a{ width: 0px; height: 0px; }
.prihlaseni table{ width: 233px; }

div.potvrzeni{ width: 230px;  padding-bottom: 10px; background-color: #87CEFA; top: 100px; left: 30%; color: black; 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 #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: right; padding: 2px 10px 2px 0; border: 0; }
.formik td{ padding: 2px 5px; border: 0;  }

#pata a{text-decoration: none; }
#pata a span{ text-decoration: underline; }

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

}