/*************************************************************
*					CSS de rtvelvendrell.com
*             Eduard Pinuaga para INNOVATION STUDIO
*					www.timeforinnovation.com
**************************************************************/



/**************************************
*		TICS CONTROL
**************************************/
.cr {border:1px solid #ff0000;}
.cr1 {border:1px solid #999999;}
.cr2 {border:1px solid #1f36e0;}
.cr3 {border:1px solid #1fe048;}




/**************************************
*		GENERALES
**************************************/

* {
padding : 0;
margin : 0;
z-index : 1;
border: 0;

}

body
	{
	font-family:  verdana, sans-serif;;
	font-size: 0.75em;
	Background-color:#e0f2f7;
	color:#000000;

	}

	h1 {
	letter-spacing: 1px;
	font-family:  verdana, sans-serif;
	font-size: 1.3em;
	}
	h2 {font-size: 17px;}
	h3 {font-size: 16px;}
	h4 {font-size: 15px;}
	h5 {font-size: 14px;}
	h6 {font-size: 13px;}

/*
ul {list-style-type: none;}
li {display: inline;}
*/
.negrita {font-weight:bold;}
.negrita2 {
	font-weight:bold;
	text-align:left;
}

hr {
	margin-top:10px;
	margin-bottom:20px;
	border:1px solid #cccccc;
	}

.invisible
	{border:1px solid #ffffff;}

.azul
	{color:#0379b6;}

.rojo
	{color:#d40707;}

.azul2
	{
	color:#0379b6;
	font-weight:bold;
	}
.negro
	{
	font-weight:normal ;
	color:#000000;
	}

.gris
	{background-color:#ddeef7;}

.gris2
	{background-color:#cae0ec;}

.gris3
	{background-color:#e2ecf2;}

.linea_historia
	{padding-bottom:50px;}

.mano
	{cursor:pointer;}

.centratxt
	{text-align:center;}

.dretatxt
	{text-align:right;}

.esquerratxt
	{text-align:left;}

.espacior
	{margin-left:5px;}

.marco
	{border:3px solid #059fef;}
.marco2
	{border:2px solid #b3d8e6;}
.marco3
	{
	margin-right:10px;
	border:2px solid #b3d8e6;}


/**************************************
*		BOTONS
**************************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
	background: transparent url('../imatges/square-gray-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 12px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
	color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../imatges/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}




/**************************************
*		IMG
**************************************/

.img_home
	{
	background-image:url(../imatges/imghome.png);
	background-repeat: no-repeat;
	background-position: top right;
	}
.img_radio
	{
	background-image:url(../imatges/imgradio.png);
	background-repeat: no-repeat;
	background-position:top right;
	}
.img_tele
	{
	background-image:url(../imatges/imgtele.png);
	background-repeat: no-repeat;
	background-position: top right;
	}
#cudro_img_colabora
	{
	padding-left:50px;
	width:100%;

	}
/**************************************
*		CAPAS PRINCIPALS
**************************************/
.titolProgramaActual {
	font-weight:bold;
	font-size:14px;
	color:#006600;
}
.titolProgramaSeguent {
	font-weight:bold;
	font-size:14px;
	color:#993300;
}



#bigcont {
	margin-top:10px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
}

#continente {
	margin-bottom:25px;
	float:left;
	background-color:#ffffff;
	width:900px;
	border:1px solid #BABABA;
	}

#cap {
	float:left;
	width:900px;
	height: 128px;
	}

#menus
	{
	float:right;
	width:750px;
	}

#logo
	{
	float:left;
	width:100px;
	}

#caja_fecha
	{
	margin-top:20px;
	margin-right:45px;
	width:400px;
	clear:both;
	float:right;
	}



#columna_derecha
	{
	padding-left:25px;
	position:relative;
	float:right;
	clear:right;
	height:auto;
	width:200px;;
	border-left:1px dashed #cccccc;
/*	border:#000000 1px solid; */
	}

#columna_izquierda
	{
	height:auto;
	float:left;
	width:637px;;
	}

#banner_programa
	{
	margin-top:10px;
	margin-bottom:50px;
	padding-right:20px;
	padding-left:20px;
	}

#banner_2cuadros
	{
	position:relative;
/*	width:587px;                     Originalmente valía 637  */
	width:610px;
	margin-bottom:50px;
	padding-right:25px;
	padding-left:25px; 
/*	margin-right:25px;
	margin-left:25px; */
	/*text-align:center;*/
/*	border:#333333 1px solid; */
	float:inherit;
	clear:both;
	}
#banner_parrilla
	{
	position:relative;
	width:610px;
	float:none;
	}

#cuadro_iz
	{
	float:left;
	text-align:right;
	}

#cuadro_centro
	{
	padding-left:25px;
	/*text-align:center;*/
	margin-left:20px;
	}

#cuadro_centro_alacarta
	{
	padding-left:25px;
	/*text-align:center;*/
	margin-left:20px;
	width:800px;
	}

#cuadro_centro_tele
	{
	padding-left:5px;
	/*text-align:center;*/
	margin-left:5px;
	/*border:#000000 1px solid;*/
	float:left;
	width:100%;
	}

#cuadro_centro_codigo
	{
	margin-left:100px;
	clear:both;
	float:left;
	width:450px;
	padding-left:25px;
	text-align:left;
	}
#cuadro_centro_programas
	{
	float:left;
	padding-left:25px;
	margin-bottom:70px;
	}
#credits
	{
	width:100%;
	margin-top:20px;
	float:left;
	color:#0379b6;


	}
#cuadro_de
	{
	float:right;
	text-align:right;
	}

#cuadro_iz_secciones
	{
	width:275px;
	float:left;
	}

#cuadro_de_secciones
	{
	text-align:justify;
	width:325px;
	float:right;
	}

#noticias
	{
	margin-top:35px;
	width:637px;
	float:left;
	padding-right:25px;
	padding-left:25px; 
	}

#noticias_cap
	{
	width:100%;
	height:51px;
	background-image:url(../imatges/cap_noticies.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}

#noticias_sugeriment
	{
	width:100%;
	height:70px;
	background-image:url(../imatges/sug_form.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
#noticias_contacte
	{
	width:100%;
	height:70px;
	background-image:url(../imatges/contacte.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
#noticias_colabora
	{
	width:100%;
	height:70px;
	background-image:url(../imatges/col_form.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}

#noticias_cos
	{
	width:100%;
	background-position: top;
	background-image:url(../imatges/lateral_noticies.jpg);
	background-repeat: repeat-y;
	}

#noticias_peu
	{
	width:100%;
	height:41px;
	background-image:url(../imatges/peu_noticies.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	}

.txt_noticias
	{
	text-align:justify;
	padding:18px;
	}


#temps_petit
	{
	float:right;
	padding-top:3px;
	padding-left:10px;
	padding-right:29px;
	margin-right:0px; 

	width:160px;
	height:68px;
	background-image:url(../imatges/temps_caja.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
	}

#parrilla
	{
	width:170px;
	padding-right:29px;
	min-height:100%;
	height:100%;
	}

#parrilla_cap
	{
	width:100%;
	height:17px;
	background-image:url(../imatges/parrilla_cap.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}

#parrilla_cos
	{
	width:100%;
	background-position: top;
	background-image:url(../imatges/parrilla_cos.jpg);
	background-repeat: repeat-y;
	}

#parrilla_peu
	{
	width:100%;
	height:15px;
	background-image:url(../imatges/parrilla_peu.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	margin-bottom:50px;
	}
.txt_parrilla
	{
	font-size: 0.9em;
	text-align:justify;
	padding:3px;
	padding-left:9px;
	}



.rss
	{
	float:right;
	padding-right:18px;
	}


#paginador_peu
	{
	width:100%;
	height:41px;
	/*background-image:url(../imatges/peu_noticies.jpg);*/
	background-image:url(../imatges/lateral_noticies.jpg);
	background-repeat: repeat-y;
	}
#paginador_cos
	{
	width:100%;
	background-position: top;
	background-image:url(../imatges/lateral_noticies.jpg);
	background-repeat: repeat-y;
	}

.paginador
	{
	float:none;
	padding-right:18px;
	padding-left:18px;
	}






#peu
	{

	float:left;
	background-color:#ffffff;
	width:100%;
	padding-bottom:10px;
	}

.peu_fons
	{
	background-color:#62bd1a;
	padding-top:10px;
	height:25px;
	margin-top:30px;
	background-image:url(../imatges/direccion-radio-television2.png);
	background-repeat: no-repeat;
	background-position:center;
	}

.peu_estil
	{
	font-size:0.9em;
	color:#ffffff;
	width:60%;
	padding-left:30px;
	}

.peu_menu
	{clear:both;
	float:right;
	width:35%;
	}

#banner_temps
	{
	width:528px;
	float:left;
	margin-left:70px;
	margin-bottom:50px;
	}

#deco_seccions
	{
	height:78px;
	width:640px;
	float:left;
	margin-top:10px;
	margin-bottom:50px;
	padding-right:20px;
	padding-left:20px;
	}
#deco_programa
	{
	height:200px;
	width:200px;
	float:left;

	}
#txt_programa
	{
	/* margin-left:25px; */
	width:380px;
	float:left;

	}
.img-temps
	{
	background-image:url(../imatges/temps-cap.png);
	background-repeat: no-repeat;
	background-position:center;
	}

.img-faq
	{
	background-image:url(../imatges/preguntes.jpg);
	background-repeat: no-repeat;
	background-position:center;
	}

.img-mapa
	{
	background-image:url(../imatges/mapa.jpg);
	background-repeat: no-repeat;
	background-position:center;
	}

.img-publicitat
	{
	background-image:url(../imatges/publicitat.jpg);
	background-repeat: no-repeat;
	background-position:center;
	}

.img-historio
	{
	background-image:url(../imatges/temps-cap.png);
	background-repeat: no-repeat;
	background-position:center;
	}

.img-historia
	{
	background-image:url(../imatges/historia.jpg);
	background-repeat: no-repeat;
	background-position:center;
	}

.img-programes-radio
	{
	background-image:url(../imatges/programes_r.jpg);
	background-repeat: no-repeat;
	background-position:center;
	}

.img-programes-tele
	{
	background-image:url(../imatges/programes_t.jpg);
	background-repeat: no-repeat;
	background-position:center;
	}

.img-installacions
	{
	background-image:url(../imatges/cap_installacio.jpg);
	background-repeat: no-repeat;
	background-position:center;
	}

.img-collabora
	{
	background-image:url(../imatges/cap_collabora.jpg);
	background-repeat: no-repeat;
	background-position:center;
	}

.img-contacte
	{
	background-image:url(../imatges/contacte.jpg);
	background-repeat: no-repeat;
	background-position:center;
	}

.img-equip
	{
	background-image:url(../imatges/equip.jpg);
	background-repeat: no-repeat;
	background-position:center;
	}

.datos_tiempo
	{
	height:121px;
	width:528px;
	float:left;
	margin-left:70px;
	margin-bottom:10px;
	background-image:url(../imatges/taulabuida.png);
	background-repeat: no-repeat;
	background-position:center;
	}

.txt_temps
	{
	height:100%;
	width:615px;
	float:left;
	margin-top:10px;
	margin-bottom:50px;
	padding-right:30px;
	padding-left:45px;
	text-align:justify;
	}

.caja_secciones
	{
	height:100%;
	width:620px;
	float:left;
	margin-top:10px;
	margin-bottom:50px;
	padding-right:20px;
	padding-left:20px;
	}

#banner_auto
	{
	width:640px;
	float:left;
	margin-left:20px;
	margin-bottom:25px;
	}

#banner_centro
	{
	text-align:center;
	width:640px;
	float:left;
	margin-left:20px;
	margin-bottom:50px;
	}

.codigo
	{
	color: #0379b6;
	padding:15px;
	margin:auto;
	border:1px solid #286889;
	}

/**************************************
*		MENU PRINCIPAL
**************************************/

#menu_principal2
	{
	clear:both;
	float:left;
	width:100px;
	border:1px solid #ccc8bd;
	background-color:#ffffff;
	float:left;
	}

#menu_principal2 a
	{
	display:block;
	text-decoration:none;
	text-align:left;
	color:#0379b6;
	}

#menu_principal2  a:hover
	{
	background-color:#cde0ef;
	color:#0379b6;
	}

.menu_principal2_donde
	{
	display:block;
	text-decoration:none;
	text-align:left;
	color:#0379b6;
	}


#menu_principal3
	{
	clear:both;
	float:left;
	width:100px;
	border:1px solid #ccc8bd;
	background-color:#ffffff;
	float:left;
	}

#menu_principal3 a
	{
	display:block;
	text-decoration:none;
	text-align:left;
	color:#0379b6;
	}

#menu_principal3  a:hover
	{
	background-color:#cde0ef;
	color:#0379b6;
	}

.menu_principal3_donde
	{
	display:block;
	text-decoration:none;
	text-align:left;
	color:#0379b6;
	}




#menu_principal
	{
	width:750px;
	margin-top:50px;
	list-style:none;
	}

#menu_principal li
	{
	margin-right:20px;
	padding:0px;
	float:left;
	}

#menu_principal li a
	{
	border:1px solid #ffffff;
	padding:4px;
	display:block;
	/*margin-right:20px;*/
	text-decoration:none;
	text-align:left;
	color:#000000;
	}

#menu_principal li a:hover
	{
	border:1px solid #ccc8bd;
	color:#000000;
	background-color:#cde0ef;
	}

.menu_principal_donde
	{
	display:block;
	text-decoration:none;
	text-align:center;
	color:#0379b6;
	}

/**************************************
*		MENU DERECHA
**************************************/
.menu_peu
	{
	font-family: arial;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	padding-left:15px;
	}

.menu_peu:hover
	{
	font-family: arial;
	color:#d0eafa;
	font-weight:bold;
	text-decoration:none;
	}

/**************************************
*		MENU PEU
**************************************/
.menu_peu
	{
	font-family: arial;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	padding-left:15px;
	}

.menu_peu:hover
	{
	font-family: arial;
	color:#d0eafa;
	font-weight:bold;
	text-decoration:none;
	}

/**************************************
*		BOTO TEMPS PETIT
**************************************/
.temps_petit
	{
	font-size:1.2em;
	font-family: arial;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	padding-left:15px;
	}

.temps_petit:hover
	{
	font-family: arial;
	color:#0379b6;
	font-weight:bold;
	text-decoration:none;
	}

/**************************************
*		BOTO TXT
**************************************/
.txt_petit
	{
	font-family: arial;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}

.txt_petit:hover
	{
	font-family: arial;
	color:#0379b6;
	font-weight:bold;
	text-decoration:none;
	}

/**************************************
*		CAPAS SECUNDARIAS
**************************************/

.des {
	padding:2px;
	width:70px;
	margin-top:-28px;
	margin-left:0px;
	position:absolute;
	border:1px solid #0379b6;
	border-top:1px solid #cccccc;
	}

.tabla_des2
	{
	padding:2px;
	width:85px;
	margin-top:-28px;
	margin-left:0px;
	position:absolute;
	border:1px solid #0379b6;
	border-top:1px solid #cccccc;
	}

.imgs_de {float:right;}

.imgs_iz
	{ float:left;}

.imgs_centro
	{ text-align:center; }

.espaciotop
	{margin-top:15px;}

.espaciobottom
	{margin-bottom:15px;}
/**************************************
*		TABLAS
**************************************/

table.temps
	{width:150px;}

table.temps_gran
	{
	margin-top:13px;
	width:528px;
	}

td.mati
	{
	text-align:center;
	height:30px;
	width:85px;
	}

td.tarda
	{
	text-align:center;
	height:30px;
	width:65px;
	}

td.temp
	{
	padding-left:5px;
	height:15px;
	width:130px;
	}

td.humi
	{
	height:15px;
	width:90px;
	}

td.mati
	{height:30px;}

td.temps_mas
	{
	height:2px;
	text-align:center;
	padding-top:4px;
	padding-right:10px;
	}

td.temps_centro
	{text-align:center;}
td.formulari_opciones
	{
	text-align:left;
	padding-left:18px;
	}
/*******************
*	Tabla equipo
******************/
td.cargo
	{
	vertical-align:top;
	padding:3px;
	}
td.nomtabla
	{
	width:100px;
	padding:3px;
	}

td.mailtabla
	{padding:3px;}

/*******************
*	Tabla estudi
******************/
td.dato
	{
	vertical-align:top;
	padding:5px;
	padding-bottom:15px;
	}

table.estudi
	{border:1px solid #e2ecf2;}

td.nomtabla_estudi
	{
	font-weight:bold;
	vertical-align:top;
	text-align:right;
	width:200px;
	padding:3px;
	padding-bottom:15px;
	}

td.titular_studi
	{
	text-align:center;
	padding:25px;
	}

ol.c
	{
	color:#ff0000;
	list-style-type:decimal;
	}

li.c
	{list-style-type:decimal;}

/*******************************
* Tabla Programacio Ràdio y Televisió
*
*******************************/
table.programacio
	{
	border-top:1px solid #999999;
	border-collapse: collapse;
	padding:4px;
	width:95%;

	}
td.dies
	{

	width:33%;
	font-weight:bold;
	padding:4px;
	background-color:#cae0ec;
	text-align:left;
	border-bottom:1px solid #000000;
	}
td.hora
	{
	color:#517388;
	font-size: 11px;
	padding:4px;
	width:5%;
	}

tr.espai
	{
	background-color:#ffffff;
	height: 15px;
	}

td.espai
	{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	}
td.espaifin
	{
	border-top:1px solid #999999;

	}
td.linea_der
	{
	border-right:1px solid #999999;
	}
td.linea_izq
	{
	border-left:1px solid #999999;
	}
tr.programacio-contenido
	{
	font-size: 10px;
	background-color:#e2ecf2;
	padding:4px;
	text-align:left;
	}

tr.programacio-contenido2
	{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	font-size: 10px;
	background-color:#f4fafe;
	padding:4px;
	text-align:left;
	}

/*******************************
* Tabla Programes Ràdio y Televisió
*
*******************************/
table.programes
	{
	border:1px solid #999999;
	border-collapse: collapse;
	padding:4px;
	width:85%;
	}

td.nom
	{
	vertical-align:top;
	color:#517388;
	font-size: 11px;
	padding-left:15px;
	padding-top:10px;
	width:180px;
	}
td.nomseleccion
	{
	vertical-align:top;
	color:#c91212;
	font-size: 11px;
	padding-left:15px;
	padding-top:10px;
	width:100px;
	}
td.descripcion
	{
	vertical-align:top;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:15px;
	}
.tema2
	{
	font-weight:bold;
	color:#2083c0;
	}
.des2
	{
	color:#22597b;
	}

.tema2seleccion
	{
	font-weight:bold;
	color:#c91212;
	}
.des2seleccion
	{
	color:#c91212;
	}
td.enlace
	{
	text-align:center;
	padding:4px;
	}

tr.programes-contenido
	{
	font-size: 10px;
	background-color:#e2ecf2;
	padding:4px;
	text-align:left;
	}

tr.programes-contenido2
	{
	font-size: 10px;
	background-color:#f4fafe;
	padding:4px;
	text-align:left;
	}

/*******************************
* Tabla Temps
*
*******************************/
table.temps2
	{
	border:1px solid #999999;
	border-collapse: collapse;
	padding:4px;
	width:95%;
	}

td.titulo-temps
	{


	font-weight:bold;
	padding:4px;
	background-color:#cae0ec;
	text-align:center;
	border-bottom:1px solid #000000;
	}



tr.temps-contenido
	{


	background-color:#e2ecf2;
	padding:10px;
	text-align:center;
	}

tr.temps-contenido2
	{
	font-size: 10px;
	background-color:#f4fafe;
	padding:4px;
	text-align:left;
	}

/*******************************
* Capas invisibles para menu desplegable
*
*******************************/

#des_principal
	{
	  text-align:left;
	  height:22px;
	  width:80px;
	}

#des_submenu
	{
	position:absolute;
	width:300px;
	visibility:hidden;
	}

#des_principal2
	{text-align:left;
	 height:22px;
	 width:88px;
	}

#des_submenu2
	{
	position:absolute;
	width:300px;
	visibility:hidden;
	}

#des_principal3
	{text-align:left;
	 height:22px;
	 width:83px;
	}

#des_submenu3
	{
	position:absolute;
	width:300px;
	visibility:hidden;
	}

.capmenu_mapa2
	{
	clear:both;
	float:left;
	color:#999999;
	font-weight:bold;
	margin-top:20px;
	}

#Menu_mapa
	{
	clear:both;
	float:left;
	margin-bottom:25px;
	}

.des_deco
	{
	text-decoration: none;
	border-bottom:1px solid #ccc8bd;
	}

.des_deco2
	{
	text-decoration: none;
	color:#000000;
	width:100px;
	clear:both;
	float:left;
	padding:4px;
	margin-bottom:3px;
	border:1px solid #ffffff;
	}

.des_deco2:hover
	{
	color:#000000;
	background-color:#cde0ef;
	border:1px solid #ccc8bd;
	}

#formulari
	{
	width:100%;
	}
.td_top
	{
	padding:4px;
	text-align:right;
	vertical-align:top;
	}

.formulari
	{
	color:#cccccc;
	padding:3px;
	border:1px solid #cccccc;
	}

.preguntes
	{color:#2ec0db;}
.mapa_caja_corta
	{
	margin-bottom:10px;
	margin-right:20px;
	float:left;
	width:30%;
	}

.mapa_caja_larga
	{
	padding:5px;
	clear:both;
	margin-top:10px;
	width:100%;
	border:1px solid #ccc8bd;
	background-color:#cde0ef;
	}

.mapa_caja_larga2
	{
	margin-bottom:20px;
	clear:both;
	height:5px;
	margin-top:10px;
	width:100%;
	border:1px solid #ccc8bd;
	background-color:#cccccc;
	}

.capmenu_mapa
	{
	border:1px solid #ccc8bd;
	background-color:#cde0ef;
	clear:both;
	float:left;
	padding:4px;
	}

.encendido
	{
	border:1px solid #ccc8bd;
	color:#000000;
	background-color:#cde0ef;
	}
/***********************************************
* Enlaces Noticias
************************************************/

.enlacenoticias
	{
	text-decoration:none;
	color:#0379b6;
	}
.enlacenoticias:hover
	{
	text-decoration:none;
	color:#4fbcf5;
	}
.enlacenoticias2
	{
	text-decoration:none;
	color:#0379b6;
	}
.enlacenoticias2:hover
	{
	text-decoration:none;
	font-weight: bold;
	color:#4fbcf5;
	}