body.pozadie {background: black url('pozadia/body.jpg');
              background-repeat: no-repeat;
              background-attachment: scroll;
              background-position: 50% 0%;
              }
body.index {background-color: black;
            text-align:center;
            vertical-align:middle;}
table.index {width:450px;
             height:250px;
             margin-left:auto;
             margin-right:auto;
             background: url('pozadia/welcome.gif');
             vertical-align:middle;}
td.vyber {height:70px;
          text-align:center;}
a.vyber {font-family:verdana, arial;
         font-size:100%;
         font-weight:bold;
         color:black;
         text-decoration:none}
a.vyber:hover {color:white;}
table.hlavnalista {height: 160px;
                   width: 815px;
                   background-image: url("pozadia/hlavnalista.jpg");
                   }
td.hlavnalista{vertical-align:bottom;
              text-align:right;}
img.jazyk {margin-left:auto;
           margin-right:auto;
           width:25px;
           height:14px;}
img {border: none}
a.vstup {font-family:verdana, arial;
         font-size:100%;
         font-weight:bold;
         color:black;
         text-decoration:none}
a.vstup:hover {color:white;}
table.pozadie5 {width: 210px;
               height: 250px;
               background-image: url("pozadia/bunka.gif")
}
div.menu {font-family:verdana, arial;
         font-size:100%;
         font-weight:bold;
         color:white;}
b.gold {font-family: arial, sans-serif, verdana;
          color: #ffd700}
b.silver {font-family: arial, sans-serif, verdana;
          color: #c0c0c0}
b.bronz {font-family: arial, sans-serif, verdana;
          color: #a52a2a}
h4{font-family: arial, sans-serif, verdana;
   }
h5{font-family: arial, sans-serif, verdana;
   }
a.intro {font-family: arial, sans-serif, verdana;
         color: #ffd700}
a.intro:hover {color: white}
td.podnadpis {font-family: arial, sans-serif, verdana;
              font-weight: bold;
              font-size: 90%;
              color: #000000;}
td.obsah {font-family: arial, sans-serif, verdana;
          font-size: 80%;
          color: #000000}
td.obsah2 {font-family: arial, sans-serif, verdana;
           font-size: 80%;
           color: #000000;}
table.telo {width: 600px;
            }
td.telo {height: 35px;
         background-image: url("pozadia/menu1.gif");
         font-weight: bold;
         font-family: verdana;
         font-size: 100%;
         color: #000000}
td.obsah3 {width: 210px;
          }
td.obsah4 {height: 20px;
          text-align: center;
          font-family: verdana,arial;
          font-weight: bold;
          font-size: 100%;
          color: #000000}
td.obsah5 {font-family: arial, sans-serif, verdana;
		  font-size: 80%;
          color: #000000}
a.dalej {font-family: arial, sans-serif, verdana;
		 color: #000000;
         text-decoration: none}
a.dalej:hover {color: #008000}
td.bunka1{width: 160px;
          height: 160px;
          }
td.copy {font-family: arial, sans-serif, verdana;
         font-size: 70%;
         color: #000000}
a.strana {font-family: arial, sans-serif, verdana;
          font-size: 75%;
          color: #000000;}
a.strana:hover {color: #56562c}
td.napis {width: 600px;
          height: 1195px;
          background-image: url("pozadia/telo3.gif");
          }
td.napis1 {height: 10px;
           background-image: url("pozadia/telo2.gif");
          }
td.napis2 {height: 10px;
           background-image: url("pozadia/telo4.gif");
          }
table.spodnalista {height: 28px;
                   width: 815px;
                   background-image: url("pozadia/spodna1.jpg");
                   font-family: arial, sans-serif, verdana;
                   color: #000000}
table.pozadie {width: 210px;
               height: 250px;
               background-image: url("pozadia/pozadie.gif")
}
table.pozadie1 {width: 210px;
                height: 70px;
                background-image: url("pozadia/pozadie1.gif")}
table.pozadie2 {width: 210px;
                height: 90px;
                background-image: url("pozadia/pozadie2.gif")}
table.pozadie3 {width: 210px;
                background-image: url("pozadia/pozadie3.gif")}
table.pozadie4 {width: 210px;
                height: 310px;
                background-image: url("pozadia/pozadie4.gif")}
table.pozadie6 {width: 210px;  
                background-image: url("pozadia/menu.gif");}
td.face {font-family: verdana;
         font-weight: bold;
         font-size: 95%;
         color: #710071}
td.podnadpis {height: 50px;
              font-family: arial, sans-serif, verdana;
              font-size: 85%;
              color: #000000}
table.video {background-color: white}
td.flourish1 {width: 570px;
             height: 140px;
             background-image: url("pozadia/flourish1.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 80%}
td.flourish2 {width: 570px;
             height: 140px;
             background-image: url("pozadia/flourish2.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 80%}
td.flourish3 {width: 570px;
             height: 140px;
             background-image: url("pozadia/flourish3.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 80%}
td.flourish4 {width: 570px;
             height: 140px;
             background-image: url("pozadia/flourish4.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 80%}
td.flourish5 {width: 570px;
             height: 140px;
             background-image: url("pozadia/flourish5.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 80%}
td.flourish6 {width: 570px;
             height: 140px;
             background-image: url("pozadia/flourish6.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 80%}
td.flourish7 {width: 570px;
             height: 140px;
             background-image: url("pozadia/flourish7.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 80%}
td.flourish8 {width: 570px;
             height: 140px;
             background-image: url("pozadia/flourish8.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 80%}
td.flourish9 {width: 570px;
             height: 140px;
             background-image: url("pozadia/flourish9.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 80%}
td.flourish10 {width: 570px;
             height: 140px;
             background-image: url("pozadia/flourish10.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 80%}
td.flourish11 {width: 570px;
             height: 140px;
             background-image: url("pozadia/flourish11.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 80%}
td.flourish12 {width: 570px;
             height: 140px;
             background-image: url("pozadia/flourish12.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 80%}
td.flourish13 {width: 570px;
             height: 140px;
             background-image: url("pozadia/flourish13.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 80%}
td.flourish14 {width: 570px;
             height: 140px;
             background-image: url("pozadia/flourish14.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 80%}
td.flourish15 {width: 570px;
             height: 140px;
             background-image: url("pozadia/flourish15.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 80%}


/*========================== LIGHTBOX =============================*/
#lightbox{position: absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox a img{ border:none;}
#outerImageContainer{position:relative; background-color:#999999; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute; top:60%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}

#prevLink, #nextLink{width:49%; height:100%; background: transparent url(pictures/blank000.gif) no-repeat; /* Trick IE into showing hover */ display:block;}
#prevLink {left:0; float:left;}#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background: url(pictures/spat.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(pictures/dalej.png) right 15% no-repeat; }

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; padding-top:6px; background-color:#7b7b7b; margin:0 auto; line-height:1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%; float:left; text-align:left; color:#333;}
#imageData #caption{font-weight: bold;}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em;} 
#imageData #bottomNavClose{width:66px; float:right; padding-bottom:0.7em;} 

#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#ffffff; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}

.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html>body .clearfix {display:inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */}