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



/* --------  DEST1 ---------- */


#dest1 {
	position:relative;
}
#dest1 .foto, #dest1 .bg {
	height:24.2em;
}

.topfondodest1{
	margin:0.1em 0 0;
}

*+html .topfondodest1{
	margin:0.2em 0 0;
}

#dest1 .texto {
	width:32em;
	position:absolute;
	right:3em;
	top:5.6em;
}
#dest1 .texto .intro {
	float:left;
	width:19em;
}
#dest1 .texto .intro h2 {
	color:#f9171b;
	margin:0 0 0.5em 3.7em;
	font-weight:normal;
	font-size:1.2em;
}
#dest1 .texto .intro p {
	text-align:right;
	font-size:1.2em;
	line-height:1.5;
	padding:0 0.3em 0 0;
}

#dest1 .texto .titol {
	font-size:2em;
	line-height:1.2;
	display:block;
	font-weight:bold;
}
#dest1 .hora {
	float:left;
	width:8em;
	margin:9em 0 0 2.7em;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4;
}

*+html #dest1 .hora{
	line-height:0.8em;
	margin-top:8.8em;
}

* html #dest1 .hora{
	line-height:0.8em;
	margin-top:8.8em;
}

#dest1 .hora span {
	font-size:1.9em;
	font-weight:normal;
}

*+html #dest1 .hora span{
	line-height:2.1em;
}

* html #dest1 .hora span{
	line-height:2.1em;
}



/* --------- HOME MID ----------*/

#home_mid {
	background:url(../img/home_mid_bg.jpg) repeat-x top;
	margin-right:1.9em;
	overflow:hidden;
}

#destacats {
	margin:2em 0 2em 2em;
	overflow:hidden;
}
.caja_dest {
	float:left;
	position:relative;
	margin-right:1.8em;
}
.ultimo {margin-right:0!important;}
.caja_dest .bg {
	width:20.6em;
}
.caja_dest .texto {
	position:absolute;
	top:1em;
	left:0;
}

.caja_dest .texto p.resaltat {
	color:#f9171b;
	margin:0 0 0 1em;
	font-weight:normal;
	font-size:1em;
}
.caja_dest .texto .titol {
	display:block;
	font-size:1.4em;
	margin:0 0 0.6em 0.6em;
}
.caja_dest .texto img {
	width:19.2em;
}
.caja_dest .intro {
	width:10em;
	font-size:1.1em;
	margin:0.9em 0 0 0.9em;
	color:#3f3f3f;
	float:left;
}
.caja_dest .hora {
	float:left;
	width:5.8em;
	/*margin:4.6em 0 0 1.6em; en local se ve bien con margin y en servidor con padding*/
	padding:1.6em 0 0 0.4em;
	color:#fff;
	font-size:0.9em;
	line-height:1.2;
}

* html .caja_dest .hora{
	margin-left:0.5em;
}


/* programacio ------ */

.topmirat{
	margin:2em 2em 0;
	width:64.05em;
}

#programacio {
	margin:0 2em 2em;
	background-color:#fff;
	overflow:hidden;
	height:1%;
}

#programacio .bg {
	width:100%;
	height:2.2em;
}
#programacio h2 {
	font-size:1em;
	font-weight:normal;
	margin:0 0 1em 2em;
}
#programacio h2 span {
	color:#f9171b;
	font-weight:bold;
	font-size:1.5em;
	vertical-align:baseline;
}
.program_sec {    /* width:45%; cuando son dos columnas y no 3*/
	float:left;
	width:17.9em;
	margin:0 3em 0 1em;	
}
#programacio .titol {
	display:block;
	margin:-1.7em 0 1em 1.5em;
	color:#fff;
	font-size:1.1em;
}
*+html #programacio .titol {
	margin-top:-1.6em;
}
#programacio ul {
	margin:0 0 0 1em;
}
#programacio li {
	clear:both;
	overflow:hidden;
	margin-bottom:0.5em;
}
#programacio .hora {
	color:#f9171b;
	float:left;
}
#programacio .programa {
	float:left;
	margin-left:1em;
	width:70%;
	font-size:1.1em;
}


