body { 
  margin: 0; padding: 0;  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: white url("sysimg/bg3.png") repeat-y top left;
}
p, li, dd, dt, address, blockquote {
  margin: 0; padding: 0;
  font-size: 80%;
  line-height: 135%;
}
td, th { text-align: left; vertical-align: top; }

a:link    { color: rgb(0,51,204);   }
a:visited { color: rgb(0,51,153);  }
a:active  { color: rgb(224,153,0); }
a:hover   { color: rgb(255,0,51);  }

span.thispage, em.thispage, strong big { color: rgb(153,0,0); }

a img { border: none; } 

.csshide   { display: none; }
.arrow     { font-weight: 900; letter-spacing: -1px; font-family : Arial, Helvetica, sans-serif;
             color: rgb(255,51,0); background-color: transparent;  }
.grayed    { color: #808080; }
.centered  { text-align: center; }
.centered table, table.centered { margin-left: auto; margin-right: auto; }
.kurziva   { font-style: italic; }
.stopfloat { clear: both; }
.u         { text-decoration: underline; }
.notu      { text-decoration: none; }

.boxbg1 { background-image: url("sysimg/box-bg-1a.jpg"); }

big { font-size: 125%; } 



span#top {  
  position: absolute; top: 0; left: 0; width: 1px; height: 1px;
  display: block; visibility: hidden;
}
 

div#toplogo {
  background-color: silver;
  background-image: url("sysimg/bar0.png");
  height: 82px;
}
div#toplogo img {
  vertical-align: bottom;  
}
span#ribbon {
  position: absolute; z-index: 12;
  top: 10px; left: 10px;
  top: 8px; left: 15px;
  display: block;
  width: 80px;
}
span#logo {
  position: absolute; z-index: 8;
  top: 0px; left: 0px;
  width: 600px;
  display: block;
}
span#photos {
  text-align: right;
  padding: 4px 1px 0 2px;
  display: block;
}
div#toplogo span#photos img {
  margin: 0 1px;
}



div#topmenu {
  position: relative; z-index: 10;
  top: 0; left: 0;
  padding: 3px 0 3px 110px;
  color: #808080;  
  background-color: rgb(224,224,224);
  background-color: #DADADA;
  border-bottom: 1px solid #808080;
  
}


p#flags {
  position: absolute; z-index: 20;
  top: 75px;  right: 10px;
  width: 150px;
  text-align: right;
  padding-top: 1em;
}



div#vertmenu0 {
  position: absolute;
  top: 84px; left: 0px;
  width: 222px;  /* google AdSense 200px + 2x1px ramecek + 2x10px padding */
  padding: 1em 0 0 0; /* meni se s velikosti pisma v div#topmenu */
}

div#vertmenu {
  padding: 15px 10px 10px 10px;
}

div.vertmenubox {
  background-color: rgb(232,232,232);
  background-color: #F6FAFF;
  margin: 20px 0 0 0;
  padding: 0 0 4px 0;
  border: 1px solid gray;
  border: 1px solid #336699;
}
div.googlemenubox {
  background-color: #FFFFFF;   /* Ad: pozadi */
  margin: 20px 0 0 0;
  padding: 0 0 4px 0;
  border: 1px solid #336699;   /* Ap: ramecek */
  font-size: 110%; 
}

div.vertmenubox  h3 {
  margin: 0 0 8px 0;
  padding: 3px 1ex;
  color: #FFFF99;
  background-color: gray;
  background-color: #336699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%; 
}
div.vertmenubox  h3.main {
  color: #FFCC33;
  font-size: 95%; 
}
div.vertmenubox  h3.h3bg1 {
  padding: 5px 1ex; background-image: url("sysimg/box-head-1a.png");
}

div.vertmenubox  h4 {
  margin: 8px 0 4px 0;
  padding: 2px 1ex;
  color: #BB0022;
  background-color: rgb(204,204,204);
  background-color: #C0D0E0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%; 
}
div.vertmenubox  p {
  margin: 4px 0;
  padding: 0px 1ex;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%; 
}
div.vertmenubox  p.smaller {
  font-size: 70%; 
}
div#vertmenu hr {
  margin: 8px 0 4px 0;
  border: 1px solid #C0D0E0;
}



div#vertadv0 {
  position: absolute;
  top: 84px; left: 223px;
  width: 180px;
  padding: 1em 0 0 0; /* meni se s velikosti pisma v div#topmenu */
}
div#vertadv {
  padding: 15px 10px 20px 10px;
}

div.vertadvbox {
  text-align: center;
  margin: 20px 0 0 0;
}

div.middlebox0 {
  width: 356px;
  border-left: 1px solid silver;
  float: right;
  margin: 10px 0 10px 10px; 
  background: white;
}
div.middlebox {
  padding: 0 10px; 
}

/*
h1,h2,h3,h4, li, p, p.nadtitul { background-color: aqua; }
li li, address, blockquote     { background-color: yellow; }
*/

