@media screen and (min-width:640px){
    .organigrama-lst{display: none;}
    .organigrama{
        position: absolute;
        top: 120px;
        left:0;
        width: 1300px;
        height: 1100px;
        text-align: center;
        font-family: sans-serif;
    }
    .organigrama figure{display: none}
    .tubos{
        position: absolute;
        top: 55px;
        left:100px;
        width: 1165px;
        height: 964px;
        font-family: sans-serif;
        background:url(../img/orga-tubos-mar2023.png)no-repeat;
    }
    .areas{position: relative;  margin: 0 auto; left: 0;  width: 100%; height: 100%; top:0;}
    .areas div{display: flex; justify-content: center; align-content: center; flex-direction: column;}
    .gerencias{width:160px; height: 54px; font-size: 0.85em; font-weight: bold; color: #17485d; border: 2px solid #fff;}
    .fndgaf{background:linear-gradient(#dfdfdf, #9c9c9c);}
    .fnding{background:linear-gradient(#ffd9b0, #ff8c13);}
    .fndope{background:linear-gradient(#cdebf4, #5dbcdb);}
    .fndcom{background:linear-gradient(#bcefd7, #60d8a0);}
    .divisiones{width:90px; height: 46px; font-size: 0.55em; font-weight: normal; border:2px solid; border-radius: 8px; color: #17485d;}
    .asesoras{
        width:152px;
        height: 40px;
        font-size: 0.75em;
        color: #fff;
        font-weight: bold;
        border: 1px solid #ffc454;
        background:linear-gradient(#8bd5d2, #198984);
    }
    .oficinas{
        width:135px;
        height: 35px;
        font-size: 0.55em;
        font-weight: normal;
        color: #fff;
        border: 1px solid #ffc454;
        background:linear-gradient(#b6d3e9, #67a4d1);
    }
    .provincias{width:125px;
        height: 40px;
        font-size: 0.7em;
        color:#1d517c;
        font-weight: bold;
        border: 2px solid #fff;
        background:linear-gradient(#c5dced, #67a4d1);
    }
    .descripcion{
        width: 270px;
        height: auto;
        padding: 10px 10px 10px 15px;
        background-color: hsla(210, 10%, 50%, 0.9);
        border-left: solid 5px #54aede;
        border-radius: 10px;
        box-shadow: 4px 4px 8px #393939;
        color:#fff;
        z-index: 1;
    }
    .descripcion a{color: #ade0ff; text-decoration: none; font-style: italic;}
    .descripcion figcaption{color:#ffb262; font-size: 0.7rem; font-weight: bold;}
    .descripcion small{font-size: 0.6rem; text-align: left; font-weight: 100;}
    .junta{
        position: absolute;
        top: 0;
        left: 740px;
        width:195px;
        height: 55px;
        color: #fff;
        font-size: 0.9em;
        border: 3px solid #fff;
        background:linear-gradient(#ffd3a7, #ffa444);
        box-shadow: 0 0 10px #393939;
    }
    .junta:hover figure {display:block; position:absolute; top:-70px; left:200px; text-align: left;}
    .directorio{
        position: absolute;
        top:107px;
        left: 750px;
        width:180px;
        height: 50px;
        color: #fff;
        font-size: 0.9em;
        font-weight: bold;
        border: 3px solid #fff;
        background:linear-gradient(#9fd0ff, #1e75d7);
        box-shadow: 0 0 8px #393939;
    }
    .directorio:hover figure {display:block; position:absolute; top:-90px; left:190px; text-align: left;}
    .oci{
        position: absolute;
        top:165px;
        left: 552px;
        width:152px;
        height: 42px;
        color: #fff;
        font-size: 0.75em;
        font-weight: normal;
        border: 2px solid #fff;
        background:linear-gradient(#9fd0ff, #399eff);
    }
    .oci:hover figure {display:block; position:absolute; top:-90px; left:160px;}
    .g-general{position: absolute; top: 223px; left: 716px; width: 246px; height: 52px; font-size: 0.95em; color:#fff; background:linear-gradient(#9fd0ff, #1e75d7);box-shadow: 0 0 8px #393939;}
    .g-general:hover figure {display:block; position:absolute; top:-70px; left:245px; text-align: left;}
    .comite{
        position: absolute;
        top: 229px;
        left: 1038px;
        width:148px;
        height: 38px;
        color: #20557c;
        font-size: 0.8em;
        font-weight: normal;
        border: 2px solid #498ce4;
        border-radius: 8px;
        background:linear-gradient(#cce5ff, #92c9ff);
    }
    .comite:hover figure {display:block; position:absolute; top:-125px; left:-45px;}
    .gaf{position: absolute; top: 290px; left: 225px; font-size: 0.8em;}
    .gaf:hover figure {display:block; position:absolute; top:-80px; left:165px;}
    .finanzas{position: absolute; top: 443px; left:58px;}
    .finanzas:hover figure {display:block; position:absolute; top:-50px; left:95px;}
    .contab{position: absolute; top: 443px; left:157px;}
    .contab:hover figure {display:block; position:absolute; top:-70px; left:95px;}
    .log{position: absolute; top: 443px; left:256px;}
    .log:hover figure {display:block; position:absolute; top:-70px; left:95px;}
    .rh{position: absolute; top: 443px; left:354px;}
    .rh:hover figure {display:block; position:absolute; top:-70px; left:95px;}
    .patri{position: absolute; top: 443px; left: 453px;}
    .patri:hover figure {display:block; position:absolute; top:-50px; left:95px;}
    .planif{position: absolute; left: 920px; top: 395px;}
    .planif:hover figure {display:block; position:absolute; top:-80px; left:155px;}
    .legal{position: absolute; left: 920px; top: 463px;}
    .legal:hover figure {display:block; position:absolute; top:-80px; left:155px;}
    .atecnica{position: absolute; left: 920px; top: 528px;}
    .atecnica:hover figure {display:block; position:absolute; top:-80px; left:155px;}
    .laboratorio{position: absolute; left: 604px; top: 371px;}
    .laboratorio:hover figure {display:block; position:absolute; top:-80px; left:-278px;}
    .imagen{position: absolute; left: 604px; top: 431px; }
    .imagen:hover figure {display:block; position:absolute; top:-80px; left:-278px;}
    .sistemas{position: absolute; left: 604px; top: 495px;}
    .sistemas:hover figure {display:block; position:absolute; top:-80px; left:-278px;}
    .seguridad{position: absolute; left: 604px; top: 558px;}
    .seguridad:hover figure {display:block; position:absolute; top:-80px; left:-278px;}
    .ging{position: absolute; left: 230px; top: 690px; height: 50px;}
    .ging:hover figure {display:block; position:absolute; top:-80px; left:165px;}
    .supervision{
        position: absolute;
        left: 143px;
        top: 750px;
        width:107px;
        height: 42px;
        color: #1d517c;
        font-size: 0.7em;
        font-weight: normal;
        border: 2px solid #fff;
        background:#ffb262;
    }
    .supervision:hover figure {display:block; position:absolute; top:-80px; left:110px;}
    .estudios{position: absolute; left: 163px; top: 860px;}
    .estudios:hover figure {display:block; position:absolute; top:-70px; left:95px;}
    .obras{position: absolute; left: 267px; top: 860px;}
    .obras:hover figure {display:block; position:absolute; top:-70px; left:95px;}
    .proy{position: absolute; left: 372px; top: 860px;}
    .proy:hover figure {display:block; position:absolute; top:-70px; left:95px;}
    .gope{position: absolute; left: 570px; top: 690px; height: 50px;}
    .gope:hover figure {display:block; position:absolute; top:-80px; left:165px;}
    .produc{position: absolute; left: 501px; top: 860px;}
    .produc:hover figure {display:block; position:absolute; top:-70px; left:95px;}
    .distrib{position: absolute; left: 607px; top: 860px;}
    .distrib:hover figure {display:block; position:absolute; top:-70px; left:95px;}
    .mant{position: absolute; left: 712px; top: 860px;}
    .mant:hover figure {display:block; position:absolute; top:-70px; left:95px;}
    .gcom{position: absolute; left: 1015px; top:690px; height: 50px;}
    .gcom:hover figure {display:block; position:absolute; top:-80px; left:-280px;}
    .asesor-com{
        position: absolute;
        left: 925px;
        top: 750px;
        width:107px;
        height: 42px;
        color: #1d517c;
        font-size: 0.7em;
        font-weight: normal;
        border: 2px solid #fff;
        background:#60d8a0;
    }
    .asesor-com:hover figure {display:block; position:absolute; top:-80px; left:110px;}
    .comer{position: absolute; left: 884px; top: 860px;}
    .comer:hover figure {display:block; position:absolute; top:-70px; left:-280px;}
    .factu{position: absolute; left: 993px; top: 860px;}
    .factu:hover figure {display:block; position:absolute; top:-70px; left:95px;}
    .med{position: absolute; left: 1105px; top: 860px;}
    .med:hover figure {display:block; position:absolute; top:-70px; left:-280px;}
    .catcli{position: absolute; left: 1215px; top: 860px;}
    .catcli:hover figure {display:block; position:absolute; top:-70px; left:95px;}
    .smig{position: absolute; left: 593px; top: 1017px;}
    .smig:hover figure {display:block; position:absolute; top:-90px; left:-275px;}
    .contu{position: absolute; left: 959px; top: 1017px;}
    .contu:hover figure {display:block; position:absolute; top:-90px; left:125px;}
}