/* CSS Home */
@import "general.css";

#container #content #principal_gral #mid{ /******** amb banner llarg*********/
	min-height:115em;
	height:auto !important;
	height:115em;
}

#container #content #principal_gral #mid{ /******** amb banner llarg*********/
	height:1%;
}

#container #content #principal_gral #mid #programacio #contenido{
	min-height:78em;
	height:auto !important;
	height:78em;
}

* html #container #content #principal_gral #mid #programacio #contenido{
	height:1%;
}


/******************************* nomes amb banner curt********************************/


#container #content #principal_gral #mig{ 
	min-height:71.5em;
	height:auto !important;
	height:71.5em;
}

#container #content #principal_gral #mig{
	height:1%;
}

/*#container #content #principal_gral #mig #programacio #contenido{
	min-height:78em;
	height:auto !important;
	height:78em;
}

* html #container #content #principal_gral #mig #programacio #contenido{
	height:1%;
}*/

#container #content #principal_gral #mig{
	background:url(../img/content_bg.jpg) repeat-y left top;
	overflow:hidden;
	height:1%;
}

* html #container #content #principal_gral #mig{
	width:68.1em;
}

#container #content #principal_gral #mig .inicio .bg{
	width:5.4em;
	vertical-align:top;
	float:left;
}

#container #content #principal_gral #mig .inicio h3{
	float:left;
	color:#f9171b;
	font-size:1.8em;
	font-weight:bold;
	padding:1.4em 0 0.5em 0.3em;
}

/**********************************************************************************/

#programacio{
	float:left;
	width:100%;
	padding:0 0 2.3em;
}

#programacio .contenidos{
	margin:0 0 0 2em;
	width:42em;
	background-color:#fff;
	float:left;
}

* html #programacio .contenidos{
	display:inline;
}

#programacio .contenidos a{
	text-decoration:none !important;
}

#programacio .contenidos a:hover{
	text-decoration:underline !important;
}

#programacio .bg, #programacio .bg1, #programacio .bg2{
	width:100%;
}

#programacio .bg1{
	vertical-align:text-bottom;
}

#programacio .bg2{
	vertical-align:text-top;
}

*+html #programacio .bg2{
	vertical-align:top;
}

* html #programacio .bg2{
	vertical-align:top;
}

#programacio .contenidos .titol{
	width:50%;
	float:left;
	font-weight:bold;
	padding:0 0 0 1em;
	font-size:1.3em;
}

/*.escogerdia{
	position:absolute;
	text-align:right;
	margin:2.5em 0 0 36.5em;
	margin:2.3em 0 0 35.7em;
	text-align:right;
	width:6em;
}*/

.escogerdia p{
	font-size:1.1em;
}

.calendarimg{
	width:3.8em;
}

.contenidos .icones{
	float:left;
	width:90%;
	margin:2.5em 0 0 2em;
}

* html .contenidos .icones{
	display:inline;
}

.contenidos .icones .izq{
	float:left;
	margin:0em 0 0 0;
}

.contenidos .icones .der{
	float:right;
	margin:0 0.2em 0 0;
}

.contenidos .icones img{
	width:2em;
}

.contenidos .icones span{
	padding:0.5em 0.5em 0 0.4em;
	font-size:1.1em;
}

#programacio .resaltados{
	width:19.2em;
	float:left;
	margin:0 0 0 2.3em;
}

#programacio .resaltados a{
	text-decoration:none !important;
}

#programacio .resaltados a:hover{
	text-decoration:underline !important;
}

#programacio .resaltados .programaresaltado{
	margin:0 0 1em;
}

#programacio .resaltados .programaresaltado .texto{
	background-color:#fff;
}

#programacio .resaltados .programaresaltado .titol, #programacio .resaltados .breves .noticiabreve .titol{
	color:#F9171B;
	font-size:1em;
	font-weight:normal;
	margin:0pt 0pt 0pt 1em;
}

#programacio .resaltados .programaresaltado .subtitol{
	display:block;
	font-size:1.4em;
	margin:0pt 0pt 0.6em 0.6em;
}

#programacio .resaltados .programaresaltado .hora{
	background-color:#fe0402;
	color:#fff;
	font-size:1.1em;
	text-align:left;
	padding:1em 0 0 1em;
}
#programacio .resaltados .programaresaltado .hora strong{
	vertical-align:baseline;
}

#programacio .resaltados .breves{
	margin:0 0 0;
}

#programacio .resaltados .breves .noticiabreve{
	background-color:#fff;
}

