body        { font-family:Arial; }
 
  .size1      { font-size: 130%;   }
  .size2      { font-size: 200%;   }
      
  .http       { text-decoration:underline; }

  h1,a { 
   color: #333; 
   text-decoration: none; 
  }
        
  a:hover { 
   color: #000; 
   background-color:#eee;
   -text-decoration:underline;
  }
        
  .a_ { 
   -border-top:    1px solid #ccc;
   -border-left:   1px solid #ccc;
   -border-right:  2px solid #aaa;
   border-bottom: 2px solid #aaa;
   display: inline-block;
   line-height: 0.85;
   padding: 4px 7px;
   margin: 0px 4px;
   text-shadow:
     2px  1px white,
     2px -1px white,
    -2px  1px white,
    -2px -1px white;
  }
        
  .btn, button {
   -moz-box-shadow: 3px 4px 4px 0px #1c1b18;
   -webkit-box-shadow: 3px 4px 4px 0px #5c5b58;
   box-shadow: 3px 4px 4px 0px #5c5b58;
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6));
   background:-moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
   background:-webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
   background:-o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
   background:-ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
   background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#eae0c2", endColorstr="#ccc2a6",GradientType=0);
   background-color:#eae0c2;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius:5px;
   border:1px solid #b3a688;
   display:inline-block;
   cursor:pointer;
   color:#505739;
   font-size:15px;
   font-weight:bold;
   padding:0px 7px;
   margin:5px 0px;
   text-decoration:none;
   text-shadow:1px 1px 0px #ffffff;
  }
  
  .btn:hover, button:hover {
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc2a6), color-stop(1, #eae0c2));
   background:-moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
   background:-webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
   background:-o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
   background:-ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
   background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ccc2a6", endColorstr="#eae0c2",GradientType=0);
   background-color:#ccc2a6;
  }

   input,select,textarea { max-width: 560px; }

  .tablew                { min-width: 100%; }

@media   only screen and ( max-width:1200px )
{
   body,table            { min-width:  98%;  background: #ffe; }
   body,td,th            { font-size: 140%; }
  .btn,button            { font-size:  95%; }
  .http                  { font-size:  50%; }
  .size2                 { font-size: 110%; }
  .size1                 { font-size: 105%; }
  .a_                    { font-size: 130%;  line-height: 1.5; padding: 0px 7px; }
}
/*
 @media (max-width: 480px) { html { font-size: 12px; }}
 @media (min-width: 480px) { html { font-size: 13px; }}
 @media (min-width: 768px) { html { font-size: 14px; }}
 @media (min-width: 992px) { html { font-size: 15px; }}
*/