@import url(https://fonts.googleapis.com/css?family=Tangerine|Orbitron);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap');

html        { margin:0; padding:0; font: 10pt Verdana,Helvetica,Arial,sans-serif; }
body        { margin:0; padding:0; font: 10pt Verdana,Helvetica,Arial,sans-serif; }
th,td       { vertical-align:top; }
p           { line-height: 1.75em; margin-right: 100px; }
legend      { background:#f0f0f0; padding:0 10px; margin-left:20px; border:1px solid #c0c0c0; }
fieldset    { border-style: dashed; }
fieldset table { margin:15px 0; font-size: 9pt; }

div#ptxpage { width:1024px; margin: 0 auto; }
div#ptxdisc { font:bold 9pt Verdana,Helvetica,Arial; color: white; background:#6666ff; padding:10px 0; text-align: center; border-top: 1px solid blue; line-height:2em; width:100%; position: fixed; bottom:0; z-index:999; }
div#ptxdisc a { color:#000055; margin:0 20px; }
div#ptxhead { width:100%; height:80px; top:0; background:#d0f0d0; border-bottom: 1px solid #e0e0e0; position:fixed; z-index:998; }
div#ptxtile { background-image: url(hexa.png); opacity: 0.05; width:100%; height:80px; position:absolute; z-index:999; }
div#ptxhead h1 { 
  margin:0; padding-top:20px; text-align:center; color:#00a060;  
  opacity: 0.7; font: 700 32px 'Orbitron'; text-shadow: 4px 4px 4px #aaa;
}
span#relpos { position:absolute; }
span#comfy  { color:#ffff00; font:bold 14pt Courier; position:relative; top:10px; left:-140px; }
div#ptxlogo { float:right; width:200px; height:90px; text-align:center; font: bold 26pt "Arial Black","Open Sans";
  color:#8080a0; line-height: 20px; padding-top: 20px; letter-spacing: -3px; }
div#ptxlogo i { font: 9pt Arial; color: #c0c0c0; display: inline-block; letter-spacing: 2px; }

div#ptxleft { width:120px; min-height:400px; float:left; }
div#langbtn { text-align:center; width:100px; margin-top:300px; position:fixed; background:white; }

div#ptxbody { margin:100px 0 60px 150px; }

div#ptxfoot { height:50px; text-align:center; padding:30px; border-top: 1px solid #e0e0e0; line-height:1.5em; background:#fcfcfe; font:10pt Arial; }
div#ptxfoot a { display:inline-block; width:85px; text-align:center; text-decoration:none; background:#f0f0f0; color: black; font:8pt Arial; border-left: 1px solid black; }
div#ptxfoot a:first-child { border-left: 0; }
div#ptxfoot a:hover { background: inherit; }

div.license { background:#e0e0e0; font-style:italic; padding:10px 0 10px 30px; margin-right:100px; font-size:9pt; }

ul.ptxmenu  { list-style-type:none; padding: 0; margin:50px 0; border-bottom: 1px solid #d0d0d0; position:fixed; background: white; }

ul.ptxmenu li { display:block; border-top: 1px solid #d0d0d0; }
ul.ptxmenu li.hi { background:#e0e0ff; }
ul.ptxmenu li:hover { background:#e0e0e0; }
ul.ptxmenu a  { display:block; padding:5px 10px; text-decoration:none; color:black; }
ul.ptxmenu a:hover { text-decoration: underline; }

.calc { width:100%; }
.calc th { text-align:right; }
.calc tr { text-align:right; }
.calc th.left,td.left { text-align:left; }

table.infotbl { border-collapse: collapse; }
table.infotbl th { padding: 2px 8px; background:#f0f0f0; border-bottom: 1px solid black; }
table.infotbl td { padding: 2px 8px; }
table.infotbl a { text-decoration: none; }
table.infotbl a:hover { text-decoration: underline; }

.l { float:left; }
.r { float:right; }
.h { display:none; }
.ib { display:inline-block; }

.ptxbtn { display:block; text-align:center; width:120px; x-height:20px; font: bold 8pt Arial; text-decoration:none; color:white; background:#0057be; padding:5px; border: 1px outset; cursor:pointer}
.offbtn { display:block; text-align:center; width:120px; x-height:20px; font:8pt Arial; text-decoration:none; color:gray; background:#c0c0c0; padding:5px; border: 2px outset; cursor:not-allowed}

.adpt   { margin: 50px 0 0 0; width:880px; height: 200px; }
.adpt p { text-align:justify; }
.ltbox  { width:180px; height:140px; float:left;  margin:0 30px 80px 0; }
.rtbox  { width:180px; height:140px; float:right; margin:0 100px 80px 30px; }

.btn404 { display:inline-block; border:2px solid blue; color:blue; background:white; text-align:center; padding:7px 15px; text-decoration: none; }
.btn404:hover { background:blue; color: white; }

.button { min-width:150px; height:10px; display:inline-block; padding: 5px 20px; margin-left:10px; border:1px solid #f0f0f0; font: 8pt Arial; text-decoration:none; color:black; text-align:center; cursor:pointer; background-color:#0057be; color: white; }
.button:hover { background:#0057be; color:yellow; }


#legal { font:8pt Arial; }
#legal p { line-height:1.0em; text-align:justify; margin-right:200px; }
#legal ol { padding-inline-start: 10px; }
#legal ol ul { padding-inline-start: 15px; }

@media print {
   .noprint    { display:none; }
   div#ptxhead { position: relative; }
   div#ptxleft { display:none; } 
   div#ptxbody { margin: 50px 0 50px 100px; }
   
   #legal p { margin-right:100px; }
   #legal ol { margin-left:-40px; }
   #legal ol ul { margin-left:-20px; }
}