html,body {height:100%}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:76%;
color:#333333;
background-color:#E0E0E0;
}

/***********************************************
estructura
***********************************************/

div.envoltori-general-1 {
background:transparent url(../images/fons-envoltori-1.jpg) 0 0 repeat-x;
}

div.envoltori-general-2 {
width:1000px;
margin:0 auto;
padding:1px 0;
background:transparent url(../images/fons-envoltori-2.jpg) 0 0 no-repeat;
}

div.capcalera {
margin:7px auto 6px auto;
width:799px;
background:white url(../images/fons-caixa-inferior.gif) left bottom no-repeat;
overflow:hidden;
}
	
	div.capcalera h1 {
	float:left;
	width:198px;
	}
	
	div.capcalera div.navegacio-general {
	float:right;
	width:601px;
	padding-top:22px;
	padding-bottom:7px;
	background:transparent url(../images/fons-navegacio-general.gif) right top no-repeat;
	font-size:91.7%;
	}
	
	div.navegacio-general div.brcm-navigation {float:left;}
	
		div.capcalera div.navegacio-general div.primer-nivell {
		background:#171717 url(../images/fons-navegacio-primer-nivell.jpg) left bottom repeat-x;
		float:left;
		width:601px;
		padding-top:9px;
		}
		
			div.capcalera div.navegacio-general div.primer-nivell span {
			float:left;
			/*border-right:1px solid #666666;*/
			padding:5px 15px 27px 15px;
			}
			
				div.capcalera div.navegacio-general div.primer-nivell span a {
				color:#DFDFDF;
				text-decoration:none;
				float:left;
				border-bottom:2px solid #666666;
				padding-bottom:5px;
				}
				
					div.capcalera div.navegacio-general div.primer-nivell span a:hover {
					border-bottom-color:#F96C0F;
					color:white;
					}
					
			/* quan està activat */
			div.capcalera div.navegacio-general div.primer-nivell span.brcm-active-node,
			div.capcalera div.navegacio-general div.primer-nivell span.brcm-current-node {
			background:transparent url(../images/fons-vincle-segon-nivell-activat.gif) bottom center no-repeat;
			}
			
				div.capcalera div.navegacio-general div.primer-nivell span.brcm-active-node a {
				color:white;
				font-weight:bold;
				border-bottom-color:#F96C0F;
				}
					
		div.capcalera div.navegacio-general div.segon-nivell {
		padding-left:15px;
		float:left;
		width:586px;
		}
		
			div.capcalera div.navegacio-general div.segon-nivell span {
			background:transparent url(../images/separador-vincles-navegacio-segon-nivell.gif) right bottom no-repeat;
			padding-right:11px;
			margin-right:10px;
			float:left;
			}
			
				div.capcalera div.navegacio-general div.segon-nivell span.brcm-last-item {
				background-image:none;
				margin-right:0;
				padding-right:0;
				}
		
			div.capcalera div.navegacio-general div.segon-nivell a {
			color:#1D1D1D;
			text-decoration:none;	
			float:left;
			padding-top:3px;		
			}
			
				div.capcalera div.navegacio-general div.segon-nivell a:hover {
				text-decoration:underline;
				}
			
				div.capcalera div.navegacio-general div.segon-nivell span.brcm-current-node a,
				div.capcalera div.navegacio-general div.segon-nivell span.brcm-active-node a {
				font-weight:bold;
				color:#F96C0F;
				}

