body{
    
    /* BACKGROUND */
    background-image: url(res/images/midelgas.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    h1{
        color: #000;
        text-align: center;
    }

    h2{
        color: #000;
        text-align: left;
    }

    img{
        margin-left: 30%;
        width: 600px;
        opacity: 100%;
    }

    .webmaster{
        margin: auto;
        position: absolute;
        text-align: center;
        color: #fff;
    }

    /* CENTERBOX */
    #box {width: 68%; background: #fff; margin: 100px; margin-right: 150px; opacity: 75%;}

    /* CENTERBOX POSTS */
    #boxpost {width: 98%; background: #B0B0B0; margin: auto; opacity: 100%; }

    /* POSTS */
    .posts{
        padding: 40px;
        margin: 20px;
        border-color: #000;
        float: left;
        width: 70%;
    }

    /* LINK TO POST */
    .linktopost{
        text-decoration: none;
    }

    /* SIDENEWS */
     
    .sidenews {
    height: auto;
    width: 23%;
    position: absolute;
    right: 0;
    top: 100px;
    padding-top: 30px;
    background-color: #c1f8d8;
    }
    
    .sidenews div {
    padding: 8px;
    font-size: 24px;
    display: block;
    }

    .sidenewspost {
        height: fit-content;
        width: 23%;
        position: absolute;
        right: 0;
        top: 100px;
        padding-top: 30px;
        background-color: #c1f8d8;
        }

    /* LINKDIR  */
    #linkdir {width: 900px; background: #fff; margin-left: 50px; font: 24px; color: #D02F2F; padding: 20px;}

    /* VIDEO FRAME */
    #videoframe {background: none; position: absolute; margin: auto;}

    /* WARN MESSAGE */
    #warn {color: #FF0000; background-color: #000; position:static; margin: 40px; text-align: center; font-size: 24px; font: arial bold;}

    /* SIDENEWS BORDER */
    .sideborder{
        border: 5px; 
        border-style: dotted;
    }

    /* BOTTOM INFO */
    .bottominfo{
        font: arial;
        font-size: 24px;
        bottom: 0%;
        width: 100%;
        position: fixed;
        text-align: center;
        border: #000;
        border-radius: 1px;
        color: #fff;
    }

    /* CENTER LINKS */
    .linkcenter{
        text-align: center;
        font-size: 26px;
    }

    /* IMAGE CENTER */
    div.imgcenter{
        margin-left: auto;
        margin-right: auto;
    }

    /* CENTER VIDEO */
    div.videocenter{
        text-align: center;
        margin: auto 0px;
        display: block;
    }

    /* CENTER MUSIC PLAYER */
    div.playcenter{
        margin: 0 auto;
        display: table;
    }

    audio{
        
    }

    div.playcenter.h6{
        text-align: center;
    }

    /* POST SUBTITLES */
    .subtitle{
        text-align: left;
        font: arial;
        font-weight: bold;
        font-size: 56px;
        display: block;
    }

    /* POST BOX HOMEPAGE BREAK */
    hr{
        display: block;
        padding: 5px;
    }

    /* PLAYER HLS */
    #container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* TV CHANNELS LOGO */
    .logotv{
        margin: auto;
        display: block;
    }

    /* SQUARE BUTTONS (TV CHANNELS) */
    .sqrbtn{
        border-style: double;
        float: left;
    }

    /* SIDE CHANNEL SELECTOR */
    .chselec{
        height: auto;
        width: 21%;
        position: absolute;
        right: 0;
        top: 200px;
        margin-left: 0px;
        max-width: 600px;
        overflow-y: scroll
    }

    /* ICON TUBETV SERVICE */
    .tubeicon{
        text-align: center;
        border: 5px;
        border-style: dashed;
    }

    .tubeicon img{
        max-width: 50px;
    }

    .tubeicon h2{
        color: #fff;
    }

    /* MUSEU DE TV E RADIO */