﻿
@media only screen and (min-width: 768px) and (max-width: 1200px) {

    #fasciaSpot {
        width: 100%;
        min-height: 45px;
        background-color: #158aba;
        color: #FFFFFF;
        margin-top: 50px;
    }


    #div_video {
        display: none;
    }

    video#bgvid {
        display: none;
    }

    body {
        /*background: url('../video/loop-hd.jpg') no-repeat center top;
    background-size: cover;*/
        font-family: MYRIADPRO;
        font-size: 20px;
    }

    .noTabletMobile {
        display: none;
    }



    .bannerC {
        max-width: 1200px;
        margin: auto;
        position: relative;
        font-family: MYRIADPRO;
    }

    .banner1 {
        width: 100%;
        padding-bottom: 10px;
        background-image: url(../images/bannerBim.jpg);
        background-position: center;
        /*background-color: #93e3ec;*/
    }

    .banner2 {
        width: 100%;
        padding-bottom: 10px;
        background-image: url(../images/bannerMec.jpg);
        background-position: center;
    }

    .banner3 {
        width: 100%;
        padding-bottom: 10px;
        background-image: url(../images/bannerGis.jpg);
        background-position: center;
    }

    .banner4 {
        width: 100%;
        padding-bottom: 10px;
        background-image: url(../images/bannerStr.jpg);
        background-position: center;
    }

    .banner5 {
        width: 100%;
        padding-bottom: 10px;
        background-image: url(../images/bannerAtc.jpg);
        background-position: left;
    }

    .banner6 {
        width: 100%;
        padding-bottom: 10px;
        background-image: url(../images/bannerCons.jpg);
        background-position: left;
    }

    .banner7 {
        width: 100%;
        padding-bottom: 10px;
        background-image: url(../images/bannerSvi.jpg);
        background-position: left;
    }

    .banner8 {
        width: 100%;
        padding-bottom: 10px;
        background-image: url(../images/bannerStru.jpg);
        background-position: left;
    }

    .sottotitolo {
        font-size: 16px;
        font-weight: bold;
    }



    #bannerBim {
        background-image: url('../images/bannerBim.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin: auto;
        width: 558px;
        height: 300px;
    }

    #bannerMec {
        background-image: url('../images/bannerMec.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin: auto;
        width: 558px;
        height: 300px;
    }

    #bannerGis {
        background-image: url('../images/bannerGis.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin: auto;
        width: 558px;
        height: 300px;
    }

    #bannerStr {
        background-image: url('../images/bannerStr.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin: auto;
        width: 558px;
        height: 300px;
    }

    #bannerAtc {
        background-image: url('../images/bannerAtc.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin: auto;
        width: 558px;
        height: 300px;
    }

    #bannerCons {
        background-image: url('../images/bannerCons.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin: auto;
        width: 450px;
        height: 300px;
    }


    #bannerSvi {
        background-image: url('../images/bannerSvi.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin: auto;
        width: 450px;
        height: 300px;
    }

    #bannerStru {
        background-image: url('../images/bannerStru.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin: auto;
        width: 558px;
        height: 300px;
    }

    .approfondisci {
        position: absolute;
        bottom: 0px;
        right: 24%;
        color: #158aba;
        font-size: 22px;
        cursor: pointer;
    }

    .approfondisciG {
        position: absolute;
        bottom: 0px;
        right: 24%;
        color: #ee8822;
        font-size: 22px;
        cursor: pointer;
    }

    .approfondisciV {
        position: absolute;
        bottom: 0px;
        right: 24%;
        color: #0f7e05;
        font-size: 22px;
        cursor: pointer;
    }

    .approfondisciVi {
        position: absolute;
        bottom: 0px;
        right: 24%;
        color: #8e29a2;
        font-size: 22px;
        cursor: pointer;
    }

    .testoBanner {
        margin-top: 10px;
        text-align: center;
    }



    .testoBanner2 {
        text-align: center;
        color: #000000;
        margin-top: 10px;
    }

    .testoBanner3 {
        margin: auto;
        margin-top: -100px;
        width: 450px;
        height: 220px;
        z-index: 1;
        background-color: #008080;
        border: 2px dashed #FFFFFF;
        padding: 40px;
        opacity: 0.7;
    }


    .testoBanner2 a, .testoBanner2 a:hover, visited {
        text-decoration: none;
        color: #000000;
    }

    .testoBannerTestoB {
        margin-top: 10px;
        font-size: 20px;
        color: #7e8080;
    }

        .testoBannerTestoB a, .testoBannerTestoB a:hover, visited {
            text-decoration: none;
            color: #7e8080;
        }

    .testoBannerScopriB {
        float: right;
        margin-top: 10px;
        margin-right: 20px;
        font-size: 20px;
        color: #1a92c2;
    }

        .testoBannerScopriB a, .testoBannerScopriB a:hover, visited {
            text-decoration: none;
            color: #1a92c2;
        }

        .testoBannerScopriB td {
            vertical-align: top;
        }

    .testoBannerTestoBi {
        margin-top: 10px;
        font-size: 20px;
        color: #FFFFFF;
    }

        .testoBannerTestoBi a, .testoBannerTestoBi a:hover, visited {
            text-decoration: none;
            color: #FFFFFF;
        }

    .testoBannerScopriBi {
        float: right;
        margin-top: 10px;
        margin-right: 20px;
        font-size: 20px;
        color: #FFFFFF;
    }

        .testoBannerScopriBi a, .testoBannerScopriBi a:hover, visited {
            text-decoration: none;
            color: #FFFFFF;
        }

        .testoBannerScopriBi td {
            vertical-align: top;
        }


    .testoBannerScopriV {
        float: right;
        margin-top: 10px;
        margin-right: 20px;
        font-size: 20px;
        color: #0f7e05;
    }

        .testoBannerScopriV a, .testoBannerScopriV a:hover, visited {
            text-decoration: none;
            color: #0f7e05;
        }

        .testoBannerScopriV td {
            vertical-align: top;
        }



    .testoBannerScopriG {
        float: right;
        margin-top: 10px;
        margin-right: 20px;
        font-size: 20px;
        color: #f3ab01;
    }

        .testoBannerScopriG a, .testoBannerScopriG a:hover, visited {
            text-decoration: none;
            color: #f3ab01;
        }

        .testoBannerScopriG td {
            vertical-align: top;
        }

    .testoBannerScopriBS {
        float: right;
        margin-top: 10px;
        margin-right: 20px;
        font-size: 20px;
        color: #0f4665;
    }

        .testoBannerScopriBS a, .testoBannerScopriBS a:hover, visited {
            text-decoration: none;
            color: #0f4665;
        }

        .testoBannerScopriBS td {
            vertical-align: top;
        }

    #menuASmart {
        float: right;
        width: 120px;
        height: 52px;
        background-color: #158aba;
        cursor: pointer;
    }

    #menuASmartI {
        float: left;
    }

    #menuASmartT {
        float: left;
        color: #FFFFFF;
        font-weight: bold;
        padding-top: 15px;
        padding-left: 5px;
        font-size: 22px;
    }

    .centrale {
        max-width: 1000px;
        width: 100%;
        margin: auto;
        min-height: 500px;
        padding-top: 40px;
        text-align: center;
    }

    .centraleP {
        max-width: 1000px;
        width: 100%;
        margin: auto;
        min-height: 500px;
        padding-top: 40px;
    }

    .titoloSezione {
        font-size: 22px;
        color: #158aba;
        border-bottom: 3px solid #158aba;
        margin-bottom: 10px;
        width: 100%;
        clear: both;
    }

    .titoloSezioneG {
        font-size: 40px;
        color: #ee8822;
        margin-bottom: 40px;
        width: 100%;
        text-transform: uppercase;
        clear: both;
        text-align: center;
    }

    .titoloSezioneB {
        font-size: 40px;
        color: #1a92c2;
        margin-bottom: 40px;
        width: 100%;
        text-transform: uppercase;
        clear: both;
        text-align: center;
    }


    .titoloSezioneV {
        font-size: 40px;
        color: #0f7e05;
        margin-bottom: 40px;
        width: 100%;
        text-transform: uppercase;
        text-align: center;
    }

    .titoloSezioneA {
        font-size: 40px;
        color: #1fb0c8;
        margin-bottom: 40px;
        width: 100%;
        text-transform: uppercase;
        text-align: center;
    }

    .titoloSezioneVi {
        font-size: 40px;
        color: #8e29a2;
        margin-bottom: 40px;
        width: 100%;
        text-transform: uppercase;
        clear: both;
        text-align: center;
    }


    .sottotitoloSezione {
        font-size: 18px;
        color: #158aba;
        width: 100%;
        clear: both;
    }

    .contenutoSezione {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .boxSx0 {
        display: inline-block;
        width: 49%;
        margin-bottom: 30px;
    }

    .boxDx0 {
        display: inline-block;
        width: 100%;
        margin-bottom: 30px;
        position: relative;
    }

    .boxDx {
        text-align: left;
        margin: auto;
        width: 530px;
        height: 350px;
        -webkit-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.8);
        -moz-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.8);
        box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.8);
        background-color: #FFFFFF;
    }


    .boxCons1 {
        float: right;
        width: 240px;
    }

    .boxCons2 {
        float: right;
        width: 290px;
        height: 300px;
        position: relative;
    }

    .boxCons2T {
        width: 280px;
        height: 30px;
        color: #FFFFFF;
        padding-left: 10px;
        padding-top: 5px;
        text-transform: uppercase;
    }

    .boxCons2C {
        color: #808080;
        width: 260px;
        padding-left: 15px;
        padding-top: 15px;
    }

    .titoloBox {
        font-size: 22px;
        color: #158aba;
    }

    .titoloBoxG {
        font-size: 22px;
        color: #ee8822;
    }

    .titoloBoxV {
        font-size: 22px;
        color: #0f7e05;
    }


    .boxContenuto {
        position: absolute;
        top: 10px;
        left: 38%;
        width: 56%;
    }


    .boxContenutoH {
        position: absolute;
        top: 5px;
        left: 5px;
        width: 324px;
    }

    .boxContenutoB {
        color: #158aba;
        font-size: 25px;
    }

    .boxContenutoG {
        color: #ee8822;
        font-size: 25px;
    }

    .boxContenutoV {
        color: #0f7e05;
        font-size: 25px;
    }

    .immMob2 {
        width: 33%;
    }


    .boxInline {
        display: inline-block;
        width: 46%;
        height: 200px;
        border-bottom: 2px solid #CCCCCC;
        position: relative;
        margin-bottom: 25px;
        margin-right: 25px;
    }

    .boxInlineProd {
        display: inline-block;
        margin-left: 7%;
        width: 371px;
        height: 320px;
        background-color: #FFFFFF;
        position: relative;
        margin-bottom: 25px;
        margin-right: 20px;
    }

    .boxInlineCom {
        display: inline-block;
        margin-left: 7%;
        width: 371px;
        height: 190px;
        background-color: #FFFFFF;
        position: relative;
        margin-bottom: 25px;
        margin-right: 20px;
    }

    .boxProdDescr {
        position: absolute;
        top: 150px;
        left: 15px;
        width: 341px;
    }

    .boxProdBott {
        position: absolute;
        bottom: 10px;
        left: 15px;
        width: 341px;
        height: 26px;
        background-color: #ee8822;
        color: #ffffff;
        text-align: center;
        padding-top: 5px;
    }

        .boxProdBott a, .boxProdBott a:hover, visited {
            text-decoration: none;
            color: #ffffff;
        }

    .boxProdBott2 {
        position: absolute;
        bottom: 60px;
        left: 15px;
        width: 341px;
        height: 26px;
        background-color: #ee8822;
        color: #ffffff;
        text-align: center;
        padding-top: 5px;
        cursor: pointer;
    }

    .boxProdBott a, .boxProdBott a:hover, visited {
        text-decoration: none;
        color: #ffffff;
    }

    .boxProdBottB {
        position: absolute;
        bottom: 10px;
        left: 15px;
        width: 341px;
        height: 26px;
        background-color: #158aba;
        color: #ffffff;
        text-align: center;
        padding-top: 5px;
    }

        .boxProdBottB a, .boxProdBottB a:hover, visited {
            text-decoration: none;
            color: #ffffff;
        }

    .boxProdBott2B {
        position: absolute;
        bottom: 60px;
        left: 15px;
        width: 341px;
        height: 26px;
        background-color: #158aba;
        color: #ffffff;
        text-align: center;
        padding-top: 5px;
        cursor: pointer;
    }

        .boxProdBott2B a, .boxProdBot2tB a:hover, visited {
            text-decoration: none;
            color: #ffffff;
        }

    .boxProdBottV {
        position: absolute;
        bottom: 10px;
        left: 15px;
        width: 341px;
        height: 26px;
        background-color: #0f7e05;
        color: #ffffff;
        text-align: center;
        padding-top: 5px;
    }

        .boxProdBottV a, .boxProdBottV a:hover, visited {
            text-decoration: none;
            color: #ffffff;
        }

    .boxProdBottVi {
        position: absolute;
        bottom: 10px;
        left: 15px;
        width: 341px;
        height: 26px;
        background-color: #0f7e05;
        color: #ffffff;
        text-align: center;
        padding-top: 5px;
    }

        .boxProdBottVi a, .boxProdBottVi a:hover, visited {
            text-decoration: none;
            color: #ffffff;
        }

    .boxProdBott2Vi {
        position: absolute;
        bottom: 60px;
        left: 15px;
        width: 341px;
        height: 26px;
        background-color: #0f7e05;
        color: #ffffff;
        text-align: center;
        padding-top: 5px;
        cursor: pointer;
    }

        .boxProdBott2Vi a, .boxProdBott2Vi a:hover, visited {
            text-decoration: none;
            color: #ffffff;
        }


    .boxProdBottGr {
        position: absolute;
        bottom: 10px;
        left: 15px;
        width: 341px;
        height: 26px;
        background-color: #cccccc;
        color: #000000;
        text-align: center;
        padding-top: 5px;
    }

    .introMec {
        width: 100%;
        margin-top: 52px;
    }

    .introBim {
        width: 100%;
        margin-top: 52px;
    }

    .introGis {
        width: 100%;
        margin-top: 52px;
    }

    .introSvi {
        width: 100%;
        margin-top: 52px;
    }

    .introStr {
        width: 100%;
        margin-top: 52px;
    }

    .introStru {
        width: 100%;
        margin-top: 52px;
    }

    .centraleMec {
        width: 100%;
        margin: auto;
    }

    .introMec2 {
        padding-top: 10px;
        width: 94%;
        margin: auto;
        padding-bottom: 20px;
    }

    /*.strisciaMec {
    width: 100%;
    height: 1000px;
    background-image: url(../images/bannerMec.jpg);
    background-position: center;
    background-size: cover;
  }

  .strisciaBim {
    width: 100%;
    height: 1000px;
    background-image: url(../images/strisciaBim.jpg);
    background-position: center;
    background-size: cover;
  }

  .strisciaGis {
    width: 100%;
    height: 1000px;
    background-color: #0f7e05;
    background-image: url(../images/strisciaGis.png);
    background-position: center;
    background-size: cover;
  }

  .strisciaSvi {
    width: 100%;
    height: 1000px;
    background-color: #17a3c1;
    background-image: url(../images/strisciaSvi.png);
    background-position: center;
    background-size: cover;
  }*/

    .barraG {
        height: 70px;
        /*background-color: #ee8822;*/
        background-image: url('../images/barraGpiu.png');
        font-size: 35px;
        padding-top: 30px;
        padding-left: 100px;
        color: #FFFFFF;
        cursor: pointer;
    }

    .barraG1 {
        height: 70px;
        background-image: url('../images/barraG1.png');
        background-position-x: -20px;
        background-size: cover;
        font-size: 35px;
        padding-top: 30px;
        padding-left: 150px;
        color: #FFFFFF;
    }

    .barraB {
        height: 70px;
        /*background-color: #ee8822;*/
        background-image: url('../images/barraBpiu.png');
        font-size: 35px;
        padding-top: 30px;
        padding-left: 100px;
        color: #FFFFFF;
        cursor: pointer;
    }

    .barraB1 {
        height: 70px;
        background-image: url('../images/barraB1.png');
        background-position-x: -20px;
        background-size: cover;
        font-size: 35px;
        padding-top: 30px;
        padding-left: 150px;
        color: #FFFFFF;
    }

    .barraB2 {
        height: 70px;
        background-image: url('../images/barraB2.png');
        background-position-x: -20px;
        background-size: cover;
        font-size: 35px;
        padding-top: 30px;
        padding-left: 150px;
        color: #FFFFFF;
    }

    .barraV {
        height: 70px;
        /*background-color: #ee8822;*/
        background-image: url('../images/barraVpiu.png');
        font-size: 35px;
        padding-top: 30px;
        padding-left: 100px;
        color: #FFFFFF;
        cursor: pointer;
    }

    .barraV1 {
        height: 70px;
        background-image: url('../images/barraV1.png');
        background-position-x: -20px;
        background-size: cover;
        font-size: 35px;
        padding-top: 30px;
        padding-left: 150px;
        color: #FFFFFF;
    }

    .barraA {
        height: 70px;
        /*background-color: #ee8822;*/
        background-image: url('../images/barraApiu.png');
        font-size: 35px;
        padding-top: 30px;
        padding-left: 100px;
        color: #FFFFFF;
        cursor: pointer;
    }

    .barraA1 {
        height: 70px;
        background-image: url('../images/barraA1.png');
        background-position-x: -20px;
        background-size: cover;
        font-size: 35px;
        padding-top: 30px;
        padding-left: 150px;
        color: #FFFFFF;
    }

    .barraVi {
        height: 70px;
        /*background-color: #ee8822;*/
        background-image: url('../images/barraVipiu.png');
        font-size: 35px;
        padding-top: 30px;
        padding-left: 100px;
        color: #FFFFFF;
        cursor: pointer;
    }

    .barraVi1 {
        height: 70px;
        background-image: url('../images/barraVi1.png');
        background-position-x: -20px;
        background-size: cover;
        font-size: 35px;
        padding-top: 30px;
        padding-left: 150px;
        color: #FFFFFF;
    }

    .contBianco {
        background-color: #FFFFFF;
        width: 100%;
        margin-bottom: 50px;
    }


    .contTrasp {
        width: 100%;
        margin-bottom: 50px;
    }

    .contBiancoC {
        padding: 20px 20px 20px 0px;
        width: 97%;
        display: none;
    }

    .contBiancoC1 {
        padding: 20px 0px 20px 0px;
        width: 100%;
    }

    .contBiancoC2 {
        padding: 20px;
        width: 95%;
        display: none;
    }


    .notizie {
        width: 98%;
    }

        .notizie a, .notizie a:hover, visited {
            color: #808080;
            text-decoration: none;
        }

    .notizia {
        width: 98%;
        border-bottom: 2px solid #CCCCCC;
        height: 100px;
    }

    .notiziaData {
        width: 10%;
        float: left;
        border-right: 2px solid #CCCCCC;
        height: 90px;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        padding-top: 10px;
    }

    .notiziaContenuto {
        width: 86%;
        float: left;
        height: 88px;
        padding-top: 12px;
        padding-left: 20px;
    }

    .notiziaContenutoT {
        font-size: 26px;
        font-weight: bold;
    }

    .appr0 {
        width: 90%;
        margin: auto;
        text-align: center;
    }

    .appr1 {
        width: 90%;
        margin: auto;
        text-align: center;
    }

    .noCentr {
        text-align: left;
    }

    .appr2 {
        width: 90%;
        margin: auto;
        margin-top: 10px;
        padding-top: 10px;
    }


    .appr3 {
        display: none;
    }

    .apprT {
        padding-bottom: 20px;
        border-bottom: 2px solid #e4e4e4;
        margin-bottom: 20px;
    }

    .tagB1 {
        border: 1px solid #158aba;
        background-color: #e4f9fa;
        min-height: 100px;
        position: relative;
        padding: 10px;
    }

    .tagB2 {
    }

    #map_canvas {
        display: none;
    }

    .mappa {
        width: 100%;
    }

    .sovraMappa {
        display: none;
        /*width: 100%;
    z-index: 3;
    background-color: #8e8e8e;
    text-align: center;
    opacity: 0.9;
    padding-top: 20px;
    font-size: 18pt;
    color: #FFFFFF;*/
    }



    .overlay {
        background: #000;
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        z-index: 100;
        cursor: pointer;
        /*Trasperenza cross browser*/
        opacity: .85;
        filter: alpha(opacity=85);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    }


    #boxInfo {
        width: 700px;
        margin: auto;
        background-color: #FFF;
        z-index: +300;
        position: absolute;
        margin-top: 0px;
        left: 50%;
        margin-left: -350px;
        display: none;
    }

    #boxLogin {
        width: 500px;
        background-color: #FFF;
        z-index: +300;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-top: -305px;
        margin-left: -250px;
    }

    .boxInfoT {
        width: 680px;
        height: 55px;
        margin: 10px;
        background-color: #158aba;
        font-size: 35px;
        padding-top: 15px;
        color: #FFFFFF;
        text-align: center;
        position: relative;
    }

    .boxLoginT {
        width: 480px;
        height: 55px;
        margin: 10px;
        background-color: #158aba;
        font-size: 35px;
        padding-top: 15px;
        color: #FFFFFF;
        text-align: center;
        position: relative;
    }

    #boxInfoChiudi {
        position: absolute;
        margin-top: -26px;
        right: -26px;
        z-index: +301;
        cursor: pointer;
        width: 72px;
        height: 72px;
        background-image: url('../images/chiudiInfo.png');
    }

    #boxLoginChiudi {
        position: fixed;
        left: 50%;
        top: 50%;
        margin-top: -331px;
        margin-left: 204px;
        z-index: +301;
        cursor: pointer;
        width: 72px;
        height: 72px;
        background-image: url('../images/chiudiInfo.png');
    }

    .boxInfoC {
        margin: 10px;
        width: 680px;
        padding-top: 20px;
    }

    .boxLoginC {
        margin: 10px;
        width: 480px;
        padding-top: 20px;
        text-align: center;
    }

    .boxInfoCs {
        width: 47%;
        float: left;
        line-height: 12px;
        margin-left: 10px;
    }

    .boxInfo2 {
        clear: both;
        width: 100%;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 5px;
        line-height: 15px;
    }


    .txBoxInfo {
        width: 80%;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #158aba;
        background-color: #FFFFFF;
        padding-left: 10px;
        height: 30px;
    }

    .txBoxInfo2 {
        width: 84%;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #158aba;
        background-color: #FFFFFF;
        padding-left: 10px;
        height: 30px;
    }

    .txBoxInfoE {
        width: 80%;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid red;
        background-color: #FFFFFF;
        padding-left: 10px;
        height: 30px;
    }

    .txBoxInfoM {
        width: 100%;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #158aba;
        background-color: #FFFFFF;
        padding-left: 10px;
        padding-top: 5px;
        height: 390px;
        font-family: MYRIADPRO;
        font-size: 15px;
    }

    .txBoxInfoME {
        width: 100%;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid red;
        background-color: #FFFFFF;
        padding-left: 10px;
        padding-top: 5px;
        height: 390px;
        font-family: MYRIADPRO;
        font-size: 15px;
    }

    .anteprimaVideo {
        width: 80%;
        height: 26vw;
        margin: auto;
        background-image: url(../images/anteprimawc.png);
        background-size: cover;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
        padding-top: 12vw;
    }

    .soloMobile {
        display: none;
    }
}
