/* .cont, .cella { 
    background: rgba(255,0,0,0.1)
} */
/* .cella {
    border: 1px solid red;
} */
.siPrint { display: none !important }
#top {
    height: 360px;
    background: url('../res/radiale.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden !important
}
#top table {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%
}
#top table td {
    padding-top: 100px
}
#top table #t1 {
    display: inline-block;
    width: 925px
}
#top table .t1 {
    display: inline-block;
    width: 710px
}
#top .fr {
    display: inline-block;
    height: 40px
}
#sfondo {
    position: absolute;
    bottom: 0;
    height: 310px;
    z-index: 1
}

.sepLinea {
    height: 2px;
    margin-top: 5px;
    background: rgb(15,50,76)
}

.pulsante100 {
    display: inline-block;
    position: relative;
    padding: 8px 0 8px 0;
    border: 1px solid rgb(15,50,76);
    width: 100%;
    border-radius: 50px
}
.mt_2 {
    margin: 12px 0 12px 0
}
.tooltip {
    display: inline-block;
    margin: 0 0 0 10px;
    height: 24px
}
.veloTooltip {
    display: none;
    position: fixed;
    z-index: 9999999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8)
}
.divTooltip {
    display: none;
    position: absolute;
    text-align: left;
    width: 90%;
    min-width:280px; 
    max-width: 600px;
    height: 90%;
    min-height: 280px;
    max-height: 600px;
    top:  0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}
.divTooltip .removeStyle {
    height: 100%;
    overflow-y: scroll;
    padding: 20px 60px 20px 20px
}
.closeTooltip {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 20px
}

#spread {
    width: 88% !important
}

#pulsCalc {
    opacity: 0.3
}
.punt {
    line-height: 0.6;
    margin-right: 3px
}

/* .contPiano {
    height: 500px;
    margin-bottom: 30px;
    border-bottom: 1px solid silver;
    overflow-y: scroll !important;
    overflow-x: hidden
}
.contPiano .numero {
    border-radius: 0;
    display: block;
    text-align: right;
    width: auto;
    height: auto;
    margin: 0;
    line-height: normal;
    background: none
}
.contPiano table td {
    border-bottom: 1px solid silver
}
.contPiano .w700 {
    font-weight: 900;
    display: block;
    margin: 6px 0 6px 0;
    color: rgb(15,50,76)
}
.contPiano tr:hover {
    background: #f8f8f8
}
.contPiano .bo_rigaPre {
    background: #f8f8f8 !important
} */

/* #risultatiCalcola table { 
    background: #fff
}
#risultatiCalcola .w700 { font-weight: 900 }

#risultatiCalcola td { padding-left: 20px; padding-right: 20px }
#risultatiCalcola .barra { width: 100%; padding-right: 0 }
#risultatiCalcola .bar {
    height: 25px;
    width: 0%;
    background: rgb(28,112,175);
    color:#fff
}
#risultatiCalcola .riga1 td {
    border-bottom: 1px solid silver
} */


#inizia {
    display: none
}

.campo1 {
    float:left;width:32%
}
.campo2 {
    float:left;width:32%;margin:0 2% 0 2%
}
.campo3 {
    position:relative;float:left;width:32%
}

.campo1_1 {
    float:left;width:49%
}
.campo2_2 {
    float:left;width:49%;margin:0 0 0 2%
}
.sss {
    display: inline-block
}
.campo1_1 input, .campo1_1 select, .campo2_1 input, .campo1_2 select, .sss {
    width: 88% !important
}
.tooltip2 {
    position: absolute;
    margin-top: 5px
}


/* SERVIZIO */
#numSlider .imgFunz {
    display: none;
    width: 50%
}
#numSlider .numero {
    display: inline-block;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 10px 0 10px;
    background: #babbbd;
    -webkit-transition: background 0.3s;
    transition: background 0.3s
}
#numSlider .numeroHover {
    background: rgb(28,112,175) !important
}
.qqq {
    border-top: 2px solid rgb(15,50,76);
    padding: 30px 10px 20px 10px;
    float: left;
    margin: 0 2% 2% 0;
    width: 32%
}
.qqq .logoBanca {
    display: inline-block;
    height: 30px;
    max-width: 200px
}
.qqq .icoPdfBanca {
    display: block;
    height: 30px
}
.qqq table {
    margin: 10px auto
}
.icoPdfBancaTrasp {
    display: block;
    height: 50px
}
.sl2 {
    width: 85%
}
.tabTrasp1 {
    display: inline-table
}
.tabTrasp2, .tabTrasp3 {
    display: none
}

