.cont_col1 {
    width: 25%;
    position: relative;
    float: left;
}

.cont_col1>div,
.cont_col2 {
    padding: 60px 0;
}

.cont_col2 {
    width: 70%;
    float: right;
}

#programme #menu_prog {
    margin: 0 0 30px;
    padding: 0;
    border-top: 1px solid #ddd;
    list-style: none;
}

#programmeDetall h3 {
    margin: 20px 0 14px;
    clear: both;
}

.prog_tabl {
    border-collapse: collapse;
    margin-bottom: 30px;
    width: 100%;
}

.prog_tabl .prog_gnrc td {
    background-color: #eee;
}

.prog_tabl td.prog_hora {
    width: 160px;
    font-weight: 600;
    color: #000;
    vertical-align: top;
}
.prog_tabl td {
    color: #000;
}

.prog_tabl td {
    border-top: 2px solid #eee;
    padding: 14px 16px;
    background-color: #fff;
}

.prog_tabl td.prog_hora img {
    max-width: 140px;
}

.prog_sala,
.prog_patr {
    color: #91C261;
}

#programmeDetall ul,
#programme ol {
    margin: 14px 0 0;
}

#programmeDetall ul li,
#programme ol li {
    margin-bottom: 14px;
}

.prog_titl01,
.prog_titl01 a:link,
.prog_titl01 a:visited {
    font-size: 16px;
    color: #070E78;
}

.prog_titl02 {
    font-size: 16px;
    color: #60b99e;
}

#programmeDetall #menu_prog>li {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    font-weight: 600;
}

#programme .text_presentacio h2.subtitle {
    font-weight: bold;
    text-transform: none;
    font-size: 22px;
}

.link_form a {
    margin-bottom: 8px;
    padding: 8px 8px 8px 30px;
    font-size: 16px;
    line-height: 18px;
    /*background: url(../img/link_form.png) 8px center no-repeat;*/
    background-size: auto 30px;
    display: inline-block;
}

.link_form a span {
    font-weight: 600;
}

@media screen and (max-width: 880px) {
    .prog_tabl td.prog_hora {
        box-sizing: border-box;
        border-bottom: 0 none;
        width: 100%;
    }

    .prog_tabl td {
        border-top: 0 none;
        border-bottom: 1px solid #ccc;
        display: block;
    }
}

@media screen and (max-width: 750px) {
    .cont_col2 {
        clear: both;
    }

    .cont_col1,
    .cont_col2 {
        width: 100%;
        float: none;
    }
}


@media screen and (max-width: 650px) {
    .prog_tabl td.prog_hora {
        border-top: 0 none;
        border-bottom: 0 none;
        display: block;

    }

    .prog_tabl td {
        border-bottom: 2px solid #eee;
        display: block;
        /*test*/
        float: left;
        width: 100%;
    }

    .prog_tabl .prog_it01 td {
        padding-bottom: 14px;
    }

    .prog_tabl ul,
    .prog_tabl ol {
        padding-left: 16px;
    }
}



/*IPHONE*/
@media screen and (max-width: 700px) {
    .prog_tabl td.prog_hora {
        border-top: 0 none;
        border-bottom: 0 none;
        display: block;

    }

    .prog_tabl td {
        border-bottom: 2px solid #eee;
        display: block;
        /*test*/
        float: left;
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .prog_tabl td.prog_hora {
        border-top: 0 none;
        border-bottom: 0 none;
        display: block;

    }

    .prog_tabl td {
        border-bottom: 2px solid #bbb;
        display: block !important;
        /*test*/
        float: left;
        width: 100% !important;

        /*background-color: rgb(90, 0, 128);*/
    }

    #programmeDetall {
        /*background-color: #bbb;*/
    }
}

@media screen and (orientation: portrait) {
    table.prog_tabl {
        width: 100%;
        table-layout: fixed;
        display: block;
        min-width: 100%;
    }

    .prog_tabl td.prog_hora {
        border-top: 0 none;
        border-bottom: 0 none;
        grid-column-start: 1;
        grid-row-start: 1;


    }
    .prog_tabl tr{
        /* display: table; */
        display: grid !important;
        display: -ms-grid !important;
        display: -moz-grid !important;
        grid-template-columns: 100%;

        /* display: block; */
        width: 100%;
        table-layout: fixed;
    }
    .prog_tabl td {
        border-bottom: 2px solid #bbb;
        /*test*/
        /* display: block !important; */
        display: table-row !important;
        
        float: left;
        width: 100% !important;
        /* background-color: green; */
        min-width: 100%;
        /*background-color: rgb(90, 0, 128);*/
        grid-column-start: 1;
        grid-row-start: 2;
    }

    #programmeDetall {
        /* background-color: #bbb;*/
        position: relative;
        display: block;
    }
}