@CHARSET "UTF-8";

.component {
    
    opacity:0.8; 
    filter:alpha(opacity=80);
    background-color:white;
    color:black;
    font-family:helvetica;
    padding:0.5em; 
    
}

.window { 
    border:2px solid #346789; 
    width:6em; 
    height:5em; 
    z-index:20; 
    position:absolute; 
    font-size:0.8em;
    
    /*margin:1em;*/
}

.label {
    border:1px solid #346789; 
    padding:8px;
    padding:8px;
}
.label:hover {
border-color:#5d94a6;   
}

.l1 { 
    font-size:13px;
     
}

#elemento1 {  top:2em;left:2em;}
#elemento2 { top:14em; left:47em;}
#window3 { top:28em;left:2em; }
#window4 { top:6em; left:26em;}
#window5 {top:40em;left:32em;}
#window6 {top:25em;left:69em;}
#window7 {top:18em;left:40em;}
#window8 {left:63em;top:32em;}
._jsPlumb_connector { z-index:4; }
._jsPlumb_endpoint { z-index:5; }
.hl { border:3px solid red; }

div.item {
    border:1px solid silver;
    background-color:#f0f080;
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    font-size:11px;
    font-family:sans-serif;
    position:absolute;
}


._jsPlumb_overlay {
    padding: 3px;
    border: 1px solid black;
    border-radius: 5px;
    min-height: 17px;
    min-width: 17px;
    font-size: 11px;
    z-index: 6;
}