body.pozadie{background-color: black}
table.hlavnalista {height: 160px;
                   width: 815px;
                   background-image: url("pozadia/hlavnalista.jpg");
                   font-family: arial, sans-serif, verdana;
                   font-size: 18;
                   color: black}
img {border: none}
td.uvod {font-family: arial, sans-serif, verdana;
         font-size: 18;
         color: white}
td.podnadpis {font-family: arial, sans-serif, verdana;
              font-weight: bold;
              font-size: 14;
              color: black}
td.obsah {font-family: arial, sans-serif, verdana;
          font-size: 14;
          color: black}
table.menu {width: 210px;
            font-family: arial, sans-serif, verdana;
            font-size: 18;
            color: black}
td.menu {height: 27px;
         background-image: url("pozadia/menu.jpg");
         font-family: arial, sans-serif, verdana;
         font-size: 16;
         color: black}
td.obsah2 {font-family: arial, sans-serif, verdana;
           font-size: 12;
           color: black}
table.telo {width: 600px;
            font-family: arial, sans-serif, verdana;
            font-size: 14;
            color: white}
td.telo {height: 35px;
         background-image: url("pozadia/menu1.jpg");
         font-weight: bold;
         font-family: verdana;
         font-size: 16;
         color: black}
td.obsah3 {width: 210px;
          background-image: url("pozadia/menu.jpg");
          font-family: arial, sans-serif, verdana;
          font-size: 16;
          color: white}
a.intro  {font-family: arial, sans-serif, verdana;
          font-size: 14;
          color: gold}
a.intro:hover   {font-size: 14;
                 color: white}
td.nazvy {font-family: arial, sans-serif, verdana;
          font-size: 18;
          color: #eec626}
td.obsah4 {font-family: verdana;
          font-weight: bold;
          font-size: 16;
          color: black}
td.obsah5 {font-family: arial, sans-serif, verdana;
		  font-size: 14;
          color: black}
a.dalej {font-family: arial, sans-serif, verdana;
          font-size: 15;
          color: black;
          text-decoration: none}
a.dalej:hover {color: green}
td.bunka {width: 180px;
          height: 180px;
          background-color: #bd7da5;
          font-family: arial, sans-serif, verdana;
          font-size: 12;}
td.bunka1{width: 160px;
          height: 160px;
          font-family: arial, sans-serif, verdana;
          font-size: 12;}
td.copy {font-family: arial, sans-serif, verdana;
         font-size: 11;
         color: black}
a.strana {font-family: arial, sans-serif, verdana;
          font-size: 12;
          color: black;}
a.strana:hover {color: #56562c}
table.napis {width: 600px;
          height: 1138px;
          background-image: url("pozadia/telo3.jpg");
          font-family: arial, sans-serif, verdana;
          font-size: 15;
          font-weight: bold;
          color: black}
td.napis1 {background-image: url("pozadia/telo2.jpg");
          font-family: arial, sans-serif, verdana;
          font-size: 15;
          color: black}
td.napis2 {height: 10px;
           background-image: url("pozadia/telo4.jpg");
          font-family: arial, sans-serif, verdana;
          font-size: 15;
          color: black}
td.lavalista {width: 140px;
              background-image: url("pozadia/lista.jpg")}
td.pravalista {width: 140px;
               background-image: url("pozadia/lista1.jpg")
               }
table.spodnalista {height: 28px;
                   width: 815px;
                   background-image: url("pozadia/spodna1.jpg");
                   font-family: arial, sans-serif, verdana;
                   font-size: 18;
                   color: black}
table.pozadie {width: 210px;
               background-image: url("pozadia/pozadie.jpg")
}
table.pozadie1 {width: 210px;
                background-image: url("pozadia/pozadie1.jpg")}
table.pozadie2 {width: 210px;
                background-image: url("pozadia/pozadie2.jpg")}
table.pozadie3 {width: 210px;
                background-image: url("pozadia/pozadie3.jpg")}
table.pozadie4 {width: 210px;
                background-image: url("pozadia/pozadie4.jpg")}
td.bronz {font size: 14;
          color: brown}
td.silver {font size: 14;
          color: silver}
td.gold {font size: 14;
          color: gold}
td.face {font-family: verdana;
         font-weight: bold;
         font-size: 16;
         color: #710071}
td.flourish1 {width: 570px;
             height: 150px;
             background-image: url("pozadia/flourish1.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 12}
td.flourish2 {width: 570px;
             height: 150px;
             background-image: url("pozadia/flourish2.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 12}
td.flourish3 {width: 570px;
             height: 150px;
             background-image: url("pozadia/flourish3.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 12}
td.flourish4 {width: 570px;
             height: 150px;
             background-image: url("pozadia/flourish4.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 12}
td.flourish5 {width: 570px;
             height: 150px;
             background-image: url("pozadia/flourish5.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 12}
td.flourish6 {width: 570px;
             height: 150px;
             background-image: url("pozadia/flourish6.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 12}
td.flourish7 {width: 570px;
             height: 150px;
             background-image: url("pozadia/flourish7.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 12}
td.flourish8 {width: 570px;
             height: 150px;
             background-image: url("pozadia/flourish8.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 12}
td.flourish9 {width: 570px;
             height: 150px;
             background-image: url("pozadia/flourish9.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 12}
td.flourish10 {width: 570px;
             height: 150px;
             background-image: url("pozadia/flourish10.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 12}
td.flourish11 {width: 570px;
             height: 150px;
             background-image: url("pozadia/flourish11.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 12}
td.flourish12 {width: 570px;
             height: 150px;
             background-image: url("pozadia/flourish12.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 12}
td.flourish13 {width: 570px;
             height: 150px;
             background-image: url("pozadia/flourish13.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 12}
td.flourish14 {width: 570px;
             height: 150px;
             background-image: url("pozadia/flourish14.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 12}
td.flourish15 {width: 570px;
             height: 150px;
             background-image: url("pozadia/flourish15.jpg");
             font-family: arial, sans-serif, verdana;
             font-size: 12}

/*========================== 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:#dedede; 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:#999; 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:#000; 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 */}