@media (hover: hover) {
    .evento-imagen:hover {
        opacity: 0.9;
        filter: grayscale(20%);
    }
/* Eventos */
.evento-dia {
    background-color: #ededed;
    padding: 15px;
    margin-bottom: 30px;
}

.fecha {
    font-weight: bold;
    border-bottom: 1px dotted #aa9f9d;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.evento-item {
    background-color: #dfdfdf;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #fff;
}

.evento-item:hover {
    background-color: #fff;
    border-color: #ccc;
}

.evento-tipo {
    color: #706D74;
    font-size: 0.9em;
    margin-bottom: 5px;
}

.evento-titulo {
    font-size: 1.2em;
    color: #47454a;
    margin-bottom: 10px;
}

.evento-participantes, .evento-lugar, .evento-info {
    font-size: 0.9em;
    margin-bottom: 5px;
}

.evento-imagen {
    float: right;
    width: auto;
    height: auto;
    max-width: 25%;
    max-height: 135px;
    margin-left: 15px;
    transition: all 0.3s ease;
}

.with-image {
    overflow: hidden;
    position: relative;
}

/* Comportamiento en tablets */
@media (max-width: 991px) {
    .evento-imagen {
        max-width: 40%;
        max-height: 160px;
    }
}

/* Tradición y vanguardia */
.tradicion-vanguardia {

    margin: 30px 0;
}

.tradicion-vanguardia h2 {
    color: #C30F1B;
    font-size: 28px;
    margin-bottom: 15px;
}

.tradicion-vanguardia p {
    color: #494949;
    font-size: 1.1em;
    margin-bottom: 15px;
}
.evento-titulo strong { color:#C30F1B !important; }
/* Footer */
footer {
    background-color: #010101;
    border-top: 2px solid #ca020d;

    margin-top: 30px;
    color: #c0c0be;
}

.footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.footer ul li {
    display: inline-block;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #999;
}

.footer ul li:first-child {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}

.footer ul li a {
    color: #c0c0be;
}

.footer ul li a:hover {
    text-decoration: underline;
}



/* Responsive */
@media (max-width: 767px) {
    .logo {
        height: 110px;
    }
    
    .cabecera-joven h1 {
        font-size: 1.8em;
    }
    
    .cabecera-joven h2 {
        font-size: 1.2em;
    }
    
    .evento-imagen {
        float: none;
        display: block;
        max-width: 100%;
        max-height: none;
        width: 100%;
        height: auto;
        margin: 0 auto 15px;
    }
    
    .with-image {
        text-align: center;
    }
    
    .footer ul {
        text-align: center;
        margin-top: 15px;
    }
    
    .footer ul li {
        display: block;
        border-left: none;
        border-top: 1px solid #999;
        padding-left: 0;
        margin-left: 0;
        padding-top: 5px;
        margin-top: 5px;
    }
    
    .footer ul li:first-child {
        border-top: none;
    }
}