/* stylesheet.css */
*{
    padding: 0px;
    margin: 0px;
    line-height: 18px;
}
    
body{
    font: 90% bold Verdana, Arial, sans-serif black;
    text-align: center;
    min-width: 989 px;
}
    
#main{
    width: 989px;
    margin: 0 auto;
    background: url(bg.gif) repeat-y center                        
}
    
#top{
    width: 989px;
    height: 271px;
    background: url(top.jpg) no-repeat right top;
}
   
#menu{
    width: 989px;
    height: 51px;
    background: url(menu.jpg) repeat-x bottom;
}
    
#bottom{
    width: 989px;
    height: 19px;
    clear: both;
    background: url(bottom.gif) no-repeat;
}
    
#menu ul{
    margin: 0px;
    padding-top: 15px;
}
    
#menu li{
    list-style-type: none;
    float: left;
    padding-left: 30px;
    text-align: center;
    font: normal bolder Verdana;
}
    
li a{
    text-decoration: none;
    color: #cff;
    font-size: 12pt;
    font-weight: bolder;    
}

li a:hover{
    color: #fff;        
}

p{
    padding: 10px;
}

.left{
    padding: 0 50px;
    text-align: left;
}

ul li ul{
    padding: 5px 10px;
}

.wl{
    float: left;
    width: 300px;
}

.aktualne{
    margin: 10px 0px;
    padding: 40px 20px 0px 20px;
    background: url(aktualne.gif) no-repeat;
}

.partneri{
    margin: 20px 0px;
    padding: 40px 20px 0px 20px;
    background: url(partneri.gif) no-repeat;
}

.terminy{
    margin-top: 10px;
    padding: 47px 20px 0px 20px;
    background: url(terminy.gif) no-repeat;
}

.wr{
    width: 600px;
    text-align: left;
    margin-left: 330px;
    padding: 20px;
}

h1{
    color: #036;
    margin-bottom: 10px;
    font: small-caps bolder x-large bolder arial;
}

h2{
    color: #369;
    margin-bottom: 10px;
    font: small-caps bolder large bolder arial;
}

a.i{
    color: #369;
    text-decoration: none;
    border-bottom: 1px dashed #369;
    background: url(link.gif) no-repeat right center;
    padding-right: 14px;
    font: normal normal bold medium bold Arial;
}

a.i:hover{
    color: #369;
}

.foto{
    width: 200px;
    height: 150px;
    margin: 10px;
    padding: 5px;
    float: right;
    border: 1px #369 solid;
    background-color: #369;
    visibility: visible;
}

a .foto:hover{
    border: 1px #036 solid;
}

.full{
    position: absolute;
    width: 600px;
    height: 450px;
    left: 10px;
    top: auto;
    border: 1px #369 solid;
    background-color: #369;
    visibility: hidden;
}

.panorama{
    position: absolute;
    width: 960px;
    height: 234px;
    left: 10px;
    top: auto;
    border: 1px #369 solid;
    background-color: #369;
    visibility: hidden;
}

.nahled:hover .full, .nahled:hover .panorama, .nahledHover .full, .nahledHover .panorama{
    visibility: visible;
}

.nahled{
    behavior:url(hover.htc);
}