/* --------------------------------------------------	*/
/* Full d'estils en cascada per Sant Benet Campanya	 	*/
/* autor: keepU						   						 							*/
/* data: 01/2008		 			   						 							*/
/* -------------------------------------------------- */

/******************************
*	ESTILS PER ALS TAGS DEFAULT
******************************/

*{
	margin:0px;
	padding:0px;
	border:none;
	text-decoration:none;
	background:transparent;
	color:#ffffff;
	font-family:Book Antiqua, Times, Arial, Helvetica, sans-serif;
	font-size:16px;
}

body{
	 background:#382923 url('../img/bgBody.gif') repeat-y top center;	 	 
}

/*************************************
* ESTILS PER AL CONTENIDOR PRINCIPAL
*************************************/

div.contenidorPrincipal{
	width:684px;
	margin:auto;
	margin-top:50px;
}

/**************************
* ESTILS PER ALS TITULARS
**************************/

div.contenidorPrincipal p.titularWeb{
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	font-size:30px;
	font-weight:normal;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	line-height:28px;
}
div.contenidorPrincipal p.paragrafWeb{
	margin-top:15px;
	line-height:19px;
}
div.contenidorPrincipal p.titularCampanya{
	margin-top:15px;
	font-size:22px;
}
div.contenidorPrincipal p.titularCampanya img{
	padding-left:10px;
}

/**********************************
* ESTILS PER AL LLISTAT DE VIDEOS
**********************************/

div.contenidorPrincipal ul.llistatVideos{
	display:block;
	margin-top:3px;
	text-align:center;
}
div.contenidorPrincipal ul.llistatVideos li{
	list-style:none;
	display:inline;
	float:left;
	padding-right:12px;	
	margin-top:7px;
}

/********************************
* ESTILS PER AL MODUL DE PREMSA
********************************/

div.modulPremsa{
	float:left;
}
div.modulPremsa div.blocPremsaVisual{
	width:510px;
	float:left;
}
div.modulPremsa div.blocPremsaOnline{
	width:170px;
	float:right;
}

/***********************************************************
* ESTILS PER AL LLISTAT DE ITEMS DE PREMSA I PREMSA ONLINE
***********************************************************/

div.contenidorPrincipal ul.llistatPremsa{
	display:block;
	margin-top:10px;
	float:left;
}
div.contenidorPrincipal ul.llistatPremsa li{
	list-style:none;
	width:100px;
	float:left;
	line-height:19px;
}
div.contenidorPrincipal ul.llistatPremsaOnline{
	display:block;
	margin-top:10px;
}
div.contenidorPrincipal ul.llistatPremsaOnline li{
	list-style:none;
	line-height:19px;
}
div.contenidorPrincipal ul.llistatPremsaOnline li a:hover{
	text-decoration:underline;
}

/*******************************
* ESTILS PER AL MODUL DE RADIO
*******************************/

div.modulRadio{
	float:left;
}
div.modulRadio div.blocRadio{
	width:170px;
	float:left;
}
div.modulRadio div.blocRadioPlayers{
	width:510px;
	float:left;
}

/**********************************************************
* ESTILS PER AL LLISTAT DE ITEMS DE RADIO I RADIO PLAYERS
**********************************************************/

div.contenidorPrincipal ul.llistatRadio{
	display:block;
	margin-top:10px;
}
div.contenidorPrincipal ul.llistatRadio li{
	list-style:none;
	line-height:19px;
}
div.contenidorPrincipal ul.llistatRadio li a:hover{
	text-decoration:underline;
}
div.contenidorPrincipal ul.llistatRadioPlayers{
	display:block;
	margin-top:35px;
	float:left;
}
div.contenidorPrincipal ul.llistatRadioPlayers li{
	list-style:none;
	float:left;
	width:134px;
	padding-right:20px;
}
div.contenidorPrincipal ul.llistatRadioPlayers li div.radioPlayer{
	width:134px;
	height:29px;
	background:#382923 url('../img/radioPlayer.gif') no-repeat top left;
	margin-top:20px;
}
div.contenidorPrincipal ul.llistatRadioPlayers li span.peuPlayer{
	display:block;
	width:135px;
	margin-top:5px;
	line-height:19px;
}

/*************************************************************************
* ESTILS PER AL CONTENIDOR FLASH DE LA PAGINA PLAYER (MISSATGE NO FLASH)
*************************************************************************/

div#contenedorFlash p{
	border:1px solid #ffffff;
	width:190px;
	text-align:center;
	padding:20px;
	margin:auto;
	margin-top:50px;
}

div#contenedorFlash p a{
	text-decoration:underline;

}
div#contenedorFlash p a:hover{
	text-decoration:underline;
}

/*************************************
* ESTILS PER A UN SEPARADOR AL FINAL
*************************************/

div.separador{
	height:40px;
	clear:both;
}