﻿body {
    margin: 0;
    font-family: MYRIADPRO;
    color: #808080;
    font-size: 18px;
}

@font-face {
    font-family: 'Autodesk-Icon-Font';
    src: url('fonts/Autodesk-Icon-Font.eot');
    src: url('fonts/Autodesk-Icon-Font.eot?#iefix') format('embedded-opentype'), url('fonts/Autodesk-Icon-Font.svg#Autodesk-Icon-Font') format('svg'), url('fonts/Autodesk-Icon-Font.woff') format('woff'), url('fonts/Autodesk-Icon-Font.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MYRIADPRO';
    src: url('fonts/MYRIADPRO.eot');
    src: url('fonts/MYRIADPRO.eot?#iefix') format('embedded-opentype'), url('fonts/MYRIADPRO.woff') format('woff'), url('fonts/MYRIADPRO.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



img {
    border: 0;
}

a, a:hover, visited {
    text-decoration: none;
    color: #158aba;
    /*font-weight: bold;*/
}

#fasciaSpot2 {
    margin: auto;
    max-width: 1200px;
    width: 100%;
    padding: 10px;
    font-size: 18px;
    font-style: italic;
}

    #fasciaSpot2 a, #fasciaSpot2 a:hover, visited {
        text-decoration: none;
        color: #ffffff;
    }

#menuAlto {
    position: fixed;
    font-size: 12pt;
    top: 0;
    width: 100%;
    height: 52px;
    /*background-color: #f5f5f5;*/
    background-image: url(../images/menualto.jpg);
    background-position: center;
    z-index: 5;
    border-bottom: 1px solid #e3e2df;
}

#menuAltoC {
    margin: auto;
    max-width: 1200px;
}



#menuALogo {
    float: left;
}

.menu {
    top: 0;
    width: 500px;
    height: 100%;
    position: fixed;
    right: -510px;
    background-color: #FFFFFF;
    z-index: 300;
    border-left: 10px solid #158aba;
    display: none;
    overflow-y: scroll;
}

.menuI {
    width: 450px;
    margin: auto;
    margin-top: 10px;
    position: relative;
}

.closeButton {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.menuCella {
    width: 450px;
    min-height: 60px;
    border-bottom: 3px solid #eee;
    position: relative;
}

.menuCellaC {
    padding: 10px;
    width: 420px;
    font-size: 30px;
    color: #158aba;
}

.espandi {
    width: 100%;
    height: 28px;
    background-image: url('../images/espandi.jpg');
    background-position-y: center;
    background-position-x: right;
    background-repeat: no-repeat;
    position: absolute;
    top: 17px;
    right: 0;
    cursor: pointer;
}

.comprimi {
    width: 100%;
    height: 28px;
    background-image: url('../images/comprimi.jpg');
    background-position-y: center;
    background-position-x: right;
    background-repeat: no-repeat;
    position: absolute;
    top: 17px;
    right: 0;
    display: none;
    cursor: pointer;
}

.menuCellaN {
    display: none;
    color: #808080;
    font-size: 20px;
}

    .menuCellaN ul li {
        padding-bottom: 10px;
    }


    .menuCellaN a, .menuCellaN a:hover, visited {
        text-decoration: none;
        color: #808080;
    }

#div_video {
    position: relative;
    margin-top: 53px;
    max-width: 100%;
    height: 400px;
    background-color: #000000;
    background-size: cover;
    overflow: hidden;
}

#div_video2 {
    position: relative;
    margin-top: 53px;
    max-width: 100%;
    height: 400px;
    background-color: #FFFFFF;
    background-size: cover;
    overflow: hidden;
}

#div_video_centrato {
    width: 100%;
    position: absolute;
}

#div_video_testo {
    position: absolute;
    top: 100px;
    left: 100px;
    color: #FFFFFF;
    font-size: 30pt;
    z-index: 4;
}

#rete {
    position: absolute;
    width: 100%;
    height: 600px;
    top: 0;
    left: 0;
    background-image: url('../images/overlay-video-light.png');
    z-index: 3;
}

video#bgvid {
    min-width: 100%;
    z-index: -100;
    background-color: #000000;
    background-size: cover;
    z-index: 0;
    margin-top: -100px;
}

video#bgvid2 {
    min-width: 100%;
    height: 400px;
    z-index: -100;
    background-color: #FFFFFF;
    background-size: cover;
    z-index: 0;
}

