/* CSS Document */



/* CAT */

.fascia-cat { position: relative; min-height: 120px; background-color: #ccc; }
.fascia-cat .fondo { position: absolute; top: 0; left: 0; width: 100%; min-height: 120px; background-position: center right; background-repeat: no-repeat; }
.fascia-cat .icona { margin-top: 30px; width: 60px; height: 60px; }
.fascia-cat .nome { margin-top: 47px; font-size: 16px; font-weight: 700; line-height: 130%; margin-right: 10px; }
/* DESC */

.fascia-cat-desc { position: relative; min-height: 80px; background-color: #f4f4f4; }
.fascia-cat-desc .testo { position: relative; overflow: hidden; font-size: 12px; margin: 20px 0; line-height: 150%; color: #666666; }
#btn-leggitutto { margin-top: -20px; }
#btn-leggitutto a { color: #333; }
/* SUB CAT */

.fascia-subcat { position: relative; min-height: 80px; margin: 20px 0; }
.fascia-subcat a { display: list-item; list-style: none; float: left; color: #B3B3B3; font-size: 14px; font-weight: 700; margin: 10px 30px 10px 0; }
.fascia-subcat a:before { content: ''; background-color: #333; display: inline-block; position: relative; height: 8px; width: 8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin-right: 4px; top: 0 px; list-style-position: outside; margin-left: -1em; }
.fascia-subcat a.selected { color: #333; font-weight: 700; }
.quick-menu-icon { display: inline-block; margin-top: -2px; margin-right: 20px; }
.quick-menu-icon a { margin: 0; padding: 0; margin-right: 5px; width: 23px; height: 53px; }
.quick-menu-icon a:hover > img { margin-top: 5px; }
.quick-path { margin-top: 5px; margin-bottom: 5px; text-transform: lowercase; font-size: 11px; }
.quick-path-prodotti { display: inline-block; margin-top: 0px; margin-bottom: 15px; text-transform: lowercase; font-size: 16px; padding: 10px 10px; background-color: #666; color: #fff; }
/* FASCIA PRODOTTI */

.fascia-prodotti { margin: 0px 0; }
.record-prodotto { position: relative; width: 100%; display: inline-block; min-height: 100px; }
.record-prodotto:hover > a .immagine {  width: 100px; height: 100px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; top: 12px; left: -2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.record-prodotto a { color:#333; text-decoration:none;}
.record-prodotto a:hover { }
.record-prodotto .immagine { position: absolute; top: 20px; left: 5px; width: 80px; height: 80px; border: 2px solid #999999; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; /*background-position: center center;*/ background-size: 100%; background-repeat:no-repeat; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.record-prodotto .nome { margin-top: 46px; margin-left: 115px; font-size: 16px; line-height: 21px; /*color: #333;*/ text-align: left; }
.record-prodotto .btn-scheda { margin-top: 7px; margin-left: 85px; font-size: 11px; color: #333; text-align: left; height: 20px; line-height: 20px; }
.record-prodotto .btn-scheda i { color: #f00; font-size: 14px; margin-left: 10px; height: 20px; line-height: 20px; }

/* RESPONSIVE MOBILE UNDER 300PX WIDTH*/
@media screen and (max-width: 800px) {
.fascia-cat .nome { background-color: #fff; padding: 10px 20px; font-size: 95%; margin-top: 34px; margin-bottom: 10px; }
.fascia-cat { background-size: cover; }
.fascia-cat .fondo { background-position: center left; }
}