/* CSS Document */
body { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: rgb(240,240,240); margin-top: 0px;}
a { text-decoration: underline;}
#box  { width: 976px; height: 576px; margin: auto; text-align: right; BACKGROUND-COLOR: rgb(240,240,240);} 
 
#head { height: 136px; text-align: center; width: 976px; background-image: url("img/hlava.jpg"); background-repeat:no-repeat;}
              
#menu { width: 180px; height: 380px; text-align: left; float: left; border: rgb(100,100,100) 0px solid;}  
#menu0 { width: 160px; height: 202px; margin-top:10px;}
       
#menu1 { width: 160px; height: 6px; background-image: url("img/menu_top.png"); } 
#menu2 { width: 160px; height: 270px; background-image: url("img/menu_bg.png");} 
#menu3 { width: 160px; height: 6px; background-image: url("img/menu_bottom.png"); }        
.menu {width: 135px; margin-left: 20px; padding-top: 10px; color:rgb(150,150,150); }
.menutext {margin-top: 10px; color:rgb(0,0,0); font-weight: bold;}
  .menutext a:link {font-weight: bold; color:rgb(0,0,0);}
  .menutext a:visited {color:rgb(0,0,0);  font-weight: bold;}
  .menutext a:active {color: rgb(99,99,99);}
  .menutext a:hover {color: rgb(190,190,190);}
.menuodkaz  {font-size: 7pt;}
  .menuodkaz a:link { color: rgb(150,150,150);}
  .menuodkaz a:visited { color: rgb(150,150,150);}
  .menuodkaz a:active {font-size: 7pt; color: rgb(150,150,150);}
  .menuodkaz a:hover {font-size: 7pt; color: rgb(0,0,0);}
.menutextn {margin-top: 10px; color:rgb(150,150,150);}

.podmenu1  {width: 160px; padding-top: 80px; text-align: center; border: rgb(150,150,150) 0px solid; font-size: 7pt; color: rgb(100,100,100);}
.podmenu1 img  {margin-top: 15px; border:0px;}

.podmenu  {width: 160px; padding-top: 10px; text-align: center; border: rgb(150,150,150) 0px solid; font-size: 7pt; color: rgb(100,100,100);}
.podmenu img  {margin-top: 5px; border:0px;}

#pole { width: 606px; height: auto; float: left; overflow: auto; margin-top: 20px;}
#pole1 { width: 606px; height: 6px; background-image: url("img/pole_top.png");}
#pole2 { width: 606px; height: auto; overflow: auto; background-image: url("img/pole_bg.png");}
#pole3 { width: 606px; height: 6px; background-image: url("img/pole_bottom.png");}
#text  {margin-left: 25px; margin-right: 25px; padding-top: 10px; overflow: visible; text-align: justify; }

#reklamy { width: 170px; height: auto; float: right; text-align: center; margin-top: 6px; margin-right: 6px; }
#reklamy1 { width: 160px; height: 6px; margin-top: 10px; background-image: url("img/reklamy_top.png");}
#reklamy2 { width: 160px; height: 408px; margin-top: 0px; background-image: url("img/reklamy_bg.png");} 
#reklamy3 { width: 160px; height: 6px; margin-top: 0px; background-image: url("img/reklamy_bottom.png");}             
#reklamy img  { border:0px;}           

#bottom{ width: 976px; height: 15px; clear: both; font-size: 10px; color:rgb(130,130,130); padding-top: 8px; text-align: center;}
  #bottom a:link { color:rgb(130,130,130); text-decoration: none; }
  #bottom a:visited { color:rgb(130,130,130); text-decoration: none; }
  #bottom a:hover { color:rgb(130,130,130); text-decoration: underline; }
  
.styl4 {	color: black;		font-size: 10px;  text-align: justify; }
.styl6 {color: black;  font-size: 10px; }
.title {text-align: center;}

#zoomify        {border: rgb(250,250,250) 1px solid; width: 645px; height:390px; text-align:center; margin: auto;} 
#window         {border: rgb(200,200,200) 1px solid; width: 100%; height:100%; -moz-box-sizing: border-box; box-sizing : border-box; }