div#titulo {
    float: left;
    width: 960px;
    background-color: rgb(150, 142, 208);
    border-radius: 10px;
    }
.principal {
    padding-left: 20px;
    color: #fff
    }

div#roldan {
    width: 96%;
    float: left;
    padding: 20px;
    margin-top: 30px;
    border-radius: 10px;
    background-color: rgba(150, 142, 208, 0.49);}


/*-------------IMAGEN---------*/
div#imagen{
    margin-right: 20px;
    border-radius: 10px;
    width: 20%;
        float: left;
}


.cara {
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    width: 100%;
    }


.over {
    display: none;
    margin-right: 20px;
    margin-bottom: 24px;
    border-radius: 10px;
    width: 100%;
    }

div#imagen:hover .cara {display:none;}

div#imagen:hover .over {display:block;}

/*-------------IMAGEN cierre---------*/

.cargo{ 
color: rgb(173, 64, 78);
font-weight: 600;}

.bio {  font-size: 11pt;}

.equipo:hover .cara {display:none;}

.equipo:hover .over {display:block;}


div#profs {
        float: left;        
        width:960px;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 30px;
        margin-left: 10px;}

.equipo {
        float: left;        
        position: relative;
        border-radius: 10px;
        margin-right: 12px;
        margin-left: 12px;
        margin-top: 20px;
        padding: 10px;
        width: 20%;
        background-color: rgba(150, 142, 208, 0.49);
        }

.link {
        color: rgb(173, 64, 78);
        font-weight: 600;

}