/**
 * Arquivo que contém as regras para a seção "Programação".
 *
 * @author Noxy Digital
 */

/**
 * Programação: Destaques
 */

.programacao .destaques {
	margin-top: 20px;
}

.programacao .destaques h4 span {
	display: block;
	float: left;
}

.programacao .destaques h4 span.programa1 {
	width: 167px;
}

.programacao .destaques h4 span.programa2 {
	width: 169px;
}

.programacao .destaques h4 span.programa3 {
	width: 169px;
}

.programacao .destaques h4 span.programa4 {
	width: 145px;
}

.programacao .destaques ul li {
	border-right: 1px dashed #8bb7de;
	display: block;
	float: left;
	font-size: 11px;
	margin-bottom: 20px;
	width: 168px;
}

.programacao .destaques ul li a {
	display: block;
	padding: 0px 14px;
}

.programacao .destaques a.foto {
	margin: 5px 0px;
}

.programacao .destaques ul li a span {
	display: block;
	line-height: 0;
	overflow:hidden;
}

.programacao .destaques ul li a:hover span {
	border: 3px solid #2e76ab;
}

.programacao .destaques ul li a:hover img {
	cursor: pointer;
	margin: -3px
}

.programacao .destaques ul li.ultimo {
	border: 0px;
}

.programacao .destaques ul li span.descricao {
	display: block;
	padding: 0px 14px;
}

/**
 * Programação: Tabela
 */

.programacao .tabela {
	clear: both;
}

.programacao .tabela .diaDaSemana {
	background-image: url(../../Content/Imagens/DiaDaSemanaFundo.gif);
	background-position: left top;
	border: 1px solid #ffffff;
	margin: 0px;
	padding: 0px;
}

.programacao .tabela .diaDaSemana a {
	background-image: url(../../Content/Imagens/DiaDaSemanaLinkFundo.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #ffffff;
	display: block;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

.programacao .tabela .diaDaSemana a span {
	background-image: url(../../Content/Imagens/DiaDaSemanaFechado.png);
	background-position: right center;
	background-repeat: no-repeat;
	display: block;
}

.programacao .tabela .diaDaSemana a.hoje span {
	background-image: url(../../Content/Imagens/DiaDaSemanaAberto.png);
}

.programacao .tabela h5 {
	background-image: url(../../Content/Imagens/ProgramacaoTitulo.png);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	margin-bottom: -29px;
	overflow: hidden;
	padding: 0px;
	position: relative;
	text-indent: -9999px;
	top: 0px;
	width: 295px;
}

.programacao .tabela ul {
	background-color: #ffffff;
	background-image: url(../../Content/Imagens/ProgramacaoTituloFundo.png);
	background-position: top left;
	background-repeat: repeat-x;
	border: 1px solid #bbbbbb;
	clear: both;
	margin: 0px;
	padding: 30px 5px 5px 5px;
}

.programacao .tabela ul li {
	display: inline;
	margin: 0px;
	
}

.programacao .tabela .horarios {
	display: none;
}

.programacao .tabela table {
	width: 100%;
}

.programacao .tabela table caption,
.programacao .tabela table thead {
	display: none;
}

.programacao .tabela table tr td {
	border: 2px solid #ffffff;
	padding: 5px 10px;
	vertical-align: top;
}

.programacao .tabela table tr td.horario {
	background-color: #e0ebf1;
	color: #000000;
	font-weight: bold;
	width: 30px;
}

.programacao .tabela table tr td.nome {
	background-color: #bad5e4;
	color: #000000;
	width: 205px;
}

.programacao .tabela table tr td.descricao {
	background-color: #d4e5ee;
}

.programacao .tabela table tr:hover td {
	color: #777777;
}

.programacao .tabela table tr:hover td.horario {
	background-color: #eff5f9;
}

.programacao .tabela table tr:hover td.nome {
	background-color: #d6e6ef;
}

.programacao .tabela table tr:hover td.descricao {
	background-color: #e3eef4;
}