<a href="#">
    <div class="col-sm-4">
        <div class="box-progetto">
            <h3 class="text-center">La Situazione</h3>
            <!--<p class="text-center"><img src="/wordpress/wp-content/themes/AsperTheme/assets/img/pencil-3.jpg" class="img-thumbnail img-responsive"></p>-->
            <p class="text-center"><img src="<?php bloginfo('template_url'); ?>/assets/img/icona-situazione-big.gif" class="img-thumbnail img-responsive">
            </p>
            <p>
                La situazione in sintesi: situazione politica dell'Eritrea
            </p>
            <!--<a href="#" class="btn btn-primary btn-large btn-block upper-botton"><span class="glyphicon glyphicon-arrow-right"></span> Visita Archivio Attività</a>-->
        </div>
    </div><!-- /.col-sm-4 -->
</a>

.upper-botton:hover,
.upper-botton:focus,
.upper-botton:active,
.upper-botton.active,
.open
.dropdown-toggle.btn-primary,
.box-progetto:hover {
   color: #990000;
   background-color: #FBE7B3;
   border-color: #990000;
   border-bottom-width: 2px;
}

border-color: #990000;
border-bottom-width: 2px;

.upper-botton:hover, .upper-botton:focus, .upper-botton:active, .upper-botton.active, .open .dropdown-toggle.btn-primary, .box-progetto:hover {
    border-color: #990000;
    border-bottom-width: 2px;
}

.upper-botton:hover, .upper-botton:focus, .upper-botton:active, .upper-botton.active, .open .dropdown-toggle.btn-primary, .box-progetto:hover {
    border: 2px solid #990000;
}