body {
  font: 85%/1.3 Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: rgb(0,0,0);
  background: rgb(248,248,240) url("imgsys/bgbody-760.png") repeat-y top left;
}
body.wide {
  background-image: url("imgsys/bgbody-950.png");
}
body.central {
  background-position: top center;
}

h1, h2, h3, h4, dt, #servername, #servertitle {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h1 {
  margin: 0 0 0.5em 0;
  color: rgb(204,17,0);
  font-size: 3.8em;  
}
h2 {
  margin: 0.8em 0 0.6em 0;
  color: rgb(102,128,102);
  font-size: 1.5em;  
}
h3 {
  margin: 0.6em 0 0.6em 0;
  color: rgb(102,128,102);
  font-size: 1.35em;  
}

h4, dt, .motto {
  margin: 0.6em 0 0.6em 0;
  color: rgb(80,102,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 {
  margin: 0 0 0.6em 0;
}


ul {
  margin: 0 0 0.6em 0;
  padding: 0;
}
li {
  margin: 0 0 0.1em 1.2em;
  padding: 0;
}
dt {
  margin: 0;
  font-size: 1.0em;
  font-weight: bold;
}
dd, blockquote {
  margin: 0 0 0.6em 2em;
}


div {margin: 0px 0px; }
.clearboth { clear: both; }
.centered  { text-align: center; }
.small     { font-size: 85%; }


a img { border: none; }

.arrow {
  color: rgb(204,17,0);
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 900;
}

#leaderbox0  {
  width: 760px;
}
.wide #leaderbox0 {
  width: 950px;
}
.central #leaderbox0 {
  margin: 0 auto;
}
#leaderbox  {
  background-color: white;
  padding: 5px 9px;
  border-left: 1px solid rgb(204,204,204);
  border-right: 1px solid rgb(204,204,204);
}

#page {
  position: relative;
  width: 760px;
  border: 0px solid red;
  /* hack - centrovany v mensim okne nez obsah */
  background-image: url("imgsys/bgbody-270.png");
  background-repeat: repeat-y;
  background-position: top left;

}
.wide #page {
  width: 950px;
}
.central #page {
  margin: 0 auto;
}


#header {
  background: rgb(232,232,232) url("imgsys/bghead-silver.png") repeat-x bottom left;
  background: rgb(210,240,240) url("imgsys/bghead-cyan.png")   repeat-x bottom left;
  background: rgb(210,224,240) url("imgsys/bghead-blue.png")   repeat-x bottom left;
  background: rgb(220,240,210) url("imgsys/bghead-green.png")  repeat-x bottom left;
  padding: 15px 0 12px 0;
  border: 1px solid rgb(204,204,204);
}

#servertitle {
  margin: 0;
  padding: 0 0 0 280px;
  font-size: 3.2em;
  color: rgb(0,0,102);
  color: rgb(0,80,0);
  font-weight: bold;
  letter-spacing: 3px;
}
#slogan {
  margin: 0;
  padding: 0 0 0 280px;
  font-size: 1.8em;
  color: rgb(102,128,102);
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#logo {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 250px;
}
.hbar {
  font-size: 0.9em;
  margin: 0px;
  padding: 4px 10px 4px 280px;
  margin: 0 0 0 269px;
  padding: 4px 10px 4px 10px;
  background: rgb(224,224,224) url("imgsys/bghbar.png") repeat-x center left;
  background: rgb(224,224,224) url("imgsys/bghead-green.png") repeat-x top left;
  border: 1px solid rgb(204,204,204);
  border-top: none;
}




#wrapper {
  border: 0px solid blue;
  margin: 0 0 0 270px;
  padding: 0 10px;
}
.rside #wrapper {
  padding: 0 190px 0 10px;
}

#sidebox1 { 
  position: absolute;
  left: 10px;
  top: 220px;
  width: 250px;
  padding: 0 0 10px 0;
}

#sidebox2 
  display: none;
}
.rside #sidebox2 {
  display: block;  
  position: absolute;
  left: 770px;
  top: 215px;
  width: 180px;
  padding: 0 0 10px 0;
}
#mainbox { 
  padding-top: 12px;
}

.menubox {
  padding: 6px 9px;
  background: rgb(238,238,238);
  border: 1px solid rgb(204,204,204);
}


.whitebox {
}

.linkbox, .linkbox2 {
  width: 250px;
}
.linkbox h3, .linkbox2 h3  {
  margin: 16px 0 12px 0;
  padding: 1px 2px;
  font-size: 14px;
  color: rgb(102,102,128);
  background-color: rgb(224,224,224);
  text-decoration: none; 
}
.linkbox h4, .linkbox2 h4  {
  margin: 12px 0 2px 0;
  padding: 1px 2px;
  font-size: 12px;
  line-height: 16px;
  color: black;
  background-color: rgb(238,238,238);
}
.linkbox2 h4  {
  margin: 12px 0 4px 0;
  font-size: 13px;
  line-height: 17px;
}
.linkbox h4 a, .linkbox2 h4 a {
  color: black;
}


.linkbox ul, .linkbox2 ul {
  margin: 0 12px 0 0;
}
.linkbox2 ul {
  margin: 0 12px 0 2px;
  border-left: 2px dotted silver;
  padding-left: 8px;
}
.linkbox li, .linkbox2 li {
  margin: 0;
  list-style-type: none;
  font-size: 12px;
  line-height: 16px
}
.linkbox2 li {
  font-size: 13px;
  line-height: 17px;
}

.linkbox2 ul.inline li {
  display: inline; 
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px dotted silver;
}


  
#footer {
  font-size: 90%;
  border-top: 3px double rgb(204,204,204);
  padding: 8px 0;
  margin-top: 20px;
}



div.advsidebox {
  margin:20px 0; 
}
div.advleaderbox {
  margin:0;
}
div.advmiddlebanner {
  margin: 0 0 0.6em 0; 
}
div.advmiddlebox300 {
  width: 300px;  
  margin: 12px;
  margin-right: 0; float: right;
}
div.advmiddlebox336 {
  width: 336px;  
  margin: 12px;
  margin-right: 0; float: right; 
}
table.advdouble {
  margin: 12px 0; border: none;
}
table.advdouble th {
  padding: 0 5px 0 0;
  border-right: 0px dotted silver;
  vertical-align: top;
}
table.advdouble td {
  padding: 0 0 0 5px;
}


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