video {
    display: block;
}

.sfondoMec {
    width: 100%;
    min-height: 600px;
    background-image: url(../images/sfondoMec.jpg);
    background-position-x: center;
    background-position-y: top;
}

.sfondoBim {
    width: 100%;
    min-height: 600px;
    background-image: url(../images/sfondoBim.jpg);
    background-position-x: center;
    background-position-y: top;
}

.sfondoGis {
    width: 100%;
    min-height: 600px;
    background-image: url(../images/sfondoGis.jpg);
    background-position-x: center;
    background-position-y: top;
}

.sfondoSvi {
    width: 100%;
    min-height: 600px;
    background-image: url(../images/sfondoSvi.jpg);
    background-position-x: center;
    background-position-y: top;
}

.sfondoCons {
    width: 100%;
    min-height: 600px;
    background-color: #e5e5e5;
}

.bottoneBlu {
    width: 200px;
    border: none;
    background-color: #158aba;
    color: #FFFFFF;
    height: 30px;
    cursor: pointer;
    font-family: MYRIADPRO;
    font-size: 18px;
}

.bottoneBlup {
    width: 200px;
    border: none;
    background-color: #158aba;
    color: #FFFFFF;
    height: 28px;
    cursor: pointer;
    font-family: MYRIADPRO;
    font-size: 18px;
    text-align: center;
    padding-top: 2px;
}

.bottoneGiallo {
    width: 200px;
    border: none;
    background-color: #ef8823;
    color: #FFFFFF;
    height: 30px;
    cursor: pointer;
    font-family: MYRIADPRO;
    font-size: 18px;
}

.bottoneGiallop {
    width: 200px;
    border: none;
    background-color: #ef8823;
    color: #FFFFFF;
    height: 28px;
    cursor: pointer;
    font-family: MYRIADPRO;
    font-size: 18px;
    text-align: center;
    padding-top: 2px;
}

.bottoneGiallop1 {
    margin: auto;
    margin-top: 20%;
    font-weight: normal;
    width: 200px;
    border: none;
    background-color: #ef8823;
    color: #FFFFFF;
    height: 28px;
    cursor: pointer;
    font-family: MYRIADPRO;
    font-size: 18px;
    text-align: center;
    padding-top: 2px;
}

.bottoneVerde {
    width: 200px;
    border: none;
    background-color: #0f7e05;
    color: #FFFFFF;
    height: 30px;
    cursor: pointer;
    font-family: MYRIADPRO;
    font-size: 18px;
}

.bottoneVerdep {
    width: 200px;
    border: none;
    background-color: #0f7e05;
    color: #FFFFFF;
    height: 28px;
    cursor: pointer;
    font-family: MYRIADPRO;
    font-size: 18px;
    text-align: center;
    padding-top: 2px;
}

.bottoneViola {
    width: 200px;
    border: none;
    background-color: #8e29a2;
    color: #FFFFFF;
    height: 30px;
    cursor: pointer;
    font-family: MYRIADPRO;
    font-size: 18px;
}

.bottoneViolap {
    width: 200px;
    border: none;
    background-color: #8e29a2;
    color: #FFFFFF;
    height: 28px;
    cursor: pointer;
    font-family: MYRIADPRO;
    font-size: 18px;
    text-align: center;
    padding-top: 2px;
}

.tagTB {
    color: #158aba;
    font-size: 22px;
    font-weight: bold;
}

.tagT {
    padding: 10px;
    font-size: 18px;
    color: #158aba;
}

    .tagT a, .tagT a:hover, visited {
        color: #158aba;
        text-decoration: none;
    }

.tagBo {
    border: 1px solid #158aba;
    background-color: #FFFFFF;
    padding: 4px;
    margin: 3px;
    float: left;
}

.testoBannerTitoloB {
    font-size: 35px;
    color: #1a92c2;
}

    .testoBannerTitoloB a, .testoBannerTitoloB a:hover, visited {
        text-decoration: none;
        color: #1a92c2;
    }


.testoBannerTitoloBi {
    font-size: 35px;
    color: #FFFFFF;
}

.testoBannerTitoloBi2 {
    font-size: 35px;
    color: #FFFFFF;
}

.testoBannerTitoloBi a, .testoBannerTitoloB a:hover, visited {
    text-decoration: none;
    color: #FFFFFF;
}

