html {
	font-size: 1.1em;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow-y: scroll;
}

h1 {
	text-align: center;
	font-size: 160%;
}

h2 {
	text-align: center;
	font-size: 140%;
}

h4 {
	font-size: 120%;
}

img {
	border: 0;
}

div#content > table, div#content2 > table {  /* Note: Google custom search box uses <table>. */
	border-spacing: 0.12rem; /*2px;*/
}

div#content > table th, div#content > table td, div#content2 > table th, div#content2 > table td {
	padding: 0.34rem; /*6px;*/
}

div#content > table th, div#content2 > table th {
	background-color: #a0e0a0;
}

div#content > table td, div#content2 > table td {
	background-color: #e8e8e8;
}

pre {
	font-size: 1rem;
	overflow-x: auto;
}

table#top-bar {
	width: 100%;
	border-spacing: 0;
}

table#top-bar td {
	width: 33%;
	background-color: white;
	text-align: center;
}

table#top-bar td:last-child {
	text-align: right;
}

div#page-overlay {
	position: fixed;
	left: 0;
	top: 0;
	background-color: black;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

div#menu-bar {
	position: fixed;
	width: 70%;
	max-width: 400px;
	height: 100%;
	left: -70%;
	top: 0;
	overflow: auto;
	background-color: #e0e0e0;
	-webkit-transition: left 0.5s;
	-o-transition: left 0.5s;
	-moz-transition: left 0.5s;
	transition: left 0.5s;
}

div#menu-bar > div {
	margin: 20px;
}

div#menu-bar img {
	width: 130px;
	height: 74px;
}

div#menu-bar a {
	text-decoration: none;
}

div#menu-bar ul {
	list-style-type: none;
}

ul#main-menu {
	padding: 0;
	margin-top: 1.02rem; /*18px; /*10%;*/
	margin-bottom: 1.02rem; /*18px; /*10%;*/
}

ul#main-menu li {
	padding: 0.12rem; /*2px; /*1%;*/
	margin-top: 0.45rem; /*8px; /*3%;*/
	font-weight: bold;
}

ul#main-menu li a {
	color: blue;
}

ul#main-menu li a:hover {
	color: green;
}

div#lang-menu {
	margin-top: 1.02rem; /*18px; /*10%;*/
}

div#lang-menu ul {
	padding: 0;
	margin-top: 0;
	margin-left: 3%;
}

div#lang-menu li {
	margin-top: 0.45rem; /*8px; /*3%;*/
	font-weight: bold;
}

div#lang-menu li a {
	font-weight: normal;
}

div#content {
	margin: 0.5%;
	padding: 1%;
}

div#news-bar table {
	background-color: silver;
	width: 100%;
	max-width: 350px;
	border-spacing: 0.09rem; /*1px;*/
	margin-left: auto;
	margin-right: auto;
}

div#news-bar table td {
	padding: 0.17rem; /*3px; /*1.1%;*/
}

div#news-bar table tr:first-child td {
	background-color: #8080e0;
	color: white;
	font-weight: bold;
	width: 50%;
}

div#news-bar table tr:last-child td {
	background-color: #fff8f8;
}

table.quick-download {
	width: 100%;
	max-width: 400px;
}

table.download-table th:first-child {
	white-space: nowrap;
}

@media only screen and (min-width: 768px) {
table#top-bar {
	display: none;
}

div#fbox1 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

div#menu-bar {
	position: static;
	width: 14%;
	max-width: none;
	min-width: 140px;
	margin: 0.5%;
	padding: 1%;
}

div#menu-bar > div {
	margin: 0;
}

div#menu-bar img {
	width: 100%;
	height: auto;
}

div#content {
	width: 86%;
}
}

@media only screen and (min-width: 992px) {
div#fbox2 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

div#content2 {
	margin-right: 0.5%;
	width: 76%;
}

div#news-bar {
	margin-left: 0.5%;
	width: 24%;
}

div#news-bar > h2 {
	display: none;
}

div#news-bar table {
	max-width: none;
}

table.quick-download {
	width: 45%;
	max-width: none;
	min-width: 400px;
}

div#search-box {
	width: 50%;
}
}

@media only screen and (min-width: 1600px) {
html {
	font-size: 1.25em;
}
}

@media only screen and (min-width: 1920px) {
html {
	font-size: 1.5em;
}

@media only screen and (min-width: 2560px) {
html {
	font-size: 1.8em;
}
}