.inner-div, .inner-div-static
    {
         background-size: cover;
         background-position: center;
    }

    .inner-div-hover 
    {
        transition: all 3.5s ease;
        transform: scale(1.2);     
    }

    .inner-div-static:hover
    {
        transition: all 0.5s ease;
        transform: scale(1.2);     
    }

    .child-div {
        width:100%; height:100%;background-color:black; opacity:0
    }

    .inner-div-static:hover .child-div {
        opacity:0.3
    }

    .BanTipo8  {position:relative; width:900px; height:300px; overflow:hidden; opacity:0.3;}

    .BanTipo8 #NomeCampADV { position: absolute;font-family: Verdana, Geneva, Tahoma, sans-serif;color: #fff;font-weight: bold;left: 6px;font-size: 30px;top: 14px;width: 648px;opacity: 1; }

    .BanTipo8 #RegioneADV {position: absolute;font-family: Verdana, Geneva, Tahoma, sans-serif;color: #fff;font-weight: bold;left: 10px; text-align:left; font-size: 20px;top:-50px;width: 220px;opacity: 1;margin: 0px;line-height: 20px;}

    .BanTipo8 #DescADV { position: absolute;font-family: Verdana, Geneva, Tahoma, sans-serif;color: #fff;font-weight: bold;left: 6px;font-size: 18px;top:300px;width: 332px;opacity: 1; text-align:left}

    .BanTipo8 #CallToActionADV { z-index:99; position: absolute;font-family: Verdana, Geneva, Tahoma, sans-serif;color: #fff;font-weight: bold;right: 27px;font-size: 18px;top:300px;width:130px;opacity: 1;}

    .BanTipo8 #ButtonADV { -webkit-box-shadow: -3px 3px 4px 0px rgba(0,0,0,0.75);-moz-box-shadow: -3px 3px 4px 0px rgba(0,0,0,0.75);box-shadow: -3px 3px 4px 0px rgba(0,0,0,0.75);border-radius: 5px;background-color:#f8c600; width:150px; height:40px; position:absolute; right:-130px; top:250px }



    .Tasto {
        -moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
        -webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
        box-shadow: inset 0px 1px 0px 0px #fff6af;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
        background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
        background-color: #ffec64;
        border: 1px solid #ffaa22;
        display: inline-block;
        cursor: pointer;
        font-family: PT Sans, Arial,Helvetica,sans-serif;
        color: #333333;
        font-size: 13px;
        font-weight: bold;
        padding: 5px;
        text-decoration: none;
        text-shadow: 0px 1px 0px #ffee66;
        font-size: 20px;
        margin-top: 200px;
        position: absolute;
        left: 50%;
        margin-left: -67px;
        top:50px
    
    }


    .BanTipo1 .TitoloTop {
        left:-300px;
        transition: all 0.5s ease;
    }

    .BanTipo1:hover .TitoloTop {
        -ms-transform: translate(300px,0); /* IE 9 */
        -webkit-transform: translate(300px,0); /* Safari prior 9.0 */
        transform: translate(300px,0); /* Standard syntax */
    }

    .BanTipo1 .NomeRegione {
        display:table;
    }

    .BanTipo1:hover .NomeRegione {
        display:none;
    }

    .BanTipo1 .TitoloBottom {
        bottom:-200px;
        transition: all 0.5s ease;
        position: absolute;
    }

    .BanTipo1 .TastoCallToAction {
        bottom:-300px;
        transition: all 0.5s ease;
        margin-left: -68px;
        position: absolute;
        left: 50%;
    }

    .BanTipo1:hover .TastoCallToAction, .BanTipo1:hover .TitoloBottom {
        -ms-transform: translate(0,-300px); /* IE 9 */
        -webkit-transform: translate(0,-300px); /* Safari prior 9.0 */
        transform: translate(0,-300px); /* Standard syntax */
    }

    .BanTipo1 .SfondoOver {
        display:none;
    }


    .BanTipo1:hover .SfondoOver {
        display:block;
    }

    .BanTipo2 .TastoCallToAction {
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;
    }

    .BanTipo2:hover .TastoCallToAction {
        opacity:1
    }

    .BanTipo2 .DivOmbra {
        display: none;
    }

    .BanTipo2:hover .DivOmbra {
        display: block;
    }

    .BanTipo2 .TitoloTop, .BanTipo2 .TitoloBottom {
        left:-300px;
            transition: all 1s ease;
    }

    .BanTipo2:hover .TitoloTop, .BanTipo2:hover .TitoloBottom {
        -ms-transform: translate(300px,0); /* IE 9 */
        -webkit-transform: translate(300px,0); /* Safari prior 9.0 */
        transform: translate(300px,0); /* Standard syntax */
    }

    .BanTipo2 .NomeRegione {
        display:table;
    }

    .BanTipo2:hover .NomeRegione {
        display:none;
    }


    .BanTipo2 .zoom, .BanTipo1 .zoom {
        max-width: 100%;
        transition: all 0.3s;
        display: block;
        width: 100%;
        height: auto;
        transform: scale(1);
    }

    .BanTipo2:hover .zoom, .BanTipo1:hover .zoom {
        transform: scale(1.1);
    }


    .BanTipo3 .TastoCallToAction {
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;
    }

    .BanTipo3:hover .TastoCallToAction {
        opacity:1
    }

    .BanTipo3 .DivOmbra {
        display: none;
    }

    .BanTipo3:hover .DivOmbra {
        display: block;
    }

    .BanTipo3 .TitoloTop {
        left:-600px;
        transition: all 0.5s ease;
    }

    .BanTipo3:hover .TitoloTop {
        -ms-transform: translate(600px,0); /* IE 9 */
        -webkit-transform: translate(600px,0); /* Safari prior 9.0 */
        transform: translate(600px,0); /* Standard syntax */
    }

    .BanTipo3 .TitoloBottom > div {
        transition: all 0.5s ease;
        opacity:0;
        right: -300px;
        position:relative
    }

    .BanTipo3:hover .TitoloBottom > div {
        -ms-transform: translate(-300px,0); /* IE 9 */
        -webkit-transform: translate(-300px,0); /* Safari prior 9.0 */
        transform: translate(-300px,0); /* Standard syntax */
        opacity:1;
    }


    .BanTipo3 .NomeRegione {
        display:table;
    }

    .BanTipo3:hover .NomeRegione {
        display:none;
    }


    .BanTipo3 .zoom, .BanTipo1 .zoom {
        max-width: 100%;
        transition: all 0.3s;
        display: block;
        width: 100%;
        height: auto;
        transform: scale(1);
    }

    .BanTipo3:hover .zoom, .BanTipo1:hover .zoom {
        transform: scale(1.1);
    }