#programacio .resaltados .breves .noticiabreve .subtitol{
	font-size:1.2em;
	font-weight:normal;
	margin:0pt 0pt 0pt 1em;
	padding:0.1em 0 0.5em;
}

#programacio .contenidos .franja{
	float:left;
	margin:1em 0 0 2em;
	width:37.7em;
}

* html #programacio .contenidos .franja{
	display:inline;
}

#programacio .contenidos .franja .titolfranja{
	color:#FFFFFF;
	display:block;
	font-size:1.1em;
	margin:-1.7em 0pt 1em 1.5em;
	font-weight:bold;
}

.content_bottom2 {
	width:68.1em;
	float:left;
}

* html .content_bottom2{
	margin-top:-0.3em;
}

/****************************************
*				TABLA					*
*****************************************/

table.zonahoraria{
	width:98%;
	float:left;
	margin:0.5em 0 1.1em 0.3em;
	font-size:1.2em;
}

table.zonahoraria.ultim{
	margin-bottom:0 !important;
}

table img{
	width:1.65em;
}

table.zonahoraria tr{
	height:2.2em;
}

table.zonahoraria tr.color{
	background-color:#f9f5f2;
}

table.zonahoraria th{
	text-align:center;
}

table.zonahoraria tr.color th, table.zonahoraria tr.color td{
	border-right:1px solid #fff;
}

table.zonahoraria th.rojo{
	color:#f9171b;
	font-weight:bold;
}

table.zonahoraria td.programa{
	padding:0 0.3em 0 0.8em;
	width:20em;
}

table.zonahoraria td.imagen{
	text-align:center;
}


/****************************************
*		VERSION PARA IMPRIMIR			*
*****************************************/

@media print{
	
	#banner_top, #header, .barra, #dest_right, #footer, .content_bottom, .inicio, .bg1, .bg2, .content_bottom2, .calendar .calendari, .calendar{
		display:none;
	}
	* html .calendar{
		border:none !important;
	}
	#mid{
		min-height:200px;
		height:1%;
		overflow:hidden;
		padding-top:200px;
	}
	#programacio{
		padding:0;
	}
	
	* html #programacio{
		width:auto;
	}

	.icones{
		margin-top:0.5em!important;
	}
	* html .icones{
		display:inline;
	}
	.zonahoraria{
		margin-bottom:0 !important;
	}
	* html #programacio .contenidos{
		display:inline;
		margin-left:0;
		margin-bottom:0;
		width:380px;
	}
	* html #programacio .contenidos .titol{
		margin-top:0;
	}
		
	#programacio .resaltados{
		margin-top:2em;
	}
	* html #programacio .resaltados{
		display:inline;
		width:200px;
		margin-left:2.5em;
	}
	.programaresaltado{
		border-bottom:1px solid #666666;
		padding-bottom:2px;
		margin-bottom:14px;
	}
	* html .programaresaltado{
		display:inline;
		border:none;
	}
	
	* html #programacio .resaltados .breves{
		width:180px;
	}
	
	* html .resaltados .programaresaltado .titol, #programacio .resaltados .breve .noticiabreve .titol{
		padding-top:12px;
	}
	* html #programacio .resaltados .breves .noticiabreve{
		/*width:195px;*/
	}
	* html #programacio .resaltados .breves .noticiabreve .titol{
		padding-top:8px;
	}
	table.zonahoraria tr.color th, table.zonahoraria tr.color td{
		border:none;
	}
}




/*****************PROGRAMA TV*************************/


#contenido img.sup {
	vertical-align:text-bottom;
	margin:0;
	padding:0;
	width:100%;
}

*+html #contenido img.sup{
	vertical-align:bottom;
	margin-bottom:-0.2em;
}

* html #contenido img.sup{
	margin-bottom:-0.2em;
}

#contenido img.inf {
	vertical-align:top;
	margin:0;
	padding:0;
	width:100%;
}

* html #contenido img.inf{
	margin-top:-0.1em;
}

#programa img {
	width:100%;
}

/*#programacio{
	float:left;
	width:100%;
	padding-bottom:2.3em;
}

#programacio .contenidos{
	margin:0 0 0 2em;
	width:42em;
	background-color:#fff;
}*/

#programacio .contenidos .bg{
	width:100%;
}

/*#programacio .contenidos .titol{
	width:50%;
	float:left;
}*/

.escogerdia{	
	float:left;
	position:absolute;
	margin:2.6em 0 0 36em;
	text-align:right;
	width:5.5em;
}

