


h1                { position: absolute; top: 10px; left: 110px;
                    color: rgb(80,80,125); font: normal normal 700 16px/18px tahoma, sans-serif; margin: 20px; }

h2.familiar       { position: absolute; top: 5px; left: 100px; 
                    color: rgb(80,80,125); font: normal normal 600 15px/17px tahoma, sans-serif; margin: 20px; }
                    
h2.empresa        { position: absolute; top: 5px; left: 100px; 
                    color: rgb(80,80,125); font: normal normal 600 15px/17px tahoma, sans-serif; margin: 20px; }
                    
h2.sindicato      { position: absolute; top: 5px; left: 80px; 
                    color: rgb(80,80,125); font: normal normal 600 15px/17px tahoma, sans-serif; margin: 20px; }

h2                { color: rgb(80,80,125); font: normal normal 600 15px/17px tahoma, sans-serif; margin: 20px; }

p.apresenta       {  position: absolute; top: 50px; left: 20px; width: 460px;
                     color: rgb(100,100,120); font: normal normal 400 13px/15px tahoma, sans-serif; margin: 20px; }

p                 { color: rgb(100,100,120); font: normal normal 400 13px/15px tahoma, sans-serif; margin: 20px; }

p.fone            { position: absolute; top: 80px; left: 0px;
                    color: rgb(80,80,125); font: normal normal 400 13px/18px tahoma, sans-serif; } 

p.tonometro       { position: absolute; top: 1090px; left: 40px; z-index: 3;
                    color: rgb(100,100,120); font: normal normal 500 13px/15px tahoma, sans-serif; }
                     
p.uteis           { position: absolute; top: 250px; left: 0px;
                    color: rgb(80,80,125); font: normal normal 400 13px/18px tahoma, sans-serif; }

p.atualiza        { position: absolute; top: 1300px; left: 20px;
                    color: rgb(80,80,125); font: italic normal 400 13px/18px tahoma, sans-serif; }

a                 { color: rgb(100,100,120); font: normal small-caps 500 13px/15px tahoma, sans-serif;
                    text-decoration: none; }
                     
a.konell          { color: rgb(100,100,120); font: normal normal 500 12px/14px tahoma, sans-serif;
                     text-decoration: none; }
                     
a.tonometro       { position: absolute; top: 1215px; left: 85px;
                    color: rgb(100,100,120); font: normal small-caps 700 12px/13px tahoma, sans-serif;
                    text-decoration: none; z-index: 3; }
                     
                     
                     
                     
a:link       { color: rgb(50,50,155); }
a:visited    {color: rgb(110,110,110);}
a:hover      { color: rgb(255,0,0); text-decoration: underline; }

div.apresenta         { position: absolute; top: 20px; left: 20px; width: 560px; height: 150px;
                        background-color: rgb(245,245,245); border-style: solid; border-width: 1px; border-color: rgb(180,180,180);
                        font: normal normal 400 14px/16px tahoma, sans-serif; color: rgb(80,80,80); z-index: 2; }

                     
div.individual        { position: absolute; top: 190px; left: 20px; width: 560px; height: 220px;
                        background-color: rgb(245,245,245); border-style: solid; border-width: 1px;
                        border-color: rgb(180,180,180); z-index: 2; }
div.indiv-um          { position: absolute; top: 60px; left: 60px; width: 130px; }
div.indiv-dois        { position: absolute; top: 60px; left: 210px; width: 130px; }
div.indiv-tres        { position: absolute; top: 60px; left: 370px; width: 130px; }
                        

div.empresa           { position: absolute; top: 430px; left: 20px; width: 560px; height: 220px;
                        background-color: rgb(245,245,245); border-style: solid; border-width: 1px;
                        border-color: rgb(180,180,180); z-index: 2 }
div.empresa-um        { position: absolute; top: 60px; left: 40px; width: 130px; }
div.empresa-dois      { position: absolute; top: 60px; left: 210px; width: 130px; }
div.empresa-tres      { position: absolute; top: 60px; left: 400px; width: 130px; }



div.sindicato         { position: absolute; top: 670px; left: 20px; width: 560px; height: 300px;
                        background-color: rgb(245,245,245); border-style: solid; border-width: 1px;
                        border-color: rgb(180,180,180); z-index: 2; }
