@font-face {font-family:acen; src:url(../fonts/acens.ttf) format("truetype"); font-weight:normal; font-style:normal;}
@font-face {font-family:antipasto; src:url(../fonts/antipasto.ttf) format("truetype"); font-weight:normal; font-style:normal;}
@font-face {font-family:arkitech; src:url(../fonts/arkitech_light.ttf) format("truetype"); font-style:normal; font-weight:normal;}
@font-face {font-family:denmark; src:url(../fonts/denmark.ttf) format("truetype"); font-style:normal; font-weight:normal;}
@font-face {font-family:asesina; src:url(../fonts/asesina.ttf) format("truetype"); font-style:normal; font-weight:normal;}
@font-face {font-family:bisq; src:url(../fonts/bisque.woff) format("woff"); font-weight:normal; font-style:normal;}
@font-face {font-family:opensans; src:url(../fonts/opensans.ttf) format("truetype"); font-style:normal; font-weight:normal;}
body {
    margin: 0;
    padding: 0;
    font-family: "antipasto";
    overflow-x: hidden;
    text-rendering: geometricPrecision optimizeLegibility;
}


h1, h2, h3, h4, p {font-weight:normal; padding:0; margin:0;}
a {margin:0; padding: 0; text-decoration: none;}
ul {list-style:none;}
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
}
.oculto {
    display: none;
}
.tit-topicimp01 a{
    color: #5b5b5b;
}
.tit-topicimp01 span{
    font-family: opensans;
    font-size: 12pt;
}
.lista{
    cursor: pointer;
}
@media screen and (min-width:640px){
    main{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 95vh;
    }
    .planes{
        position: absolute;
        top: 20%;
        left: 13%;
        background: url(../img/fnd-planes.png);
        overflow-y: auto;
        transition: all 0.6s ease;
    }
    .planes p{
        padding:0 10px 0 10px;
        font-weight: bold;
        text-align: center;
        color: #0099ff;
    }
    .planes ul{
        padding-left: 26px;
        letter-spacing: 1px;
        list-style-image: url(../img/ico-down.png)
    }
    .planes li{
        padding-bottom: 15px;
        font-size: 4vh;
    }
    .planes a{
        text-align: left;
        font-family: "antipasto";
        color: #5b5b5b;
        transition: all 0.6s ease;
    }
    .planes a:hover{
        color: #ffac05;
        padding-left: 3%;
        transition: all 0.6s ease;
    }
    .planes ul li a{
        text-decoration: none;
        color:#646464;
    }
    .planes ul li a:hover{
        color:#e56c00;
    }
    .tit-topicimp01{
        font-family: "bisq";
        font-size: 3.6vw;
        color: #5b5b5b;
    }
    .img-2horiz01{
        position: absolute;
        top: 22%;
        left: 4%;
        width: 32vw;
        box-shadow: 3px 3px 10px #2f353e;
    }
    .img-2horiz02{
        position: absolute;
        top: 70%;
        left: 4%;
        width: 32vw;
        box-shadow: 3px 3px 10px #2f353e;
    }
    .img-2vert01{
        position: absolute;
        top: 20%;
        left: 0;
        width: 18vw;
        box-shadow: 3px 3px 10px #2f353e;
    }
    .img-2vert02{
        position: absolute;
        top: 32%;
        left: 21%;
        width: 18vw;
        box-shadow: 3px 3px 10px #2f353e;
    }
    .img-1horiz{
        position: absolute;
        top: 30%;
        left: 0;
        width: 40vw;
        box-shadow: 3px 3px 10px #2f353e;
    }
    .img-1vert{
        position: absolute;
        top: 15%;
        left: 7%;
        width: 25vw;
        box-shadow: 3px 3px 10px #2f353e;
    }
    .ini-parr{
        position: absolute;
        top: 20%;
        left: 43.5%;
        width: 1px;
        height: 12%;
        border-right: 2px solid #ffac05;
    }
    .link-prin{
        position: absolute;
        top: 20%;
        left: 9%;
    }
    .link-prin img{
        width: 12px;
        margin-right: 7px;
        vertical-align: middle;
    }
    .link-video{
        font-size: 2vw;
        margin-bottom: 1px;
    }
    .btn-no{
        display: none;
    }
    .img-cars{
        position: absolute;
        top: 0;
        width: 70%;
        left: 15%;
    }
    .btn-vervideoinst{
        width: 30%;
        color: #656565;
        display: inline-table;
        cursor: pointer;
        margin-bottom: 7px;
    }
    .btn-vervideoinst:hover{
        color: #eb9c26;
    }
    .cont-vidinst{
        position: absolute;
        top: 0;
        right: -47vw;
        width: 55vw;
        background: rgb(31, 29, 29);
        border-right: 15px solid #d88662;
        transition: all 0.4s linear;
        z-index: 10;
    }
    .btn-vidinst1:checked ~ #video-inst1 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .btn-vidinst2:checked ~ #video-inst2 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .btn-vidinst3:checked ~ #video-inst3 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .btn-vidinst4:checked ~ #video-inst4 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .link-prin-img{
        position: absolute;
        top: 13%;
        left: 9%;
    }
    .link{
        font-size: 2vw;
        cursor: pointer;
    }
    .link img{
        width: 9px;
        margin-right: 7px;
        vertical-align: middle;
    }
    .lnk-lbl{
        width: 30%;
        color: #656565;
        display: inline-table;
        cursor: pointer;
        margin-bottom: 7px;
    }
    .lnk-lbl:hover{
        color: #29a1e7;
    }
    .content{
        position: absolute;
        top: -20%;
        right: -47vw;
        width: 55vw;
        height: 60vw;
        transition: all 0.4s linear;
        z-index: 10;
        display: flex;
        align-items: center;
    }
    .content img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .btn-img1:checked ~ #not-img1 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .btn-img2:checked ~ #not-img2 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .btn-img3:checked ~ #not-img3 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .btn-img4:checked ~ #not-img4 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .btn-img5:checked ~ #not-img5 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .btn-img6:checked ~ #not-img6 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .btn-img7:checked ~ #not-img7 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .btn-img8:checked ~ #not-img8 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .btn-img9:checked ~ #not-img9 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .btn-img10:checked ~ #not-img10 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .btn-img11:checked ~ #not-img11 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .btn-img12:checked ~ #not-img12 {
        right: 9%;
        transition: all 0.4s linear;
    }
    .docs{
        position: absolute;
        top: 14%;
        left: 9%;
        width: 35%;
        height: 90%;
        overflow: auto;
    }
    .docs::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .docs::-webkit-scrollbar:vertical {
        width:10px;
    }
    .docs::-webkit-scrollbar-button:increment,.docs::-webkit-scrollbar-button {
        display: none;
    } 
    .docs::-webkit-scrollbar:horizontal {
        height: 10px;
    }
    .docs::-webkit-scrollbar-thumb {
        background-color: #63bbf5;
        border-radius: 20px;
        border: 2px solid #c8e3fd;
    }
    .docs::-webkit-scrollbar-track {
        border-radius: 10px;  
    }
    .conten-visor{
        position: absolute;
        width: 70%;
        height: 95%;
        top: 14%;
        left: 15%;
    }
    .visor-docus01{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .conten-visorremed{
        position: absolute;
        width: 70%;
        height: 86%;
        top: 14%;
        left: 15%;
    }
    .docs ul{
        padding-left: 26px;
        letter-spacing: 1px;
        list-style-image: url(../img/vineta02.png)
    }
    .docs a{
        color: #656565;
        font-size: 2vw;
    }
    .parr-prin{
        position: absolute;
        top: 20%;
        left: 45%;
        width: 55%;
        font-size: 1.9vw;
        color: #0075ca;
        letter-spacing: 1px;
    }
    .lst-parr-prin{
        position: relative;
        top: 30%;
        left: 45%;
        width: 55%;
        font-size: 1.8vw;
        color: #0075ca;
        letter-spacing: 1px;
    }
    .parr-prin-enf{
        position: relative;
        top: 35%;
        left: 45%;
        width: 55%;
        font-size: 1.9vw;
        color: #0075ca;
        letter-spacing: 1px;
    }
    .inf-complem{
        display: block;
        position: absolute;
        bottom: 0;
        right: 2%;
        width: 25%;
        height: 10%;
        background: #1da2d3;
        border: 1px solid #fff;
        font-family: "bisq";
        color: #fff;
        font-size: 1.8vw;
        text-align: center;
        outline: 1px solid;
        outline-color: rgba(255, 255, 255, 0.8);
        transition: all 0.6s ease;
    }
    .inf-complem span{
        position: absolute;
        left: 0;
        top: 52%;
        transform: translateY(-50%);
    }
    .inf-complem:hover{
        transform: scale(0.95);
        color: #1da2d3;
        background: #fff;
        border: 1px solid #1da2d3;
        font-weight: bold;
        box-shadow: 0 0 20px #505969;
        outline-color: rgba(255, 193, 72, 0);
        outline-offset: 80px;
    }
    .info-publica{
        position: absolute;
        top: 0;
        left: 10%;
        width: 80%;
        height: 90%;
    }
    .inf-publica01{
        position: absolute;
        top: 7%;
        left: 0;
        width: 100%;
        height: 28%;
    }
    .inf-publica02{
        position: absolute;
        top: 40%;
        left: 0;
        width: 100%;
        height: 28%;
    }
    .inf-publica03{
        position: absolute;
        bottom: -2%;
        left: 0;
        width: 100%;
        height: 28%;
    }
 
    .btns-infpublica div{
        position: absolute;
        top: 0;
        width: 130px;
        height: 100%;
        font-family: Arial;
        color: #616161;
        font-size: 1.6vw;
        font-weight: bold;
    }
    .btns-infpublica span{
        position: absolute;
        text-align: center;
        top: 90px;
        
    }
    .btns-infpublica a{
        position: absolute;
        width: 93%;
        height: 86px;
        border-radius: 8px;
        border: 1px solid #616161;
        background-color: #e3e3e3;
        transition: all 0.6s ease;
    }
    .btns-infpublica a:focus {
        outline: none;
    }
    .lnk01-infublic01 a{
        background-image: url(../img/ico-apintgral01.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
    }
    .lnk02-infublic01 a{
        background-image: url(../img/ico-apinfemp01.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
    }
    .lnk03-infublic01 a{
        background-image: url(../img/ico-apindicgest01.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
    }
    .lnk04-infublic01 a{
        background-image: url(../img/ico-appte01.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
    }
    .lnk01-infublic02 a{
        background-image: url(../img/ico-aporganim01.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
    }
    .lnk02-infublic02 a{
        background-image: url(../img/ico-apmemoria01.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
    }
    .lnk03-infublic02 a{
        background-image: url(../img/ico-apfuncionarios01.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
    }
    .lnk04-infublic02 a{
        background-image: url(../img/ico-apdocusofi01.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
    }
    .lnk01-infublic03 a{
        background-image: url(../img/ico-apreglamcal01.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
    }
    .lnk02-infublic03 a{
        background-image: url(../img/ico-apcontratexplo01.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
    }
    .lnk03-infublic03 a{
        background-image: url(../img/ico-aptarifas01.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
    }
    .lnk04-infublic03 a{
        background-image: url(../img/ico-apsolicitinfo01.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
    }
    .lnk01-infublic01, .lnk01-infublic02, .lnk01-infublic03{
        left: 0;
    }
    .lnk02-infublic01, .lnk02-infublic02, .lnk02-infublic03{
        left: 27%;
    }
    .lnk03-infublic01, .lnk03-infublic02, .lnk03-infublic03{
        right: 27%;
    }
    .lnk04-infublic01, .lnk04-infublic02, .lnk04-infublic03{
        right: 0;
    }
    .lnk01-infublic01 a:hover{
        background: #57a0d6;
        background-image: url(../img/ico-apintgral02.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        border: none;
        transform: scale(0.9);
        box-shadow: 0 3px 10px #2f353e;
        transition: all 0.6s ease;
    }
    .lnk02-infublic01 a:hover{
        background: #4c7796;
        background-image: url(../img/ico-apinfemp02.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        border: none;
        transform: scale(0.9);
        box-shadow: 0 3px 10px #2f353e;
        transition: all 0.6s ease;
    }
    .lnk03-infublic01 a:hover{
        background: #e0ac8b;
        background-image: url(../img/ico-apindicgest02.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        border: none;
        transform: scale(0.9);
        box-shadow: 0 3px 10px #2f353e;
        transition: all 0.6s ease;
    }
    .lnk04-infublic01 a:hover{
        background: #4a8f81;
        background-image: url(../img/ico-appte02.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        border: none;
        transform: scale(0.9);
        box-shadow: 0 3px 10px #2f353e;
        transition: all 0.6s ease;
    }
    .lnk01-infublic02 a:hover{
        background: #c87162;
        background-image: url(../img/ico-aporganim02.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        border: none;
        transform: scale(0.9);
        box-shadow: 0 3px 10px #2f353e;
        transition: all 0.6s ease;
    }
    .lnk02-infublic02 a:hover{
        background: #6ebbd8;
        background-image: url(../img/ico-apmemoria02.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        border: none;
        transform: scale(0.9);
        box-shadow: 0 3px 10px #2f353e;
        transition: all 0.6s ease;
    }
    .lnk03-infublic02 a:hover{
        background: #e7b95c;
        background-image: url(../img/ico-apfuncionarios02.png);
        background-size: 96px 64px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        border: none;
        transform: scale(0.9);
        box-shadow: 0 3px 10px #2f353e;
        transition: all 0.6s ease;
    }
    .lnk04-infublic02 a:hover{
        background: #6b92a4;
        background-image: url(../img/ico-apdocusofi02.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        border: none;
        transform: scale(0.9);
        box-shadow: 0 3px 10px #2f353e;
        transition: all 0.6s ease;
    }
    .lnk01-infublic03 a:hover{
        background: #4e964c;
        background-image: url(../img/ico-apreglamcal02.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        border: none;
        transform: scale(0.9);
        box-shadow: 0 3px 10px #2f353e;
        transition: all 0.6s ease;
    }
    .lnk02-infublic03 a:hover{
        background: #ce7b48;
        background-image: url(../img/ico-apcontratexplo02.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        border: none;
        transform: scale(0.9);
        box-shadow: 0 3px 10px #2f353e;
        transition: all 0.6s ease;
    }
    .lnk03-infublic03 a:hover{
        background: #7eb784;
        background-image: url(../img/ico-aptarifas02.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        border: none;
        transform: scale(0.9);
        box-shadow: 0 3px 10px #2f353e;
        transition: all 0.6s ease;
    }
    .lnk04-infublic03 a:hover{
        background: #3695cc;
        background-image: url(../img/ico-apsolicitinfo02.png);
        background-size: 90px 60px;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        border: none;
        transform: scale(0.9);
        box-shadow: 0 3px 10px #2f353e;
        transition: all 0.6s ease;
    }
    .lnk-infgral01-a, .lnk-infgral02-a, .lnk-infgral03-a, .lnk-infgral04-a, .lnk-infgral01-b, .lnk-infgral02-b, .lnk-infgral03-b, .lnk-infgral04-b, .lnk-infgral01-c, .lnk-infgral02-c, .lnk-infgral03-c, .lnk-infgral04-c {
        display: block;
        position: absolute;
        width: 15%;
        height: 28%;
        font-family: Arial;
        font-size: 1.4vw;
        font-weight: bold;
        text-align: center;
        color:#616161;
        transition: all 0.4s ease;
    }
    .lnk-infgral01-a:hover{
        top: 3%;
        border-radius: 5px;
        background-color: #f7f7f7;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 5px 10px;
        color: #007fb3;
        transition: all 0.4s ease;
    }
   
    .lnk-infgral01-a{
        top: 2%;
        left: 4%;
    }
    .lnk-infgral02-a:hover{
        top: 3%;
        border-radius: 5px;
        background-color: #f7f7f7;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
        color: #007fb3;
        transition: all 0.4s ease;
    }
    .lnk-infgral02-a{
        top: 2%;
        left: 23%;
    }
    .lnk-infgral03-a:hover{
        top: 3%;
        border-radius: 5px;
        background-color: #f7f7f7;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
        color: #007fb3;
        transition: all 0.4s ease;
    }
    .lnk-infgral03-a{
        top: 2%;
        left: 42%;
    }


.infgral03-risk{
    position: absolute;
    left: 42%;
    top: 2%;
    width: 15%;
    height: 28%;
    transition: all 0.4s ease;
    cursor: pointer;
}
.infgral03-risk p{
    position: absolute;
    left: 0;
    top: 58%;
    padding: 0 2% 0 2%;
    font-family: Arial;
    font-size: 1.6vw;
    font-weight: bold;
    text-align: center;
    color:#616161;
}
.infgral03-risk:hover{
    top: 3%;
    border-radius: 5px;
    background-color: #f7f7f7;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    color: #007fb3;
    transition: all 0.4s ease;
}
.ico-intgral03-risk{
    position: absolute;
    top: 1%;
    left: 20%;
    width: 59%;
    height: 59%;
    background-image: url(../img/ico-planseg2025-01.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

/*Formato y animación del sub menú con enlaces de los Planos Catastrales*/
.fnd-mnu-risk{
    position: absolute;
    left: 100%;
    top: 5%;
    width: 0;
    height: 90%;
    background: rgba(0, 0, 0, 0.7);
    overflow-y: auto;
    overflow-x: hidden;
    
    transition: 0.8s;
}
.fnd-mnus-risk li{display: block; float:none; font-size: 9pt; color: #4c4c4c; font-family: Arial, Helvetica, sans-serif;}
.opts-risk li a{color: #d1d1d1; font-size: 9pt; margin-left: 5%;}
.opts-risk li a:hover{color: #2894cd; margin-left: 5%;}
.opts-risk li:first-child{color:#ff9e39; font-size: 10pt; margin-top: 5px; margin-bottom: 8px; margin-left: 15px;}
.infgral03-risk:hover .fnd-mnus-risk{z-index: 10; transition: 1s; width: 95%;}
.fnd-mnus-risk:hover{z-index: 10; box-shadow: 0 0 10px #393939;}
/* Fin botón Riesgos */


    
    
    
    
    
    
    .intgral-planoscat{
    position: absolute;
    left: 61%;
    top: 2%;
    width: 15%;
    height: 28%;
    transition: all 0.4s ease;
    cursor: pointer;
}
.intgral-planoscat p{
    position: absolute;
    left: 0;
    top: 58%;
    padding: 0 2% 0 2%;
    font-family: Arial;
    font-size: 1.6vw;
    font-weight: bold;
    text-align: center;
    color:#616161;
}
.intgral-planoscat:hover{
    top: 3%;
    border-radius: 5px;
    background-color: #f7f7f7;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    color: #007fb3;
    transition: all 0.4s ease;
}
.ico-intgral-planoscat{
    position: absolute;
    top: 1%;
    left: 20%;
    width: 59%;
    height: 59%;
    background-image: url(../img/ico-igplanoscat.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

/*Formato y animación del sub menú con enlaces de los Planos Catastrales*/
.fnd-mnu-planoscat{
    position: absolute;
    left: 100%;
    top: 5%;
    width: 0;
    height: 90%;
    background: rgba(0, 0, 0, 0.7);
    overflow-y: auto;
    overflow-x: hidden;
    
    transition: 0.8s;
}
.fnd-mnus-planoscat li{display: block; float:none; font-size: 9pt; color: #4c4c4c; font-family: Arial, Helvetica, sans-serif;}
.opts-planoscat li a{color: #d1d1d1; font-size: 9pt; margin-left: 10%;}
.opts-planoscat li a:hover{color: #2894cd; margin-left: 15%;}
.opts-planoscat li:first-child{color:#ff9e39; font-size: 10pt; margin-top: 5px; margin-bottom: 8px; margin-left: 5px;}
.intgral-planoscat:hover .fnd-mnus-planoscat{transition: 1s; width: 95%;}
.fnd-mnus-planoscat:hover{box-shadow: 0 0 10px #393939;}
/* Fin botón planos catastrales */


    .lnk-infgral04-a:hover{
        top: 3%;
        border-radius: 5px;
        background-color: #f7f7f7;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
        color: #007fb3;
        transition: all 0.4s ease;
    }
    .lnk-infgral04-a{
        top: 2%;
        left: 61%;
    }
    .lnk-infgral01-b:hover{
        top: 33%;
        border-radius: 5px;
        background-color: #f7f7f7;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
        color: #007fb3;
        transition: all 0.4s ease;
    }
    .lnk-infgral01-b{
        top: 34%;
        left: 4%;
    }
    .lnk-infgral02-b:hover{
        top: 33%;
        border-radius: 5px;
        background-color: #f7f7f7;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
        color: #007fb3;
        transition: all 0.4s ease;
    }
    .lnk-infgral02-b{
        top: 34%;
        left: 23%;
    }
    .lnk-infgral03-b:hover{
        top: 33%;
        border-radius: 5px;
        background-color: #f7f7f7;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
        color: #007fb3;
        transition: all 0.4s ease;
    }
    .lnk-infgral03-b{
        top: 34%;
        left: 42%;
    }
    .lnk-infgral04-b:hover{
        top: 33%;
        border-radius: 5px;
        background-color: #f7f7f7;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
        color: #007fb3;
        transition: all 0.4s ease;
    }
    .lnk-infgral04-b{
        top: 34%;
        left: 61%;
    }
    .lnk-infgral01-c:hover{
        top: 65%;
        border-radius: 5px;
        background-color: #f7f7f7;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
        color: #007fb3;
        transition: all 0.4s ease;
    }
    .lnk-infgral01-c{
        top: 64%;
        left: 4%;
    }
    .lnk-infgral02-c:hover{
        top: 65%;
        border-radius: 5px;
        background-color: #f7f7f7;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
        color: #007fb3;
        transition: all 0.4s ease;
    }
    .lnk-infgral02-c{
        top: 64%;
        left: 23%;
    }
    .lnk-infgral03-c:hover{
        top: 65%;
        border-radius: 5px;
        background-color: #f7f7f7;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
        color: #007fb3;
        transition: all 0.4s ease;
    }
    .lnk-infgral03-c{
        top: 64%;
        left: 42%;
    }
    .lnk-infgral04-c:hover{
        top: 65%;
        border-radius: 5px;
        background-color: #f7f7f7;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
        color: #007fb3;
        transition: all 0.4s ease;
    }
    .lnk-infgral04-c{
        top: 64%;
        left: 61%;
    }
    .icointgral01-a{
        position: absolute;
        top: 1%;
        left: 20%;
        width: 59%;
        height: 59%;
        background-image: url(../img/ico-igafirecibodigi.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
    }
    .lnk-infgral01-a span{
        position: absolute;
        left: 0;
        top: 58%;
        padding: 0 2% 0 2%;
    }
    .icointgral02-a{
        position: absolute;
        top: 1%;
        left: 20%;
        width: 59%;
        height: 59%;
        background-image: url(../img/ico-cost-prueb-med.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
    }
    .lnk-infgral02-a span{
        position: absolute;
        left: 0;
        top: 58%;
        padding: 0 2% 0 2%;
    }
    .icointgral03-a{
        position: absolute;
        top: 1%;
        left: 20%;
        width: 59%;
        height: 59%;
        background-image: url(../img/ico-planseg2023-01.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
    }
    .lnk-infgral03-a span{
        position: absolute;
        left: 0;
        top: 58%;
        padding: 0 2% 0 2%;
    }
    .icointgral04-a{
        position: absolute;
        top: 1%;
        left: 20%;
        width: 59%;
        height: 59%;
        background-image: url(../img/ico-igplanrisk.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
    }
    .lnk-infgral04-a span{
        position: absolute;
        left: 0;
        top: 58%;
        padding: 0 2% 0 2%;
    }
    .icointgral01-b{
        position: absolute;
        top: 1%;
        left: 20%;
        width: 59%;
        height: 59%;
        background-image: url(../img/ico-igbiemesraee.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
    }
    .lnk-infgral01-b span{
        position: absolute;
        left: 0;
        top: 58%;
        padding: 0 2% 0 2%;
    }
    .icointgral02-b{
        position: absolute;
        top: 1%;
        left: 20%;
        width: 59%;
        height: 59%;
        background-image: url(../img/ico-sene-bienes.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
    }
    .lnk-infgral02-b span{
        position: absolute;
        left: 0;
        top: 58%;
        padding: 0 2% 0 2%;
    }
    .icointgral03-b{
        position: absolute;
        top: 1%;
        left: 20%;
        width: 59%;
        height: 59%;
        background-image: url(../img/ico-igplanmedctrl.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
    }
    .lnk-infgral03-b span{
        position: absolute;
        left: 0;
        top: 58%;
        padding: 0 2% 0 2%;
    }
    .icointgral04-b{
        position: absolute;
        top: 1%;
        left: 20%;
        width: 59%;
        height: 59%;
        background-image: url(../img/ico-igpoliticsan.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
    }
    .lnk-infgral04-b span{
        position: absolute;
        left: 0;
        top: 58%;
        padding: 0 2% 0 2%;
    }
    .icointgral01-c{
        position: absolute;
        top: 1%;
        left: 20%;
        width: 59%;
        height: 59%;
        background-image: url(../img/ico-iginfbuengob.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
    }
    .lnk-infgral01-c span{
        position: absolute;
        left: 0;
        top: 58%;
        padding: 0 2% 0 2%;
    }
    .icointgral02-c{
        position: absolute;
        top: 1%;
        left: 20%;
        width: 59%;
        height: 59%;
        background-image: url(../img/ico-iginfgobygob.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
    }
    .lnk-infgral02-c span{
        position: absolute;
        left: 0;
        top: 58%;
        padding: 0 2% 0 2%;
    }
    .icointgral03-c{
        position: absolute;
        top: 1%;
        left: 20%;
        width: 59%;
        height: 59%;
        background-image: url(../img/ico-igcodbuengob.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
    }
    .lnk-infgral03-c span{
        position: absolute;
        left: 0;
        top: 58%;
        padding: 0 2% 0 2%;
    }
    .icointgral04-c{
        position: absolute;
        top: 1%;
        left: 20%;
        width: 59%;
        height: 59%;
        background-image: url(../img/ico-igcodetica.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
    }
    .lnk-infgral04-c span{
        position: absolute;
        left: 0;
        top: 58%;
        padding: 0 2% 0 2%;
    }

    
 /*   .info-publica a{
        display: block;
        width: 100%;
        height: 86px;
        border-radius: 8px;
        background: #616161;
        transition: all 0.6s ease;
    }
    .lst-lnklugpago{
       position: absolute;
        top: 0;
        left: 0; 
    }
    .lst-lnklugpago:hover{
        background: #2ea6ff;
    }
    .lnk02-infublic01{
        position: absolute;
        top: 0;
        left: 130px;
    }
    .lnk02-infublic01:hover{
        background: #4c7796;
    }
    
    .lnk03-infublic01:hover{
        background: #e0ac8b;
    }
    .lnk04-infublic01:hover{
        background: #00599a;
    }
    .lnk01-infublic02:hover{
        background: #c87162;
    }
    .lnk02-infublic02:hover{
        background: #ce8f48;
    }
    .lnk03-infublic02:hover{
        background: #6ebbd8;
    }
    .lnk04-infublic02:hover{
        background: #639945;
    }
    .lnk01-infublic03:hover{
        background: #4e964c;
    }
    .lnk02-infublic03:hover{
        background: #2daac7;
    }
    .lnk03-infublic03:hover{
        background: #2b7aa8;
    }
    .lnk04-infublic03:hover{
        background: #ce7b48;
    }
     */
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------  */


@media screen and (max-width:639px){
    .cel-oculto{
        display: none;
    }
    main{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .tit-topicimp01{
        font-family: "bisq";
        font-size: 4.5vw;
        text-align: center;
        margin-bottom: 10px;
    }
    .parr-prin{
        position: absolute;
        top: 18%;
        left: 5%;
        width: 90%;
        font-size: 2.8vw;
        letter-spacing: 1px;
    }
    .inf-complem{
        display: block;
        position: absolute;
        bottom: 5%;
        left: 20%;
        width: 60%;
        height: 10%;
        background: rgba(255,255,255,0.4);
        border: 1px solid #515969;
        font-family: "bisq";
        color: #515969;
        font-size: 2.8vw;
        text-align: center;
    }
    .inf-complem span{
        position: absolute;
        left: 0;
        top: 52%;
        transform: translateY(-50%);
    }
    .planes{
        width: 85%;
        height: 80%;
        position: absolute;
        top: 20%;
        left: 13%;
        background: url(../img/fnd-planes.png);
        overflow: auto;
    }
    .planes p{
        padding:0 10px 0 10px;
        font-weight: bold;
        text-align: center;
        color: #0099ff;
    }
    .planes ul{
        padding-left: 21px;
        letter-spacing: 1px;
        list-style-image: url(../img/ico-downn.png)
    }
    .planes li{
        padding-bottom: 15px;
        font-size: 4vh;;
    }
    .planes ul li a{
        text-decoration: none;
        color:#646464;
    }
    .link-prin{
        height: 88%;
        overflow: auto;
    }
    .link-prin img{
        width: 12px;
        margin-right: 7px;
        vertical-align: middle;
    }
    .cont-vidinst{
        width: 80vw;
        margin-left: 15%;
        background: rgb(31, 29, 29);
        border-right: 15px solid #d88662;
    }
    .btn-vervideoinst{
        width: 94%;
        color: #656565;
        display: inline-table;
        cursor: pointer;
        margin: 7px 0 7px 0;
    }
    .link-video{
        font-size: 4vw;
        margin-bottom: 1px;
    }
    .btn-no{
        display: none;
    }
    .link-prin-img{
        height: 88%;
        overflow: auto;
    }
    .link img{
        width: 9px;
        margin-right: 7px;
        vertical-align: middle;
        margin: 7px 0 7px 0;
    }
    .content {
        display: none;
        overflow: hidden;
    }
    .content img{
        width: 80%;
        margin-left: 15%;
    }
    .content-visor{
        display: none;
        overflow: hidden;
    }
    .docs{
        position: absolute;
        left: 13%;
        height: 88%;
        overflow: auto;
    }
    .docs ul{
        padding-left: 26px;
        letter-spacing: 1px;
        list-style-image: url(../img/vineta02.png)
    }
    .visor-docus01{
        display: none;
    }
}