.escogerdia a span{
	float:right;
	line-height:1.5;
}

.escogerdia a:hover span{
	text-decoration:underline !important;
}

/*.calendarimg{
	width:3.8em;
}*/

div#contingut {
	background: url(../img/television/backgroundRepeat.jpg) repeat-y;
	padding-bottom:7em;
}

#programa {
	position:relative;
	margin:0 0 0 2em;
	padding-top:0.5em;
}

#programa div.imgProgarama {
	position: absolute;
	top:2.1em;
	left:1.5em;
	width:32.4em;
}

#programa div.texto {
	position:absolute;
	top:2em;
	left:25.7em;
	font-size:1.4em;	
}

#programa div.texto .agrupa {
	float:left;
} 

#programa div.texto span.titulillo {
	color:#F8181A;
	/*font-size:1.4em;*/
	font-weight:bold;
}

#programa div.texto ul{
/*	font-size:1.2em;
	line-height:1.8;*/
	margin:0.5em 1.4em 0 0;
}

#programa div.texto ul li{
	background:transparent url(../img/television/fletxa.gif) no-repeat 0 4px;
	padding:0 0 0.4em 1.4em;
}

#programa div.texto h4 {
	font-size:2.1em;
	width:20em;
	display:block;
	width:8em;
}

#programa div.texto p {
	width:11.4em;
	/*font-size:1.4em;*/
	line-height:1.35;
}

#programa div.hora {
	font-size:1.2em;
	width:8em;
	font-weight:bold;
	color:#FFFFFF;
	position:absolute;
	top:16.4em;
	left:44.6em;
	line-height:1.4;
	/*line-height:1.3; correcto sólo si se incluye "i redifusions"*/
}

#programa div.hora span {
	color:#FFFFFF;
	font-size:2em;
	font-weight:bold;
}

/*#programa div.hora p.redifusio{
	margin:0 0 0 0.7em;
	font-size:0.9em;
}

*+ html #programa div.hora p.redifusio{
	margin:0 0 0 0.6em;
}

*html #programa div.hora p.redifusio{
	margin:0 0 0 0.6em;
}*/

#contenido {
	width:63.6em;
	background-color:#FFFFFF;
	margin-left:2em;
	overflow:hidden;
}

#contenido .izquierdo {
	width:33em;
	padding-left:1.6em;
	overflow:hidden;
	float:left;
	font-size:1.2em;
	line-height:1.9em;
	padding:2em 0 0em 1.5em;
	margin-bottom:2em;
}

#contenido .izquierdo strong{
	vertical-align:top;
}

#contenido .izquierdo ul{
	margin:0 1.4em 0 0;
}

#contenido .izquierdo ul li{
	background:#fff url(../img/television/fletxa.gif) no-repeat 0 6px;
	padding:0 0 0.5em 1.4em;
}

#contenido .izquierdo .franja {
	position:relative;
	margin:1em 0 1em;
	font-size:0.9em;
	float:left;
}

#contenido .izquierdo span.titolfranja {
	padding:0;
	font-weight:bold;
	color:#FFFFFF;
	display:block;
	position:absolute;
	top:0em;
	left:1em;
/*	font-size:1.1em;*/
}

#contenido .izquierdo .comentarios {
	margin:0.5em 0 1.2em;
	line-height:1.4;
}

#contenido .izquierdo .comentarios img {
	height:0.8em;
}

#contenido .izquierdo .comentarios img.sup {
	vertical-align:text-top;
}

*+html #contenido .izquierdo .comentarios img.sup {
	vertical-align:top;
	margin-top:0.1em;
}

* html #contenido .izquierdo .comentarios img.sup{
	vertical-align:bottom;
}

#contenido .izquierdo .comentarios img.inf {
	vertical-align:text-bottom;
}

* html #contenido .izquierdo .comentarios img.inf{
	vertical-align:top;
}

#contenido .izquierdo .comentarios div {
	background-color:#F8F7F2;
	padding:0 1.5em;
}

*+html #contenido .izquierdo .comentarios div{
	margin:-0.5em 0;
}

#contenido .izquierdo .comentarios div span {
	font-size:0.8em;
	color:#F73033;
}

#contenido .izquierdo .opina span {
	font-size:1em;
	color:#F73033;
}

#contenido .izquierdo .opina {
	padding-left:1em;
	font-size:0.95em;
	padding-right:2.1em;
	line-height:1.4;
	
}

