html {width: 100%; height: 100%; position: relative; }

body {
width: 100%;
height: 100%; 
margin: 0; 
text-align: left;
font-family: Verdana, Trebuchet, Arial, Helvetica, Sans-Serif;
font-size: 14px; 
line-height: 1.2em;
color: #521;
background-color: #fda;
overflow: scroll;

/*background: url(./obr/olse.jpg) repeat;                    #ffe4c4; */
}

@media screen and (min-width: 1200px) { body {font-size: 16px; }  }
@media screen and (min-width: 1400px) { body {font-size: 18px; }  }
@media screen and (min-width: 1600px) { body {font-size: 20px; }  }

/* .hranice {border-bottom: 1px solid #bb8844; margin: 0.1em; } .hranice p {border: 1px solid #ffe6b0; margin: 0.1em; } */

#obal {	
width: 70em;
height: 100%; /*40em;*/
position: relative;
top: 0;
left: 0;
margin: 0em auto;
/*background-color: #ffddaa;  */
}

#bocni_menu  { 
width: 14em; 
height: 100%;
position: absolute;
top: 0;
right: 0;
overflow: visible;
border-left: .1em solid #521;
margin: 0;
padding: 0;
}

#obsah {  
width: 54em; 
position: absolute;
top: 0;
left: 0;
}

#adresa {line-height: 1.4em; letter-spacing: .1em; font-style: oblique; font-size: 0.7em; text-align: right; padding: 0 0 1em 2em; color: black; }

#bocni_menu a { 
display: block; 
text-decoration: none; 
font-weight: bold; 
padding: 0.4em 0.4em 0.4em 1em; 
margin: .1em; 
color: maroon;
background-color: #eb6; /* EECC99; */
border: .1em solid maroon; 
border-radius: .5em; 
}

#bocni_menu a.act {
color: maroon; 
background-color: #fda; 
border: .1em solid #521;
border-left: .1em solid #fda;
border-bottom-right-radius: 5em; 
position: relative;
left: -.2em;
}

#bocni_menu a.pas:hover {color: maroon; background-color: #eb6; }

#info h3, #info h4, #info p {text-align: center; padding: .2em; margin: 0; }
.barva_duraz b {color: maroon; }

#info img {position: relative; top: .4em;}