/*Estilos Web*/

    /*Colores*/

    .purple{
        color: #8f28c4;
    }

    .white{
        color: #FFF;
    }

    /*Fin Colores*/

    /*Elementos Comunes*/

    #main-menu a{
        color: #8f28c4;
    }

    #main-menu a.active{
        color: #FFF;
        background-color: #8f28c4;
    }

    #main-menu a:hover{
        background-color: #8f28c4;
    }

    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner::before,
    .hamburger.is-active .hamburger-inner::after{
        background-color: #8f28c4;
    }

    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
        background-color: #8f28c4;
    }

    .btn,.banner,#pie_pagina{
        background-color: #8f28c4;
    }

    .btn.tr{
        color: #FFF;
        border-color: #FFF;
    }    

    .banner h1{
        color: #FFF;
    }

    #presentacion,#proyecto,#recorridos{
        min-height: 450px;
    }

    /*Elementos Comunes*/

    /*Presentación*/

    #presentacion{
        background: url('../ficheros/presentacion.jpg') no-repeat center center / cover;
        background-attachment: fixed;
    }

    #caption{
        text-shadow: 0 0 2px #000;
    }

    #caption h2,#caption h1,#caption p,strong{
        color: #8f28c4;
    }

    #caption p{
        font-size: 18px;
        font-weight: 600;
    }

    /*Fin Presentación*/

    /*Quienes Somos*/

    

    /*Fin Quienes Somos*/

    /*Proyecto*/

    #proyecto{
        background: url('../ficheros/laboratorio.jpg') no-repeat center center / cover;
        background-attachment: fixed;
    }

    #proyecto .contenido{
        padding: 25px 10px;
        border-radius: 5px;
        background-color: rgba(144, 40, 196, 0.76);
        box-shadow: 0 0 2px #000;
    }

    #proyecto .contenido p{
        color: #FFF;
    }

    /*Fin Proyecto*/

    /*Beneficios*/

    .lista li::before{
        content: '\f0da';
        color: #8f28c4;
    }

    /*Fin Beneficios*/

    /*Recorridos*/

    #recorridos{
        background: url('../ficheros/recorridos.jpg') no-repeat center center / cover;
        background-attachment: fixed;
    }

    .ruta{
        margin: 5px 0;
        padding: 25px 10px;
        border-radius: 5px;
        background-color: rgba(144, 40, 196, 0.76);
    }

    .ruta p,.ruta strong{
        color: #FFF;
    }

    .ruta p{
        margin: 5px 0;
    }

    .nota{
        font-size: 14px;
        line-height: 20px;
    }

    .nota span{
        font-size: 16px;
        margin-right: 2px;
    }

    /*Fin Recorridos*/

    /*Colaboración*/

    #colaboracion{
        background-color: #8f28c4;
    }

    #colaboracion p{
        color: #FFF;
    }

    #opciones .opcion{
        margin: 5px 0;
        padding: 25px 10px;
        border: 2px solid #FFF;
        border-radius: 5px;
    }

    /*Fin Colaboración*/

    /*Colaboradores*/

    #colaboradores a{
        margin: 10px;
    }

    #colaboradores img{
        max-height: 90px;
    }

    /*Fin Colaboradores*/

    /*Investigación*/

    .investigadores{
        margin: 10px 0;
    }

    .investigadores li{
        margin: 5px 0;
    }

    /*Fin Investigación*/

/*Fin Estilos Web*/

/*Media Queries*/

@media only screen and (min-width: 800px){
    
    #presentacion,#proyecto,#recorridos{
        min-height: 600px;
    }
    
    #caption h2,#caption h1,#caption p,strong{
        text-align: left;
        text-align-last: left;
    }
    
    #caption p{
        font-size: 22px;
    }
    
}

@media only screen and (min-width: 1200px){
    
    #presentacion,#proyecto,#recorridos{
        min-height: 700px;
    }
    
    #caption p{
        font-size: 25px;
    }
    
}

@media only screen and (min-width: 1400px){
    
    .investigadores li{
        font-size: 17px;
    }
    
}

@media only screen and (min-width: 1800px){
    
    .investigadores li{
        font-size: 20px;
    }
    
}

/*Fin Media Queries*/