body { 
  margin: 0; padding: 10px 2px;  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: white;
  text-align: center;
}
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,27,102);  }
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; }
.raligned  { text-align: right; }

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

big { font-size: 125%; } 

hr.stopfloat { 
  clear: both; 
  margin: 0; padding: 0; height: 1px; visibility: hidden;
}


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

div#envelope00 {
  text-align: left;
  width: 962px;
  margin: 2px auto;  
  padding: 10px 0;
} 
div#envelope0 {
  border: 1px solid rgb(153,153,204);
}  
div#envelope {
  background-image: url("sysimg/bg-270-510-180px.png");
}  

div#top0 {
  position: relative;
}  
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: 8px; left: 10px;
  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: #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;
}

/* LEFT SIDEBOX */

div#vertmenu0 {
  float: left;
  width: 270px;
  padding: 0;
}
div#vertmenu {
  padding: 15px 10px 10px 10px;
}

div.vertmenubox {
  background-color: #F6FAFF;
  margin: 20px 0 0 0;
  padding: 0 0 4px 0;
  border: 1px solid #336699;
}

div#Xvertmenu h3 {
  margin: 0 0 8px 0;
  padding: 3px 1ex;
  color: #FFFF99;
  background-color: #336699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%; 
}
div#Xvertmenu h4 {
  margin: 8px 0 4px 0;
  padding: 2px 1ex;
  color: #BB0022;
  background-color: #C0D0E0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%; 
}
div#Xvertmenu p {
  margin: 4px 0;
  padding: 0px 1ex;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%; 
}
div#Xvertmenu p.smaller {
  font-size: 70%; 
}
div#Xvertmenu hr {
  margin: 8px 0 4px 0;
  border: 1px solid #C0D0E0;
}


/* RIGHT SIDEBOX */

div#vertadv0 {
  float: left;
  width: 170px; /* 160px skyscraper + 10 mezera*/
  padding: 1.5em 0 0 0; 
}
div#vertadv {
  padding: 35px 0px 10px 10px;
}
div.vertadvbox {
  text-align: center;
}

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

/* SIDEBOX ELEMENTS */
/* linkbox  - left 8px, 12px */
/* linkbox2 - left 12px/ li dotted, 13px */

.linkbox, .linkbox2 {
  width: 250px;
  font-family: Arial, Helvetica, sans-serif;
}
.linkbox h3, .linkbox2 h3  {
  margin: 24px 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: 4px 0px 12px 0px;
  padding: 0;
}
.linkbox2 ul {
  margin: 4px 0px 12px 2px;
  border-left: 2px dotted silver;
}
.linkbox li, .linkbox2 li {
  margin: 0 0 0 8px;
  list-style-type: none;
  font-size: 12px;
  line-height: 16px;
}
.linkbox2 li {
  margin: 0 0 0 8px;
  font-size: 13px;
  line-height: 17px;
}
.linkbox li.smaller , .linkbox2 li.smaller {
  font-size: 11px; 
}

.linkbox p {
  margin: 0 2px 0 0px;
  font-size: 12px;
}
.linkbox2 p {
  margin: 0 2px 0 0px;
  font-size: 13px;
}
.linkbox p.smaller , .linkbox2 p.smaller {
  font-size: 11px; 
}


.linkbox dl {
  margin: 4px 0 12px 0;
}
.linkbox dt {
  margin: 0 0 0 2px;
  font-size: 12px;
  line-height: 16px;
}
.linkbox dd {
  margin: 0 0 2px 8px;
  font-size: 12px;
  line-height: 16px;
}



div#content0 {
  width: 510px;
  float: left; 
}
div#content {
  padding: 20px 13px;
}
div#content h1 {
  margin: 0.5ex 0 1ex 0;  
  font-size: 150%;
  color: rgb(224,0,0);
}
div#content h2 {
  color: rgb(204,0,0); 
  font-size: 120%;
  color: rgb(0,0,204);
  margin: 1.6ex 0 1.2ex 0;  
}

div#content h3 {
  font-size: 100%;
  color: rgb(153,0,0);
  font-size: 100%;
  color: rgb(128,0,0);
  margin: 1.5ex 0 1ex 0;  
}

div#content h3.dotaz {
  font-size: 86%;
  margin: 2.5ex 0 1ex 0; 
  background-color: rgb(255,255,204);
  padding: 6px 0 6px 0; 
  border: 1px solid rgb(204,204,153);

}
div#content h3.dotaz .cislo {
  background-color: rgb(204,204,153);
  padding: 6px 6px; 
  margin: 0 6px 0 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);
  margin: 1ex 0;  
  color: rgb(102,0,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 div.mainlist {
  margin: 1ex 0; 
  padding: 1ex;
  border: 2px solid silver;
  border-left: 10px solid silver;
  background-color: rgb(240,240,230); 
  background-image: url(sysimg/bg-index.png);
  background-position: bottom right;
}
div#content div.mainlist p {
  font-size: 90%;  
}

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);
  color: rgb(0,0,102);
  font-size: 80%;
  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;
}
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;
}
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#footer {
  padding: 10px 193px 10px 283px;  
}
div#footer p.gotop {
  text-align: right;
}
div#footer p.footer {
  padding-top: 5px;
  border-top: 2px solid silver;
  margin: 5px 0 0 0;
  font-size: 70%;
  line-height: 140%;
}

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


#footer a:link, #footer a:visited {
  color: rgb(80,80,80);
}
#footer a:hover, #footer a:active, #footer a:focus  {
  color: rgb(204,0,40);
}


div.advsidebox {
  margin:20px 0; 
}
div.advmiddlebox {
  margin:20px 0; 
}
div.advbottom {
  margin:20px 0; 
}

div.advcenter {
  text-align: center;
  padding:  20px 0;
}
div.advcenter div {
  margin-left: auto;
  margin-right: auto;
}


/* bannery e-spoluprace */
div.advcenter a img {
  border: 1px solid rgb(204,102,102);
}