/* ---------- ENQUESTA i SOL_ENQUESTA------------ */

#enquesta, #sol_enquesta {
	margin-left:1.9em;
	background-color:#fff;
}

*+html #enquesta, *+html #sol_enquesta{
	margin-left:1.3em;
}

#enquesta .img_bottom, #sol_enquesta .img_bottom{
	width:19.5em;
	float:left;
}


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

.votar{
	width:9.5em;
}

.votar img{
	float:left;
	width:0.7em;
	margin:0.5em 0 0;
}

.votar a span{
	float:left;
	padding:0.1em .5em 0 0.4em;
	font-size:1.1em;
}

.votar a:hover span{
	text-decoration:underline;
}

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

#enquesta .enq_titol, #sol_enquesta .enq_titol{
	float:left;
	width:10em;
	margin:1.5em 0 0 -11em;
}

#enquesta .enq_titol h2, #sol_enquesta .enq_titol h2 {
	color:#f9171b;
	font-size:1.3em;
}

/*#enquesta .enq_titol a, #sol_enquesta .enq_titol a{
	font-size:1.1em;
}*/

#enquesta .pregunta, #sol_enquesta .pregunta {
	float:left;
	margin:1.5em 0 0 4em;
	width:42em;
	display:inline;
}

#enquesta .pregunta p {
	font-size:1.2em;
	margin-bottom:1em;
}

#sol_enquesta .pregunta p{
	font-size:1.2em;
	margin-bottom:1em;
}

#enquesta form .fila, #sol_enquesta form .fila{
	margin:0 0 1.2em 1em;
	float:left;
	display:inline;
}
*+html #enquesta form .fila, #sol_enquesta form .fila{
	margin:0 0 1em 1em;
}

#enquesta form .fila label, #sol_enquesta form .fila label{
	/*display:block;*/
	float:left;
	width:32em;
	font-size:1.1em;
	margin:0 0 0 0.5em;
}

*+html #enquesta form .fila label, *+html #sol_enquesta form .fila label{
	margin:0.3em 0 0 0.5em;
}

* html #enquesta form .fila label, * html #sol_enquesta form .fila label{
	margin:0.3em 0 0 0.5em;
}

#enquesta form .fila input, #sol_enquesta form .fila input{
	float:left;
}

* html #enquesta .pregunta form input.botovotar{
	height:2.2em;
	vertical-align:top;
}
	
#enquesta .bg, #sol_enquesta .bg{
	width:68em;
}

.padsuperior{
	padding-top:0.4em;
}

ul.resposta li{
/*	font-size:1.1em;*/
	display:inline;
	float:left;
	margin:0 0 1.2em;
}

ul.resposta li .porcentaje{
	margin-right:0.8em;
	text-align:right !important;
	width:3em;
	float:left;
	font-size:1.1em;
	font-weight:bold;
}

ul.resposta li .rodona{
	float:left;
	width:1.8em;
	margin-right:0.5em;
}

ul.resposta li .rodona img{
	width:1.3em;
}

ul.resposta li .textoresposta{
	float:left;
	font-size:1.1em;
	width:30em;
}

.tancar{
	float:right;
	width:8em;
	margin-right:1em;
}

.tancar img{
	float:left;
	width:2.7em;

}

.tancar a span{
	float:left;
	font-size:1.1em !important;
	padding:0.75em .5em 0 0.4em;
}

.tancar a:hover span{
	text-decoration:underline;
}


/* ---------- ENQUESTA i SOL_ENQUESTA------------ */

#dest_right {
	float:left;
	width:21.6em;
	margin:0 0 0 0em !important;
}

#dest_right #reproductor #flashcontentvid {margin-left: 8px;}