/* CSS Document */
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

abbr,acronym { border:0;
}



body{ font-family:Arial, Helvetica, sans-serif;}

.clear{ clear:both;}


#cont{ width:980px; margin:auto; }
#top{ width:980px; height:180px; background-image:url(../img/top.jpg); background-repeat:no-repeat; position:relative;}
#top2{ width:980px; height:140px; background-image:url(../img/content/top2.jpg); background-repeat:no-repeat; position:relative;}
#top2 h1{ font-size:50px; color:#59635F; position:absolute; top:33px; left:260px; font-weight:bold; }

#top .logo{ float:left; width:430px; height:150px; display:block;}
#top2 .logo{ float:left; width:260px; height:110px; display:block;}

#top .data{font-size:11px;  color:#666666; position:absolute; text-align:right; right:30px; top:130px; }
#top2 .data{font-size:11px; color:#666666; position:absolute; text-align:right; right:20px; top:10px;}


#home-left{ width:199px; float:left; padding-top:5px; margin-left:10px; }
	#box{ border:1px;  background-repeat:repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:0px; padding-bottom:0px; width:199px;}
		#box .inner{  width:199px; }
			#box .inner .btn{ background:#A0A0A0 url(../img/btn-left.jpg) left bottom repeat-x;color:#FFFFFF; height:25px; padding-top:5px; font-size:12px; display:block; text-decoration:none; padding-left:10px; font-weight:bold;}
			#box .inner a:hover{ text-decoration:underline;}
			#box .inner a{ color:#FF6600; text-decoration:none;}


			#box .inner h4{ text-align:center; color:#FFFFFF; text-transform:uppercase; display:block; font-size:12px; font-weight:bold;}
			
			#box .inner h4.butlleti{ 
			background-color:#F76E15; 
			padding:5px 10px;  
			}
			
			#box  .box-border			{
	border: 1px solid #CACACA;
}
			#box .inner .form-inner{ width:168px; margin:auto;font-size:12px; color:#5F6965; padding-top:12px; padding-bottom:12px; }
			
			#box .inner div#logotip-ajuntament {
			text-align:center;
			}
			
				#box .inner div#logotip-ajuntament a {
				color:#5F6966;
				font-weight:bold;
				text-decoration:none;
				display:block;
				margin-top:3px;
				}
				
				#box .inner div#logotip-ajuntament a:hover {text-decoration:underline}
			
			#box .inner .form-inner .input-form{ width:168px; height:22px; background-image:url(../img/form-input.jpg); background-repeat:no-repeat; margin-bottom:10px; } 
			#box .inner .form-inner .input-form input{  color:#666666;  width:165px; height:18px; margin-top:2px; margin-left:2px; ; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0px; border-color:#FFFFFF; border:none; }
			
						
		#home-left #box .bottom{background-image:url(../img/box-left-bottom.jpg); background-repeat:no-repeat; width:199px; height:12px; font-size:1px; font-size:1px; }
		
		#home-left .banner{display:block; background-image:url(../img/box-left-bottom.jpg); background-repeat:no-repeat; background-position:bottom; padding-bottom:12px;}
		
		
#home-center{ width:568px;  float:left; color:#5F6965; font-size:12px }
#home-center  h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#F76D14; margin-bottom:10px;font-weight:bold }
			
#home-center  h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#F76D14; margin-bottom:10px; }
#home-center  h3{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#666666; margin-bottom:10px; }
#home-center p{ margin-bottom:0.8em; margin-top:0.4em;}
#home-center  ul{ 	list-style:inside; list-style-type:disc; line-height:1.4em; margin-top:0.4em;}
#home-center  ul li ul li{ padding-left:12px;}


#home-center a{ color:#F76D14; text-decoration:none; font-weight:bold; }
#home-center a:hover{ text-decoration:underline; }

