* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
body {
    

    background: url("https://radiodance90.com/images/fondito.png") top center, linear-gradient(171deg,rgb(255 255 255) 15%, rgba(255, 33, 0, 1) 64%, rgba(0, 0, 0, 1) 100%);
}




html {
    font-family: Arial;
    text-rendering: optimizeLegibility;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family--ms-text-size-adjust: 100%;
    font-family--webkit-text-size-adjust: 100%
}

a {
    color: inherit;
    text-decoration: none
}

.radioss { width: 100%; margin: auto; float: left; margin-top: 30px; text-align: center;
}
.radioss h1{font-size: 15px; color: #fff; text-align: center; font-weight: 400;}
.radioss img { width: auto; border: #fff0 2px solid; margin-top: 15px; margin-left: 50px; border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px
}
.radioss img:hover { border: #fff 2px solid
}




.logo_radio {
    width: 310px;
    float: left;
    height: auto;
    text-align: center;
    padding-top: 15px;
    margin-bottom: 10px
}
.logo_radio img {
    width: 100%
}
.listen {
    width: 440px;
    height: auto;
    float: right;
    margin-top: 35px
}
.boxtotal {
    width: 1020px;
    padding-top: 5px;
    height: auto;
    overflow: hidden;
    margin: auto;
    
}


.history {
    float: left;
    width: 1020px;
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 5px;
    
}
.history img {
    width: 100%
}




.unleft {
    float: left;
    width: 100%;
    height: auto
}

.coment80 {
    background: #fff;
    float: left;
    width: 100%;
    height: 682px;
    overflow: scroll
}


.foots {
    
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left
}

.basexx {
    margin: auto;
    width: 80%;
    height: auto;
    overflow: hidden;
    text-align: center;
    margin-top: 40px;
    font-size: 12px; color: #fff;
    margin-bottom: 50px;
}




@media only screen and (max-width: 1030px) {
    .logo_radio {
        width: 100%;
        padding-top: 10px
    }
    .logo_radio img {
        width: 45%
    }
    .listen {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 10px;
        text-align: center;

    }
    .listen img{width: 320px}
    .boxlef {
        position: absolute;
        height: auto
    }

    .logo_radio {
        margin: auto;
        text-align: center;
        width: 100%
    }
    .boxtotal {
        width: 650px;
        margin-bottom: 20px
    }

    .history {
        width: 100%;
        height: auto;
        text-align: center
    }


 


    .leftt_600 {
        width: 100%
    }
    .unleft {
        width: 100%
    }
    .coment80,
    .livefox {
        width: 100%
    }
    .right_320 {
        width: 100%;
        height: auto;
        float: left;
        text-align: center
    }
    .foots {
        position: relative;
        height: auto
    }
    .basexx {
        width: 100%
    }
    .rett img {
        width: 45%;
        margin-bottom: 10px
    }
}
@media only screen and (max-width: 650px) {
    .logo_radio img {
        width: 80%
    }
    .boxlef {
        position: absolute;
        height: auto;
        padding-bottom: 7px
    }
    .boxtotal {
        width: 100%;
        margin-bottom: 20px
    }



    .dis_01 {
        display: none
    }
    .dis_02 {
        display: inline
    }
    
    .foots {
        height: auto
    }

    .right_320 h1 {
        display: none
    }
    .coment80 {
        margin-bottom: 10px
    }
    .right_320 {
        width: 100%
    }


}