html, body     { margin: 0; padding: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
                 font-size: 10pt;}
/*body           { overflow:hidden; }*/
.hae           { Position:absolute; left:0; top:0; width:100%; height:70px; padding:0;
                 background-color:#FFFFFF; display:inline; z-index:5; }
.hae p         { Position:absolute; padding:0; padding-left:200px; margin-bottom:17px;
                 text-align:left; vertical-align:baseline; bottom:1px; color:#505050; font-size: 16pt; }
.hael          { Position:absolute; margin:0; padding:0; width:170px; height:55px; border-top:1px solid #a0a0a0;
                 border-right:1px solid #a0a0a0; border-radius: 0 50px 0 0;background-color:#e0e0e0;
                 display:inline-block; z-index:3; }
.hael a:link    { text-decoration:none; }
.hael a:visited { text-decoration:none; }
.hael a:focus   { text-decoration:none; }
.hael a:hover   { text-decoration:none; background-color:#101090; color:white; }
.hael a:active  { text-decoration:none; }

.hael p        { Position:absolute; padding:0; margin-bottom:5px; width:calc(100% - 15px); text-align:right;
                 vertical-align:baseline; bottom:0px; color:#505050; font-size: 10pt; }
.haeor         { Position:fixed; margin:0; padding:0; right:13px; width:100px; height:100px;
                 border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; border-left:1px solid #a0a0a0;
                 border-radius: 50px 0 50px 50px; background-color:#e0e0e0; display:inline-block; z-index:5; }
.haeorr        { Position:fixed; margin:0; padding:0; right:0px; width:17px; height:68px;
                 border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0;
                 background-color:#e0e0e0; display:inline-block; z-index:5; }

.hae1          { Position:absolute; left:0; top:0; width:100%; height:70px; padding:0;
                 background-color:#FFFFFF; display:inline; z-index:5; }
.hae1 p        { Position:absolute; padding:0; padding-left:100px; margin-bottom:17px; width:calc(100% - 5px);
                 text-align:left; vertical-align:baseline; bottom:1px; color:#505050; font-size: 16pt; }
.hae1l         { Position:absolute; margin:0; padding:0; top:0; left:0; width:80px; height:55px;
		 border-top:1px solid #a0a0a0;
                 border-right:1px solid #a0a0a0; border-radius: 0 50px 0 0;background-color:#e0e0e0;
                 display:inline-block; z-index:3; }
.hae1l p       { padding:0; margin-bottom:5px; width:calc(100% - 15px); text-align:right;
                 vertical-align:baseline; bottom:0px; color:#505050; font-size: 10pt; }

.cont31        { position:relative; margin:0; padding:0; left:0; top:0; width:80px; height:100%; overflow:auto;
                 border-right:1px solid #a0a0a0; display:inline; background-color:#E0E0E0; z-index:0;}
.cont41        { position:relative; margin:0; padding:0; left:0; top:0;
                 width:calc(100% - 80px); height:100%; overflow:auto; display: inline;
                 align-items:center; z-index:4; background-color: #FFFFFF; }

.vtr           { Position:absolute; left:0; bottom:0; width:100%; height:15px; background-color:#a0a0a0;
                 display:inline; z-index:9; }

.lab1           { position:relative; padding-top:5px; padding-right:5px; text-align:right; }
.dlg            { position:relative; margin-top:10px; width:100%; }
.dlg td,th      { color:#505050;}

.fltx                 {  }
.fltx p               { font: 8pt/1.2 Arial, sans-serif; }
.fltx p.blocksatz     { text-align:justify; hyphens: auto; }

p1              { color: #4080B0; font-size: 10pt; font-weight: bold; }
p2              { color: red; font-size: 9pt; font-weight: bold; }
p9              { color: black; font: 8pt/1 Arial, sans-serif; }
.bu1            { float:right; padding-top:10px; }

/*.map             { position:fixed; margin: 0; margin-top:70px; margin-bottom:30px; width:100%; height: calc(100vh - 100px); display:none; }*/
.map             { position:fixed; margin-top:70px; margin-bottom:30px; width:100%; height:calc(100vh - 90px);
                   display:none; }

.lin0            { position:absolute; width:400px; height:400px; margin:0; padding:15px;
                   border-style: outset; border-radius:25px; display: inline; background-color: #E0E0E0; }

.lin             { position:absolute; width:320px; height:230px; left:calc(100%/2 - 177px); padding:15px;
                   border-style:outset; border-radius:25px; display:inline; background-color:#E0E0E0;
                   color:#505050; z-index:1; }

.lin button,label  { font: 8pt/1 Arial, sans-serif; color:#505050;}

.linf            { position:relative; display:inline; width:100%; }

.cont            { position:fixed; left:0; top:70px; bottom:30px; width:100%; height:calc(100% - 95px);
                   overflow:hidden; align-items: center; display:inline-flex; background-color:#8888F0; }
.cont1           { margin: auto; margin-top:10px; border-style: outset; border-radius:25px; padding:15px;
                   width:460px; height:430px; display: inline; background-color: #E0E0E0; }
.cont2           { margin: auto; margin-top:10px; border-style: outset; border-radius:25px; padding:15px;
                   width:500px; height:500px; display: inline; background-color: #E0E0E0; }
/*.cont3           { position:relative; margin:0; padding:0; left:0; top:0; width:170px; height:100%; overflow:auto;
                   border-right:1px solid #a0a0a0; display:inline; background-color:#E0E0E0; z-index:0;}
.cont4           { position:relative; margin:0; padding:0; left:0; top:0;
                   width:calc(100% - 170px); height:100%; overflow:auto; display: inline;
                   align-items:center; z-index:4; background-color: #FFFFFF; }*/

.nav           { padding-top:15px; padding-left:10px; text-align:left; }
.nav span      { color : blue; }
.nav span:hover  { color : yellow; }
.nav a         { padding:5px; font-size: 10pt; color: #505050; }
.nav a:link    { text-decoration:none; }
.nav a:visited { text-decoration:none; }
.nav a:focus   { text-decoration:none; color:green; }
.nav a:hover   { text-decoration:none; background-color:#101090; color:yellow; }
.nav a:active  { text-decoration:none; color;yellow; }

.cont3           { position:relative; margin:0; padding:0; left:0; top:0; width:170px; height:100%;
                   overflow:auto; border-right:1px solid #a0a0a0; background-color:#E0E0E0; z-index:0;}

.cont4           { position:relative; margin:0; padding:0; top:0; left:0; top:0;
                   width:calc(100% - 170px); height:100%;
                   overflow:scroll; align-items:center; z-index:4; background-color: #FFFFFF; }

.bo            { position:fixed; left:0; bottom:0; width:100%; height:24px; padding-right:20px;
                 padding-top:1px; bottom:0px; text-align:right; background-color:#a0a0a0;
                 z-index:9;}

.bolnk         { position:absolute; right:30px; top:3px; height:100%; width:auto; }
.bolnk span      { color: blue; }
.bolnk span:hover  { color : yellow; }
.bolnk a          { background-color: #a0a0a0; text-align:center; padding:3px; color:white; width:100%;
                 font-size: 12px; color: #333; }
.bolnk a:link     { text-decoration:none; }
.bolnk a:visited  { text-decoration:none; }
.bolnk a:focus    { text-decoration:none; }
.bolnk a:hover    { text-decoration:none; background-color:#101090; color:white; }
.bolnk a:active   { text-decoration:none; }

.welc           { position:relative; margin:auto; padding:30px; }
.welc1          { position:relative; margin:auto; padding:30px; padding-top:0; }

.cf1
        {
        font-size: 14pt;
        font-weight: bold;
        color:#505050;
        /*color:#a0a0a0;*/
        margin:0;
        padding:0;
        margin-bottom:10px;
        }

.cf1 li {
        font-size: 14pt;
        font-weight: normal;
        color:#505050;
        margin-top:4px;
        }

.cf1 ul {
         margin:0;padding:0;
         font-size: 12pt;
         font-weight: normal;
         color:#505050;
         }

.cf2
        {
        font-size: 12pt;
        font-weight: normal;
        color:#505050;
        /*color:#a0a0a0;*/
        }

.cf2 li {
        font-size: 12pt;
        font-weight: normal;
        color:#505050;
        margin-top:4px;
        }

.cf2 ul {
         margin:0;padding:0;
         font-size: 10pt;
         font-weight: normal;
         color:#505050;
         }

.tb1 { margin: 0px; padding: 0; border: none; border-collapse: collapse; }
.tb1 th, td { border: none; margin: 0px; vertical-align: top; text-align: left; padding: 4px 8px 4px 8px; }
.tb2 { margin: 0px; padding: 0; margin-left: 4px; border-collapse: collapse; }
.tb2 th td { border: none; margin: 0px; vertical-align: top; text-align: left; padding: 4px 8px 4px 8px; }
.tb2 th { font-size: 9pt; font-weight: bold; }
.tb2 td { font-size: 9pt; font-weight: normal; }

#marker          { width: 20px; height: 20px; border: 1px solid #088; border-radius: 10px;
                   background-color: #0FF; opacity: 0.5; }
#FN              { text-decoration: none; color: blue; font-size: 14pt; font-weight: bold;
                   text-shadow: black 0.1em 0.1em 0.2em; }
.popover-content { min-width: 300px; }

.art            { text-align:justify; hyphens: auto; padding-bottom:20px; }
.art1           { margin-bottom:10px; }

.img100         { margin:20px; margin-left:0; margin-right:0; width:100%; height:auto; }
.img10l         { position:relative; top:6px; left:0; margin:20px; margin-left:0; margin-top:0; float:left; width:10%; height:auto; }
.img20l         { position:relative; top:6px; left:0; margin:20px; margin-left:0; margin-top:0; float:left; width:20%; height:auto; }
.img30l         { position:relative; top:6px; left:0; margin:20px; margin-left:0; margin-top:0; float:left; width:30%; height:auto; }
.img40l         { position:relative; top:6px; left:0; margin:20px; margin-left:0; margin-top:0; float:left; width:40%; height:auto; }
.img50l         { position:relative; top:6px; left:0; margin:20px; margin-left:0; margin-top:0; float:left; width:50%; height:auto; }
.img60l         { position:relative; top:6px; left:0; margin:20px; margin-left:0; margin-top:0; float:left; width:60%; height:auto; }
.img70l         { position:relative; top:6px; left:0; margin:20px; margin-left:0; margin-top:0; float:left; width:70%; height:auto; }

.img10r         { position:relative; top:6px; right:0; margin:20px; margin-right:0; margin-top:0; float:right; width:10%; height:auto; }
.img20r         { position:relative; top:6px; right:0; margin:20px; margin-right:0; margin-top:0; float:right; width:20%; height:auto; }
.img30r         { position:relative; top:6px; right:0; margin:20px; margin-right:0; margin-top:0; float:right; width:30%; height:auto; }
.img40r         { position:relative; top:6px; right:0; margin:20px; margin-right:0; margin-top:0; float:right; width:40%; height:auto; }
.img40r         { position:relative; top:6px; right:0; margin:20px; margin-right:0; margin-top:0; float:right; width:50%; height:auto; }
.img40r         { position:relative; top:6px; right:0; margin:20px; margin-right:0; margin-top:0; float:right; width:60%; height:auto; }
.img40r         { position:relative; top:6px; right:0; margin:20px; margin-right:0; margin-top:0; float:right; width:70%; height:auto; }