.arma{
    width: 33.3%;
    float: left;
    padding:24px 15px;
    height:160px;
    position:relative;
    overflow:hidden;
}

.arma.horizontal{
    width: 100%;
    float: left;
    padding:24px 15px;
    height:340px;
    position:relative;
    overflow:hidden;
}

.elenco-armi .control span.grid, .elenco-armi  .control span.single{
    font-size:18px;
    margin-left:15px;
}

.elenco-armi .control span.grid:hover, .elenco-armi  .control span.single:hover, .control span.active{
 color:#ed1c24;
 cursor: pointer;
}

.elenco-armi .control{
    float:right;
}

.arma:hover{
    border: 1px solid rgba(180,180,180,.2);
    border-radius: 3px;
    background: rgba(180,180,180,.1);
}

.arma .arrow{
     background-image: url(/sites/all/themes/benelli/css/images/arrow.png);
     background-repeat: no-repeat;
     background-position:right center;
     width:48px;
     height:48px;
     position:absolute;
     right:25px;
     bottom:15px;
     opacity:0;

    -webkit-transition: opacity   linear .5s, right   linear .5s;
    -moz-transition: opacity   linear .5s,right   linear .5s;
    -o-transition: opacity   linear .5s, right   linear .5s;
    transition: opacity      linear .5s, right   linear .5s;
 }

.arma:hover .arrow{
    right:15px;
    bottom:15px;
    opacity:.9;
}

.arma .content{
    /*background: rgba(71,71,71,.1);*/
    background-image: url(/sites/all/themes/benelli/css/images/ombra-ed-speciale.png);
    background-repeat: no-repeat;
    background-position: center 111px;
    background-size: 60%;
    min-height: 125px;
}
.arma.horizontal .content{
    background-position: center 250px;
}

.arma img.arma_small,.arma img.arma_big{
    width:100%;
    height:auto;
    /*max-height: 130px!important;*/
}

.arma .views-field-title-field{
    text-align: right;
    margin-right:30px;

}

.arma .views-field-title-field a{
    font-size: 13px;
    color: rgb(45,45,45);
    text-transform:uppercase;

}

.clearboth{
    width:100%;
    display:block;
    clear:both;
}

h3.titolo-calibro{
    text-align: center;
    font-size:12px;
    font-weight: 100;
    position: absolute;
    padding:10px 0px 10px 0px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    left: 0px;
    right: 0px;
    background-color:#f5f5f5;
    text-transform: uppercase;
    font-weight: bold;
}

/* HACK DA RIMUOVERE */
#block-views-famiglie-elencoarmi .block__title{
    display:none;
}

.hidden{
    display:none;
}