body {margin-top: 0px; 
	padding: 0; 
	background-color:#212121; 
	color:#ffffff; 
	font-family: sans-serif; 
	font-size: 12pt;
	text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
}

B {font-family:arial; color:#80FFFF}

.thumbnail{
position: relative;
border: 0;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
background-color: #212121;
border: 1px dashed #ffffff;
padding: 10px;
left: 3px;
top: 5px;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 3px; /*position where enlarged image should offset horizontally */
top: 5px;
z-index:100;
}

sup { vertical-align: top; font-size: 0.6em; }

a {
	color: #22cccc;
	cursor: pointer;
	text-decoration: underline;
}

a.menu {
	color: #22cccc;
	cursor: pointer;
	text-decoration: none;
}

a.lang {
	color: #22cccc;
	cursor: pointer;
	text-decoration: none;
}

h1{
	text-align: center;
	color: #E77900;
	font-size: 18pt;	
	margin-top: 6px;
	margin-bottom: 3px;
	text-align: center;
}

h2{
	color: #80FFFF;
  font-size: 16pt;
	margin-top: 3px;
}

h3{
	font-size: 14pt;
	color: #FFB800; 
}

h5{
	font-size: 8pt;
	color: #80FFFF;
}

table.maintable{
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	border-collapse: collapse;
	border: 8px solid #0e0e0e;
	padding: 0px;
	border-spacing: 0px;
	width: 1150px;
	background-color: #0e0e0e;
	align: center;
}

td.ldarker{
	background-color: #0E0E0E;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 5px;
}

td.rdarker{
	background-color: #0E0E0E;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 5px;
}

td.top{
	background-color: #0E0E0E;
	padding-bottom: 15px;
}

td.normal{
	background-color: #212121;
	padding-right: 10px;
}

li {
	  margin-top: 0.3em;
}

/* Start style for photoswipe */

figure {
  display: block;
  font-size: 16pt;
}



* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.demo-gallery figure {
  display: none;
}
.demo-gallery__title {
  line-height: 14px;
  font-size: 14px;
  opacity: 0.8;
  margin-top: 5px;
  width: 100%;
  float: left;
}

.demo-gallery {
  width: 100%;
  height: auto;
  float: left;
}

.demo-gallery a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  display: block;
  float: left;
  margin: 0 12px 12px 0;
  width: 171px;
  line-height: 0;
}

a.demo-gallery__img--main {
  width: auto;
  height: auto;
}


@media screen and (max-width: 700px) {

  .row--nav {
    font-size: 18px;
    line-height: 26px; 
  }

  .demo-gallery {
    max-width: 500px;
  }
  .demo-gallery a {
    width: 120px;
    margin: 0 4px 4px 0;
  }
  a.demo-gallery__img--main {
    width: 164px;
  }  
  
}

/*@media screen and (max-width: 490px) {
  .demo-gallery a {
    width: 100px;
    margin: 0 4px 4px 0;
  }
  a.demo-gallery__img--main {
    width: 137px;
  }
}
*/

@media screen and (max-width: 450px) {
  .demo-gallery a {
    width: 95px;
    margin: 0 1px 1px 0;
  }
  a.demo-gallery__img--main {
    width: 127px;
  }
}

@media screen and (max-width: 350px) {
  .demo-gallery a {
    width: 81px;
		margin: 0 1px 1px 0;
  }
  a.demo-gallery__img--main {
    width: 109px;
  }
}