/*INFOGRAFIA*/

#intro2 {
    display: block;
    position: relative;
    min-height: 100vh;
}
.infografia {
    max-width: 150px;
    max-height: 150px;
    display: block;
    position: absolute;
}
.centro {
    display: block;
    margin: auto;
    text-align: center;
    width: 100%;
    position: relative !important;
    top: 36%;
}
.espacio {
    height: 358px;
    position: relative;
    z-index: -100;
}
#INF_2 {
    left: 12%;
    top: 6%;
}
#INF_3 {
    left: 14%;
    top: 20%;
}
#INF_4 {
    left: 16%;
    top: 36%;
    max-width: 299px;
}
#INF_12 {
    left: 10%;
    top: 8%;
}
#INF_13 {
    left: 12%;
    top: 23%;
}
#INF_5 {
    left: 28%;
    top: 37%;
    max-width: 299px;
}
#INF_1 {
    left: 28%;
    top: 5%;
    max-width: 170px;
    max-height: unset;
}
#INF_8 {
    right: 12%;
    top: 6%;
}
#INF_9 {
    right: 14%;
    top: 20%;
}
#INF_10 {
    right: 16%;
    top: 36%;
    max-width: 299px;
}
#INF_14 {
    right: 10%;
    top: 8%;
}
#INF_15 {
    right: 12%;
    top: 23%;
}
#INF_7 {
    right: 28%;
    top: 5%;
    max-width: 170px;
    max-height: unset;
}
#INF_11 {
    right: 28%;
    top: 37%;
    max-width: 299px;
}
#INF_6 {
    max-width: 322px;
    max-height: unset;
}
#INF_17 {
    max-width: 583px;
    max-height: unset;

}
#INF_23 {
    max-width: 261px;
    max-height: unset;

}
#INF_20 {
    max-width: 322px;
    left: 42%;
    top: 38%;
    max-height: unset;
}
#INF_24 {
    right: 30%;
    min-width: 296px;
    bottom: 8%;
    z-index: -200;
}
#INF_25 {
    right: 13%;
    min-width: 378px;
    bottom: 5%;
    z-index: -300;
}
#INF_22 {
    left: 30%;
    min-width: 296px;
    bottom: 8%;
    z-index: -200;
}
#INF_21 {
    left: 13%;
    min-width: 378px;
    bottom: 5%;
    z-index: -300;
}
.menoscentro {
    margin-top: -90px;

}
#INF_13BIS,#INF_15BIS, #INF_21BIS, #INF_25BIS,#INF_22BIS,#INF_10bis ,#INF_4bis, #INF_11BIS,#INF_5BIS ,#INF_5TER {
    display: none;
}
.fullbtn {
    text-align: center;
}
.fullbtn .btn {
    font-size: 20px;
    font-weight: 500;
}

.fullpagecomo{
    text-align: center;
    padding: 50px;
    display: block;
    margin: auto;
    width: 100%;
}

@media all and (max-width: 1280px){
    .topnav {
        max-width: 100%;
    }
    #INF_2,#INF_3,#INF_4 {
        left: 7%;
    }
    #INF_12,#INF_13 {
        left: 5%;
    }
    #INF_5 {
        left: 22%;
    }
    #INF_8,#INF_9,#INF_10 {
        right: 7%;
    }
    #INF_14,#INF_15 {
        right: 5%;
    }
    #INF_11 {
        right: 22%;
    }
    #INF_21 {
        left: 3%;
    }
    #INF_25 {
        right: 3%;
    }
    #INF_5TER {
        max-width: 100%;

    }
}
@media all and (max-width: 1280px) and (min-width: 769px){
    #INF_5 {
        left: 9%;
        top: 43%;
    }
    #INF_11 {
        right: 9%;
        top: 43%;
    }
    #INF_24,#INF_22 {
        display: none;
    }
}
@media all and (max-width: 768px){

    .fullbtn .btn {
        font-size: 11px;
    }
    .col-xs-6.fullbtn {
        padding: 0px;
        margin: 0px;
    }
    .infografia {
        max-width: 45%;
    }
    .fotosinfo {
        display: block;
        position: relative;
        padding-bottom: 600px;
    }
    .fotosinfo .infografia{
        position: relative;
    }
    .fullpage {
        padding: 10px;
    }

    .fullpagecomo {
        padding: 20px;
    }

    .espacio {
        display: none;
    }
    #INF_2,#INF_8 {
        top: 18%;
    }
    #INF_3,#INF_9 {
        top: 28%;
    }
    #INF_1,#INF_7 {
        display: inline-block;
        left: unset;
        right: unset;
        top: unset;
        position: relative;
        max-width: 154px;
    }
    #INF_4bis,#INF_10bis {
        top: 38%;

    }
    #INF_12,#INF_14 {
        top: 20%;
    }
    #INF_4bis {
        left: 3%;
        display: block;
    }
    #INF_10bis {
        right: 3%;
        display: block;
    }

    #INF_2,#INF_3,#INF_4 {
        left: 3%;
    }
    #INF_12,#INF_13 {
        left: 3%;
    }
    #INF_5 {
        left: 5%;
    }
    #INF_8,#INF_9,#INF_10 {
        right: 3%;
    }
    #INF_14,#INF_15 {
        right: 3%;
    }
    #INF_11 {
        right: 5%;
    }
    #INF_21 {
        left: 3%;
    }
    #INF_25 {
        right: 3%;
    }
    #INF_5, #INF_11 {
        top: 45%;
    }
    #INF_13BIS,#INF_15BIS {
        display: block;
        top: 35%;

    }
    #INF_13,#INF_15 {
        top: 30%;
    }
    #INF_13BIS,#INF_15BIS {
        top: 40%;
    }
    #INF_13BIS {
        left: 3%;
    }
    #INF_15BIS {
        right: 3%;
    }
    #INF_22BIS {
        width: 100%;
        display: block;
    }
    img#INF_21BIS, img#INF_25BIS {
        width: 49%;
        display: inline-block;
        text-align: center;
    }
    #INF_17 {
        max-width: 100%;
        max-height: unset;
    }
    #INF_5BIS,#INF_11BIS {
        display: block;
        top: 48%;
    }
    #INF_11BIS {
        right: 2%;
    }
    #INF_5TER {
        display: block;
    }
    #INF_6 {
        max-width: 280px;
        max-height: unset;
        padding-top: 61px;
    }
    .centro.menoscentro2.mov {
        margin-top: -149px;
    }

   /* .centro {
        display: none;
        margin: auto;
        text-align: center;
        width: 100%;
        position: relative !important;
        top: 36%;
    }*/

    .menoscentro {
        margin-top: -65px;
    }
}
@media all and (max-width: 320px){
    #INF_1,#INF_7 {
        max-width: 49%;
    }
}