#home-center a:visited{ color:#954109}

	#home-center #box-center{ background-image:url(../img/box-middle-left-right.jpg); background-repeat:repeat-y; width:568px;}
	#home-center #box-center .top{ background-image:url(../img/box-middle-top.jpg); background-repeat:no-repeat;  width:568px; height:19px; font-size:7px; background-position:top;  }
	#home-center #box-center .inner{ width:504px; margin:auto; margin-top:10px; margin-bottom:7px;}
	#home-center #box-center .inner #description{ color:#5F6965; font-size:12px; padding-bottom:10px;padding-top:8px;}
	#home-center #box-center .inner #description h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:25px;  color:#F76D14; }
	#home-center #box-center .inner #promo{	width:504px;  position:relative}	
		#home-center #box-center .inner #promo .inner{ display:block;	width:484px; position:absolute; bottom:-6px; background-image:url(../img/pixel-trans-promo.png); height:50px; margin-left:1px; padding-top:8px; padding-left:10px; padding-right:10px; font-size:11px; color:#FFFFFF; text-decoration:none;} 
				#home-center #box-center .inner #promo .inner .title{ color:#FF9900; font-size:10px; margin-bottom:2px; 	}
	
	#home-center #box-center .inner #promo img{ border: 1px solid #FF6600;}
	
	#home-center #promo-banner{ width:568px;  margin:auto; background-image:url(../img/content/promo.jpg); background-repeat:no-repeat; height:122px;}
			#home-center #promo-banner .inner{ float:left; padding-left:88px; text-align:center;  width:446px; margin-top:20px; height:82px;}
		
				#home-center #promo-banner p {color:#FD1199; font-size:28px; font-family:Georgia, "Times New Roman", Times, serif;}
			
		#box-center .bottom{background-image:url(../img/box-middle-bottom.jpg); background-repeat:no-repeat; width:568px; height:20px; font-size:1px; font-size:1px; background-position:bottom; }
		
		div.tv-a-la-carta {
		padding:0 8px;
		overflow:hidden;
		}
			
			div.tv-a-la-carta h2 {
			background-color:#F76E15;
			font-weight:bold;
			padding: 5px 24px !important;
			margin:0 !important;
			color:white !important;
			font-size:100% !important;
			text-transform:uppercase;
			}
			
			div.tv-a-la-carta div.llistat-de-programes {
			padding:15px 1px 5px 23px;
			border:1px solid #CACACA;
			}
			
				div.tv-a-la-carta div.llistat-de-programes div.programa {
				width:153px;
				margin-right:22px;
				margin-bottom:10px;
				float:left;
				display:inline;
				}
				div.tv-a-la-carta div.llistat-de-programes div.programa-especial {
	margin-right:22px;
	margin-bottom:10px;
	display:block;
	padding:3px;
	border: 1px solid #F76E15;
	overflow: hidden; _display: inline-block;
				} 		
		div.tv-a-la-carta div.llistat-de-programes div.programa-especial .brcm-thumbnail{ float:left; margin-right:10px; }
		
		div.tv-a-la-carta div.llistat-de-programes div.programa-especial .brcm-date{ margin-top:5px; font-size:11px!important; margin-bottom:3px;}
				
				div.tv-a-la-carta div.llistat-de-programes div.programa a {
				font-weight:normal !important;
				font-size:91%;
				display:block;
				padding-top:5px;
				}
			
		#box-center .tornar	{ float:right; font-size:10px; background-image:url(../img/mini-arrow-left.jpg); background-repeat:no-repeat; background-position:left; padding-left:15px;}
		#box-center .item{ font-size:11px;}
		#box-center .item .data{ color:#5F6866; font-size:10px;}
		#box-center .item .title{ color:#F76D14; font-size:12px; font-weight:bold; margin-bottom:0.3em; }
		#box-center .item .title-big{ font-size:13px; margin-bottom:0.3em;  font-weight:bold; color:#F76D14;  }
		#box-center .item .title a{ color:#F76D14; font-size:12px; font-weight:bold; text-decoration:none; }
		#box-center .item .title a:hover{  text-decoration:underline; }
		#box-center .item .text{ }
		 #box-center .item .text-big{ color:#5F6965; font-size:12px;}

		
		#box-center .photo{ float:left; margin-right:8px; padding-bottom:15px; }
		#box-center .photo2{ float:right; margin-left:8px; padding-bottom:15px; }
		#box-center .photo-center{ margin:auto; padding-bottom:15px; }


		#box-center .photo-right{ float:right; padding-bottom:15px;  }
		#box-center .photo-left{ float:left; padding-bottom:15px;  }
		#box-center .photo-cont{ float:right; margin-left:8px;}
		
		#box-center .photo-cont div.photo div.peu-de-foto {width:160px;}
		
		#box-center .photo-cont-left{ float:leftt; margin-right:8px;}

		#box-center	 .photo-inner{border: 1px solid #CCCCCC; padding:2px;}
		
		
		#box-center .cont-field{ float:left;   background-color:#EAEAEA;border: 1px solid #999999; margin-top:0.3em; margin-bottom:0.3em; }
		#box-center .cont-field2{ float:left;   background-color:#FFF4EC; border: 1px solid #F76E15;margin-top:0.3em; margin-bottom:0.3em;}
		#box-center	.field{ padding:7px; }
		
		#box-center div.valor input,
		#box-center div.valor textarea {
		border: 1px solid #CCCCCC; 
		color:#666666;  
		padding:2px;
		font-size:inherit;
		font-family:inherit;
		}
		
		#box-center div.accions input {
		
		border:none;
		color:#FFFFFF;
		padding:5px 10px;
		font-size:1.2em;
		font-family:inherit;
		font-weight:bold;
		
		cursor:pointer;
		background-color:#F76E15;
		}
	
	
	#box-center div.accions input:hover{ background-color:#FF9900; color:#FFFFFF;  }
	
	
	#box-center .bnt-form1{
	padding:5px;
	font-weight:bold;

	height:auto;
	margin-top:8px;
	color: #FFFFFF;
	background-color: #333333;
	border: 1px solid #666666;
}
	
		#box-center .input-reset{ height:auto;}
	
	#box-center .feed{ background-image:url(../img/icona-rss.gif); background-repeat:no-repeat; background-position:left; padding-left:17px; line-height:1.9em;}
	
	.bnt-form1{}

		
		
		#box-center .separador{ height:1px; background-color:#CCCCCC; font-size:1px; clear:both; margin-top:15px; margin-bottom:15px;  }
	
		#box-center #paginador{ background-color:#F3F3F3; height:24px; padding-top:9px; color:#333333; font-size:11px; padding-left:10px; padding-right:10px; text-align:center;}
		 #box-center #paginador a{ font-weight:bold; color:#333333; text-decoration:none;}
		 #box-center #paginador a:hover{ color:#FF3300; }
		
		#box-center .left{ float:left;}
		#box-center .right{ float:right;}
		
		
		
