body { background: #FFFFFF; padding:0; margin:0; font-family: "trebuchet ms", sans-serif; color: #505050; font-size: 95%;}

#vrch { 
  background: #006699 url('/files/imgs/top.png');
  background-repeat: no-repeat;
  height: 60px; 
  width: 100%; 
  border-bottom: 1px solid white;
  min-width:880px;
}
#vrch-obr { 
}

#topmenu { height: 24px; width:100%; background: #004477;  min-width:880px; }
#topmenu ul { list-style-type: none; position: absolute; margin:0; }
#topmenu ul li { text-align: center; width:100px; height:24px;  }
#topmenu ul li a { text-decoration:none; line-height:24px; color: #ffffff; display: block; border-right: 1px solid white; }
#topmenu ul li a:hover { background-color: #3131bb; border: none; color: #ffff66; border-right: 1px solid white; } 

a { color: #003399; }
a:hover { color: #1166DD; }

#content { margin: 12px; min-width:850px;}
div#content div#content-helper { width: 555px; }
div#content p { padding:10px 0 0 0; margin:0; }

#contentcolumn { float:left; width:78%; }

#kalendar { }
#kalendar h2 { position:relative; margin:10px 20% 20px 0; padding:0; height:27px; overflow:hidden; }
#kalendar h2 span { display:block; position:absolute; left:0; top:0; z-index:1; width:152px; height:27px; margin:0; padding:0; background:url(/files/imgs/heading-kalendar.gif) top left no-repeat; }
#kalendar .polozka-kalendar { margin: 8px 6px 8px 0px; }
#kalendar .datum-kalendar { color: #999999; }
#kalendar ul { margin:0; padding:0; list-style-type: none; }

#foto { margin-top: 30px; }
#foto h2 { position:relative; margin:10px 20% 20px 0; padding:0; height:27px; overflow:hidden; }
#foto h2 span { display:block; position:absolute; left:0; top:0; z-index:1; width:102px; height:27px; margin:0; padding:0; background:url(/files/imgs/heading-foto.gif) top left no-repeat; }

#rightcolumn {  background: white; float: left; width: 20%; margin-left:2%; min-width:160px; font-size: 80%; text-align: center; }
#rightcolumndark {
  background: #DEDEDE;
  margin-bottom: 10px; 
  width: 100%;
}
#secondarymenu ul { list-style-type:none; margin:0;  padding:0; }
#secondarymenu ul li { padding: 6px 0px; margin: 0px 12px; border-top: 1px solid #ffffff; } 
#secondarymenu ul li#firstitem { border: none; }

.cistic { clear:both; line-height:0px; height:0px; }

#siteindex { font-size:70%; padding: 0 2%; padding-top:15px; border-top: 2px solid #b6140d; min-width:700px; }
#siteindex ul.column { float:left; width:25%; }
#siteindex h2 { position:relative; margin:10px 0 20px 0; width:40%; padding:0; height:27px; overflow:hidden; }
#siteindex h2 span { display:block; position:absolute; left:0; top:0; z-index:1; width:402px; height:27px; margin:0; padding:0; background:url(/files/imgs/heading-zoznam.gif) top left no-repeat; }

#footer { padding-left:2%; font-size:90%; border-top: 1px solid blue; margin-top: 9px; background: white; }

.aedit { clear: both; }
.aedit a { display:block; border:1px solid #b6140d; padding:0 2px; font-size:80%;  line-height: 95%; width:8em; color:#b6140d; text-decoration:none; }
.aedit a:hover {color: #003399; }

#login { color: white; background: #EE9999; position: absolute; left: 0xp; top: 0px; border: 1px dotted red; padding: 3px; font-size: 80%; }
#login a { color: blue; font-weight: bold; }

#contentcolumn table.x { border: dotted blue 1px; }

#contentcolumn thead.x { background: #919191; }

#contentcolumn thead.x td{
  color: #FFFFFF; 
  text-align: center; 
  padding: 3px; 
  text-transform: uppercase; 
}

#contentcolumn tbody.x { background: #DDDDEE;}

#contentcolumn tbody.x tr.dis { background: #FFAAAA;}

#contentcolumn tbody.x td {
  padding: 4px;
  vertical-align: top; 
}

#contentcolumn table.login { border: 1px solid blue; }
#contentcolumn tbody.login { background: #FFFFFF;}

#contentcolumn table.cal { border: 0px;   margin-left: auto;  margin-right: auto; margin-top: 10px; }
#contentcolumn tbody.cal { background: #FFFFFF;}
#contentcolumn td.cal{ color: black; border: 1px solid #CCCCCC; padding: 0px; width: 65px; height: 65px; }
#contentcolumn div.cal_num { font-size: 20px; text-align: center; font-weight: bold; }
#contentcolumn div.cal_names { font-size: 9px; text-align: center; }
#contentcolumn a.cal { display: block; text-decoration: none; border: 0px; }
#contentcolumn a.cal:hover {  }

div.zoznam { 
  clear:both; 
  font-size:12px; 
  margin:0px; 
  border-top: 1px solid gray; 
  border-bottom: 1px solid gray; 
  text-transform: uppercase; 
}

#poem{
  font-weight: bold;
  font-family: Arial,serif;
  width: 100%;
  color: #110077;
}

