/* Colorscheme-uc */

body {
  background: rgb(255,255,255);
  font: 100%/1.3 Calibri, Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 5px;
}
h1, p.h1, h2, h3, h4, dt, #serverslogan, #servertitle {
  font-family: Calibri, Arial, "Helvetica Neue", Helvetica, sans-serif;
}


.clearboth { clear: both; }
.centered  { text-align: center; }
.raligned  { text-align: right; }
.small, small { font-size: 85%; }
.arrow {
  color: rgb(204,17,0);
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 900;
}

#page {
  width: 960px;
  margin: 20px auto;
}
#top {
  display: block;  position: absolute;
  top: 0; left:0;  width: 1px;  height: 1px;
}
#zahlavi {
  position: relative;
  background: #DDD url("gradient.png") repeat-x left top;
  border: 1px solid silver;
  height: 120px;
}
#servertitle {
  position: absolute;
  top: 10px; left: 200px;
  color: #039;
  font-size: 3.6em;
  font-family: Calibri, Arial, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: 2px;
}
#serverslogan {
  position: absolute;
  top: 80px; left: 200px;
  color: #026;
  font-size: 1.7em;
  font-family: Calibri, Arial, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: 1px;
}
#logo {
  position: absolute;
  top: -15px; left: 10px;
}


.hmenu {
  background: #DDD url("gradient.png") repeat-x left bottom;
  border: 1px solid silver;
  margin: 4px 0;
}
.hmenu p {
  margin: 4px 4px 4px 200px;
}

#obsah {
  margin: 20px 0 10px 0;
}
#zapati {
  background: #DDD url("gradient.png") repeat-x left top;
  border: 1px solid silver;
  font-size: 90%;
}
#zapati hr {
  clear: both;
  color: #666;
  margin: 5px 10px;
  border: none;
  border-top: 2px dotted silver;
}
#zapati p {
  clear: both;
  color: #666;
  margin: 10px 10px;
}
#zapati h4 {
  font-size: 1em;
  color: #666;
  margin: 2px 0;
}


#zapati .box {
  width: 295px;
  float: left;
  margin: 10px 0;
  padding: 0 10px;
  border-left: 1px dotted silver;
}

h1 {
  margin: 0 0 0.5em 0;
  color: rgb(204,17,0);
  font-size: 3.2em;
}
h2 {
  margin: 0.8em 0 0.6em 0;
  color: rgb(102,102,102);
  font-size: 1.9em;  
  border-bottom: 4px solid #DDD;
}
h3 {
  margin: 0.6em 0 0.6em 0;
  color: rgb(102,102,102);
  font-size: 1.45em;  
}
h4, dt, .motto {
  margin: 0.6em 0 0.6em 0;
  color: rgb(80,80,80);
  font-size: 1.1em;  
}
h1 .subheading { font-size: 70%; color: rgb(153,0,0);     font-style: italic; }
h2 .subheading { font-size: 80%; color: rgb(102,102,102); font-style: italic; }

p, ol, ul {
  margin: 0 0 0.6em 0;
}
li {
  margin: 0 0 0.1em 1.2em;
}
dt {
  font-size: 1.0em;
  font-weight: bold;
}
dd, blockquote {
  margin: 0 0 0.6em 2em;
}
a img { border: none; }



p.gotop {
  clear: both;
  margin: 0;
  padding: 5px 10px 10px 10px;
  text-align: right;
}





a:link    { color: rgb(0,51,204); }
a:visited { color: rgb(0,51,204); }
a:hover   { color: rgb(204,17,0); }
a:active, 
a:focus   { color: rgb(255,102,0); }

.hmenu a:link    { color: rgb(51,51,102); text-decoration: none; }
.hmenu a:visited { color: rgb(51,51,102); text-decoration: none; }
.hmenu a:hover   { color: rgb(204,17,0);  text-decoration: underline; }
.hmenu a:active, 
.hmenu a:focus   { color: rgb(204,17,0);  text-decoration: underline; }

#zapati a:link    { color: rgb(51,51,102); }
#zapati a:visited { color: rgb(51,51,102); }
#zapati a:hover   { color: rgb(204,17,0); }
#zapati a:active, 
#zapati a:focus   { color: rgb(204,17,0); }

#zapati p a:link    { color: rgb(80,80,80); text-decoration: none; }
#zapati p a:visited { color: rgb(80,80,80); text-decoration: none; }
#zapati p a:hover   { color: rgb(204,17,0); text-decoration: underline; }
#zapati p a:active, 
#zapati p a:focus   { color: rgb(204,17,0); text-decoration: underline; }

.graylinks a:link    { color: rgb(80,80,80); }
.graylinks a:visited { color: rgb(80,80,80); }
.graylinks a:hover   { color: rgb(204,17,0); }
.graylinks a:active, 
.graylinks a:focus   { color: rgb(204,17,0); }