body {background-color: #CCCCCC;
      color: black;}

li {list-style-type: none;
    margin-bottom: 0px;
    }				   

a {
  text-decoration: none;
  color: darkblue;
	}

a:hover {
  color: darkgreen;
  }
  
h1 {position: relative;
    margin-top: -10px;
    margin-right: 100px;
    margin-bottom: 10px;
    font-size: 15pt;
    text-align: center;
    font-weight: bold;
    color: rgb(0,40,158);
         }
         
h2 {
    position: relative;
    margin-top: 0px;
    margin-right: 100px;
    margin-bottom: 10px;
    font-size: 14pt;
    text-align: center;
    font-weight: bold;
    color: rgb(0,40,158);
         }

h2.fotogallery {
  font-size: 12pt;
  margin-top: 10px;
  margin-bottom: 0px;
  }
  
h3 {
  text-align: left;
  margin: 0px 5px 0px 0px;
  font-weight: normal;
  font-size: 16px;
  }
           
p  {color: black;
    font-size: 12pt;
    margin-top: 0px;
    margin-bottom: 10px;
    }

.ucenie {color: black;
         font-size: 12pt;
         margin-top: 0px;
         margin-bottom: 50px;
         text-indent: 20px;
         }
    
/* layout */

.page  {position: relative;
		 top: 0px; left: 101px;
		 border: 0px;
         width: 800px;
		 }
		          
.head   {height: 168px;
         background-image: url('../bg/bg.jpg');
         background-repeat: no-repeat;
         }
     
.leftbr {
         width: 172px;
         min-height: 550px;
         background-image: url('../bg/bgl.jpg');
         float: left;
         =height: expression(this.scrollHeight < 550? "550px" : "auto" ); /*hack IE*/
	       =overflow: visible 550px; /*hack IE*/
        }
        
.rightbr {width: 618px;
          min-height: 550px;
          background-image: url('../bg/bgr.jpg');
          float: left;
          padding-left: 10px;
          =height: expression(this.scrollHeight < 550? "550px" : "auto" ); /*hack IE*/
	        =overflow: visible 550px; /*hack IE*/
          }
          
.foot   {width: 800px;
         height: 43px;
         background-image: url('../bg/bgf.jpg');
         background-repeat: no-repeat;
         text-align: center;
         clear: both;
         font-size: 10pt;
         padding-top: 5px
         }

/* menu */

.hl {
  text-align: center
  }
  
.zima {
       background-color: #CCCCFE;
       text-align: center;
       color: rgb(0,40,158);
       font-family: Times New Roman;
       font-weight: bold;
       cursor: default;
       }
       
.leto {
      background-color: #CCCCFE;
      text-align: center;
      color: rgb(0,107,27);
      font-family: Times New Roman;
      font-weight: bold;
      cursor: default;
      }
  
.leftbr menu{
  margin-left: -25px;
  margin-top: -10px;
  font-family: times new roman, sans-serif;
  font-size:15px;
  (; margin: -10px 0px 0px 0px;
     padding-left: 10px;)
  =margin: -10px 0px 0px 0px;
  }
  
ul#menu 
{ 
width:155px; 
background-color: transparent;
} 

ul#menu, ul 
{ 
padding:0; 
margin:0; 
list-style-type:none; 
} 

ul#menu ul 
{ 
position:absolute; 
top:0; 
left:155px;
visibility:hidden; 
background-color: #CCCCFE;
 width:155px; 
} 

ul#menu li 
{ 
position:relative; 
width:155px;
margin-bottom: 5px;
} 

.leftbr menu ul li ul {
  padding-top: 2px;
  }
  
.leftbr menu ul li ul li {
  margin: 0px;
  }
  
ul#menu a 
{ 
color: #262626;
display:block; 
text-decoration:none; 
width:100%;
} 

ul#menu a:hover, ul#menu li:hover a, ul#menu li.hover a 
{ 
background-color: #9897FD; 
color:white; 
} 

ul#menu li:hover ul a, ul#menu li.hover ul a 
{ 
width: 150px;
background-color:#CCCCFE; 
color: #333333;
padding-left: 5px;
}

ul#menu li:hover ul a:hover, ul#menu li.hover ul a:hover 
{ 
background-color:#9897FD; 
color:white; 
} 

ul#menu li:hover ul, ul#menu li.hover ul 
{ 
visibility:visible; 
} 

ul#menu li 
{ 
behavior: url(hover.htc); 
}
/* URL */

.text {margin: 0px 15px 50px 5px;
		 text-align: left;
		 font-family: Times New Roman, Arial;
		 font-size: 12pt;
		 cursor: default;
		 }

.img {
  border: none;
  margin-left: 22px;
  margin-bottom: 0px;
  margin-top: 0px;
  }
  
.mail {
  text-decoration: none;
  color: rgb(0,40,158);
  }
  
a:hover.mail {
  text-decoration: none;
  color: rgb(0,107,27);
  }
  
.obr {
  float: left;
  padding-right: 5px;
  }

.obruc {
  float: right;
  padding-right: 10px;
  }
/* Kontakt */
  
.kontakt {
  text-align: center;
  margin-right: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
  }

.image {
  width: 140px;
  height: 22px;
  border: none;
  margin-bottom: 10px;
  }
  
input {
  width: 200px;
  border: 2px solid #CCCCCC;
  background-color: #E6E6E6;
  padding: 2px;
  }
  
textarea {
  width: 200px;
  border: 2px solid #CCCCCC;
  background-color: #E6E6E6;
  padding: 2px;
  }
  
.odkaz {
  color: rgb(0,40,158);
  text-decoration: none;
  }
  
a.odkaz:link {text-decoration: none;
             color: rgb(0,40,158);
	    }
a.odkaz:visited {color: rgb(0,40,158);
                 text-decoration: none
                 }
                 
a.odkaz:hover {color: rgb(0,107,27);
               text-decoration: none
			   }
/* odk. na JARLU */

.odkazjarlu {
  margin-left: 180px;
  }
a.jarlu {
  text-decoration: none;
  color: #9897FD;
  font-weight: bold;
  }

a:hover.jarlu {
  color: #6765FB;
  }
 /* ostatné */
 
.table1 {
  text-align: center;
  margin: 0 auto;
  margin-left: 60px;
  margin-bottom: 10px;
  }
  
/* text */
p {
  text-indent: 20px;
  margin: 0px 5px 10px 0px;
  }

/* fotogaléria */
.fotogaleriat {
  width: 575px;
  }

.fotovelky {
  width: 115px;
  }

.fotomaly {
  width: 38px;
  }

.zvisly {
  text-align: center;
  }


/* logo Spolok */

.logo a img {
  border: none;
  }

.logo {
  width: 100%;
  text-align: center;
  padding-left: 10px;
  padding-top: 20px;
    }