#poem table { border: 0px; }
#poem table td { background: white; }

#contentcolumn tbody.paredit { background: #EEEEEE;}
#contentcolumn tbody.paredit_dis { background: #AAAAAA;}

#contentcolumn pre { font-size: 120%; }

div.image { font-size:12px; }
div.image-helper { margin: 3px; margin-bottom: 0px; }
div.image div.image-desc { padding: 0px 6px 6px 6px; margin:0; line-height:133%; text-align:center; }
div.image-left { 
border: 1px solid gray; 
background: #CCCCCC; 
margin: 4px 6px 4px 4px;
float: left; clear:both; 
}
div.image-right { 
border: 1px solid gray; 
background: #CCCCCC; 
margin: 4px 4px 4px 6px;
float: right; 
clear:both;
}
div.after-heading { font-style: italic; margin-bottom: 5px; }
div.see-also { clear:both; font-size:12px; margin:9px 0; border-top: 1px solid gray; border-bottom: 1px solid gray; }
div.fotoalbum { width: 100%; text-align: center; border-top: 1px solid gray; }
div.fotoalbum img { border: 1px solid gray; margin: 3px; margin-top: 9px; }

pre { font-size: 12px; background: white; color: black; margin: 0px; padding: 10px; border: 1px solid black; }
code { padding: 0px; margin: 0px; }

table.tabulka {
}

table.tabulka thead tr {
  background: #EEEEEE;
}

table.tabulka thead td {
  border: 1px solid black;
  color: black;
  padding: 10px;
}

table.tabulka tbody td {
  border: 1px solid black;
  vertical-align: top;
  padding: 5px;
}

table.zadania {
  border: 0px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
  width: 100%;
}

table.zadania thead td {
  background: #004477;
  color: white;
  padding: 7px;
  font-weight: bold;
}

table.zadania tbody td {
  background: #F9F9F9;
  vertical-align: top;
  padding: 3px;
}

table.zadania tbody td.left {
  font-weight: bold;
  background: #EEEEEE;
  width: 5em;
}

.cpp1-assembler { }
.cpp1-comment { color: #008000; font-style: italic; }
.cpp1-float { color: #000080; }
.cpp1-hexadecimal { color: #000080; }
.cpp1-character { }
.cpp1-identifier { }
.cpp1-illegalchar { }
.cpp1-number { color: #000080; }
.cpp1-octal { color: #0000FF; }
.cpp1-preprocessor { }
.cpp1-reservedword { font-weight: bold; }
.cpp1-space { color: #008080; }
.cpp1-string { color: #800000; }
.cpp1-symbol { }