#destacat-cont { /* destacat de la portada */
padding:0 8px;
margin-top:5px;
}

	#destacat-cont h2 {
	background-color:#F76E15;
	font-weight:bold;
	padding: 5px 24px !important;
	margin:0 !important;
	color:white !important;
	font-size:100% !important;
	text-transform:uppercase;
	}
	
	#destacat-cont div.noticia-destacada {
	padding:5px 24px;
	border:1px solid #CACACA;
	font-size:91%;
	}
	
		#destacat-cont div.noticia-destacada .data-destacat {
		font-size:91%;
		color:black;
		}
	/*
.data-destacat{font-size:10px; color:#FFFFFF; height:23px; padding-top:7px; background-color:#F96D15; padding-right:8px; padding-left:8px; float:left; margin-right:5px; }
#destacat-cont a{ font-weight:normal; font-size:11px; color:#333333;}
*/



#home-right{ width:190px; float:left; padding-top:5px;  }
	#home-right #box{ font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:0px; padding-bottom:0px;   width:190px;}
		#home-right #box .inner{  width:190px; }
			
			#home-right #box .inner a:hover{ text-decoration:underline;}
			
			#home-right #box .inner h4{ text-align:center; color:#FFFFFF; text-transform:uppercase; display:block; font-size:12px; font-weight:bold;}
			#home-right #box .inner h4.noticies{ background-color:#F76E15; padding-top:5px;  }

			
			#home-right  #box .inner  .decoration-list1{ display:block; background-color:#EAEBEA; padding:7px;color:#FF8300; font-weight:bold;  } 
			
			#home-right  #box .inner  .decoration-list2 { 
			display:block; 
			background-color:#FFFFFF; 
			padding:7px 7px 7px 17px;
			color:#FF8300; 
			font-weight:bold;  
			background:#FFFFFF url(../img/bullet_arrow_down.gif) 7px 10px no-repeat;
			} 
			
			#home-right  #box .inner ul ul .decoration-list2 {
			font-weight:normal;
			padding:3px 0 3px 17px;
			background-position:7px 7px;
			}
			
			#home-right  #box .inner ul li ul li{ padding-left:10px; color:#000000; }


			
			#home-right  #box .inner  ul li a{ color:#5F6966; text-decoration:none; }

			

