@charset "UTF-8";
    /* CSS Document */
    .tabla{
        width:100%;
        }
	a{
		border-radius: 5px;
		padding: 10px 7px;
		text-decoration: none;
		color: #fff;
		background-color: #3e701b;
		margin: 5px;
		
		}
	p {
		color: #fff;
		border-style:solid;
		
	}
    td {
        border-width:2px;
        border-color:#3e701b;
        border-style:solid;
        }
	tr {
        background-color: #ffffff;
       }
		th {
		background: #3e701b;
		color:#ffffff;
		border-style:solid;		
		}
		h2,h3,h4{
		color:#d25221;
		}
    @media screen and (max-width:720px){
        table, thead, tr, th, tbody, td{
            display:block;
        }
        
        thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
        
        td { 
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding-left: 50%; 
        }
        td:before { 
            position: absolute;
        
            top: 6px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
        }
        th:nth-of-type(1):before { content: "Horario  "; }
        td:nth-of-type(1):before { content: "Programa"; }
        td:nth-of-type(2):before { content: "Contenido"; }
        
        }