div.accessos-directes-1 {
margin:0 auto 6px auto;
width:799px;
background:white url(../images/fons-caixa-superior.gif) left top no-repeat;
}

	div.accessos-directes-2 {
	padding:5px;
	width:789px;
	overflow:hidden;
	background:transparent url(../images/fons-caixa-inferior.gif) left bottom no-repeat;
	}
	
	div.accessos-directes-2 div.en-directe {
	float:left;
	width:390px;
	height:119px;
	background:transparent url(../images/fons-radio-en-directe.jpg) 0 0 no-repeat;
	}
	
	div.accessos-directes-2 div.a-la-carta {
	float:right;
	width:390px;
	height:119px;
	background:transparent url(../images/fons-radio-a-la-carta.jpg) 0 0 no-repeat;
	}
	
	div.accessos-directes-2 h2,
	div.accessos-directes-2 p {
	margin:0 30px 0 140px;
	color:white;
	}
	
		div.accessos-directes-2 h2 {
		padding-top:30px;
		padding-bottom:5px;
		font-size:233%;
		font-weight:bold;
		}
		
		div.accessos-directes-2 p {
		font-size:91%;
		}
		
		div.accessos-directes-2 a {
		color:white;
		text-decoration:none;
		}
		
			div.accessos-directes-2 a:hover {text-decoration:underline}

div.continguts-1 {
margin:0 auto 6px auto;
width:799px;
background:white url(../images/fons-caixa-superior.gif) left top no-repeat;
}

	div.continguts-2 {
	padding-bottom:14px;
	padding-left:15px;
	background:transparent url(../images/fons-caixa-continguts-inferior.gif) left bottom no-repeat;
	}
	
		div.continguts-3 {
		background:transparent url(../images/microfon.jpg) right bottom no-repeat;
		padding-right:15px;
		}
		
			div.continguts-4 {
			background:transparent url(../images/fons-continguts-3.gif) 0 0 repeat-y;
			width:100%;
			overflow:hidden;
			min-height:400px;
			line-height:145%;
			padding:15px 0;
			}
				
				div.continguts-4 div.textos {
				width:570px;
				float:left;
				}			
					
				div.continguts-4 div.banners {
				width:170px;
				float:right;
				padding-bottom:132px;
				}
				
				div.continguts-4 div.banners a {
				display:block;
				margin-bottom:15px;
				}

/* Vista model sense banners */

div.continguts-1.sense-banners div.continguts-3,
div.continguts-1.sense-banners div.continguts-4 {
background-image:none;
}

div.continguts-1.sense-banners div.textos {
float:none;
width:auto;
background-image:none;
}

/* Peu */
div.peu-de-pagina {
margin:0 auto 6px auto;
width:800px;
overflow:hidden;
height:30px;
line-height:30px;
background:transparent url(../images/fons-peu-de-pagina.jpg) 0 0 no-repeat;
font-size:83.3%;
color:white;
}

	div.peu-de-pagina strong {
	font-weight:bold;
	font-size:109%;
	}
	
	div.peu-de-pagina a {
	text-decoration:none;
	color:#393939;
	}

	div.peu-de-pagina p.domini {
	float:left;
	padding-left:15px;
	}
	
	div.peu-de-pagina p.adreca {
	float:right;
	padding-right:15px;
	}

div.firma {
margin:0 auto 6px auto;
width:800px;
font-size:83.3%;
color:#666666;
text-align:right;
}

	div.firma a {
	color:#666666;
	text-decoration:none;
	}

/***********************************************
estils text
***********************************************/

/* títols */
div.continguts-1 h1,
div.continguts-1 h4,
div.continguts-1 h5 {
line-height:normal;
}

div.continguts-1 h1 {
font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
font-size:208%;
font-weight:bold;
margin-bottom:10px;
}

div.continguts-1 h4 {
font-size:125%;
font-weight:bold;
color:#F96C0F;
margin-top:10px;
margin-bottom:5px;
}

/* paràgrafs i llistes */
div.continguts-1 p,
div.continguts-1 ol,
div.continguts-1 ul,
div.continguts-1 .hasMargin {
margin-top:0;
margin-bottom:10px;
}

div.continguts-1 ul li {
background:transparent url(../images/punt-llista-1.gif) 0 3px no-repeat;
padding-left:15px;
margin-bottom:5px;
}

div.continguts-1 a {
color:#F96C0F;
}

