.fam{text-align: center;font: bold 3em 'Times New Roman'}
.fam a{color: rgb(112, 114, 24);text-decoration: none}
.famList img{height: 40px;width: 40px;margin-right: 10px}
.famList li:hover{background-color: rgb(230, 248, 195)}
table{margin: auto}
td{text-align: center}
.td1{vertical-align: bottom}
.td1 img,.td3 img{height: 50px;width: auto;}
.td2 img{height: 200px;width: auto}
.td3{vertical-align: top}
[class="nace"],[class="muere"]{font-size: 1.5em;font-weight: bold}
[class="nace"]{text-align: left}
[class="muere"]{text-align: right}
[class="nom"]{font: italic bold 2.5em 'Times New Roman'}
.per{min-width: 400px;}
a{text-decoration: none}
[data-asc=madre],
[data-asc=padre],
[data-asc=abuela],
[data-asc=abuelo],
[data-asc=bisabuela],
[data-asc=bisabuelo],
[data-des=hijo],
[data-des=nieto],
[data-des=bisnieto]{
    border-radius: 20px;
    padding: 0.5em;
}
[data-asc=madre]:hover,
[data-asc=padre]:hover,
[data-des=hijo]:hover{background: #e7ffe9;}
[data-asc=abuela]:hover,
[data-asc=abuelo]:hover,
[data-des=nieto]:hover{background: #fefde6;}
[data-asc=bisabuela]:hover,
[data-asc=bisabuelo]:hover,
[data-des=bisnieto]:hover{background: #ffe7fa;}
.fam a:hover{color: #0000ff;}
.oculto{display: none;}
.documentos{
    color:#F5F403;
    background-color:#0F7703;
    border-color:#026A04;
    font-weight:bold;
    display:inline-block;
    padding:6px 20px;
    margin-bottom:0;
    font-size:14px;
    font-weight:normal;
    line-height:1.42857143;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:5px;
}
.documentos:hover,
.documentos:focus,
.documentos.focus,
.documentos:active,
.active{
    color:#0F7703;
    background-color:#F5F403;
    border-color:#026A04;
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    text-decoration:none;
    background-image:none;
    outline:0;
    -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
}
.ventanaFlotante{
    background:#ffffff;
    /*border:1px solid #b8b7b7;*/
    border:5px double #000000;
    border-radius:22px;
    box-shadow:5px 5px 12px #000000;
    font:18px Arial;
    padding:33px;
    min-height:100px;
    width:300px;
    position:fixed;
    left:30%;
    top:20%;
    display:none;
    z-index:100;
}
.VFcerrar{position:absolute;right:3px;top:1px;}
.VFcerrar svg{color:silver;height:2em;width:2em;}
.VFcerrar svg:hover{color:#e60505;}
.ventanaFlotante ul{width:200px;text-align: left;}
.ventanaFlotante ul a{color: #0000ff;}
.ventanaFlotante ul a:hover{background-color: #d0facb;}