/* validated via http://jigsaw.w3.org/css-validator/validator */
:root{
--bg-color:#eee;
--hdr-border-color:#888;
--hdr-nav-color:#eee;
--hdr-nav-hover-color:#fff;
--gal-border-color:#ccc;
--gal-fg-color:#000;
--gal-titl-overlay-color:#888;
--gal-titl-txt-color:#fff;
--tlr-bg-color:#ccc;
--tlr-fg-color:#000;
--loupe-bg-color:#222;
--loupe-fg-color:white;
--loupe-img-border-color:#888;
}

html, body {
background-color:var(--bg-color);
margin: 0;
padding: 0;
background: url("../pics/bg.png"); 
font-family: sans-serif;
margin: 0;
height:100%;
}

body {
overflow-x: hidden;
}

.noScript{
position: fixed;
left: 150px;
top: 60px;
color:#fff;
z-index:50;
opacity:1;
font-size: 16px;
}

#container{
/*background-color:var(--bg-color);*/
}
#header{
position: fixed;
left: 0;
top: 0px;
width: 100%;
height: 52px;
z-index: 10;
/* font-size: 14px; */
border: 2px solid var(--hdr-border-color);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
background:linear-gradient(to bottom,#eee, #666);
opacity: 1;
transition: all 0.5s;
}

#trailer{
width:100%;
background-color:var(--tlr-bg-color);
color:var(--tlr-fg-color);
opacity:0;
z-index:30;
box-shadow: 0 0 10px rgb(0,0,0);
margin:20px 0 0 0;
padding:5px 0 5px 0;
}
.copyright{
font-size: 13px;
padding:0 0 0 40px;
}

#hdr-icon{
float: left;
margin: 0 1em 0 1em;
width: 3.4em;
height: 3.4em;
opacity:1.0;
}

#fs-icon1{
float: right;
margin: 0.2em 0.2em 0 1em;
padding-top:0px;
width: 20px;
height: 20px;
color:#333;
/*opacity:0.9;*/
}
#fs-menu{
float: left;
margin: 0.1em 0em 0 1em;
padding:0px 0 0 0px;
width: 120px;
height: 20px;
opacity:0.8;
}
.fsMenuButton{
color:#fff;
z-index:30;
}
#hdr-item1{
    position:relative;
    margin-top:0.5em;
}

#hdr-nav ul
{
padding-top:20px;
float: right;
margin: 0.5em 1em 0 0; /* margin: 1em 0 0 0; */
width: 20% 
list-style-type: none;
font-weight: bold; 
font-size: 14px; 
}

#hdr-nav ul li 
{
display: none; 
}

#hdr-nav ul li a
{
text-decoration: none;
color: var(--hdr-nav-color);
}

#hdr-nav ul li a:hover
{
color: var(--hdr-nav-hover-color);
text-decoration: underline overline;
}

.sideSlide{
color:#fff;
background-color: #303035;
position: fixed;
font-size: 15px; 
font: arial, Tohoma, arial, helvetica, sans-serif;
top: 4.1em;
left: 0; 
z-index: 21;
height: 100%;
overflow: hidden;
box-shadow: 0 0 20px rgba(0,0,0,1);
border-right:2px solid #666;
transition: all 0.5s;
}

#sideMenu{
color:#fff;
background-color: #000;
left:-120px;
width: 120px; 
opacity: 0.95;
z-index:9;
}
#sideMenu.active {
left:0;
z-index:20;   
}

#sideLinks{
width:320px;
left:-500px;
opacity: 0.95;
z-index:9;  
}
#sideLinks.active {
left:0;
z-index:20;   
}
/*
#sideGalleries{
width:320px;
left:-500px;
opacity: 0.95;
z-index:9;
}
#sideGalleries.active {
left:0;
z-index:20;   
}
*/

#sideMaps{
width:320px;
left:-500px;
opacity: 0.95;
z-index:9;  
}
#sideMaps.active {
left:0;
z-index:20;   
}

.sideSlide ul{
position: absolute;
top: 3em;
left: 1em;
display: block;
list-style: none;
margin: 0;
padding: 0;
overflow-y:auto;
}

.sideSlide ul{
bottom: 5em;
width:29em;
}

.sideSlide ul li{
height: 2em;
line-height: 1.3em;
margin-left: 1em;
}

.sideSlide ul li a{
color: #aaa;
}

.sideSlide ul li a:hover
{
color: #fff;
}

.grecaptcha-badge {
    display: none;
}

::-webkit-scrollbar {
    width: 13px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 13px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 13px;
    border-radius: 10px;
    background: rgba(220,220,220,0.9); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(220,220,220,0.7); 
}