/* CSS Document */

body
{
	background: #535458;
}

div#fons
{
/*	background: url(../imatges/background_3.jpg) 20px top no-repeat;*/
	background: url(../imatges/BackgroundGeneral.gif) 0px top repeat-y;
/*	height: 850px;	*/
}

div#fons2
{
	width: 950px;
	padding: 15px;
}

img, #fons, {
   behavior: url("../js/pngbehavior.htc");
}

#custom-doc {
	margin:auto;text-align:left; /* leave unchanged */
	width:73.074em;*width:71.313em;
	margin-left: 40px;
}

#grisfosc {
	width:73.074em;*width:71.313em;
	margin-left: 0px;
}


/*
#custom-doc {
	margin:auto;text-align:left; // leave unchanged 
	width:80.77em;// non-IE 
	*width:78.82em;// IE 
	min-width:1050px; // optional but recommended 
}
*/

div.webcentrada
{
	padding-top: 15px;
	float: left;
	padding-left: 35px;
}

div.capcalerapagina
{
	text-align: left;
}

div.peupagina
{
	background: url(../imatges/BackgroundGrisGeneral.gif) 0px top repeat-y;
	padding-left: 250px;
	color: #979B9F;
	font-size: 90%;
}

div.peupagina a
{
	color: white;
	text-decoration: none;
}

div.peupagina a:hover
{
	text-decoration: underline
}

div#directePlayer
{
	float:left;
	display: block;
	margin-left: 300px;
	background: url(../imatges/DirecteBackground.gif) left top no-repeat;
}

div.cosgeneral
{

}

div.columnaprincipal ul
{
	font-family:Arial, Helvetica, sans-serif;
	
	margin-bottom: 20px;
	width: 195px;
}

div.columnaprincipal ul li a
{
	padding-left: 20px;
	padding-top: 3px;
	font-weight: bold;
	font-size: 110%;
	color: white;
	display: block;
	text-decoration: none;
	

}

div.columnaprincipal ul li a:hover
{
	
	background: url(../imatges/prova.gif);
}

div#topten
{
	width: 195px;
	background: url(../imatges/TopBackground.gif) left top repeat-y;
}

div#topten ul
{
	margin:0;
	padding:0;
	padding-left: 10px;
	font-size: 80%;
}

div#topten ul li
{
	list-style-image: url(../imatges/flextaTopUp.png);
	margin-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div#topten span.grup
{
	display:block;
	font-weight: bold;
}

div#topten span.canco
{
	padding-left: 10px;
	color: white;
	font-weight: bold;
}

div.bannerdestacat
{
	margin-top: 10px;
}

div.homeContainer h1
{
	color: #333300;
	font-size: 150%;
	font-weight: bold;
}

div.bannerContainer h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #663300;
	padding: 5px;
	font-size: 85%;
	font-weight:bold;
}

div.bannerContainer
{
	width: 189px;
	padding: 10px;
	background: url(../imatges/BannerBackground.gif) left top repeat-y;
	height:228px;
}

div.bannerContainer .mesinfo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	color: black;
	font-size: 85%;
}

div.bannerContainer .mesinfo a
{
	font-weight: bold;
	color: white;
	text-decoration: none;
}

div.bannerContainer .mesinfo a:hover
{
	text-decoration: underline;
}

div#zonaelter
{
 background: url(../imatges/FonsTicker.gif) bottom right;
 width:183px;
 height: 50px;
 padding-left: 5px;
}

.rss 
{
 	font-weight: bold;
	color: #6a4b01;
	text-decoration: none;
}

.rss:hover
{
 	font-weight: bold;
	color: #003399;	
}

ul.menu_principal li a
{
 	font-weight: bold;
	color: #003399;	
}

h2.arafem
{
	height: 35px;
}

h3.arafem-subhead
{
	height: 20px;
}