#top-print{ display:none; margin:auto;}


			
			
			#home-right #box .inner .form-inner{ width:168px; margin:auto;font-size:12px; color:#5F6965; padding-top:12px; padding-bottom:12px; }
			#home-right #box .inner .form-inner .input-form{ width:168px; height:22px; background-image:url(../img/form-input.jpg); background-repeat:no-repeat; margin-bottom:10px; } 
			#home-right #box .inner .form-inner .input-form input{  color:#666666;  width:165px; height:18px; margin-top:2px; margin-left:2px; ; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0px; border-color:#FFFFFF; border:none; }
			
						
		#home-right #box .bottom{ width:190px; background-image:url(../img/box-right-bottom.jpg); height:12px; font-size:1px; font-size:1px;}
		
		
		
		.pegatina-right{ position:absolute; right:0px;}
		
		
		
		
		
		#bottom{ background-image:url(../img/bottom-middle.jpg); background-repeat:repeat-x; height:47px; }
				#bottom .inner1{ background-image:url(../img/bottom-left.jpg); height:47px;  background-repeat:no-repeat; background-position:left; background-color:none;}			
				
				#bottom .inner2 { background-color:none; background-image:url(../img/bottom-right.jpg); background-repeat:no-repeat; background-position:right; height:37px; padding-top:10px; padding-left:20px;  padding-right:20px; font-size:11px; color:#666666;   }
				
				#bottom a{ color:#FF6600; text-decoration:none; font-weight:bold; }
				
				#bottom a:hover{ text-decoration:underline;}
		



.clear{ clear:both; }


#menu .btn-menu a:hover{ color:#323A16;}

#menu{ position:absolute; right:0; bottom:9px;  padding-right:12px; }
#top2 #menu{ position:absolute; right:0; bottom:9px;  padding-right:12px; }

	 #menu .btn-menu{ background-image:url(../img/menu-top.jpg); background-repeat:repeat-x; background-position:top; float:right; font-size:12px; color:#FFFFFF; position:relative; width:120px; height:20px;text-align:center;}
	 
		 #menu .btn-menu .inner1{ background-image:url(../img/menu-top-left.jpg); background-position:left top; background-repeat:no-repeat;}
		 #menu .btn-menu .inner2{ background-image:url(../img/menu-top-right.jpg); background-position:right top; background-repeat:no-repeat;  height:20px; }
		 #menu .btn-menu .inner3{  height:16px; margin-left:19px; margin-right:19px; font-size:12px; padding-top:3px;}
		 	
		 #menu .btn-menu ul li{ line-height:normal; margin-bottom:0px; margin-top:0px;   }

		 #menu .btn-menu .desplegable{position:absolute; left: 0; top:19px; right:0;  padding-left:5px; padding-right:5px;    }
		
		#menu .btn-menu .desplegable-inner{background-color:#9EB439; padding-top:5px;display:none;height:1%}
		
		 #menu .btn-menu .desplegable a { display:block; padding-top:5px; padding-bottom:5px; color:#FFFFFF; font-size:11px; padding-left:5px; text-decoration:none; text-align:center;}
		
		 #menu .btn-menu a{ color:#FFFFFF; text-decoration:none;}
		
		 #menu .btn-menu .desplegable a:hover{ background-color:#B7C76B;}
		
		 #menu .btn-menu .btn-menu-bottom{   margin-left:-5px; margin-right:-5px; background-image:url(../img/menu-bottom-right.png); background-repeat:no-repeat; background-position:right top; height:8px; padding-right:9px;font-size:8px;  }
		 #menu .btn-menu .btn-menu-bottom .inner1{background-image:url(../img/menu-bottom-left.png);background-repeat:no-repeat; background-position:left top;  font-size:8px; padding-left:9px;}
		#menu .btn-menu .btn-menu-bottom .inner2{ background-image:url(../img/menu-bottom.png); background-repeat:repeat-x;  height:8px; font-size:8px; background-position:top; padding-left:5px; padding-right:5px; }





