@media screen, projection, tv{
html,body{ color: Black; background: White;  margin: 0; padding: 0; }
html,body, p, input, textarea, select, table{ font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif; }

html{ background: White;  height: auto; min-height: 100%; }
body{ background-color: transparent; padding-bottom: 70px; }
/* body.paticka { background: White url(../img/back.gif) no-repeat 50% 100%;  } */
/* hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; } */

/*hr{ height: 3px; color: #c4c4c4; background: #c4c4c4; clear: both; margin: 15px -10px 15px -10px; padding: 0; border: 0; }
*/
hr { height: 2px; color: #bbbbbb; background: #bbbbbb; clear: both; margin: 20px 0; padding: 0px; border: 0; }
/* #36a7e9 */
ul{ list-style-type: none; padding-left: 20px;}


address{ font-style: normal; display: block; margin: .5em 0; }

table{ border-collapse: collapse; border: 1px solid black; margin: 10px 20px; }

/* table { border: 1px solid #003a66; } */
table th{ background-color: #d2e5f4; padding: 3px; }
.lichy { background-color: White; }
.sudy { background-color: #f6f6f6; }
.sudy input.radio{ background: #f6f6f6; border: 0; }

.sablony td{ padding: 5px; }

h4{ font-size: 1em;  margin: 1.4em 0 .6em 0; }
a{ color: #003a66; }
.navigace{ font-weight: bold; font-size: 1.2em; margin-left: 10px; }
a:hover{ color: Black; }
input, textarea{ background-color: #d2e5f4; border: 1px solid #4f96cc; padding: 1px ; margin: 3px; }
input.radio{ background: white; border: 0; }

select{ background-color: #d2e5f4; border: 1px solid #4f96cc; padding: 0; margin: 2px; }

.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: 3px; 
	font-size: 1em; color: White;
	font-weight: bold;
}

a.tlacitko_odkaz, a:hover.tlacitko_odkaz, a:visited.tlacitko_odkaz {
	background-color: #187ecc;
	padding: 1px 6px;
	margin: 3px; 
	font-size: 1em;
	color: White;
	font-weight: bold;
	text-decoration: none;
	border:1px outset #187ecc;
	width: auto;
}


.prihlaseni table{ width: 270px; }

form table{ margin: 0 40px 0 40px; border: 0px; background-color: White; text-align: left; }
form th{ background-color: White; }
.normalni{ margin: 0px; border: 1px solid;  }
.normalni th{ background-color: #d2e5f4; padding: 3px; }


label{ color: #003a66; font-weight: normal; }

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

/* #head{ background: transparent url(../img/top.gif) no-repeat; height: 100px; padding: 0; margin: 0; position: relative;} */
#head{ height: 100px; background: transparent url(../img/top_barva.gif) repeat-x; margin:0; padding: 0; text-align: left; position: relative;}

h1{ font-size: 2em; font-weight: bold; color: White; margin:0; position: absolute; top: 40px; left: 200px; line-height: 1.1em; }
h2{ font-size: 1.4em; font-weight: bold; padding: 10px 0 10px 0px; margin:0; }
h3{ font-size: 1.2em; font-weight: bold; padding: 10px 0 20px 0; margin:0; }
.chyba{ color: Red; font-weight: bold; font-size: 1.2em; }
.poznamka { font-style: italic; }

#menu_hry{ padding-left: 40px; }
#menu_hry ul{ list-style-type: none; }
#menu_hry li{ padding: 5px; font-weight: bold; font-size: 1.2em; }


#menu{ position: absolute; top: 115px; left: 0px; font-size: 1em; font-weight: bold;}
#menu ul{ list-style-type: none; margin: 0; padding: 0; }
#menu li{ padding: 5px 0; }

#menu a { color: White; width: 233px; height: 25px; display: block; text-decoration: none; background-color: #36a7e9; position: relative; padding: 4px 10px 0 10px; }
#menu a:hover{ color: #36a7e9; background-color: White;  }


/* #main{ background: white padding: 5px 0 10px 0; margin-left: 6px; width: 764px;  } */


.box{ padding: 20px 40px 20px 30px; background: transparent url(../img/carka.gif) repeat-x 100% 100%; }
.box_prihlasovani{ padding: 10px 50px 100px 300px; }

.ramecek { border: 3px solid #c4c4c4; margin: 100px 0 0 0; padding: 20px; }

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


.tisk { padding: 20px; }
.tisk h1{ text-align: left; padding: 10px; font-size: 1.4em; }
.tisk h2{ text-align: left; padding: 10px; font-size: 1.2em; }
.tisk h3{ text-align: left; padding: 10px; font-size: 1em; }

.tisk table{ background-color: white; width: 80%; }
.tisk table th{ background-color: white; text-align: left; }

}