#titul {z-index: 7; position: absolute; left: 30%;  top: 1%; 

background-image: url("../pics/bg/old3.jpg");
font-family: georgia;
font-size: 25pt;
font-weight:bold;
padding: 10px;
border:1px solid #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
}

#podtit {z-index: 7; float: left;
font-size: 14pt;
font-weight:normal;
}

#logo {z-index: 7; position: absolute; right: 5px; top: 5px;
background: rgba(228, 228, 228, 0.8);
border: 1px solid #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
}

#tiraz {
z-index: 7; position: absolute; right: 8px; bottom: 5%;    
background: rgba(255,229,204, 0.8); 
font-family: georgia;
font-size: 10pt;
padding: 5px;
border:1px solid #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
}

.close {
font-family: georgia;
/*background-image: url("../pics/bg/old3.jpg");   */
font-size: 12pt;
font-weight: bold;
/*background: rgba(0, 30, 255, 0.4);  */
padding: 4px; /*4px*/
margin-top: 10px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 16px;
border:1px solid #606060;
/*box-shadow: 0 5px 5px rgba(0,0,0,0.4);    */
text-align: center;
z-index: 10; 
}

.close:hover {
/* background: rgba(255, 0, 0, 0.4); */
background-image: url("../pics/bg/old.jpg");
font-family: georgia;
font-style: italic; 
border-style:solid;
border-width:1px;
border-color: #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
border:2px solid #606060;
}


#bar {
z-index: 7; position: absolute; left: 5%; bottom: 2%;
background-image: url("../pics/bg/old3.jpg");  
font-family: georgia;
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;
text-align: center;
width:220px;
height:20px;
}

#bar2 {
z-index: 7; position: absolute; left: 20%; bottom: 2%;
background-image: url("../pics/bg/old3.jpg");  
font-family: georgia;
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:220px;
height:20px;
text-align: center;
}

#bar3 {
z-index: 7; position: fixed; left: 35%; bottom: 2%;   /* historie 1 */
background-image: url("../pics/bg/old3.jpg");  
font-family: georgia;
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:220px;
height:20px;
text-align: center;

}
#subbar {
z-index: 7; position: absolute; left: 5%; bottom: 2%;   
background-image: url("../pics/bg/old3.jpg");
font-family: georgia;
font-size: 10pt;
padding: 5px;
border:1px solid #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
display: none;
height:20px;
width:220px;
overflow:auto; /*???*/
overflow-x: hidden; /* perfect */
}

#subbar2 {
z-index: 7; position: absolute; left: 20%; bottom: 2%;   
background-image: url("../pics/bg/old3.jpg");
font-family: georgia;
font-size: 10pt;
padding: 8px;
border:1px solid #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);
display: none;
height:20px;
width:220px;
overflow:auto; /*???*/
overflow-x: hidden; /* perfect */
} 

#subbar3 {
z-index: 7; position: absolute; left: 35%; bottom: 2%;   
background-image: url("../pics/bg/old3.jpg");
font-family: georgia;
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 */
}
/*
#obsah {
display: none
}

#menu {
display: none
}

#menu2 {
display: none
}
*/


#menu div {
font-family: georgia;
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-image: url("../pics/bg/old.jpg");
font-family: georgia;
border-width:1px;
border-color: #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);   
}


#menu2 div {
font-family: georgia;
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-image: url("../pics/bg/old.jpg");
font-family: georgia;
border-style:solid;
border-width:1px;
border-color: #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);    
}

#menu3 div {
font-family: georgia;
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-image: url("../pics/bg/old.jpg");
font-family: georgia;
border-width:1px;
border-color: #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);   
}

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

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

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

.zpet {
font-family: georgia;
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-image: url("../pics/bg/old.jpg");
font-family: georgia;
border-style:solid;
border-width:1px;
border-color: #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4);    
}

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

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



/* SUBBAR2 HOOVERY */

.pozust:hover, .stavb:hover {
background-image: url("../pics/bg/old.jpg");
font-family: georgia;
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: center;                             
}

td {
vertical-align: middle;
}


#legenda_button {
z-index: 7; position: absolute; right: 35%; bottom: 2%;
background-image: url("../pics/bg/old3.jpg");
font-family: georgia;
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:20px;
width:220px;
text-align: center;
}

#legenda {
z-index: 7; position: absolute; right: 35%; bottom: 2%;
background-image: url("../pics/bg/old3.jpg");
font-family: georgia;
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:20px;
width:220px;
}

#legenda_obsah {
display: none
}

#legenda_button2 {
z-index: 7; position: absolute; right: 20%; bottom: 2%;
background-image: url("../pics/bg/old3.jpg");
font-family: georgia;
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:20px;
width:220px;
text-align: center;
}

#legenda2 {z-index: 7; position: absolute; right: 20%; bottom: 2%;

background-image: url("../pics/bg/old3.jpg");
font-family: georgia;
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:20px;
width:220px;
}

#legenda_obsah2 {
display: none
}

#legenda_button3 {
z-index: 7; position: absolute; right: 5%; bottom: 2%;
background-image: url("../pics/bg/old3.jpg");
font-family: georgia;
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:20px;
width:220px;
text-align: center;
}

#legenda3 {z-index: 7; position: absolute; right: 5%; bottom: 2%;
background-image: url("../pics/bg/old3.jpg");
/*opacity: 0.8;  */
font-family: georgia;
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:20px;
width:220px;
}

#legenda_obsah3 {
display: none
}

#close1, #close2, #close3, #close_i,#close_kek3, #close_kek2, #close_kek1 {
font-family: georgia;
font-size: 8pt;
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; 
}

#close1:hover, #close2:hover, #close3:hover, #close_i:hover, #close_kek3:hover, #close_kek2:hover, #close_kek1:hover {
background-image: url("../pics/bg/old.jpg");
font-family: georgia;
border-style:solid;
border-width:1px;
border-color: #606060;
box-shadow: 0 5px 5px rgba(0,0,0,0.4); 
}

/*#close_kek3, #close_kek2, #close_kek1 {
font-family: georgia;
font-size: 7pt;
font-weight: bold;
padding: 4px; /*4px*/
/*margin-top: 10px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 16px;
text-align: right;  
z-index: 10; 
}

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

#kek, #kek2, #kek3 {
text-align: center;
}

#i_button {
z-index: 7; position: absolute; top: 1%; right: 5%;
background-image: url("../pics/bg/i_button.png");
font-family: georgia;
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-image: url("../pics/bg/old3.jpg");
font-family: georgia;
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;
}

#i_text {
display: none
}

#txt, #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;
 }