/* nTs digiTal office */
body, html {
    height: 100%;
    margin: 0;
    font: 400 20px/1.0 "Arial", sans-serif;
    color: #b8b19b;
    /*  background-color: #5b6958; */
    background-color: whitesmoke;
  }
  
  .bgimg-2, .bgimg-3 {
    position: relative;
    opacity: 0.65;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  
  .bgimg-1 {
    position: relative;
    height: 50%;
    opacity: 0.9;  
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/images/nts-do-sea-bckgnd.jpg");
    
  }

  .bgimg-it {
    position: relative;
    height: 90%;
    opacity: 0.8;  
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/images/imp-front-panel.jpg");
    
  }
  
  .caption {
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    text-align: center;
    color: #000;
  }

  .caption-it {
    position: absolute;
    left: 0;
    top: 32%;
    width: 100%;
    text-align: center;
    color: #000;
  }
  
  .caption span.border {
    background-color: #395A5D;
    color: whitesmoke;
    padding: 5px;
    font-size: 25px;
    font-style: italic;
    letter-spacing: 5px;
  }

  .caption-it span.alert-it {
    background-color: #b11111;
    color: whitesmoke;
    padding: 5px;
    font-size: 25px;
    font-style: italic;
    letter-spacing: 5px;
  }
 
  .details {
    position: absolute;
    left: 1%;
    top: 20%;
    width: 100%;
    text-align: left;
    color: #000;
  }
  
  .details span.contact {
    background-color: #395A5D;
    color: whitesmoke;
    padding: 5px;
    text-align: left;
    font-size: 25px;
    font-style: italic;
    letter-spacing: 5px;
  }

  h3 {
    letter-spacing: 5px;
    text-transform: uppercase;
    font: 20px "Lato", sans-serif;
    color: #111;
  }
  
  .header {
    overflow: hidden;
    background-color: whitesmoke;
    padding: 0px 0px;
  }
  
  .header a.logo {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
  }
  
  .header ul {
    list-style-type: none;
    margin-left: 40%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    overflow: hidden;
    background-color: whitesmoke;
  }
  
  .header li {
    float: left;
    font-style: bold;
    font-size: 20px;
    font-family: Arial, sans-serif;
  }
  
  .header li a {
    display: block;
    color: #395A5D;
    font-size: 20px;
    text-align: center;
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 15px;
    padding-bottom: 10px;
    text-decoration: none;
  }
  
  .header li a:hover {
    background-color: #395A5D;
    color: whitesmoke;  
  }
  
  .active {
    background-color: #3E3E3E;
  }
  
  footer {
    display: block;
    text-align: center;
    padding: 2px;
    color: whitesmoke;
    position: relative;
    height: 20%;
    opacity: 1.0;    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/images/nts-do-sea-footer.jpg");  
  }
  
  footer p {
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    text-decoration: none;
  }
  
  a:link {
    color: whitesmoke;
    background-color: transparent;
    text-decoration: none;
  }
  a:visited {
    color: whitesmoke;
    background-color: transparent;
    text-decoration: none;
  }
  a:hover {
    color: pink;
    background-color: transparent;
    text-decoration: underline;
  }
  a:active {
    color: whitesmoke;
    background-color: transparent;
    text-decoration: underline;
  }