/* Main */
*        {margin:0px;padding:0px; 
         }

html, body{
height: 100%; 
}

body{
display: table; 
width: 100%; 
text-align: center;
       }


BODY     {
         background: #3EC1DD url(../im/bg2.gif) center center no-repeat;
         }



a             {font: bold 12px Arial, Helvetica, sans-serif;}
a:link        {color: #2CA1CA; text-decoration: underline;} 
a:visited     {color: #2CA1CA; text-decoration: underline;} 
a:active      {color: #2CA1CA; text-decoration: underline;} 
a:hover       {color: #ff0000; text-decoration: underline;} 
             

#intro{width:586px; height:407px;}




#out    {background:#E6CEB8;
	width:586px;
	margin: 0 auto;
	padding:0px;
	}

#wrapper{display: table-cell; 
	vertical-align: middle;
	}



div#out {margin-top: expression(((document.documentElement.offsetHeight/2)
-parseInt(offsetHeight)/2)  <0 ? "0" : 
(document.documentElement.offsetHeight/2)
-(parseInt(offsetHeight)/2)  +'px') ;}



#footer{width:100%; height:30px; 
        position: absolute; bottom: 0; left:0; 
        background:#FEF8F2;
        text-align:center;
        border-top:4px #94D3E7 solid;
padding-top:4px;
       }

#footer a{padding:8px 0px 0 0;
         }



.popup {
              display: none; 
              position: fixed;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              background-color: rgba(0, 0, 0, 0.5);
              justify-content: center;
              align-items: center;
          }
          
          .popup-content {
              background-color: white;
              padding: 42px 32px 32px 32px;
              border-radius: 5px;
              text-align: left;
              width: 60%;
              font: 18px Arial, Helvetica, sans-serif;
              position: relative;
          }
          .popup-content p{margin-bottom: 12px;}
          .popup-content a{font: 18px Arial, Helvetica, sans-serif;}
          .close {
              cursor: pointer;
       
              font-size: 32px;
              position: absolute;
              right:18px;
              top:8px;
          }
          

           
              .popup-content button {
                     margin-top: 16px;
  appearance: button;
  background-color: #0f78af;
  border: solid transparent;
  border-radius: 16px;
  border-width: 0 0 4px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: din-round,sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .8px;
  line-height: 20px;
  margin: 0;
  outline: none;
  overflow: visible;
  padding: 13px 16px;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transform: translateZ(0);
  transition: filter .2s;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}

.popup-content button:after {
  background-clip: padding-box;
  background-color: #0a6194;
  border: solid transparent;
  border-radius: 16px;
  border-width: 0 0 4px;
  bottom: -4px;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.popup-content button,
.popup-content button:focus {
  user-select: auto;
}

.popup-content button:hover:not(:disabled) {
  filter: brightness(1.1);
  -webkit-filter: brightness(1.1);
}

.popup-content button:disabled {
  cursor: auto;
}

.popup-content button:active {
  border-width: 4px 0 0;
  background: none;
}