html {
margin-left: calc(100vw - 100%);
}
html body {
font-family: arial,verdana, "sans serif";
color: #666;
background: #ffffff url('bg.jpg') repeat;
min-width:150px;
max-width:1024px;
margin:0 auto;padding:2%;
}
#obal {
background:#fff;
padding:2px 2px 0 2px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;border:4px solid #333;}
img { 
border: 1px solid #aaa;
}
.header {
margin:0px auto 2px auto;
padding: 4px 0;
text-align: center;
color:#fff;
font-size: 20px;height:31px;
font-weight: bold;
font-variant: normal;
background: #ffffff url('hbg.png') repeat-x;
border: 1px solid #aaa;
text-shadow: 1px 1px 3px #000;
border-radius: 5px 5px 0 0;
}
.header a {
text-decoration:none;
color:#fff;
}
.header :hover {color:#fff;text-shadow: -1px -1px 3px #000;}
.center {
text-align: center;
background: #ffffff;
margin:-2% 0 0 0;
padding:2% 0 0 0;
border: 1px solid #aaa;


}
.container {
margin: 3px 5px 6px 5px;
background:#f7f7f7;
min-height:240px;
display:inline-block;
}
.dia {
margin: 2px 0;
padding: 3px;
border: 1px solid #888;
border-radius:5px;
overflow:hiden;
background:#fff;
color:#333;
font-size:70%;
border-collapse: collapse;
display:inline-block;
}
.dia:hover {
color:#669900;
background:#fff;
}
.smalldesc {
margin: 0;
font-size: .65em;
text-align: center;
}
#footer {
  margin:5px 0 0 0;
  padding:1em 0;
  text-align: center;
  font:normal 11px tahoma,Arial;
  color:#595959;
  position:relative; left:0;bottom:3px;
  background: #ffffff url('hbg2.png') repeat-x; 
  min-height:20px;
  border: 1px solid #aaa;
  border-top:none;
  border-radius: 0 0 5px 5px;
}
#footer a {text-decoration:none;color:#595959;}
#footer a:hover {color:#999;text-decoration:none;}

/* page */
.image {
text-align:center;
margin: 0 auto;
}
.image img {
width:96%;
height:auto;
border: 1px solid #aaa; 
border-radius:5px; 
overflow:hidden;
padding:0px;
margin:0;
}
.bigdesc {
padding:0 0 6px 0;
margin:2px;
font:normal 11px arial;
color:#666;
text-align: center;
background:#ffffff;
border: 0px solid #aaa;

}
#navigator {
height:38px;
padding: 13px 0 0 0;
margin: 2px 0 0 0;
text-align: center;
font-size: 14px;


}
#navigator a {
font-weight:normal;
padding: 3px 16px;
text-decoration:none;
color:#000000;
border-radius: 2px;
background:#ffffff;
-webkit-box-shadow: inset 1px -1px 4px 0px rgba(0,0,0,0.8); /* stín menu */
-moz-box-shadow: inset 1px -1px 4px 0px rgba(0,0,0,0.8); /* stín menu */
box-shadow: inset 1px -1px 4px 0px rgba(0,0,0,0.8); /* stín menu */
}	 
#navigator a:hover {
text-decoration: none;
color: #ffffff;
background:#999;
-webkit-box-shadow: inset 1px -1px 4px 0px rgba(0,0,0,0.8); /* stín menu */
-moz-box-shadow: inset 1px -1px 4px 0px rgba(0,0,0,0.8); /* stín menu */
box-shadow: inset 1px -1px 4px 0px rgba(0,0,0,0.8); /* stín menu */
}
.dia a img {border:1px solid #999;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
    border-radius:5px;
    overflow:hidden;
}
.dia a:hover img { 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
}

.email a {padding:0 .5em;margin:0;text-decoration:none;border-bottom:1px solid #333; font:normal 11px tahoma,Arial;
  color:#595959;}
.email :hover {color:orange;border-bottom:1px solid #f00;}

@media (max-width: 460px) {
  .header, a.header {
       font-size:95%;
    }
}

/* Firefox */
* {scrollbar-width: thin;scrollbar-color: #7faa00 #444;}
/* Chrome, Edge and Safari */
*::-webkit-scrollbar {width: 10px;width: 10px;}
*::-webkit-scrollbar-track {border-radius: 0px;border-left:1px solid #444;background-color:#333;}
*::-webkit-scrollbar-track:hover {}
*::-webkit-scrollbar-track:active {}
*::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #7faa00;border: 2px solid #555;}
*::-webkit-scrollbar-thumb:hover {background-color: #98ca00;}
*::-webkit-scrollbar-thumb:active {background-color: #98ca00;}