@font-face {
  font-family: 'PT Sans';
  src: url(/fonts/PTSans-Regular.ttf);
}

@font-face {
  font-family: 'PT Sans';
  src: url(/fonts/PTSans-Bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: 'PT Sans';
  src: url(/fonts/PTSans-Italic.ttf);
  font-style: italic;
}

@font-face {
  font-family: 'PT Sans';
  src: url(/fonts/PTSans-BoldItalic.ttf);
  font-weight: bold;
  font-style: italic;
}

* {
  box-sizing: border-box;
  font-family: 'PT Sans', sans-serif;
}

html,body { 
  height:100%; 
}

body {
  margin: 0px;
}

.full-height {
  min-height:100%;
}

a.link:link    {color: rgb(43, 115, 183); text-decoration:none;}
a.link:visited {color: rgb(43, 115, 183); text-decoration:none;}
a.link:hover   {color: rgb(43, 115, 183); text-decoration:underline;}

div {
  /*border: 1px dashed green; */
}

.bkg1, .bkg2, .bkg3 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bkg1 {
  background-image: linear-gradient(to bottom left, rgba(0,0,0,0.3), rgba(0,0,0,0.7)), url("images/bkg1.jpg");
  min-width: 1100px;
}

.bkg-dark {
  background-color: white;
  color: #404040;
  min-width: 1100px;
}

.bkg-dark2 {
  background-color: #EAEAEA;
  color: #404040;
  min-width: 1100px;
}

.text-block {
  background-color: #EAEAEA;
  color: #404040;
  margin: auto;
  width: 1100px;
  /*height:100%;*/ 
  padding: 50px 25px;
}

.center {
  margin: auto;
  width: 1100px;
  padding: 25px 0;
}

.center-first {
  padding-top: 90px;
  padding-bottom: 40px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
  padding: 10px;
}

.column-left { 
  float: left;
  padding-top: 0px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 14px;
}

.column-right {
  float: right;
  padding: 10px;
}

.column3 {
  float: left;
  width: 33.33%;
  padding: 10px;
}

.column4 {
  float: left;
  width: 25%;
  padding: 10px;
}

.column5 {
  float: left;
  width: 20%;
  padding: 10px;
}

/*
@media screen and (max-width: 1200px) {
  .column-left, .column-right {
    width: 100%;
  }
}*/

.left {
 /* width: 25%; */
}

.width40 {
  width: 40%;
}

.right {
}

.left-column {
  padding-top: 0px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 14px;
}

.menu {
  overflow: hidden;
  background-color: #333;
  position: fixed; 
  top: 0;
  width: 100%;
  max-width: 1100px;
  left: 50%;
  transform: translateX(-50%);
}

.menu-right {
  float: right;
}

.menu a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  font-size: 16px;
  font-family: 'PT Sans', sans-serif;
  text-decoration: none;
}

.menu a:hover {
  background: #ddd;
  color: black;
}

a.menubtn {
  padding: 16px 14px;
  font-size: 6px;
}

.bottombar {
  background-color: #333;
  color: white;
  font-size: 16px;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 1100px;
  left: 50%;
  transform: translateX(-50%);
}

.bottombartxt {
  float: left;
  padding: 5px 10px;
  font-size: 12px;
  color: #f2f2f2;
}

.bottombar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 5px 10px;
  font-size: 12px;
  font-family: 'PT Sans', sans-serif;
  text-decoration: none;
}

.bottombar a:hover {
  background: #ddd;
  color: black;
}

h1, h2, h3, h4, p, span, table {
  font-family: 'PT Sans', sans-serif;
  /*color: white;*/
}

.text-over {
  color: white;
  text-shadow: 6px 6px 8px #111122;
}

h1, span.h1 { font-size: 46px; }
h2, span.h2 { font-size: 26px; }
h3, span.h3 { font-size: 18px; }
p  { font-size: 16px; }

.btn {
  background-color: #0084D1;
  font-family: 'PT Sans', sans-serif;
  border: none;
  border-radius: 2px;
  color: white;
  padding: 8px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
}

.centered-text {
  text-align: center;
}

.tag {
  padding: 10px;
}



.tab {
  float: left;
  border: none;
  background-color: #CCCCCC;
  width: 20%;
  /*height: 400px;*/
}

.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

.tab button:hover {
  background-color: #ddd;
}

.tab button.active {
  background-color: #EAEAEA;
}

.tabcontent {
  float: left;
  padding: 12px;
/*  padding-left: 20 px;*/
  border: none; /*1px solid #ccc;*/
  background-color: #EAEAEA;
  width: 80%;
  height: 350pt;
  /*border-left: none;*/
  /*margin-left: 20px;*/
}

table.spec, td.spec, tr.spec {
  border-width: 1px; 
  border-style: solid; 
  border-color: gray; 
  border-collapse: collapse; 
  padding: 7px;
  white-space: nowrap;
}

table.hidden1 {
  border:0px solid transparent;
  border-collapse: collapse; 
  padding: 0px;
}