@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* -----------------------body----------------------*/
body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 20px 0px 0px 0px;
  padding: 0 !important;
  overflow-x: hidden;
  font-size: 1.1em;
  background-image: url('../pics/bg-splash-trasp.png');
  background-repeat: no-repeat;
  background-color: #f5f6fa;
  background-attachment: fixed;
  background-size: 100% 100%;
}
ul.auto {
    list-style-image: url('../pics/auto.png');
}
a:hover {
  color: #FF0000;
  text-decoration-color: blue;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
img {
  max-width: 100%;
  width: auto;
  height: auto;
}
div#page {
  margin: 0 auto;
  max-width: 1100px;
  border: 0px solid #000;
  border-radius: 0px;
  box-shadow: 0 0 18px #777;
  background-color: #f5f6fa;
}
div#header {
  color: #ccc;
  font-size: 52px;
  text-align: center;
  font-family: 'MTCORSVA', sans-serif;
  font-weight: bold;
  text-shadow: 2px 2px #333;
  line-height: 60px;
  height: 170px;
  background-image: ;
  background-repeat: no-repeat;
  background-color: #;
}
div#topad {
  margin: 0 auto;
  max-width: 954px;
  padding: 2px;
}
div#headline {
  color: #ccc;
  font-size: 18px;
  text-align: center;
  font-family: 'Arial', sans-serif;
  text-shadow: 0px 0px #000;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* --------------- TABLES th sticky --------------*/
table.border {
  width: 100%;
}
.scroll { 
  overflow: auto;
}
.border td {
  border: 1px solid #e8e8e8;
  border-spacing: 0px;
  padding: 10px; 4px 10px 4px;
}
th {
  background: #EEEEEE;
  position: sticky;
  top: 0; /* this makes th sticky to scroll down */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}
/*----------------------------content--------------------------*/
div#container {
  text-align: center;
  margin: 5px;
}
div#content {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 25px;
  max-width: 650px;
  margin-bottom: 40px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  box-shadow: 0 0 18px #ddd;
}
div#midad td {
  background: #fff;
  padding: 2px;
  border:1px dashed blue;
}
div#sidebar {
  display: inline-block;
  text-align: center;
  width: 280px;
  margin-left: 25px;
  padding: 10px;
  background-color: #fff;
  border:0px solid #;
  border-radius: 0px;
  box-shadow: 0 0 18px #ddd;
  margin-bottom: 15px;
}
div#footer {
  clear: both;
  text-align: center;
}
@media only screen and (max-width: 1050px) {
  div#content {
    max-width: 96%;
    padding: 5px;
  }
  div#header {
    font-size: 0px;
    height: 100px;
    line-height: 5px;
  }
  .hidden { 
    display: none; 
  } 
  body {
    margin-top: 0px;
  }
  h1 {
    font-size: 30px;
  }
  div#sidebar {
    margin-left: 0px;
  }
}