#titul {z-index: 7; position: fixed; left: 24%;  top: 1%; 

background: rgba(228, 228, 228, 1);
border:1px solid #606060; 
font-family: verdana;
font-size: 25pt;
font-weight:bold;
padding: 10px;
border:1px solid #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
}

#bar {
z-index: 7; position: fixed; left: 5px; bottom: 3%;    /* slovníček 3 */
background: rgba(228, 228, 228, 0.8);  
font-family: verdana;
font-weight: bold;
font-size: 10pt;
padding: 5px;    
border:1px solid #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
display: block;
width:20px;
height:180px;
text-align: center;
}

#bar2 {
/* color: white; text-shadow: black 0.1em 0.1em 0.2em;    HALO */
z-index: 7; position: fixed; left: 5px; bottom: 40%;   /* přehled 2 */
background: rgba(228, 228, 228, 0.8);  
font-family: verdana;
font-weight: bold;
font-size: 10pt;
padding: 5px;    
border:1px solid #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
display: block;
width:20px;
height:180px;
text-align: center;
}

#bar3 {
z-index: 7; position: fixed; left: 5px; top: 3%;   /* historie 1 */
background: rgba(228, 228, 228, 0.8);  
font-family: verdana;
font-weight: bold;
font-size: 10pt;
padding: 5px;    
border:1px solid #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
display: block;
width:20px;
height:180px;
text-align: center;

}

#bar:hover, #bar2:hover, #bar3:hover, #legenda_button:hover {
background: rgba(240, 240, 240, 0.8);

}

#subbar {
z-index: 7; position: absolute; left: 5px; bottom: 3%;   
background: rgba(228, 228, 228, 0.8);
font-family: verdana;
font-size: 10pt;
padding: 5px;
border:1px solid #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
display: none;
height:200px;
width:20px;
overflow:auto; /*???*/
overflow-x: hidden; /* perfect */
}

#subbar2 {
z-index: 7; position: absolute; left: 5px; bottom: 40%;   
background: rgba(228, 228, 228, 0.8);
font-family: verdana;
font-size: 10pt;
padding: 8px;
border:1px solid #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
display: none;
height:200px;
width:20px;
overflow:auto; /*???*/
overflow-x: hidden; /* perfect */
} 

#subbar3 {
z-index: 7; position: absolute; left: 5px; top: 3%;   
background: rgba(228, 228, 228, 0.8);
font-family: verdana;
font-size: 10pt;
padding: 5px;
border:1px solid #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
display: none;
height:200px;
width:20px;
overflow:auto; /*???*/
overflow-x: hidden; /* perfect */
}

#menu div {
font-family: verdana;
font-size: 16pt;
font-weight: bold;
padding: 4px; /*4px*/
margin-top: 10px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 16px;
border:1px solid #606060;
text-align: center;
z-index: 10;                       
}

#menu div:hover {
background: rgba(240, 240, 240, 0.8);
font-family: verdana;
border-width:1px;
border-color: #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);   
}

#menu2 div {
font-family: verdana;
font-size: 16pt;
font-weight: bold;
padding: 4px; /*4px*/
margin-top: 10px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 16px;
border:1px solid #606060;
text-align: center;
z-index: 10;                       
}

#menu2 div:hover {
/* background: rgba(255, 0, 0, 0.4); */
background: rgba(240, 240, 240, 0.8);
font-family: verdana;
border-style:solid;
border-width:1px;
border-color: #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
    
}

#menu3 div {
font-family: verdana;
font-size: 16pt;
font-weight: bold;
padding: 4px; /*4px*/
margin-top: 10px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 16px;
border:1px solid #606060;
text-align: center;
z-index: 10;
display: block;                       
}

#menu3 div:hover {
background: rgba(240, 240, 240, 0.8);
font-family: verdana;
border-width:1px;
border-color: #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);   
}

#nadpis {
text-align: center;
font-family: verdana;
} 

/* TEXT SLOVNICEK A PŘEHLED OBJEKTŮ */
#fort, #bastion, #kasemat, #reduit, #kurtina, #venec {
font-family: verdana;
font-size: 11pt;
text-align: block;
display: none;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
}

