body{font-family:arial,sans-serif; color:#ccccff; background-color:#999999; margin:0px}

#datum{background-color:#003399;padding:4px 16px 3px 2px;color:#6699ff;text-align:right;font-size:smaller}
#skola{background-color:#003399;padding:4px 2px 3px 16px;color:#6699ff;text-align:left;font-size:small}

#logo{margin:0px 8px;border:0px}
.line{width:2px;background-color:#6666ff}


#menu{}

#menu a{color:#ccccff;background-color:#003399;text-decoration:none;border:solid #6699ff 1px;padding:4px 8px;width:154px;display:block;position:relative;top:16px}
#menu a:hover{color:#ffffff;background-color:#6699ff;border:solid #ffffff 1px;}

h1{font-size:medium;margin:4px 0px 12px 24px}

.text{line-height:1.3;text-align:justify}
.text a{color:#6699ff;text-decoration:underline}
.text a:hover{#color:ffffff;text-decoration:none}
.text img{border:solid #eeeeee 1px;margin:8px 16px 0px 0px}
.popis{font-size:x-small;vertical-align:top;text-align:center;padding:2px 12px 4px 0px}


.skupina{color:#dd0000;background-color:#000099;font:bold;text-align:left;padding-left:6px}
.odbor a{color:#ccddff;text-decoration:underline;font:bold}
.odbor a:hover{#color:ffffff;text-decoration:none;}

.form{background-color:#f4f4ff;border:solid #666666 1px;padding:2px 4px;text-align:top;height:18pt}

.links{border:solid #ccccff 1px;padding:2px 8px;line-height:1.3;text-align:center}
.links a{color:6699ff;text-decoration:underline}
.links a:hover{color:#ccccff;text-decoration:none}


div.clRam{border:dotted #003399 2px;width:567px}
td.clTop{padding:2px 12px;background-color:#003399;border-top:solid #0033cc 1px;border-bottom:solid #000099 1px}
td.clText{padding:2px 8px;text-align:justify;line-height:1.3}
.clRam a{color:#6699ff;text-decoration:none} .clRam a:hover{#color:ffffff}

.ciara{height:1px;width:94%;margin:1px;background-color:#6699cc;color:#6699cc}
#copy{font-size:x-small;color:#6699ff;text-align:center;line-height:2;padding:4px}
#copy a{color:#6699ff} #copy a:hover{color:#ccccff; text-decoration:none}