/* imatges */
img.Foto {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:3px;
}

	a:hover img.Foto {
	border-color:#F96C0F;
	color:#F96C0F;
	}
	
div.continguts-1 p.FotoPeu {
color:#666666;
margin:3px 0 0 0;
font-size:91%;
}

/* formularis */

form.formulari div.camp {
margin:15px 0;
}

	form.formulari div.camp div.titol {
	font-weight:bold;
	margin-bottom:3px;
	}

form.formulari div.camp span.requerit {
color:red;
}

form.formulari div.camp div.errors {
color:red;
font-size:91%;
}

form.formulari div.avis-legal {
font-size:91%;
}

form.formulari input,
form.formulari textarea {
font-family:inherit;
font-size:inherit;
}

/***********************************************
mòduls
***********************************************/

/* programes */
div.brcm-radio-module ul.brcm-list-of-programs li {
padding:0 !important;
margin-bottom:5px !important;
background-image:none;
width:100%;
overflow:hidden;
}

	div.brcm-radio-module ul.brcm-list-of-programs li a.brcm-thumbnail {
	float:left;
	margin-right:12px;
	}
	
		div.brcm-radio-module ul.brcm-list-of-programs li a.brcm-thumbnail img {
		background-color:#FFFFFF;
		border:1px solid #CCCCCC;
		padding:3px;
		}
		
			div.brcm-radio-module ul.brcm-list-of-programs li a.brcm-thumbnail:hover img {
			border-color:#F96C0F;
			color:#F96C0F;
			}
	
	div.brcm-radio-module ul.brcm-list-of-programs li a.brcm-title {
	font-size:116%;
	font-weight:bold;
	}
	
	div.brcm-radio-module ul.brcm-list-of-programs li div.brcm-description {
	margin-top:5px;
	}
	
div.brcm-radio-module div.brcm-program-detail div.brcm-thumbnail {
float:left;
margin-right:12px;
}

div.brcm-radio-module div.brcm-program-detail div.brcm-thumbnail img {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:3px;
}

div.brcm-radio-module div.brcm-program-detail div.brcm-past-editions {
clear:left;
padding-top:12px;
}

div.brcm-radio-module div.brcm-program-detail div.brcm-past-editions h4 {
padding-top:12px;
margin-top:0;
background:transparent url(../images/fons-puntejat-1.gif) 0 0 repeat-x;
}

div.brcm-radio-module div.brcm-program-detail div.brcm-past-editions li {
margin-bottom:10px;
}

div.brcm-radio-module div.brcm-program-detail div.brcm-past-editions span.brcm-date {
font-size:91%;
color:#666666;
margin-right:3px;
}

/* reproductor */
div.envoltori-reproductor {
height:100%;
background-color:#292929;
}

div.envoltori-reproductor div.brcm-radio-module {
padding:15px;
}

div.envoltori-reproductor div.brcm-radio-module div.brcm-listen {
margin:0px auto;
width:373px;
text-align:center;
background:white url(../images/fons-reproductor-1.gif) left bottom no-repeat;
}

div.brcm-listen div.brcm-program-info {
background:transparent url(../images/fons-reproductor-2.gif) left top no-repeat;
padding-top:55px;
}

div.brcm-listen div.brcm-program-info h1 {
background-color:#F96706;
font-size:150%;
color:white;
padding:5px 15px;
}

div.brcm-listen div.brcm-program-info h2 {
background-color:#F96706;
font-size:125%;
color:#663300;
padding:0 15px 5px 15px;
font-weight:bold;
}

div.brcm-listen div.brcm-program-info div.brcm-edition-author,
div.brcm-listen div.brcm-program-info div.brcm-edition-description {
font-size:91%;
margin:5px 15px;
text-align:left;
}

div.brcm-listen div#brcm-player {
margin-top:5px;
padding:5px 10px 10px 10px;
text-align:center;
}