/* CSS Document */ 
/* MENU ARTICOLI */
.menu-articoli > ul { list-style: none; margin-bottom: 5px; padding: 0; }
.menu-articoli > li { margin-bottom: 20px; padding-bottom: 10px; }
.menu-articoli > ul li a { display: inline-block; height: 100%; width: 100%; }
.menu-articoli > ul li a:hover, .menu-articoli > ul li.active a { color: #cccccc; }
.menu-articoli .data { display: inline-block; padding: 2px 5px 0 5px;  }
.menu-articoli .data .gg { }
.menu-articoli .data .mm { }
.menu-articoli .data .aaaa { }
.menu-articoli .img { position: relative; width: 100%; min-height: 60px; margin-right: 0px; margin-bottom: 10px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.menu-articoli .img { background-size: 100%; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear }
.menu-articoli .img:hover { background-size: 100%; -webkit-transition: background-size 0.5s ease; -moz-transition: background-size 0.5s ease; -ms-transition: background-size 0.5s ease; -o-transition: background-size 0.5s ease; transition: background-size 0.5s ease; }
.menu-articoli > ul li a:hover .img >.rollover { visibility: visible; opacity: 1; transition-delay: 0s; }
.menu-articoli > ul li a .img >.rollover { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 15px 15px; background-color: rgba(70,74,76,0.4); color: #fff; text-align: center; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s linear; }
.menu-articoli > ul li a>.img >.rollover .newsboxBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.menu-articoli > ul li a>.img >.rollover .newsboxBtn span { display: inline; text-align: center; padding: 14px 16px; /*background-color: rgba(70,74,76,0.4); */ }


/* RESPONSIVE */