.cuadrobio{
    width: 100%;
    height: 177.2vw;
}
.renglonbio1{
   width: 100%;
   height: 43vw;
   position: relative;
    z-index: 6;
}
.titu1bio{
    display: none;
    font-family: proximablack;
    font-size: 2vw;
    margin-left: 16.7vw;
    margin-top: .5vw;
    letter-spacing: -.04vw;
   
}
.titu1bio1{
    width: 100%;
    height: auto;
    text-align: center;
    display: block;
    font-family: proximablack;
    color: rgba(34, 54, 69, 100%);
    font-size: 14vw;
    margin-left: 0vw;
    margin-top: .5vw;
    letter-spacing: -.04vw;
   
}
.titu1bio2{
    width: 100%;
    height: auto;
    text-align: center;
    display: block;
    font-family: proximaregular;
    color: rgba(34, 54, 69, 100%);
    font-size: 14vw;
    margin-left: 0vw;
    margin-top: .5vw;
    letter-spacing: -.04vw;
   
}
.lineaamarillabio{
    width: 80%;
    height: 1.5vw;
    background-color: rgb(242, 201, 51);
    margin-top: 1vw;
    margin-left: 9.7vw;
}
.renglobio2{
    width: 100%;
    height: 53vw;
}
.columbio1{
    width: 100%;
    height: 13vw;
    margin-left: 0%;
    margin-top: .5vw;
    position: relative;
    float: left;
}
.linnegra{
    width: 100%;
    height: .5vw;
    background-color:rgba(34, 54, 69, 100%);
    position: absolute;
    top: 5vw;
}
.lienabolia1{
    font-family: gotamregular;
    font-size: 4.5vw;
    width: 15%;
    height: 2vw;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0vw;
    left: 6.8vw;
    z-index: 3;

}
.lienabolia2{
    font-family: gotamregular;
    font-size: 4.5vw;
    width: 45%;
    height: 2vw;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0vw;
    left: 21vw;
    z-index: 3;

}
.lienabolia3{
    font-family: gotamregular;
    font-size: 4.5vw;
    width: 15%;
    height: 2vw;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0vw;
    left: 36vw;
    z-index: 3;

}
.lienabolia4{
    font-family: gotamregular;
    font-size: 4.5vw;
    width: 15%;
    height: 2vw;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0vw;
    left: 51vw;
    z-index: 3;

}
.lienabolia5{
    font-family: gotamregular;
    font-size: 4.5vw;
    width: 15%;
    height: 2vw;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0vw;
    left: 64vw;
    z-index: 3;

}
.lienabolia6{
    font-family: gotamregular;
    font-size: 4.5vw;
    width: 15%;
    height: 2vw;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0vw;
    left: 79vw;
    z-index: 3;

}


.lienabolia1:hover{
    font-family: gotambold;
    font-size: 4.8vw;
    width: 15%;
    height: 2vw;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0vw;
    left: 6.8vw;
    z-index: 3;

}
.lienabolia2:hover{
    font-family: gotambold;
    font-size: 4.8vw;
    width: 45%;
    height: 2vw;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0vw;
    left: 21vw;
    z-index: 3;

}
.lienabolia3:hover{
    font-family: gotambold;
    font-size: 4.8vw;
    width: 15%;
    height: 2vw;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0vw;
    left: 36vw;
    z-index: 3;

}
.lienabolia4:hover{
    font-family: gotambold;
    font-size: 4.8vw;
    width: 15%;
    height: 2vw;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0vw;
    left: 51vw;
    z-index: 3;

}
.lienabolia5:hover{
    font-family: gotambold;
    font-size: 4.8vw;
    width: 15%;
    height: 2vw;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0vw;
    left: 64vw;
    z-index: 3;

}
.lienabolia6:hover{
    font-family: gotambold;
    font-size: 4.8vw;
    width: 15%;
    height: 2vw;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0vw;
    left: 79vw;
    z-index: 3;

}
/*linea ed menu de fechas */

h11{
    position: absolute;
    color: rgba(34, 54, 69, 100%);
    font-size: 1vw;
    line-height: .5vw;
    padding-right: 1.3vw;
    margin-left: 3vw;
    top: 5vw;
}
h11:hover{
    position: absolute;
    font-size: 6vw;
    line-height: .5vw;
    padding-right: 1.3vw;
    margin-left: 3vw;
    top: 5vw;
}
.lineanegra{
    display: none;
    width: 2vw;
    height: auto;
    position: absolute;
    top: 5.9vw;
    left: 1.5vw;

}
/* ventana biografia */
.columbio2{
    width: 100%;
    height: 120vw;
    float: left;
    position: relative;
    overflow: hidden;
}
.cuadrointernobio{
    width: 100%;
    height: 47vw;
    position: absolute;
    top: 1vw;
    left: 4.5%;
    overflow: hidden;
    text-align: center;

}
.cuadrofotobio{
    width: 110%;
    height: auto;
    position: absolute;
    top: 52vw;
    right: -2vw;
}
.fotbio{
    width: 100%;
    height: auto;
}
.fechabio{
    font-family: proximaextra;
    font-size: 14vw;
    color: rgb(242, 201, 51);
}
.textobio{
    width: 90%;
    height: auto;
    font-family: proximaregular;
    font-size: 3.5vw;
    margin-top: -1.8vw;
    margin-left: .65vw;
    line-height: 4vw;
}
.ocultando{
    opacity: 0%;
    display: none;
}