.gestor-link a{color:#666666; text-decoration:none;  }
.gestor-link{ font-size:10px; padding-left:10px; padding-bottom:5px; padding-top:12px; color:#666666;}


.video{ 
z-index: 1; }



/*********************************************
mòdul graella
*********************************************/

div.dia-seleccionat h3 {
padding-bottom:5px;
border-bottom:1px solid #5F6965;
}

table.graella {
width:100%;
}

table.graella td {
vertical-align:top;
}

table.graella td.hora {
width:45px;
padding:6px 0;
text-align:left;
}

table.graella td.tipus-programa {
width:60px;
text-align:center;
}

table.graella div.programa {
border:1px solid #CCCCCC;
margin-bottom:5px;
padding:5px;
position:relative;
}

	table.graella div.programa div.nom {
	font-weight:bold;
	margin-right:27px;
	}
	
	table.graella div.programa div.descripcio {
	display:none;
	}
	
	table.graella div.programa.amb-descripcio div.descripcio {
	display:block;
	margin-top:10px;
	margin-right:27px;
	font-size:91%;
	line-height:145%;
	}

	table.graella div.programa span.mostrar-amagar-descripcio {
	position:absolute;
	right:5px;
	top:5px;
	height:17px;
	width:17px;
	text-align:center;
	line-height:17px;
	color:white;
	cursor:pointer;
	background:transparent url(../img/fons-icona-veure-mes.jpg) 0 0 no-repeat;
	}

/*********************************************
mòdul programes
*********************************************/

div#box-center-big {
width:756px;
float:left;
color:#5F6965;
font-size:12px;
}

div#box-center-big div.caixa-principal {
float:left;
background:white url(../img/fons-box-center-big-middle.jpg) 0 0 repeat-y;
color:#5F6965;
font-size:12px;
}

	div#box-center-big div.caixa-principal div.envoltori-1 {
	background:transparent url(../img/fons-box-center-big-top.jpg) top left no-repeat;
	float:left;
	}
	
	div#box-center-big div.caixa-principal div.envoltori-2 {
	background:transparent url(../img/fons-box-center-big-bottom.jpg) bottom left no-repeat;
	padding:20px 32px 25px 32px;
	width:692px;
	float:left;
	}
	
	div.brcm-edition div.brcm-video {
	float:left;
	width:504px;
	}
	
	div.brcm-edition div.brcm-video-information {
	width:180px;
	float:right;
	font-size:11px;
	}
	
div#box-center-big div.caixa-secundaria {
margin-left:8px;
padding-bottom:15px;
background:transparent url(../img/fons-caixa-secundaria.jpg) center bottom no-repeat;
}

	div#box-center-big div.caixa-secundaria h2 {
	background-color:#F76E15;
	font-weight:bold;
	padding: 5px 15px !important;
	font-size:12px;
	margin:0 !important;
	color:white;
	text-transform:uppercase;
	}

	div.brcm-list-of-past-editions {
	border:1px solid #CACACA;
	padding:14px 14px 1px 14px;
	}
	
		div.brcm-list-of-past-editions div.brcm-edition {
		float:left;
		padding:3px;
		border:1px solid white;
		width:120px;
		margin:0 15px 15px 0;	
		font-size:11px;	
		}
		
			div.brcm-list-of-past-editions div.brcm-edition.brcm-current-edition {
			border-color:#F76E15;
			color:#F76E15;
			}
			
			div.brcm-list-of-past-editions div.brcm-edition div.brcm-thumbnail {
			margin-bottom:5px;
			}
			
			div.brcm-list-of-past-editions div.brcm-edition a {
			color:#5F6966;
			text-decoration:none;
			}
			
				div.brcm-list-of-past-editions div.brcm-edition.brcm-current-edition a {
				color:#F76E15;
				}


/* mòdul comentaris */
div.brcm-make-comment input,
div.brcm-make-comment textarea {
font-size:inherit;
font-family:inherit;
}

div.brcm-make-comment textarea {
height:100px;
}


.veuren-mes{ margin-top:3px; margin-bottom:2px; margin-left:5px; background-image:url(../imatges/veuren-mes.jpg); background-repeat:no-repeat; width:100px; height:17px; color:#FFF!important; padding-left:15px!important; cursor:pointer;}