div.sindicato-um      { position: absolute; top: 60px; left: 40px; width: 160px; }
div.sindicato-dois    { position: absolute; top: 60px; left: 210px; width: 160px; }
div.sindicato-tres    { position: absolute; top: 60px; left: 400px; width: 160px; }

                    
 
               
                    
                    

.linha001       { position: absolute; top: 0px; left: 410px; width: 2px; height: 1400px;
                  border-top-style: solid; border-top-width: 0px; border-right-style: solid;
                  border-right-width: 1px; border-color: rgb(100,100,255); z-index: 1; }



                     
.linha002       { position: absolute; top: 0px; left: 412px; width: 2px; height: 1400px;
                  border-top-style: solid; border-top-width: 0px; border-right-style: solid;
                  border-right-width: 1px; border-color: rgb(0,255,0); z-index: 1; }
 
                    
.linha003       { position: absolute; top: 0px; left: 414px; width: 2px; height: 1400px;
                  border-top-style: solid; border-top-width: 0px; border-right-style: solid;
                  border-right-width: 1px; border-color: rgb(255,100,100); z-index: 1; }
                      
                      
.linha004       { position: absolute; top: 0px; left: 416px; width: 2px; height: 1400px;
                  border-top-style: solid; border-top-width: 0px; border-right-style: solid;
                  border-right-width: 1px; border-color: rgb(100,100,255); z-index: 1; }



                     
.linha005       { position: absolute; top: 0px; left: 418px; width: 2px; height: 1400px;
                  border-top-style: solid; border-top-width: 0px; border-right-style: solid;
                  border-right-width: 1px; border-color: rgb(0,255,0); z-index: 1; }
 
                    
                      
.linha006       { position: absolute; top: 0px; left: 420px; width: 2px; height: 1400px;
                  border-top-style: solid; border-top-width: 0px; border-right-style: solid;
                  border-right-width: 1px; border-color: rgb(255,100,100); z-index: 1; }
                      
                      
.linha007       { position: absolute; top: 0px; left: 422px; width: 2px; height: 1400px;
                  border-top-style: solid; border-top-width: 0px; border-right-style: solid;
                  border-right-width: 1px; border-color: rgb(100,100,255); z-index: 1; }



                     
.linha008       { position: absolute; top: 0px; left: 424px; width: 2px; height: 1400px;
                  border-top-style: solid; border-top-width: 0px; border-right-style: solid;
                  border-right-width: 1px; border-color: rgb(0,255,0); z-index: 1; }
 
                    
                      
.linha009       { position: absolute; top: 0px; left: 426px; width: 2px; height: 1400px;
                  border-top-style: solid; border-top-width: 0px; border-right-style: solid;
                  border-right-width: 1px; border-color: rgb(255,100,100); z-index: 1; }

                      
                      
                      


div.faixaDireita    { position: absolute; top: 0px; left: 600px; width: 200px; height: 1400px;
                      background-color: rgb(245,245,245);
                      border-top-style: solid; border-top-width: 0px; border-right-style: solid;
                      border-right-width: 1px; border-left-style: solid; border-left-width: 1px;
                      border-color: rgb(180,180,180); }
                        
img.konellcorretor  { position: absolute; top: 15px; left: 30px; border: 0px; } 
img.familiar        { position: absolute; top: 10px; left: 40px; border: 0px; }
img.empresa         { position: absolute; top: 10px; left: 40px; border: 0px; }
img.sindicato       { position: absolute; top: 10px; left: 25px; border: 0px; }
                  
img.telefone        { position: absolute; top: 30px; left: 65px; border: 0px; }

img.sampa           { position: absolute; top: 1000px; left: 8px; border: 0px; }
                      
                      
img.tono-2          { position: absolute; top: 1100px; left: 40px; border: 0px; z-index: 2; }
img.tono-1          { position: absolute; top: 1100px; left: 310px; border: 0px; }

img.bandeira        { position: absolute; top: 700px; left: 40px; border: 0px; }

img.logocon         { position:absolute; top: 890px; left: 650px; z-index: 2; }