/*= NOTA -mask-contenitore testi- così funziona su tutte le icone 150x150px */
/*= NOTA link-cd riguarda il testo con il link hover su icona cd della pagina discografia */
/*= NOTA slide-link e mask2 riguardano i banner per accedere agli slideshow */
/*= FORMATTAZIONE */

.cd-ico {width:150px; height: 150px; position:relative; left:0px; top:0px; overflow: hidden; text-align: center;
    cursor: default; z-index: 1}

.slide-link {width:980px; height: 100px; position:relative; left:0px; top:0px; margin-top:20px; overflow: hidden; text-align: center;
    cursor: default; z-index: 1; border: solid 1px; border-color: white}

.mask {width:150px; height:150px; position: absolute; left:0px; top:0px; overflow: hidden; display: block; z-index: 2}

.cd-ico img {
    float: left;
    border: none;
}
.slide-link img {
    float: left;
    border: none;
}
.cd-ico h3.link-cd {
   display: inline-block;
   text-decoration: none;
   padding: 45px 10px;
   background: none;
   color: #fff;
}
.cd-ico h3 {
    font-family: Raleway;
    font-weight:400;
    text-transform:none;
    font-size: 14px;
}

.mask2 {
    width:980px; height:100px;
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0px;
    z-index: 2
}
.mask2 p {
    font-family: Raleway;
    font-weight:300;
    position: relative;
    text-transform:none;
    top: 10px;
    text-align: center;
    font-size: 26px;
    color: white
}

/*= EFFETTI ANIMATI */
.cd-ico img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.cd-ico:hover img {
   -webkit-transform: scale(1.02,1.02);
   -moz-transform: scale(1.02,1.02);
   -o-transform: scale(1.02,1.02);
   -ms-transform: scale(1.02,1.02);
   transform: scale(1.02,1.02);
}
.cd-ico .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgb(224,89,179);
   background-color: rgba(224,89,179, 0.8);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.cd-ico:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.mask2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgb(224,89,179);
   background-color: rgba(224,89,179, 0.8);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.mask2:hover {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}