body { 
  background: #C2CEEC; 
  background-repeat: repeat-x;
  padding:0; margin:0; font-family: "trebuchet ms", sans-serif; color: #505050; font-size: 95%; min-width: 770px;
}

#page{
  width: 760px;
  border: 1px solid #81A0DA;
  margin-left: auto;  margin-right: auto;
  background: white;
  margin-top: 8px;
}

#vrch { 
  background: url('/imgs/vrch.png');
  background-repeat: no-repeat;
  height: 80px; 
  width: 100%; 
  font-size: 14px;
}

#menu { height: 20px; width:760px; padding-top: 60px; font-size: 14px; }
#menu ul { list-style-type: none; position: absolute; margin:0px; }
#menu ul li { text-align: center; width:100px; height:20px; }
#menu ul li a { text-decoration:none; line-height:20px; color: #ffffff; display: block; border-right: 1px solid white;}
#menu ul li a:hover { background-color: #4949b9; border: none; color: #ffff66; border-right: 1px solid white; }

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

#content { width: 100%; padding: 0px; }
#content table,tr,td { padding: 0px; border: 0px; margin: 0px; border-spacing: 0px; vertical-align: top; }

#contentcolumn { margin-left: 10px; margin-right: 10px; }
#contentcolumn p { text-align: justify; }

#leftcolumn{ margin-left: 10px; font-size: 80%; text-align: justify; margin-right: 10px; margin-bottom: 10px; }
#leftcolumn ul { list-style-type: none;  margin: 0px; width: 100%; padding: 0px; }
#leftcolumn ul li { text-align: left; width:100%; }
#leftcolumn ul li a { text-decoration: none; display: block; border-bottom: 1px solid #505050; color: #505050 }
#leftcolumn ul li a:hover { background-color: #C2CEEC; }

#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(/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(/imgs/heading-foto.gif) top left no-repeat; }

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

#footer { padding-left:2%; font-size:60%; margin-top: 9px; background: white; text-align: center; color: #6170BA; }

.edit { clear: both; }
.edit a { display:block; border:1px solid #b6140d; padding:0 2px; font-size:80%;  line-height: 95%; width:8em; color:#b6140d; text-decoration:none; }
.edit 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 { border: dotted blue 1px; }

#contentcolumn thead { background: #919191; }

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

#contentcolumn tbody { background: #DDDDEE;}

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

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

#contentcolumn table.login { border: 1px solid blue; }
#contentcolumn table,td,tr { margin: 2px; padding: 2px; border: 2px; border-spacing: 2px; vertical-align: top; }

#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; 
  text-transform: uppercase; 
  font-family: serif;
  font-weight: bold;
  font-style: italic;
}

div.zoznam a { text-decoration: none; }
div.zoznam a:hover { text-decoration: none; color: red; }

#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 { 
margin: 4px 6px 4px 4px;
float: left; clear:both; 
}
div.image-right { 
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; color: black; }

#bottom {
  text-align: center;
  font-size: 90%;
  color: #1166DD;
  margin-top: 5px;
}

#bottom a { color: #1166DD; text-decoration: none;  }
#bottom a:hover { color: #003399; }