﻿    #popmenu {display:block; text-align: center; border-right:1px #bbb dashed; padding:20px 0; margin:-60px 0 0 0; }
   
    .scheda {width:260px; height:260px; display:inline-block; position:relative; text-align: center; margin:10px;}
    .scheda .imgbox {width:240px; height:160px; filter:drop-shadow(0px 0px 4px #383838); border-radius:8px; overflow:hidden; background-color:#fff;  background-position:center top; background-repeat:no-repeat; background-size:cover; top:10px; left:10px; line-height: 0; position:absolute; -webkit-transition:  all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition:all 0.25s ease; -ms-transition:all 0.25s ease; transition:all 0.25s ease; }
    .scheda .imgbox:hover {width:246px; height:164px; filter:drop-shadow(5px 5px 8px #000); top:0; left:0;  background-size:contain; background-position:center center;}
    .scheda .text {position: absolute;  top:180px; left:0; width:260px; height:90px;  overflow:hidden;}      
    .scheda .text p {text-align:left; color:#000;  font-family:'Encode Sans Condensed', sans-serif; font-size:14px; line-height:20px; padding:10px 10px 0 10px;}
    .scheda .text p b {font-size:17px; font-family: 'Oswald', sans-serif; font-weight:400; }  
    .scheda .text p i {float:right;}
    .scheda a:hover {color:#47388A}

@media (max-width: 1366px) {
    .scheda {width:230px; height:230px; margin:8px;}
    .scheda .imgbox {width:214px; height:130px; top:8px; left:8px;}
    .scheda .imgbox:hover {width:222px; height:135px;}
    .scheda .text {top:150px; width:230px; height:70px;}      
    .scheda .text p {font-size:13px; line-height:18px; padding:8px 8px 0 8px;}
    .scheda .text p b {font-size:15px;}  
    }

@media (max-width: 760px) {

    }