body{
    font-family: 'Roboto', sans-serif;
}
header .banner{
    height: 90px;
    /*background-image: url("img/titulo.png");*/
    background-position-y: 10px;  
    background-position-x: 0%;
    background-size: 60%;
    background-repeat: no-repeat;
}
header .banner .logoSec{
    /*height: 85px;*/
    margin-left: 65%;
}
main .divisor{
    height: 25px;
    background-image: url("img/divisor.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}
main .docente{
    transform: scale(1);
    position: relative;
    z-index: -1;
    opacity: 45%;
}
main .texto .titulo{
    color: rgb(140,34,223);
}
main .foto{
    height: 100%;
    width: 100%;
}
footer{
    height: 90px;
    background-color: rgb(192,192,192);
}
footer .logoEad{
    height: 45px;
}

.contenedorInfo{overflow: auto; list-style: none; margin:0px; padding:30px 0px 30px 20px;}
.contenedorInfo li{border-left:1px black solid; padding:0 20px; float: left;}
.contenedorInfo li:first-child{border:none }
.modalidad{background-color: #359CEF; opacity: 0.8; padding:10px; color:#fff; text-align: center;}
.tituloTexto{font-weight: bold;}
td,th{border:1px black solid}
a{text-decoration: none!important; color:#BC08B8!important}
a:hover{ color:#4C22B2!important}

/*Responsividad*/
@media (min-width: 480px) {
    header .banner{
        height: 110px;
        background-position-x: 25%;
        background-size: 45%;
    }
    header .banner .logoSec{
        /*height: 105px; */
        margin-left: 75%;
    }
    main .divisor{
        height: 50px;
        background-size: cover;
    }
    main .docente{
        transform: scale(0.8);
        left: -15px;
        top: -40px;
        opacity: 100%;
    }
}
@media (min-width: 769px){
    header .banner{
        background-size: 30%;
    }
    main .divisor{
        height: 100px;
        background-size: contain;
    }
    main .docente{
        transform: scale(1);
        left: 5px;
        top: -50px;
        opacity: 100%;
    }
}
@media (min-width: 1140px){
    header .banner{
        height: 160px;
        background-position-y: 20px; 
        background-position-x: 25%;
        background-size: 40%;
    }
    header .banner .logoSec{
        /*height: 155px;*/
        margin-left: 70%;
    }
    main .docente{
        transform: scale(1.2);
        left: 25px;
        top: -15px;
    }
}
@media (min-width: 1440px){
    header .banner{
        background-size: 35%;
    }
    main .docente{
        transform: scale(1.4);
        left: 45px;
        top: 20px;
    }    
}