div#content {
  padding: 15px 190px 15px 240px;  
  padding: 15px 10px 15px 420px;  
}
div#content h1 {
  font-size: 140%;
  color: rgb(224,0,0);
  margin: 0 0 1ex 0;  
}
div#content h2 {
  font-size: 115%;
  color: rgb(204,0,0); 
  /* color: rgb(153,0,0); */
  margin: 1.4ex 0 1.2ex 0;  
}
div#content h3 {
  font-size: 100%;
  color: rgb(153,0,0);
  /* color: rgb(0,51,153); */
  margin: 1.2ex 0 1ex 0;  
}
div#content div.news h3 {
  margin: 1.5ex 0 0.2ex 0;
  padding: 0 0 3px 0;
  border-bottom: 2px dotted silver;
}
div#content div.news p {
  margin: 0.2ex 0;  
}
div#content div.newskw {
  margin: 2ex 0;
}
div#content div.newskw h1 {
  font-size: 115%;
  margin: 0 0 1.5ex 0;  
}
div#content div.newskw h2 {
  font-size: 100%;
  color: rgb(153,0,0);
  margin: 1.5ex 0 0 0;
  padding: 0;
  border-bottom: 0px dotted silver;
}
div#content div.newskw div.newsitem {
  font-size: 80%;  
  margin: 6px 0;  
  padding: 4px 8px;
  border: 2px dotted silver;
}
div#content div.newskw div.newsitem h3 {
  font-size: 100%;  
  color: rgb(64,0,0);
  display: inline;
}


div#content h4 {
  font-size: 80%;
  color: rgb(128,0,0);
  /* color: rgb(0,51,102); */
  margin: 1ex 0;  
}
div#content h4.slogan {
  font-size: 80%;
  margin: 2ex 60px; 
  padding: 10px 12px;
  text-align: center;
  background: #FFFFE8;
  border: 1px solid #C0D0E0;
}
div#content dt {
  font-size: 80%;
  color: rgb(128,0,0);
  margin: 0;  
  font-weight: bold;
}

div#content p {
  margin: 1ex 0;  
}
div#content p.perex {
  font-weight: bold;
  color: #404040;
  margin: 1ex 0 1ex 0;  
}
div#content p.podpis {
  margin: 3ex 0 4ex 50%;
  text-align: center;
  font-style: italic;  
}
div#content p.nadtitul {
  margin: 0 0 5px 0;  
  color: rgb(128,0,0);
  font-size: 90%;
  font-weight: bold;
}
div#content p img,
div#content td img {
  margin: 3px 0;  
}
div#content p img.floatleft, div#content img.floatleft {  
  float: left;
  margin: 3px 10px 8px 0;
}
div#content p img.floatright, div#content img.floatright {  
  float: right;
  margin: 3px 0 8px 10px;
}

div#content dd {
  margin: 0.5ex 0 2ex 3em;  
}

div#content ul, div#content ol {
  margin: 0; padding: 0;  
}
div#content ul li {
  margin: 1ex 0 1ex 3em;  
  list-style-type: square;
}

div#content li ul li {
  margin: 0.5ex 0 0 2.5em; 
  font-size: 100%;
  list-style-type: circle;
}

div#content ol li {
  margin: 1ex 0 1ex 3em;  
  list-style-type: decimal;
}
div#content li ol li {
  margin: 0.5ex 0 0 2.5em; 
  font-size: 100%;
  list-style-type: lower-alpha;
}

div#content blockquote {
  margin: 1ex 3em;
}
div#content blockquote.slogan {
  margin: 2ex 50px;
  padding: 8px 10px;
  text-align: center;
  color: black;   
  background-color: rgb(245,245,230);
  border: 1px solid rgb(171,0,0);

}

div#content address {
  margin: 1ex 0;
  padding-left: 8px;
  border-left: 2px dotted #C0D0E0;
}
div#content address strong {
  color: #404040;
}

div#content hr {
  margin: 2ex 2.4em;
  border: 1px solid #C0D0E0;
}

div#content h1.xbox, div#content h2.xbox, div#content h3.xbox, div#content h4.xbox {
  margin: 2em 30px 0 30px;
  background-color: rgb(204,204,153);
  color: rgb(64,0,0);
  font-size: 90%;
  padding: 3px 10px;
  margin: 2em 0 0 0;
}
div#content h4.xbox {
  font-size: 80%;
}
div#content div.xbox {
  margin: 0 30px 2em 30px;
  background-color: rgb(245,245,230);
  border: 2px solid rgb(204,204,153);
  padding: 5px 8px;
  border: none;
  background: transparent;
  margin: 0 0 2em 0;
}
div#content div.xbox h2, div#content div.xbox h3 {
  font-size: 90%;
  color: rgb(171,0,0);
  margin: 1.2ex 0 1ex 0;  
}
div#content .kws h3, div#content div.xbox .kws h3 {
  font-size: 100%;
  color: rgb(64,0,0);
  display: inline;
}
div#content .kws h2 {
  font-size: 110%;
  color: rgb(102,0,0);
  display: inline;
}
div#content table.gallery {
  margin: 1ex auto;
  border: none;
  width: 80%;
}
div#content table.gallery td {
  font-size: 80%;
  text-align: center;
  padding: 8px;
}
div#content table.ncols {
  margin: 0;
  border: none;
}
div#content table.ncols td {
  font-size: 100%;
  padding: 0 20px 0 0;
}
div#content table.ncols td.last {
  padding: 0;
}



div.advcenter {
  text-align: center;
  padding:  20px 10px;
  clear: both;
}


div#footer {
  padding: 15px 10px 15px 420px;  
   clear: both;
}


div#footer p.gotop {
  text-align: right;
}

div#footer p.footer {
  padding-top: 5px;
  border-top: 2px solid silver;
  margin: 5px 0;
  font-size: 75%;
  line-height: 140%;
}



div#footer a:link,    div#topmenu a:link    { text-decoration: none; }
div#footer a:visited, div#topmenu a:visited { text-decoration: none; }
div#footer a:active,  div#topmenu a:active  { text-decoration: underline; }
div#footer a:hover,   div#topmenu a:hover   { text-decoration: underline; }