#pozustatky, #stavby {
font-family: verdana;
font-size: 11pt;
text-align: left;
display: none;
padding-top: 5px;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

.zpet {
font-family: verdana;
font-size: 12pt;
font-weight: bold;
padding: 4px; /*4px*/
margin-top: 10px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 16px;
border:1px solid #606060;
text-align: center;
z-index: 10; 
}

.zpet:hover {
background: rgba(240, 240, 240, 0.8);
font-family: verdana;
border-style:solid;
border-width:1px;
border-color: #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);    
}

.nadpis {
font-family: verdana;
text-align: center;
  margin-top: 12px;
font-size: 14pt;
font-weight: bold;
text-decoration:underline;
font-family: verdana;
}

.text{
text-align: left;
font-family: verdana;
}


/* SUBBAR2 HOOVERY */

.pozust:hover, .stavb:hover {
background: rgba(220, 220, 220, 0.8);
font-family: verdana;
border-style:solid;
border-width:1px;
border-color: #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
/*font-style: italic;  */      
text-align: left;
 
                            
}


td {
vertical-align: middle;
}

#legenda_button {
z-index: 7; position: absolute; bottom: 20%; right: 5px;
background: rgba(228, 228, 228, 0.8);
font-family: verdana;
font-weight: bold;
font-size: 10pt;
padding: 5px;
border:1px solid #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
display: block;
height:260px;
width:20px;
text-align: center;
}


#legenda {z-index: 7; position: absolute; right: 5px; bottom: 20%;
background: rgba(228, 228, 228, 1);
font-family: verdana;
font-size: 12pt;
font-weight:normal;
padding: 5px;
border:1px solid #606060;
text-align: left;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
display: none;
overflow:auto; /*???*/
overflow-x: hidden; /* perfect */
height:260px;
width:20px; 
}

#legenda_obsah {
display: none
}


#close_kek4, #close_kek3, #close_kek2, #close_kek1, #close_i {
font-family: verdana;
font-size: 8pt;
font-weight: bold;
padding: 4px; 
text-align: right;  
z-index: 10; 
}
#close_i {
font-family: verdana;
font-size: 8pt;
font-weight: bold;
padding: 4px; 
text-align: right;  
z-index: 10; 
}

#close_kek4:hover, #close_kek3:hover, #close_kek2:hover, #close_kek1:hover, #close_i:hover {
font-family: verdana;
box-shadow: 10 5px 5px rgba(0,0,0,0.4);
color: #606060;
font-style: italic;
}

#reload {
z-index: 7; position: absolute; top: 10%; right: 5%;
/*background-image: url("../pics/bg/i_button1.png");    */
background: rgba(51, 204, 0, 1);
font-family: verdana;
font-weight: bold;
font-size: 10pt;
padding: 5px;
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
display: block;
height:26px;
width:26px;
text-align: center;
}

#i_button {
z-index: 7; position: absolute; top: 1%; right: 5%;
background-image: url("../pics/bg/i_button1.png");
font-family: verdana;
font-weight: bold;
font-size: 10pt;
padding: 5px;
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
display: block;
height:26px;
width:26px;
text-align: center;
}

#inform {z-index: 7; position: absolute; top: 1%; right: 5%;
background: rgba(228, 228, 228, 0.8);
font-family: verdana;
font-size: 10pt;
font-weight:normal;
padding: 5px;
border:1px solid #606060;
text-align: left;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
display: none;
overflow:auto; /*???*/
overflow-x: hidden; /* perfect */
height:15px;
width:260px;
}
#close_i div {

text-align: center;
                      
}
#i_text {
display: none
}

#txt {
text-align: justify;
padding: 8px;

}

#txt2 {
text-align: justify;
padding: 8px;

}
.nadpiss {                       /*infobox styl */
text-align: center;
font-family: verdana;
font-weight: bold;
}

.popiss {
text-align: center;
font-family: verdana;
}

.popisss {
text-align: justify;
font-family: verdana;
padding: 5px;
}

img.piccen1 {
    display: block;
    margin-left: auto;
    margin-right: auto;
 }