body { text-align:center; margin:0; padding:0; font:80% Arial, Helvetica, sans-serif; color:#353535; background-color:#231F20;}
a {text-decoration:none;}

/*  ------------------------------------------ selección de paises -------------------------------------------*/
.seleccion {width:600px; margin:200px auto 0 auto; text-align: left; height:120px; padding:20px; background:url(../img/fnd_selector.png) no-repeat center bottom;}
.logo {width: 175px; float:left; height:120px;}
label span {display:none;}
.combo {padding-top:15px;}
.combo form {padding:0; margin:0;}

.combo select {width:300px; margin-right:8px;}



/*  ------------------------------------------- estructura principal -----------------------------------------*/

.contenedora {width:760px; margin:0 auto; text-align:left;}
.header { padding:0 10px;}
/*.body { margin-top:-50px;}*/
.body-grilla {margin-top:10px;}
/* banner */
.banner {background:url(../img/fnd_banner.gif) no-repeat; width:760px; margin:0 0 10px 0; padding:15px 10px;}

/* footer */
.footer {background:#B21112 url(../img/fondo_footer.png) no-repeat bottom; height:50px; margin-top:40px; text-align:right; padding:10px;}



/*  ------------------------------------------- 1er nivel -----------------------------------------*/

.destacados-banner {padding:10px; overflow:hidden; zoom:1; margin-top:10px; background:url(../img/fnd_destacados_banner.png) no-repeat; height:150px;}
.primetime-cont, .banner-sec { width:270px; float:left; margin-right:11px; background-color:#FFFFFF;}
html>body .banner-sec {margin-right:15px;}


/*  ------------------------------------------- 2do nivel -----------------------------------------*/


.destacados {padding:10px; overflow:hidden; zoom:1; /*margin-top:10px;*/ background:url(../img/fnd_destacados.png) no-repeat; height:270px;}
	
	/* contenedor para 6 programas en primetime */
	.seis {background:url(../img/fnd_destacados_6.png) no-repeat !important; height:340px;}
	/* contenedor para 5 programas en primetime */
	.cinco {background:url(../img/fnd_destacados_5.png) no-repeat !important; height:320px;}
	/* contenedor para 4 programas en primetime */
	.cuatro {background:url(../img/fnd_destacados_4.png) no-repeat !important; height:300px;}
	


.franquicia-cont {width:455px; float:right; /*background-color:#111;*/ height:254px;}

	/*grilla del día para 6 programas en primetime */
	.f-seis {height:320px;}
	.f-seis .grilla { height:316px;}
	.f-seis .grilla div.content {height:237px;}
	
	/*grilla del día para 5 programas en primetime */
	.f-cinco {height:300px;}
	.f-cinco .grilla { height:296px;}
	.f-cinco .grilla div.content {height:217px;}
	
	/*grilla del día para 4 programas en primetime */
	.f-cautro {height:277px;}
	.f-cuatro .grilla { height:273px;}
	.f-cuatro .grilla div.content {height:194px;}


/* primetime */

h3 {/*background-color:#8E2728; padding:5px 10px; color:#D7891A; text-transform:uppercase;*/}
.primetime-cont h3 {background: url(../img/esta_noche.png) no-repeat; height:31px; margin:0 0 1px 0; padding:0;}
.primetime-cont h3.port {background: url(../img/esta_noite.png) no-repeat !important;}
.primetime-cont h3 span {display:none;}
.primetime-cont ul {margin:0; padding:0; list-style-type:none; font-size:10px;}
.primetime-cont ul li {padding:0; margin:0 0 1px 0; border-bottom:1px solid #fff;}
html>body .primetime-cont ul li {border:0;}
.primetime-cont ul li a {display:block; background:url(../img/fnd_programa.png) no-repeat; padding:1px 5px 3px 5px; color:#D2BFC0;text-transform:uppercase;}
html>body .primetime-cont ul li a {padding:4px 5px;}
.primetime-cont ul li a:hover {background:url(../img/fnd_programa_on.png) no-repeat; color:#FFCC00;}
.primetime-cont ul li a:hover span.hora {color:#fff !important;}
.primetime-cont ul li a span.programa {padding-left:18px;}
.primetime-cont ul li div div {margin-top:-50px;}
.primetime-cont ul li h4 {text-transform:uppercase; font-size:10px; color:#CC0000; margin:0 0 5px 0; padding:0 10px;}
.primetime-cont ul li p {/*margin:-20px 0 10px 0;*/ padding:0 10px; margin:0 0 20px 0;}


/* grilla */

.grilla { background:url(../img/fnd_grilla2.gif) no-repeat bottom; height:250px;}
.grilla h3 {float:left; background:url(../img/prog_hoy.png) no-repeat; width:284px; height:31px; display:block; margin:0; padding:0;}
.grilla h3.port {background:url(../img/prog_do_dia.png) no-repeat !important;}
.grilla h3 span {display:none;}

.grilla table {background: url(../img/fnd_td.gif) repeat-x top; font-size:11px; clear:both; margin-top:5px; width:435px;}
html>body .grilla table {width:100%;}

.semanal table {width:100% !important;}
/*.grilla table tr {background: url(img/fnd_td.gif) repeat-x bottom;}*/
.grilla table td, .semanal table td { background:url(../img/fnd_tabla_ie.gif) no-repeat right bottom; padding:6px;}
.grilla table th, .semanal table th {background:#f8f8f8 url(../img/fnd_tabla_ie.gif) no-repeat right bottom; padding:6px 6px 6px 15px; width:30px; text-transform:uppercase; text-align:left; font-weight:normal;}
.semanal table th {width:60px;}
.grilla table th.primetime, .semanal table th.primetime {background-color:#B41114; color:#fff;}
/*.grilla table tr.primetime {background: #F8F8F8 url(img/fnd_td.gif) repeat-x bottom;}*/
.grilla table tr.primetime td, .semanal table tr.primetime td {color:#B41114;}
.grilla table th.dia, .semanal table th.dia  {width:60px;}


.grilla ul {list-style-type:none; margin:0; padding:0; float:right; width:171px;}
.grilla ul li { float:right; margin:0; padding:0;}
.grilla ul li a {padding: 0; display:block; width:57px; height:31px;}
.grilla ul li a span {display:none;}
.grilla ul li a.manana {background:url(../img/fnd_manana_off.png) no-repeat center;}
.grilla ul li a.manana:hover, .grilla ul li a.manana-select {background: url(../img/fnd_manana.png) no-repeat center;}

.grilla ul li a.manana-port {background:url(../img/fnd_manha_off.png) no-repeat center;}
.grilla ul li a.manana-port:hover, .grilla ul li a.manana-port-select {background: url(../img/fnd_manha.png) no-repeat center;}

.grilla ul li a.tarde {background:url(../img/fnd_tarde_off.png) no-repeat center;}
.grilla ul li a.tarde:hover, .grilla ul li a.tarde-select {background:url(../img/fnd_tarde.png) no-repeat center;}

.grilla ul li a.tarde-port {background:url(../img/fnd_tarde_off.png) no-repeat center;}
.grilla ul li a.tarde-port:hover, .grilla ul li a.tarde-port-select {background:url(../img/fnd_tarde.png) no-repeat center;}

.grilla ul li a.noche {background:url(../img/fnd_noche_off.png) no-repeat center;}
.grilla ul li a.noche:hover, .grilla ul li a.noche-select {background:url(../img/fnd_noche.png) no-repeat center;}

.grilla ul li a.noche-port {background:url(../img/fnd_noite_off.png) no-repeat center;}
.grilla ul li a.noche-port:hover, .grilla ul li a.noche-port-select {background:url(../img/fnd_noite.png) no-repeat center;}


table.semana td {vertical-align:top;}

.grilla div.content {height:175px; overflow: auto; width:455px; clear:both; background:url(../img/fnd_div_grilla.gif) repeat-x bottom; margin-bottom:12px;}
html>body .grilla div.content {overflow:auto;}
.grilla a.semana, .semanal a.semana { background:url(../img/icono_grilla.gif) no-repeat 7px 3px; padding:3px 3px 3px 34px; font-size:11px; /*text-transform:uppercase;*/ color:#333; text-decoration:underline;/*text-decoration:none;*/ margin-top:10px;}
/*.grilla a.semana:hover { background-color:#333; color:#fff;}*/

.grilla a.semana:hover, .semanal a.semana:hover {color:#f00;}


/*  ------------------------------------------- grilla semanal -----------------------------------------*/


div.semanal {height:auto !important; background:url(../img/fnd_grilla_semana.gif) no-repeat bottom; font-size:11px;; padding:10px 10px 20px 10px;}

.semanal .paginado {padding:10px; height:35px; background:url(../img/fnd_div_grilla.gif) repeat-x bottom; width:720px; font-size:11px; text-align:center !important; margin-bottom:10px;}

.semanal .paginado ul {margin:0; padding:0; display:inline;}
.semanal .paginado ul li {display:inline; margin-right:5px;}
.semanal .paginado ul li a {padding:4px 8px; background-color:#F2F2F2; text-decoration:none; color:#333;}
.semanal .paginado ul li a:hover {background-color:#E6E6E6;}
.semanal .paginado ul li a.select, .semanal .paginado ul li a.select:hover {background-color:#B21112; color:#fff;}

.semanal h3 {background: url(../img/prog_semana.png) no-repeat; height:31px; margin:10px 0 1px 0; padding:0; width:100%;}
.semanal h3.port {background: url(../img/prog_semana_port.png) no-repeat;}
.semanal h3 span {display:none;}
.semanal h3 span.fecha {display:block; text-align:right; padding-right:10px; padding-top:8px; color:#fff; font-size:14px;}

a.back {padding:10px 0; color:#333; text-decoration:underline;}
a.back:hover {color:#f00;}