body {
  margin: 0px;
  border: 0px; 
  padding: 0px;
  font-family: sans-serif;
  background: url('./imgs/palma_b.png') repeat-x; 
  background-color:#fff;
}

img {
  border: 0px;
}
#topmenu{
  width: 100%;
  height: 100px;
  background: url('/imgs/palma.jpg') no-repeat;

  margin: 0px;
  border: 0px;
  padding: 0px;
  color: white;
  text-align: right;
  font-weight: bold;
}

#topmenu a{ 
  color: #FFFF44; 
  vertical-align: baseline;
  text-decoration: underline;
  border-bottom: none;
}
#topmenu a:hover { 
  color: #FFFFFF; 
}

#pdmenu{
  min-width:540px;
  font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
  position: absolute; top: 77px; left: 0px;
  margin:0px;
  padding:0px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  width: 100%;
  background-color: #153B69;
}

#pdmenu ul { list-style-type: none; }
#pdmenu ul li { position: absolute; left: 0px;padding:0px;top:0px;}
#pdmenu span.cas { color: #ffffff; position: absolute; right:0px; padding: 2px 0px 0px 5px;}
#pdmenu a.main { color:#ffffff; padding: 2px 0px 0px 5px; font-weight:bold; border-left: 1px solid #ffffff; border-right:1px solid #ffffff; display:block; text-decoration: none; height: 19px; }
#pdmenu a.main:hover { background-color: #042040; color: #fffce8; }
#pdmenu a.sub { background-color: #153B69; color:#ffffff; padding: 2px 0px 0px 10px; font-weight:bold; border: 1px solid #ffffff; display:block; text-decoration: none; height: 19px; }
#pdmenu a.sub:hover { background-color: #042040; color: #FFFcE8; }

#content{
  margin-top: 0.8%;
  margin-left: 0.8%; 
}

body,td {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  color: #272727;
}

#righttd {
  width: 19%;
  vertical-align:top;
  text-align:right;
}
#rightmenu { 
  white-space:nowrap;
  background: #EEEEEE;
  /*margin-right: 0.8%;
  width: 18%;*/
  min-width:120px;
  color: white;
  border: solid 1px #AAAAFF;
  text-align: center;
  color: #0000FF;
  /*float: right;*/
}

#rightmenu a { text-decoration: none; }
#rightmenu table{ margin: 3px }
#rightmenu table td{ color: white; }
#rightmenu a.contest { padding:18px; font-weight:bold;}
#rightmenu ul{ list-style: none;  padding:0;  margin-left:0px;  margin-right:0px;  margin-top: 5px;  margin-bottom: 15px;
  text-align: center;  border-top: solid 1px #AAAAFF;  font-weight: normal;}
#rightmenu ul li a{  color: #3333FF;  text-decoration: none; font-weight: bold}
#rightmenu ul li a:hover {color: #CC2222; }
#rightmenu ul li { padding: 2px; margin:0; border-bottom: solid 1px #AAAAFF; background: #DDDDDD; font-size: 13px;}
#rightmenu ul li.adminonly { padding: 2px; margin:0; border-bottom: solid 1px #AAAAFF; background: #FFAAAA; }

#page { 
  width:79%;
}

#page .center {
  text-align:center;
}

#page .center table
{ 
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
#page a { 
  color: #3300FF;
  background-color: transparent;
  text-decoration: none;
}
#page a:hover { 
  color:#0033FF; 
  border-bottom: 1px solid; 
}

#page p.note { 
  font-style: italic; 
}

#page p.req {
  font-weight: bold;
  font-style: oblique;
}

#page p.chyba {
  color: red;
  font-weight: bold;
  font-style: oblique;
}

#page p.newshead {
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 5px;
}

#page span.newstitle {
  font-weight: bold;
  font-size: 110%;
  color: #0000AA;
}
#page span.newsdate {
  font-size: 80%;
}
#page div.newsbody {
  margin-top: 5px;
  margin-left: 20px;
}

p.footer {
  margin-top: 40px;
  border-top: 1px solid #272727;
  font-size: 80%;
  text-align: center;
}

#page h1, h2, h3 { color: #0000AA; }
#page h1 { font-size: 160%; }
#page h2 { font-size: 130%; }
#page h3 { font-size: 110%; }

#page table { border: dotted #7171FF 1px; }

#page table.news { border: none; width: 100%;}
#page table.news tbody td { padding-top: 5px; background: #FFFFFF;}

#page thead { background: #919191; }

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

#page tbody { background: #DDDDEE;}

#page tbody tr.solved { background: #DDFFDD;}
#page tbody tr.spec { background: #FFAAAA;}
#page tbody tr.allsolved { background: #99FF99;}
#page tbody tr.aftercontest { background: #EEEEEE;}
#page tbody tr.duringcontest { background: #DDDDEE;}

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

#page tbody td.hardness {
  width: 12px;
  text-align: center;
  vertical-align: middle; 
  background: #FFFFFF;
  border: 2px solid #DDDDEE;
}

#page tbody td.vysl {
  text-align: center;
  vertical-align: middle;
}

#page tbody td.vyslp {
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}

#page table.login { border: none; }
#page tbody.login { background: #FFFFFF;}

#calendar { 
  width: 100%;
  text-align: center; 
  min-width: 120px;
  white-space:nowrap;
}

#calendar p {
  font-size: 110%;
  text-transform: uppercase;
  font-weight: bold;
}

#calendar table { 
  border: solid #7171FF 1px; 
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}
#calendar thead { background: #919191; }

#calendar thead td {
  color: #FFFFFF;
  text-align: center;
  padding: 3px;
  text-transform: uppercase;
  width: 1.4em;
}

#calendar td {
  border: 1px solid #7171FF;
}

#calendar a {
  color: black;
  text-decoration: none;
}

#jalove { width: 100%; }
#jalove table { border: 0px; background: white; margin-left: auto; margin-right: auto; }
#jalove table tr { background: white; vertical-align: middle; }

#longtables table { width: 80%; }

div#content .intro { border: 1px solid #500050; padding: 0 12px 12px 12px; margin-top:12px; }