@charset "UTF-8";

/***** LAYOUT *****/
/** Relative to each other **/
#nav{
	position:fixed;
	top:0; left:0; 
	width:100%; 
	padding-bottom:10px;
	z-index:200;
	box-shadow:0 1px 2px rgba(0,0,0,.2); 
}

/*#nav, #nav ul li ul{background-color:#fff;}*/
#nav{border-bottom: 1px solid rgba(255, 255, 255, .3);}
#nav ul{margin:10px 15px 15px 15px;}
#nav ul li{position:relative; float:left;}
#nav ul li h1{margin:0;}
#nav ul li h1 a{padding-left:10px; padding-right:20px;}
/* languages links */
#nav ul li.lastLi{position:absolute; top:0; right:10px;}
#nav ul li>a{display:block; padding:20px 10px 7px 30px; overflow-wrap:break-word;}
/* languages links and title link should be inline */
#nav ul li h1 a{display:inline;}
#nav ul li.lastLi a{display:inline-block; padding:6px 4px 7px 4px; font-size:smaller;}
/* sub-nav */
#nav ul li ul{margin-top:0; padding:0; position:absolute; z-index:200; left:0; width:100%; min-width:170px; box-shadow:0 1px 1px rgba(0,0,0,.3); display:none;}
/* sub-nav shoudl not drop beyond screen height, so: */
#nav ul li ul{max-height:calc( 100vh - 60px ); overflow-x:auto;}
#nav ul li ul::-webkit-scrollbar{width:5px; height:5px; background-color:transparent;} /* for webkit */
#nav ul li ul::-webkit-scrollbar-thumb{background-color:rgb(203, 203, 203);}
#nav ul li ul{scrollbar-width:thin; scrollbar-height:thin; scrollbar-color: #c7c7c7 #eeeeee;} /* for FireFox */
#nav ul li ul li{display:block; float:none; max-width:300px;}
#nav ul li ul li a{padding:5px 15px;}
#nav ul li ul li:last-child{margin-bottom:10px;}
.backTitle{position:fixed; z-index:100;}
.title, .backTitle{
	margin:0; padding:0 30px 0 0;
}

#content{padding:20px 0 250px 0; margin:70px auto 0 auto;}
.contentW{max-width:850px;}

/* first p, h1, h2 and h3 in txt or html div, should have a margin-top that aligns with nav title (h1) */
div#content div:first-child,
/*div.txt p:first-child, div.html p:first-child, */
div.txt h3:first-child, div.html h3:first-child, 
div.txt h2:first-child, div.html h2:first-child, 
div.txt h1:first-child, div.html h1:first-child {margin-top:0; padding-top:0;}

p.description{text-align:center;}

.divItem a.zoom>img, .divItem a.imgMore>img{display:block; margin:0 auto;}

/*#footer{padding-left:0;}*/