.testoBannerTitoloBi2 a, .testoBannerTitoloB a:hover, visited {
    text-decoration: none;
    color: #FFFFFF;
}

.testoBannerTitoloV {
    font-size: 35px;
    color: #0f7e05;
}

    .testoBannerTitoloV a, .testoBannerTitoloV a:hover, visited {
        text-decoration: none;
        color: #0f7e05;
    }

.testoBannerTitoloVi {
    font-size: 35px;
    color: #8e29a2;
}

    .testoBannerTitoloVi a, .testoBannerTitoloVi a:hover, visited {
        text-decoration: none;
        color: #8e29a2;
    }

.testoBannerTitoloG {
    font-size: 35px;
    color: #f3ab01;
}

    .testoBannerTitoloG a, .testoBannerTitoloG a:hover, visited {
        text-decoration: none;
        color: #f3ab01;
    }

.testoBannerTitoloBS {
    font-size: 35px;
    color: #0f4665;
}

    .testoBannerTitoloBS a, .testoBannerTitoloBS a:hover, visited {
        text-decoration: none;
        color: #0f4665;
    }


.boxSx {
    text-align: left;
    margin: auto;
    width: 340px;
    height: 390px;
    -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;
}



.boxInterno {
    width: 310px;
    height: 190px;
    margin-left: 15px;
    margin-top: 0px;
    position: relative;
    color: #808080;
}

.boxInterno2 {
    width: 310px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

.shadowBox {
		-webkit-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.6);
  -moz-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.6);
  box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.6);
  background-color: #FFFFFF;
}

.boxSx a, .boxSx a:hover, visited {
    text-decoration: none;
}

.boxDx a, .boxDx a:hover, visited {
    text-decoration: none;
}

.boxFull a, .boxGull a:hover, visited {
    text-decoration: none;
}

.boxFull {
    text-align: left;
    margin: auto;
    width: 100%;
    -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;
				display:none;
}
.contBiancoF {
    background-color: #FFFFFF;
    width: 100%;
    margin-bottom: 50px;
}

.contBiancoFC {
    padding: 20px 0px 20px 20px;
    display: none;
}
.boxCons2FC {
  color: #808080;
  width: 100%;
  padding-left: 15px;
		padding-right: 15px;
  padding-top: 15px;
}

.barraBF {
    width: 1100px;
    height: 70px;
    /*background-color: #ee8822;*/
    background-image: url('../images/barraBpiu.png');
    font-size: 35px;
    padding-top: 30px;
    padding-left: 100px;
    color: #FFFFFF;
    cursor: pointer;
}


.boxInterno a, .boxInterno a:hover, visited {
    color: #808080;
    text-decoration: none;
}

.approfondisci {
    position: absolute;
    bottom: 0px;
    right: 35px;
    color: #158aba;
    font-size: 22px;
    cursor: pointer;
}

    .approfondisci td {
        vertical-align: top;
    }

.approfondisciG {
    position: absolute;
    bottom: 0px;
    right: 35px;
    color: #ee8822;
    font-size: 22px;
    cursor: pointer;
}

    .approfondisciG td {
        vertical-align: top;
    }

.approfondisciV {
    position: absolute;
    bottom: 0px;
    right: 35px;
    color: #0f7e05;
    font-size: 22px;
    cursor: pointer;
}

    .approfondisciV td {
        vertical-align: top;
    }

.approfondisciVi {
    position: absolute;
    bottom: 0px;
    right: 35px;
    color: #8e29a2;
    font-size: 22px;
    cursor: pointer;
}

    .approfondisciVi td {
        vertical-align: top;
    }

#bannerCons2 {
    margin-top: 53px;
    width: 100%;
    height: 400px;
    background-image: url(../images/bannerCons2.jpg);
    background-position: center;
}

#bannerAtc2 {
    margin-top: 53px;
    width: 100%;
    height: 400px;
    background-image: url(../images/bannerAtc2.jpg);
    background-position: center;
}

.boxSottotitolo {
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
    margin-top: 10px;
}

.boxSottotitoloF {
    font-size: 16px;
    font-style: italic;
    line-height: 18px;
    margin-top: 16px;
				margin-right: 32px;
}

#footer {
    width: 100%;
    min-height: 130px;
    background-color: #000000;
    border-top: 1px solid #e3e2df;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    /*background-image: url(../images/footer.jpg);
    background-position: center;*/
}