@media screen and (max-width:599px){
    #top table td {
        padding-top: 50px
    }
    #top table #t1 {
        width: 90%
    }
    #top table .t1 {
        width: 100%
    }
    .campo1 {
        float:none;width:100%
    }
    .campo2 {
        float:none;width:100%;margin:20px 0 20px 0
    }
    .campo3 {
        float:left;width:100%
    }
    #spread {
        width: 78% !important
    }
    .campo1_1 {
        float:left;width:100%
    }
    .campo2_2 {
        float:left;width:100%;margin:20px 0 0 0
    }
    .campo1_1 input, .campo1_1 select, .campo2_1 input, .campo1_2 select, .sss {
        width: 88% !important
    }
    /* SERVIZIO */
    #numSlider .imgFunz {
        display: none;
        width: 65%
    }
    .qqq {
        margin: 0 3% 3% 0;
        width: 48.5%
    }
    .qqq .logoBanca {
        height: 25px;
        max-width: 140px
    }
    .tabTrasp1 {
        display: none
    }
    .tabTrasp2 {
        display: inline-table
    }
}
@media screen and (max-width:414px){
    /* SERVIZIO */
    #numSlider .imgFunz {
        display: none;
        width: 70%
    }
    .qqq {
        margin: 0 0 5% 0 !important;
        width: 100%
    }
    .qqq .logoBanca {
        height: 25px;
        max-width: 140px
    }
    .tabTrasp1, .tabTrasp2 {
        display: none
    }
    .tabTrasp3 {
        display: inline-table
    }
}
@media screen and (max-width:320px){

}
@media screen and (min-width:600px) and (max-width:767px){
    #top table td {
        padding-top: 50px
    }
    #top table #t1 {
        width: 550px
    }
    #top table .t1 {
        width: 550px
    }
    #spread {
        width: 78% !important
    }
    .campo1_1 input, .campo1_1 select, .campo2_1 input, .campo1_2 select, .sss {
        width: 78% !important
    }
    /* SERVIZIO */
    #numSlider .imgFunz {
        display: none;
        width: 55%
    }
    .qqq {
        margin: 0 3% 3% 0;
        width: 48.5%
    }
    .qqq .logoBanca {
        height: 25px;
        max-width: 170px
    }
    .tabTrasp1, .tabTrasp3 {
        display: none
    }
    .tabTrasp2 {
        display: inline-table
    }
}
@media screen and (min-width:768px) and (max-width:1023px){
    #top table td {
        padding-top: 55px
    }
    #top table #t1 {
        width: 610px
    }
    #top table .t1 {
        width: 610px
    }
    #spread {
        width: 78% !important
    }
    .campo1_1 input, .campo1_1 select, .campo2_1 input, .campo1_2 select, .sss {
        width: 78% !important
    }
    /* SERVIZIO */
    .qqq {
        margin: 0 3% 3% 0;
        width: 48.5%
    }
}
@media screen and (min-width:1024px) and (max-width:1199px){
    #top table td {
        padding-top: 60px
    }
    #top table #t1 {
        width: 700px
    }
    #top table .t1 {
        width: 690px
    }
    #spread {
        width: 78% !important
    }
    .campo1_1 input, .campo1_1 select, .campo2_1 input, .campo1_2 select, .sss {
        width: 78% !important
    }
    /* SERVIZIO */
    #numSlider .imgFunz {
        display: none;
        width: 60%
    }
    .qqq {
        margin: 0 3% 3% 0;
        width: 48.5%
    }
    .qqq .logoBanca {
        height: 25px;
        max-width: 170px
    }
}
@media screen and (min-width:1200px) and (max-width:1439px){
    #top table td {
        padding-top: 60px
    }
    #top table #t1 {
        width: 827px
    }
    #spread {
        width: 84% !important
    }
    .campo1_1 input, .campo1_1 select, .campo2_1 input, .campo1_2 select, .sss {
        width: 84% !important
    }
}