body { font-family: Arial;
  background: #e7f5cc;
  margin: 0;
  font-size: 80%;
  text-align: center;
  background-color: #cccccc;
  }

#hlavnydiv { width: 770px;
  margin: 0 auto;
  padding: 0;
  background: #ffffff;
  }
  
#hornydiv { background: #ffffff;
  text-align: left;
  padding: 0;  
  }

/* zaciatok loga */  
#logo { float:left;
  width: 315px;
  height: 209px;
  background-image: URL("grafika/logo.jpg");
  background-repeat: no-repeat;
  }

#logo span { display: none;
  }
  
#logo-stredny { float:left;
  width: 255px;
  height: 210px;  
  padding: 0;
  margin: 0;
  }
  
#logo-pravy { float: right;
  width: 199px;
  height: 209px;
  margin: 0;
  padding: 0;
  background-image: URL("grafika/logo-pravy.gif");
  background-repeat: no-repeat;
  color: #ffffff;
  font-size: 85%;
  }
  
#logo-pravy li {
  padding: 0;
  _padding: 0 0 0 7px;
  margin: 10px 0 0 50px;
  list-style-image: URL("grafika/odrazka-horna.gif");
  }

/* koniec loga */

/* zaciatok hornej navigacie */
#horneodkazy { margin: 0;
  padding: 0;
  height: 2.4em;
  min-height: 2.4em;
  background: #eaebe3;  
  clear: both; 
  border-bottom: 5px solid #00bb00;
  }

#horneodkazy li { display: block;  
  float: left;
  margin: 7px 0;
  padding: 0;   
  }
  
#horneodkazy .a1 {   
  width: 70px;
  }
  
#horneodkazy .a2 { 
  width: 190px;
  border-left: 1px solid #999999; 
  }

#horneodkazy .a3 { 
  width: 110px;
  border-left: 1px solid #999999; 
  }
  
#horneodkazy .a4 { 
  width: 190px;
  border-left: 1px solid #999999; 
  }
  
#horneodkazy .a5 { 
  width: 130px;
  border-left: 1px solid #999999; 
  }
  
#horneodkazy .a6 { 
  width: 70px;
  border-left: 1px solid #999999; 
  } 
  

#horneodkazy a { 
  padding: 0;
  font-size: 90%;
  color: #000000;  
  font-weight: bold;
  text-decoration: none;  
  }
  
#horneodkazy a:hover { color: #555555;
  text-decoration: underline;  
  padding: 0;   
  }

/* koniec hornej navigacie */

   
/* zaciatok stredneho divu */ 
#strednydiv { float: left;
  width: 565px;
  text-align: left;
  padding: 0;
  background: #f7f7f4;
  border: 4px #ffffff;
  border-bottom-style: solid;
  border-top-style: solid;
  }

h1 { font-size: 150%;
  color: #ff9900;
  margin: 10px 10px 10px 10px;
  padding: 10px 5px 5px 5px;
  border: 5px #eaebe3;
  border-bottom-style: solid;
  }
  
h2 { font-size: 130%;
  color: #ff9900;
  padding: 8px 5px 5px 5px;
  margin: 10px;
  border: 5px #eaebe3;
  border-bottom-style: solid;
  clear: both;
  }

#strednydiv address { padding: 0 0 0 10px;
  margin: 10px 5px 20px 15px;
  font-style: normal;
  border: 5px #eaebe3;
  border-left-style: dashed;
  line-height: 1.8em;
  }
  
#strednydiv p {
  margin-left: 10px;
  margin-right: 10px;
  }
  
#strednydiv address.kratky {
  float: left;
  width: 220px;
  }
  
#strednydiv address br {  
  }

#strednydiv form { width: 90%;
  margin: 25px auto 10px 15px;
  border: 5px #eaebe3;
  border-left-style: dashed;
  padding-left: 20px;
  }

#strednydiv form input,textarea { border: 2px #bbbbbb solid;
  padding: 1px;
  color: #777777;
  }
  
#strednydiv ul { margin: 10px 10px 10px 50px; 
  padding: 0;  
  }
  
#strednydiv ul li {
  margin: 2px 0;
  padding: 0;
  _padding-left: 5px;
  list-style-image: URL("grafika/odrazka-zoznam.gif");  
  }
  
#strednydiv .pozadiepatka {
  width: 565px;
  height: 40px;
  font-size: 35px;
  clear: both;
  background-image: URL("grafika/pozadie_patka.jpg");
  background-repeat: no-repeat;
  }
  
#lavydiv { float: right;
  width: 200px;
  text-align: left;
  background: #d7e1eb;
  padding: 0;
  border: 4px #ffffff;
  border-top-style: solid;
  }
  
#lavydiv .oblukhorny {
  width: 200px;
  height: 10px;
  font-size: 8px;
  background-image: URL("grafika/obluk-horny.gif");
  }
  
#lavydiv .oblukdolny {
  width: 200px;
  height: 10px;
  font-size: 8px;
  background-image: URL("grafika/obluk-dolny.gif");
  }
  
#pata { height: 14px;
  padding: 8px 15px;
  margin: 0;
  text-align: right;
  font-size: 85%;
  text-indent: 0px;
  clear: both;
  color: #999999;
  background-image: URL("grafika/pata.gif");
  background-repeat: no-repeat;
  }
  
#pata a  { color: #777777;
  }
  
#pata a:hover  { text-decoration: none;
  }
      
h3.aktuality { font-size: 120%;
  color: #555555;
  margin: 0 0 7px 10px;
  padding: 7px 0px;
  border: 4px #ffffff;
  border-bottom-style: solid;
  }

h4.datum { margin: 0 0 0 13px;
  font-size: 85%;
  color: #5588bb;
  }
    
p { text-indent: 20px;
  padding: 10px;
  text-align: justify;
  margin: 0px;
  }
#lavydiv dl,dd {
  margin: 0;
  padding: 0;
  }
  
#lavydiv dl dt {
  padding: 0;
  margin: 0 0 0 13px;
  font-size: 85%;
  color: #5588bb;
  font-weight: bold;
  }
    
#lavydiv dl dd p { text-indent: 0;
  margin: 10px 10px 10px 15px;
  text-align: left;
  border: 1px #ffffff;
  border-left-style: dashed;
  padding: 0 0 0 10px;
  font-size: 85%;
  }

a.navigacny { padding: 10px 15px;
  color: #000000;
  font-weight: bold;
  border: 1px #ffffff;
  border-left-style: dashed;
  }
  
a.navigacny:hover { padding: 10px 15px;
  color: #555555;
  font-weight: bold;
  text-decoration: none;
  }
  
a.text { color: #4c9333;
  text-decoration: underline;
  }
  
a.text:hover { background: #e7f5cc;
  text-decoration: none;
  }
  
a.aktuality { color: #336699;
  }

a.aktuality:hover { color: #336699;
  text-decoration: none;
  }
  
a.logo { color: #ffffff;
  }

a.logo:hover { color: #ffffff;
  text-decoration: none;
  }
  
a.pata { color: #999999;
  }

a.pata:hover { color: #555555;
  text-decoration: none;
  }

img.floatright { float: right;
  margin: 0 15px 15px 15px;
  }
  
img.floatleft { float: left;
  margin: 0 15px 5px 15px;
  }    
  
img {
  border: 0;
  }

.error {
  color: #cc0000;
  text-indent: 0;
  text-align: left;
  }
  
#aktuality table {
  margin: 20px;
  padding: 0;
  font-size: 90%; 
  }