.txRisTit {
    width: 96%;
    height: 50px;
    background-color: #bafefa;
}

.txRisTes {
    width: 96%;
    height: 160px;
    background-color: #bafefa;
}

.txRisPic {
    width: 96%;
    background-color: #bafefa;
    text-align: center;
}

.boxComandi {
    width: 530px;
    margin: auto;
    clear: both;
    background-color: #FFFFFF;
    margin-top: 20px;
}

.boxComandiS {
    width: 290px;
}

.boxComandi1 {
    width: 240px;
    float: left;
}

.boxComandi2 {
    width: 70px;
    float: left;
    text-align: center;
}

.boxComandi2a {
    width: 70px;
    float: left;
    text-align: left;
    padding-top: 20px;
}

.boxComandi3 {
    width: 220px;
    float: left;
    text-align: center;
    padding-top: 20px;
}

.boxComandi3a {
    width: 187px;
    float: left;
    text-align: center;
    padding-top: 20px;
}


.boxComandi4 {
    clear: both;
    width: 100%;
}

.bottoneRiservata {
    background-color: #1a92c2;
    width: 80px;
    border: none;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
}

@media only screen and (min-width: 1200px) {
    #fasciaSpot {
        width: 100%;
        min-height: 45px;
        background-color: #158aba;
        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: 800px;
        background-color: #FFF;
        display: none;
        z-index: +300;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-top: -305px;
        margin-left: -400px;
        /*-moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;*/
    }

    #boxLogin {
        width: 500px;
        background-color: #FFF;
        z-index: +300;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-top: -305px;
        margin-left: -250px;
    }

    .boxInfoT {
        width: 780px;
        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: fixed;
        left: 50%;
        top: 50%;
        margin-top: -331px;
        margin-left: 354px;
        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: 780px;
        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;
    }



    .bannerC {
        max-width: 1200px;
        margin: auto;
        position: relative;
        font-family: MYRIADPRO;
    }

    .banner1 {
        width: 100%;
        height: 400px;
        background-image: url(../images/bannerBim.jpg);
        background-position: center;
        /*background-color: #93e3ec;*/
    }

    .banner2 {
        width: 100%;
        height: 400px;
        background-image: url(../images/bannerMec.jpg);
        background-position: center;
    }

    .banner3 {
        width: 100%;
        height: 400px;
        background-image: url(../images/bannerGis.jpg);
        background-position: center;
    }

    .banner4 {
        width: 100%;
        height: 400px;
        background-image: url(../images/bannerStr.jpg);
        background-position: center;
    }

    .banner5 {
        width: 100%;
        height: 400px;
        background-image: url(../images/bannerAtc.jpg);
        background-position: center;
    }

    .banner6 {
        width: 100%;
        height: 400px;
        background-image: url(../images/bannerCons.jpg);
        background-position: center;
    }

    .banner7 {
        width: 100%;
        height: 400px;
        background-image: url(../images/bannerSvi.jpg);
        background-position: center;
    }

    .banner8 {
        width: 100%;
        height: 400px;
        background-image: url(../images/bannerStru.jpg);
        background-position: center;
    }

   .banner9 {
      width: 100%;
      height: 400px;
      background-image: url(../images/bannerTri.jpg);
      background-position: center;
    }

  .banner10 {
    width: 100%;
    height: 400px;
    background-image: url(../images/bannerCer.jpg);
    background-position: center;
   }

    .sottotitolo {
        font-size: 16px;
        font-weight: bold;
    }



    #bannerBim {
        background-image: url('../images/bannerBim.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 600px;
        float: right;
        min-width: 300px;
        height: 400px;
    }

    #bannerMec {
        background-image: url('../images/bannerMec.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 600px;
        float: left;
        min-width: 300px;
        height: 400px;
    }

    #bannerGis {
        background-image: url('../images/bannerGis.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 600px;
        float: right;
        min-width: 300px;
        height: 400px;
    }

    #bannerTri {
      background-image: url('../images/bannerTri.png');
      background-repeat: no-repeat;
      background-size: contain;
      width: 600px;
      float: left;
      min-width: 300px;
      height: 400px;
    }

    #bannerStr {
        background-image: url('../images/bannerStr.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 600px;
        float: left;
        min-width: 300px;
        height: 400px;
    }

    #bannerAtc {
        background-image: url('../images/bannerAtc.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 600px;
        float: left;
        min-width: 300px;
        height: 400px;
    }

    #bannerCons {
        background-image: url('../images/bannerCons.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 600px;
        float: right;
        min-width: 300px;
        height: 400px;
    }



    #bannerSvi {
        background-image: url('../images/bannerSvi.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 600px;
        float: right;
        min-width: 300px;
        height: 400px;
    }

    #bannerStru {
        background-image: url('../images/bannerStru.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 600px;
        float: left;
        min-width: 300px;
        height: 400px;
    }

    .testoBanner {
        position: absolute;
        top: 50px;
        left: 10px;
        width: 550px;
        z-index: 1;
    }



    .testoBanner2 {
        position: absolute;
        top: 50px;
        right: 10px;
        width: 550px;
        z-index: 1;
        font-size: 30px;
        color: #000000;
    }

    .testoBanner3 {
        position: absolute;
        top: 50px;
        left: 60px;
        width: 450px;
        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 {
        margin-top: 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 {
        margin-top: 20px;
        font-size: 20px;
        color: #FFFFFF;
    }

        .testoBannerScopriBi a, .testoBannerScopriBi a:hover, visited {
            text-decoration: none;
            color: #FFFFFF;
        }

        .testoBannerScopriBi td {
            vertical-align: top;
        }

    .testoBannerScopriV {
        margin-top: 20px;
        font-size: 20px;
        color: #0f7e05;
    }

        .testoBannerScopriV a, .testoBannerScopriV a:hover, visited {
            text-decoration: none;
            color: #0f7e05;
        }

        .testoBannerScopriV td {
            vertical-align: top;
        }

    .testoBannerScopriG {
        margin-top: 20px;
        font-size: 20px;
        color: #f3ab01;
    }

        .testoBannerScopriG a, .testoBannerScopriG a:hover, visited {
            text-decoration: none;
            color: #f3ab01;
        }

        .testoBannerScopriG td {
            vertical-align: top;
        }

    .testoBannerScopriBS {
        margin-top: 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 {
        width: 1200px;
        margin: auto;
        min-height: 500px;
        padding-top: 40px;
        text-align: center;
    }

    .centraleP {
        width: 1200px;
        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;
    }

    .titoloSezioneB {
        font-size: 40px;
        color: #1a92c2;
        margin-bottom: 40px;
        width: 100%;
        text-transform: uppercase;
        clear: both;
    }

    .titoloSezioneA {
        font-size: 40px;
        color: #1fb0c8;
        margin-bottom: 40px;
        width: 100%;
        text-transform: uppercase;
        clear: both;
    }

    .titoloSezioneV {
        font-size: 40px;
        color: #0f7e05;
        margin-bottom: 40px;
        width: 100%;
        text-transform: uppercase;
        clear: both;
    }

    .titoloSezioneVi {
        font-size: 40px;
        color: #8e29a2;
        margin-bottom: 40px;
        width: 100%;
        text-transform: uppercase;
        clear: both;
    }

    .sottotitoloSezione {
        font-size: 18px;
        color: #158aba;
        width: 100%;
        clear: both;
    }

    .contenutoSezione {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .boxSx0 {
        display: inline-block;
        width: 33%;
        margin-bottom: 30px;
    }

    .boxDx0 {
        display: inline-block;
        width: 49%;
        margin-bottom: 30px;
        position: relative;
    }

    .boxDxA {
        margin: auto;
        width: 900px;
        margin-bottom: 30px;
    }

    .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;
    }

    .boxDxA2 {
        text-align: left;
        margin: auto;
        width: 820px;
        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;
        position: relative;
    }

    .boxCancImmagine {
        position: absolute;
        bottom: 20px;
        right: 10px;
    }

    .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;
    }


    .boxInterno2 {
        width: 90%;
        /*height: 85px;*/
        margin: auto;
        margin-top: 15px;
        position: absolute;
        color: #808080;
    }

    .titoloBox {
        font-size: 22px;
        color: #158aba;
    }

    .titoloBoxG {
        font-size: 22px;
        color: #ee8822;
    }

    .titoloBoxV {
        font-size: 22px;
        color: #0f7e05;
    }

    .boxContenuto {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 300px;
    }


    .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;
    }

    .boxInline {
        display: inline-block;
        width: 550px;
        height: 200px;
        border-bottom: 2px solid #CCCCCC;
        position: relative;
        margin-bottom: 25px;
        margin-right: 25px;
    }

    .boxInlineProd {
        display: inline-block;
        width: 371px;
        height: 320px;
        background-color: #FFFFFF;
        position: relative;
        margin-bottom: 25px;
        margin-right: 19px;
    }

    .boxInlineProdRis {
        display: inline-block;
        width: 371px;
        background-color: #FFFFFF;
        position: relative;
        margin-bottom: 25px;
        margin-right: 19px;
    }

    .boxInlineCom {
        display: inline-block;
        width: 371px;
        height: 190px;
        background-color: #FFFFFF;
        position: relative;
        margin-bottom: 25px;
        margin-right: 19px;
    }

    .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;
    }

        .boxProdBott2 a, .boxProdBott2 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: #8e29a2;
        color: #ffffff;
        text-align: center;
        padding-top: 5px;
    }

        .boxProdBottVi a, .boxProdBottV a:hover, visited {
            text-decoration: none;
            color: #ffffff;
        }

    .boxProdBott2Vi {
        position: absolute;
        bottom: 60px;
        left: 15px;
        width: 341px;
        height: 26px;
        background-color: #8e29a2;
        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%;
        height: 600px;
        background-image: url(../images/introMec.jpg);
        background-position: center;
        margin-top: 52px;
    }

    .introTributi {
        width: 100%;
        height: 400px;
        background-image: url(../images/introTributi.jpg);
        background-position: center;
        margin-top: 52px;
    }

    .introBim {
        width: 100%;
        height: 600px;
        background-image: url(../images/introBim.jpg);
        background-position: center;
        margin-top: 52px;
    }

    .introGis {
        width: 100%;
        height: 600px;
        background-image: url(../images/introGis.jpg);
        background-position: center;
        margin-top: 52px;
    }

    .introSvi {
        width: 100%;
        height: 600px;
        background-image: url(../images/introSvi.jpg);
        background-position: center;
        margin-top: 52px;
    }

    .introStr {
        width: 100%;
        height: 600px;
        background-image: url(../images/introStr.jpg);
        background-position: center;
        margin-top: 52px;
    }

    .introStru {
        width: 100%;
        height: 600px;
        background-image: url(../images/introStru.jpg);
        background-position: center;
        margin-top: 52px;
    }

    .introStru {
        width: 100%;
        height: 600px;
        background-image: url(../images/introStru.jpg);
        background-position: center;
        margin-top: 52px;
    }

    .centraleMec {
        width: 1200px;
        margin: auto;
        position: relative;
    }

    .introMec2 {
        position: absolute;
        top: 30px;
        right: 0px;
        width: 700px;
        height: 600px;
        font-size: 20px;
    }

    .strisciaMec {
        width: 100%;
        height: 100px;
        background-image: url(../images/bannerMec.jpg);
        background-position: center;
        background-size: cover;
    }

    .strisciaBim {
        width: 100%;
        height: 100px;
        background-image: url(../images/strisciaBim.jpg);
        background-position: center;
        background-size: cover;
    }

    .strisciaGis {
        width: 100%;
        height: 100px;
        background-color: #0f7e05;
        background-image: url(../images/strisciaGis.png);
        background-position: center;
        background-size: cover;
    }

    .strisciaSvi {
        width: 100%;
        height: 100px;
        background-color: #17a3c1;
        background-image: url(../images/strisciaSvi.png);
        background-position: center;
        background-size: cover;
    }

    .strisciaStr {
        width: 100%;
        height: 100px;
        background-color: #0a558e;
        background-image: url(../images/strisciaStr.jpg);
        background-position: center;
        background-size: cover;
    }

    .strisciaStru {
        width: 100%;
        height: 100px;
        background-color: #0a558e;
        background-image: url(../images/strisciaStru.jpg);
        background-position: center;
        background-size: cover;
    }

    .barraG {
        width: 1100px;
        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 {
        width: 1000px;
        height: 70px;
        background-image: url('../images/barraG1.png');
        font-size: 35px;
        padding-top: 30px;
        padding-left: 200px;
        color: #FFFFFF;
    }

    .barraB {
        width: 1100px;
        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 {
        width: 1000px;
        height: 70px;
        background-image: url('../images/barraB1.png');
        font-size: 35px;
        padding-top: 30px;
        padding-left: 200px;
        color: #FFFFFF;
    }

    .barraB2 {
        width: 1000px;
        height: 70px;
        background-image: url('../images/barraB2.png');
        font-size: 35px;
        padding-top: 30px;
        padding-left: 200px;
        color: #FFFFFF;
    }

    .barraV {
        width: 1100px;
        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 {
        width: 1000px;
        height: 70px;
        background-image: url('../images/barraV1.png');
        font-size: 35px;
        padding-top: 30px;
        padding-left: 200px;
        color: #FFFFFF;
    }

    .barraA {
        width: 1100px;
        height: 70px;
        background-image: url('../images/barraApiu.png');
        font-size: 35px;
        padding-top: 30px;
        padding-left: 100px;
        color: #FFFFFF;
        cursor: pointer;
    }

    .barraA1 {
        width: 1000px;
        height: 70px;
        background-image: url('../images/barraA1.png');
        font-size: 35px;
        padding-top: 30px;
        padding-left: 200px;
        color: #FFFFFF;
    }

    .barraVi {
        width: 1100px;
        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 {
        width: 1000px;
        height: 70px;
        background-image: url('../images/barraVi1.png');
        font-size: 35px;
        padding-top: 30px;
        padding-left: 200px;
        color: #FFFFFF;
    }

    .contBianco {
        background-color: #FFFFFF;
        width: 100%;
        margin-bottom: 50px;
    }

    .contTrasp {
        width: 100%;
        margin-bottom: 50px;
    }

    .contBiancoC {
        padding: 20px 0px 20px 20px;
        width: 1180px;
        display: none;
    }

    .contBiancoC1 {
        padding: 20px 0px 20px 20px;
        width: 1180px;
    }

    .contBiancoC2 {
        padding: 20px;
        width: 1160px;
        display: none;
    }

    .notizie {
        width: 98%;
    }

        .notizie a, .notizie a:hover, visited {
            color: #808080;
            text-decoration: none;
        }

    .notizia {
        width: 100%;
        border-bottom: 2px solid #CCCCCC;
        height: 100px;
    }

    .notiziaData {
        width: 100px;
        float: left;
        border-right: 2px solid #CCCCCC;
        height: 90px;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        padding-top: 10px;
    }

    .notiziaContenuto {
        width: 1000px;
        float: left;
        height: 88px;
        padding-top: 12px;
        padding-left: 20px;
    }

    .notiziaContenutoT {
        font-size: 26px;
        font-weight: bold;
    }

    .appr0 {
        width: 1160px;
    }

    .appr1 {
        float: left;
        width: 900px;
    }

    .appr2 {
        float: left;
        width: 200px;
        margin-left: 20px;
        padding-top: 10px;
    }

    .appr3 {
        float: left;
        width: 240px;
        margin-left: 20px;
        padding-top: 10px;
    }

    .apprT {
        padding-bottom: 20px;
        border-bottom: 2px solid #e4e4e4;
        margin-bottom: 20px;
    }

    .tagB1 {
        border: 1px solid #158aba;
        width: 178px;
        background-color: #e4f9fa;
        min-height: 200px;
        position: relative;
        padding: 10px;
    }

    .tagB2 {
        position: absolute;
        top: -1px;
        right: -1px;
        border-bottom: 1px solid #158aba;
        border-left: 1px solid #158aba;
        width: 40px;
        height: 40px;
        background-color: #FFFFFF;
    }

    #map_canvas {
        width: 100%;
        height: 400px;
    }

    .mappa {
        width: 100%;
        position: relative;
    }

    .sovraMappa {
        position: absolute;
        z-index: 3;
        width: 300px;
        height: 310px;
        top: 0;
        right: 10%;
        background-color: #8e8e8e;
        text-align: center;
        opacity: 0.9;
        padding-top: 90px;
        font-size: 18pt;
        color: #FFFFFF;
    }

    .anteprimaVideo {
        width: 700px;
        height: 244px;
        margin: auto;
        background-image: url(../images/anteprimawc.png);
        background-size: contain;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
        padding-top: 150px;
    }

    .noDesktop {
        display: none;
    }

    .soloMobile {
        display: none;
    }
}

/*and (min-width: 768px) and (max-width: 991px)*/

