#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
}
.borderTop {
    border-top: 2px solid rgb(28,112,175)
}
.sep {
    height: 2px;
    background: rgb(15,50,76)
}
.pagina {
    position: relative;
    display: none
}
#pag_1 { display: block }
.q {
    border-top: 2px solid rgb(15,50,76);
    position: relative;
    display: inline-table;
    width: 48%;
    margin: 0 2% 5% 0
}
.q .aspect {
    position: relative;
    width: 100%
}
#news {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}
.velo {
    position: absolute;
    top: 0; left: 0;
    cursor: pointer;
    width: 100%; height: 100%;
    background: rgba(15,50,76,0.8);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s
}
.velo:hover { opacity: 1 }
.velo img { width: 35px }
.icoPagArr {
    display: inline-block;
    height: 40px;
    margin: 10px
}
#slider {
    position: relative;
    overflow-x: hidden
}
.imgDD {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}
#imDD1 {
    display: block                 
}
#slider .sco {
    position: absolute;
    top: 0;
    z-index: 20;
    height: 100%;
    width: 10%;
    background: rgba(0,0,0,1);
    opacity: 0.2;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}
#slider .sco:hover {
    opacity: 0.6
}
#slider .sco img {
    width: 60%
}
#closeNews {
    display: inline-block;
    cursor: pointer;
    margin: 5px 0 2px 0;
    width: 28px
}
#downNews {
    display: inline-block;
    cursor: pointer;
    width: 40px
}
#cc3 {
    padding-top: 25px
}
.socialShare {
    cursor:pointer;
    display: inline-block;
    height: 30px;
    margin: 10px 10px 0 0
}
@media screen and (max-width:599px){
    #top table td {
        padding-top: 50px
    }
    #top table #t1 {
        width: 90%
    }
    #top table .t1 {
        width: 100%
    }
    .q {
        width: 90%;
        margin: 0 10% 8% 0
    }
    .velo img { width: 5vw }
    #slider .sco {
        width: 16%
    }
}
@media screen and (max-width:414px){
    .velo img { width: 6vw }
    #downNews { width: 35px }
}
@media screen and (max-width:320px){
    .velo img { width: 7vw }
}
@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
    }
    .velo img { width: 22px }
    #downNews { width: 30px }
    #slider .sco {
        width: 14%
    }
}
@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
    }
    .velo img { width: 25px }
    #downNews { width: 35px }
    #slider .sco {
        width: 12%
    }
}
@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
    }
    .velo img { width: 32px }
}
@media screen and (min-width:1200px) and (max-width:1439px){
    #top table td {
        padding-top: 60px
    }
    #top table #t1 {
        width: 827px
    }
    .velo img { width: 30px }
}