#contenido .izquierdo label {
	background-color:#EDE9DD;
	font-size:1.1em;
	padding:0.5em 0;
}

*+html #contenido .izquierdo label{
	padding:0.3em 0;
}

#contenido .izquierdo input.text {
	background-color:#EDE9DD;
	border:none;
	font-size:0.9em;
	font-family:Arial,Helvetica,sans-serif;
	padding:0.6em 0 0.1em;
	height:1.9em;
	width:20.3em;
}

*+html #contenido .izquierdo input.text{
	padding:0.6em 0 0.2em;
}

* html #contenido .izquierdo input.text{
	padding:0.6em 0 0.2em;
}

#contenido .izquierdo input.captcha {
	background-color:#EDE9DD;
	border:none;
	font-size:0.9em;
	font-family:Arial,Helvetica,sans-serif;
	padding:0.6em 0 0.1em;
	height:1.9em;
	width:15.3em;
}

*+html #contenido .izquierdo input.captcha{
	padding:0.6em 0 0.2em;
}

* html #contenido .izquierdo input.captcha{
	padding:0.6em 0 0.2em;
}

#contenido .izquierdo form .fila {
	margin-top:0.8em;
}

#contenido .izquierdo form .fila_captcha {
	margin-top:0.8em;
	margin-bottom:0.8em;
}

#contenido .izquierdo form {
	margin:1em 0 2em 1em;
}

#contenido .izquierdo .area {
	margin:1em 0;
}
*+html #contenido .izquierdo .area {
	margin-top:0.5em;
}

#contenido .izquierdo textarea {
	border:none;
	background-color:#EDE9DD;
	width:33.5em;
	margin:0 0;
	font-size:1.1em;
	font-family:Arial,Helvetica,sans-serif;
	padding:0 0.5em;
	overflow:auto;
	height:6em;
}

*+html #contenido .izquierdo textarea{
/*	height:4em;*/
	margin:-0.2em 0 0;
}

*+html #contenido .izquierdo .marneg{
	margin-top:-0.1em;
}

#contenido .columna {
	width:19.2em;
	float:left;
	margin:2em 0 2em 2em;

}

#contenido .columna div {
	background-color:#F2EFEA;
}

#contenido .columna div p {
	font-size:1.1em;
	padding:1.5em 1.1em 1em 1.5em;
	line-height:1.8em;
}

#contenido .columna .cabecera span {
	color:#FFFFFF;
	font-size:1em;
	display:block;
	margin-left:1em;
}

#contenido .columna .cabecera span.nom {
	font-size:1.4em;
	font-weight:bold;
	padding:0 0 0.5em 0;
	margin-left:0.7em;
}

#contenido .columna .cabecera {
	background-color:#E91716;
}

#contenido .paginador ul li {
	background:none;
	padding:0;
}

#contenido .paginador .posiciona {
	text-align:center;
	position:relative;
	margin:-2.3em 0 2.5em;
}

*+html #contenido .paginador .posiciona{
	margin-top:-2.05em;
}

* html #contenido .paginador .posiciona{
	margin-top:-2.1em;
}

#contenido .paginador ul {
	width:auto;
	height:auto;
}

#contenido .paginador ul li {
	display:inline;
	line-height:1.8;
}

#contenido .paginador ul li a{
	text-decoration:none !important;
	padding: 0.6em 0.45em 0.6em;
	vertical-align:top;
}

*+html #contenido .paginador ul li a{
	padding-top:0.7em;
}

* html #contenido .paginador ul li a{
	padding-top:0.6em;
}

#contenido .paginador ul li a:hover{
	background-color:#DCD2B7;
	font-weight:bold;
}

#contenido .paginador ul li.nobold a:hover {
	font-weight:normal;
}

#contenido .paginador ul li.eleccion a{
	background-color:#ff0402 !important;
	color:#fff;
	font-weight:bold;
}

#contenido .paginador ul li.eleccion a:hover{
	font-weight:bold;
}

#contenido .imgPaginador, #contenido .imgCabecera, #contenido .imgGracia, #contenido .imgFranja, #contenido .imgCabeceraBotom {
	width:100%;
}

#contenido .btnEnviar {
 	width:13.8em;
}

*+html #contenido .btnEnviar{
	width:15em;
}

* html #contenido .btnEnviar{
	width:15em;
}

#contenido .fronLabel, #contenido .postLabel  {
	width:1em;
}

#contenido .imgCabecera {
	vertical-align:text-top;
}

#contenido .imgCabeceraBotom {
	vertical-align:text-bottom;
}